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

Comparing version 1.2.0 to 1.2.1

cjs/index.js

@@ -71,6 +71,6 @@ "use strict";
   }, [color]);
-  var handleChange = (0, _react.useCallback)(function (hsv) {
+  var handleChange = function handleChange(hsv) {
     setHsva(hsv);
     onChange && onChange((0, _colorConvert.color)(hsv));
-  }, [hsva]);
+  };
   var handleHex = function handleHex(value, evn) {
@@ -81,2 +81,12 @@ if (typeof value === 'string' && (0, _colorConvert.validHex)(value) && /(3|6)/.test(String(value.length))) {
   };
+  var handleAlphaChange = function handleAlphaChange(newAlpha) {
+    return handleChange((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, hsva), {
+      a: newAlpha.a
+    }));
+  };
+  var handleSaturationChange = function handleSaturationChange(newColor) {
+    return handleChange((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, hsva), newColor), {}, {
+      a: hsva.a
+    }));
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
@@ -101,7 +111,3 @@ className: "".concat(prefixCls, " ").concat(className || ''),
         },
-        onChange: function onChange(newColor) {
-          return handleChange((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, hsva), newColor), {}, {
-            a: hsva.a
-          }));
-        }
+        onChange: handleSaturationChange
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -144,7 +150,3 @@ style: {
             },
-            onChange: function onChange(newAlpha) {
-              handleChange((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, hsva), {
-                a: newAlpha.a
-              }));
-            }
+            onChange: handleAlphaChange
           })]
@@ -195,2 +197,3 @@ }), !disableAlpha && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactColorAlpha["default"], {
         },
+        aProps: !disableAlpha ? {} : false,
         onChange: function onChange(result) {
@@ -197,0 +200,0 @@ return handleChange(result.hsva);

esm/index.js

 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["prefixCls", "className", "onChange", "width", "presetColors", "color", "editableDisable", "disableAlpha", "style"];
-import React, { useState, useCallback, Fragment } from 'react';
+import React, { useState, Fragment } from 'react';
 import Saturation from '@uiw/react-color-saturation';
@@ -55,6 +55,6 @@ import Alpha from '@uiw/react-color-alpha';
   }, [color]);
-  var handleChange = useCallback(hsv => {
+  var handleChange = hsv => {
     setHsva(hsv);
     onChange && onChange(handleColor(hsv));
-  }, [hsva]);
+  };
   var handleHex = (value, evn) => {
@@ -65,2 +65,8 @@ if (typeof value === 'string' && validHex(value) && /(3|6)/.test(String(value.length))) {
   };
+  var handleAlphaChange = newAlpha => handleChange(_extends({}, hsva, {
+    a: newAlpha.a
+  }));
+  var handleSaturationChange = newColor => handleChange(_extends({}, hsva, newColor, {
+    a: hsva.a
+  }));
   return /*#__PURE__*/_jsxs("div", _extends({}, other, {
@@ -85,5 +91,3 @@ className: prefixCls + " " + (className || ''),
         },
-        onChange: newColor => handleChange(_extends({}, hsva, newColor, {
-          a: hsva.a
-        }))
+        onChange: handleSaturationChange
       }), /*#__PURE__*/_jsxs("div", {
@@ -124,7 +128,3 @@ style: {
             },
-            onChange: newAlpha => {
-              handleChange(_extends({}, hsva, {
-                a: newAlpha.a
-              }));
-            }
+            onChange: handleAlphaChange
           })]
@@ -171,2 +171,3 @@ }), !disableAlpha && /*#__PURE__*/_jsx(Alpha, {
         },
+        aProps: !disableAlpha ? {} : false,
         onChange: result => handleChange(result.hsva)
@@ -173,0 +174,0 @@ })]

package.json

 {
   "name": "@uiw/react-color-sketch",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Color Sketch component for React.",
@@ -38,9 +38,9 @@ "homepage": "https://uiwjs.github.io/react-color/#/sketch",
   "dependencies": {
-    "@uiw/color-convert": "1.2.0",
-    "@uiw/react-color-alpha": "1.2.0",
-    "@uiw/react-color-editable-input": "1.2.0",
-    "@uiw/react-color-editable-input-rgba": "1.2.0",
-    "@uiw/react-color-hue": "1.2.0",
-    "@uiw/react-color-saturation": "1.2.0",
-    "@uiw/react-color-swatch": "1.2.0"
+    "@uiw/color-convert": "1.2.1",
+    "@uiw/react-color-alpha": "1.2.1",
+    "@uiw/react-color-editable-input": "1.2.1",
+    "@uiw/react-color-editable-input-rgba": "1.2.1",
+    "@uiw/react-color-hue": "1.2.1",
+    "@uiw/react-color-saturation": "1.2.1",
+    "@uiw/react-color-swatch": "1.2.1"
   },
@@ -47,0 +47,0 @@ "devDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

24836

increased by0.97%

Lines of code

642

increased by0.31%

Dependency changes

• + Added@uiw/color-convert@1.2.1(transitive)

• + Added@uiw/react-color-alpha@1.2.1(transitive)

• + Added@uiw/react-color-editable-input@1.2.1(transitive)

• + Added@uiw/react-color-editable-input-rgba@1.2.1(transitive)

• + Added@uiw/react-color-hue@1.2.1(transitive)

• + Added@uiw/react-color-saturation@1.2.1(transitive)

• + Added@uiw/react-color-swatch@1.2.1(transitive)

• + Added@uiw/react-drag-event-interactive@1.2.1(transitive)

• - Removed@uiw/color-convert@1.2.0(transitive)

• - Removed@uiw/react-color-alpha@1.2.0(transitive)

• - Removed@uiw/react-color-editable-input@1.2.0(transitive)

• - Removed@uiw/react-color-editable-input-rgba@1.2.0(transitive)

• - Removed@uiw/react-color-hue@1.2.0(transitive)

• - Removed@uiw/react-color-saturation@1.2.0(transitive)

• - Removed@uiw/react-color-swatch@1.2.0(transitive)

• - Removed@uiw/react-drag-event-interactive@1.2.0(transitive)

• Updated@uiw/color-convert@1.2.1

• Updated@uiw/react-color-alpha@1.2.1

• Updated@uiw/react-color-editable-input@1.2.1

• Updated@uiw/react-color-editable-input-rgba@1.2.1

• Updated@uiw/react-color-hue@1.2.1

• Updated@uiw/react-color-saturation@1.2.1

• Updated@uiw/react-color-swatch@1.2.1