@uiw/react-color-editable-input - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

cjs/index.js

 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-
 Object.defineProperty(exports, "__esModule", {
@@ -11,43 +9,32 @@ value: true
 exports["default"] = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["prefixCls", "placement", "label", "value", "className", "style", "labelStyle", "inputStyle", "onChange", "onBlur"];
-
 var validHex = function validHex(hex) {
   return /^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(hex);
 };
-
 var getNumberValue = function getNumberValue(value) {
   return Number(String(value).replace(/%/g, ''));
 };
-
 var EditableInput = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var _props$prefixCls = props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? 'w-color-editable-input' : _props$prefixCls,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottom' : _props$placement,
-      label = props.label,
-      initValue = props.value,
-      className = props.className,
-      style = props.style,
-      labelStyle = props.labelStyle,
-      inputStyle = props.inputStyle,
-      onChange = props.onChange,
-      onBlur = props.onBlur,
-      other = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    prefixCls = _props$prefixCls === void 0 ? 'w-color-editable-input' : _props$prefixCls,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottom' : _props$placement,
+    label = props.label,
+    initValue = props.value,
+    className = props.className,
+    style = props.style,
+    labelStyle = props.labelStyle,
+    inputStyle = props.inputStyle,
+    onChange = props.onChange,
+    onBlur = props.onBlur,
+    other = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useState = (0, _react.useState)(initValue),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   var isFocus = (0, _react.useRef)(false);
@@ -61,17 +48,13 @@ (0, _react.useEffect)(function () {
   }, [props.value]);
-
   function handleChange(evn, valInit) {
     var value = valInit || evn.target.value;
-
     if (validHex(value)) {
       onChange && onChange(evn, value);
     }
-
     var val = getNumberValue(value);
-
     if (!isNaN(val)) {
       onChange && onChange(evn, val);
     }
-
-    setValue(value); // setValueProps(value);
+    setValue(value);
+    // setValueProps(value);
   }
@@ -84,17 +67,12 @@
   }
-
   var placementStyle = {};
-
   if (placement === 'bottom') {
     placementStyle['flexDirection'] = 'column';
   }
-
   if (placement === 'top') {
     placementStyle['flexDirection'] = 'column-reverse';
   }
-
   if (placement === 'left') {
     placementStyle['flexDirection'] = 'row-reverse';
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -138,3 +116,2 @@ className: [prefixCls, className || ''].filter(Boolean).join(' '),
 });
-
 EditableInput.displayName = 'EditableInput';
@@ -141,0 +118,0 @@ var _default = EditableInput;

esm/index.js

@@ -8,22 +8,18 @@ import _extends from "@babel/runtime/helpers/extends";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var validHex = hex => /^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(hex);
-
 var getNumberValue = value => Number(String(value).replace(/%/g, ''));
-
 var EditableInput = /*#__PURE__*/React.forwardRef((props, ref) => {
   var {
-    prefixCls = 'w-color-editable-input',
-    placement = 'bottom',
-    label,
-    value: initValue,
-    className,
-    style,
-    labelStyle,
-    inputStyle,
-    onChange,
-    onBlur
-  } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      prefixCls = 'w-color-editable-input',
+      placement = 'bottom',
+      label,
+      value: initValue,
+      className,
+      style,
+      labelStyle,
+      inputStyle,
+      onChange,
+      onBlur
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   var [value, setValue] = useState(initValue);
@@ -38,17 +34,13 @@ var isFocus = useRef(false);
   }, [props.value]);
-
   function handleChange(evn, valInit) {
     var value = valInit || evn.target.value;
-
     if (validHex(value)) {
       onChange && onChange(evn, value);
     }
-
     var val = getNumberValue(value);
-
     if (!isNaN(val)) {
       onChange && onChange(evn, val);
     }
-
-    setValue(value); // setValueProps(value);
+    setValue(value);
+    // setValueProps(value);
   }
@@ -61,17 +53,12 @@
   }
-
   var placementStyle = {};
-
   if (placement === 'bottom') {
     placementStyle['flexDirection'] = 'column';
   }
-
   if (placement === 'top') {
     placementStyle['flexDirection'] = 'column-reverse';
   }
-
   if (placement === 'left') {
     placementStyle['flexDirection'] = 'row-reverse';
   }
-
   return /*#__PURE__*/_jsxs("div", {
@@ -78,0 +65,0 @@ className: [prefixCls, className || ''].filter(Boolean).join(' '),

package.json

 {
   "name": "@uiw/react-color-editable-input",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Color Editable Input",
@@ -38,4 +38,4 @@ "author": "Kenny Wong <[e-mail]>",
   "dependencies": {
-    "@babel/runtime": "~7.18.0"
+    "@babel/runtime": "~7.19.0"
   }
 }

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

Lines of code

346

increased by0.58%

Worsened metrics

Total package byte prevSize

28096

decreased by-0.52%

Dependency changes

• + Added@babel/runtime@7.19.4(transitive)

• - Removed@babel/runtime@7.18.9(transitive)

• Updated@babel/runtime@~7.19.0