Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@uiw/react-color-colorful

Package Overview
Dependencies
Maintainers
1
Versions
71
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@uiw/react-color-colorful - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

35

lib/index.js

@@ -7,8 +7,10 @@ "use strict";

exports.__esModule = true;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

@@ -33,5 +35,5 @@ var _react = _interopRequireDefault(require("react"));

color = _ref.color,
props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _extends2["default"])({}, props, {
style: (0, _extends2["default"])({
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
style: (0, _objectSpread2["default"])({
height: 28,

@@ -43,3 +45,3 @@ width: 28,

borderRadius: '50%',
background: "url(" + _reactColorAlpha.BACKGROUND_IMG + ")",
background: "url(".concat(_reactColorAlpha.BACKGROUND_IMG, ")"),
backgroundColor: '#fff',

@@ -67,3 +69,3 @@ border: '2px solid #fff',

style = props.style,
other = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded2);
other = (0, _objectWithoutProperties2["default"])(props, _excluded2);
var hsva = typeof color === 'string' && (0, _colorConvert.validHex)(color) ? (0, _colorConvert.hexToHsva)(color) : color || {};

@@ -75,10 +77,10 @@

return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _extends2["default"])({
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
ref: ref,
style: (0, _extends2["default"])({
style: (0, _objectSpread2["default"])({
width: 200,
position: 'relative'
}, style)
}, other, {
className: prefixCls + " " + (className || ''),
}, other), {}, {
className: "".concat(prefixCls, " ").concat(className || ''),
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactColorSaturation["default"], {

@@ -108,3 +110,3 @@ hsva: hsva,

onChange: function onChange(newColor) {
return handleChange((0, _extends2["default"])({}, hsva, newColor));
return handleChange((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, hsva), newColor));
}

@@ -116,3 +118,3 @@ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactColorHue["default"], {

onChange: function onChange(newHue) {
return handleChange((0, _extends2["default"])({}, hsva, newHue));
return handleChange((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, hsva), newHue));
},

@@ -125,3 +127,3 @@ pointer: function pointer(_ref3) {

},
color: "hsl(" + (hsva.h || 0) + "deg 100% 50%)"
color: "hsl(".concat(hsva.h || 0, "deg 100% 50%)")
});

@@ -144,3 +146,3 @@ }

onChange: function onChange(newAlpha) {
return handleChange((0, _extends2["default"])({}, hsva, newAlpha));
return handleChange((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, hsva), newAlpha));
}

@@ -154,3 +156,2 @@ })]

exports["default"] = _default;
module.exports = exports.default;
//# sourceMappingURL=index.js.map
{
"name": "@uiw/react-color-colorful",
"version": "1.0.0",
"version": "1.0.1",
"description": "Color Colorful",

@@ -33,10 +33,10 @@ "author": "Kenny Wong <wowohoo@qq.com>",

"dependencies": {
"@babel/runtime": "7.15.3",
"@babel/runtime": "7.15.4",
"@uiw/color-convert": "^1.0.0",
"@uiw/react-color-alpha": "^1.0.0",
"@uiw/react-color-hue": "^1.0.0",
"@uiw/react-color-saturation": "^1.0.0"
"@uiw/react-color-alpha": "^1.0.1",
"@uiw/react-color-hue": "^1.0.1",
"@uiw/react-color-saturation": "^1.0.1"
},
"devDependencies": {
"@types/react": "17.0.19",
"@types/react": "17.0.20",
"@types/react-dom": "17.0.9",

@@ -43,0 +43,0 @@ "@types/react-test-renderer": "17.0.1",

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc