@s-ui/react-atom-checkbox - npm Package Compare versions

Comparing version 3.1.0 to 3.2.0

lib/CheckboxIcon.js

@@ -6,11 +6,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var CheckboxIcon = function CheckboxIcon(_ref) {
   var disabled = _ref.disabled,
-      size = _ref.size,
-      status = _ref.status,
-      onClick = _ref.onClick,
-      SVGIcon = _ref.icon,
-      checked = _ref.checked,
-      indeterminate = _ref.indeterminate;
+    size = _ref.size,
+    status = _ref.status,
+    onClick = _ref.onClick,
+    SVGIcon = _ref.icon,
+    checked = _ref.checked,
+    indeterminate = _ref.indeterminate;
   var buttonRef = useRef();
@@ -41,4 +40,3 @@ if (!SVGIcon) return null;
 };
-
 CheckboxIcon.displayName = 'CheckboxIcon';
 export default CheckboxIcon;

lib/config.js

@@ -15,7 +15,6 @@ import cx from 'classnames';
   var _cx;
-
   var size = _ref.size,
-      checked = _ref.checked,
-      disabled = _ref.disabled,
-      indeterminate = _ref.indeterminate;
+    checked = _ref.checked,
+    disabled = _ref.disabled,
+    indeterminate = _ref.indeterminate;
   return cx(CLASS_ICON, (_cx = {}, _cx[CLASS_ICON + "--" + size] = Object.values(CHECKBOX_SIZES).includes(size), _cx['is-checked'] = checked, _cx['is-disabled'] = disabled, _cx['is-indeterminate'] = indeterminate, _cx));
@@ -25,4 +24,3 @@ };
   var checked = _ref2.checked,
-      indeterminate = _ref2.indeterminate;
-
+    indeterminate = _ref2.indeterminate;
   if (checked) {
@@ -33,3 +31,2 @@ return 'true';
   }
-
   return 'false';
@@ -39,7 +36,7 @@ };
   var checked = _ref3.checked,
-      indeterminate = _ref3.indeterminate;
+    indeterminate = _ref3.indeterminate;
   var CheckedIcon = _ref4.CheckedIcon,
-      UncheckedIcon = _ref4.UncheckedIcon,
-      IndeterminateIcon = _ref4.IndeterminateIcon,
-      Icon = _ref4.Icon;
+    UncheckedIcon = _ref4.UncheckedIcon,
+    IndeterminateIcon = _ref4.IndeterminateIcon,
+    Icon = _ref4.Icon;
   if (checked && !CheckedIcon && !Icon) return true;else if (!checked && indeterminate && !IndeterminateIcon && !Icon) return true;else if (!checked && !indeterminate && !UncheckedIcon && !Icon) return true;
@@ -50,4 +47,4 @@ return false;
   var readOnly = _ref5.readOnly,
-      disabled = _ref5.disabled,
-      isNative = _ref5.isNative;
+    disabled = _ref5.disabled,
+    isNative = _ref5.isNative;
   if (disabled) return {};else if (readOnly && isNative) {
@@ -66,15 +63,12 @@ return {
   var isNative = _ref6.isNative,
-      checked = _ref6.checked,
-      indeterminate = _ref6.indeterminate;
+    checked = _ref6.checked,
+    indeterminate = _ref6.indeterminate;
   var CheckedIcon = _ref7.CheckedIcon,
-      UncheckedIcon = _ref7.UncheckedIcon,
-      IndeterminateIcon = _ref7.IndeterminateIcon,
-      Icon = _ref7.Icon;
-
+    UncheckedIcon = _ref7.UncheckedIcon,
+    IndeterminateIcon = _ref7.IndeterminateIcon,
+    Icon = _ref7.Icon;
   if (isNative) {
     return null;
   }
-
   var ResultingIcon = Icon || CheckedIcon;
-
   if (!checked) {
@@ -87,3 +81,2 @@ if (indeterminate) {
   }
-
   return ResultingIcon;
@@ -93,12 +86,9 @@ };
   var _ref8$isIndeterminate = _ref8.isIndeterminate,
-      isIndeterminate = _ref8$isIndeterminate === void 0 ? false : _ref8$isIndeterminate,
-      _ref8$isChecked = _ref8.isChecked,
-      isChecked = _ref8$isChecked === void 0 ? false : _ref8$isChecked;
-
+    isIndeterminate = _ref8$isIndeterminate === void 0 ? false : _ref8$isIndeterminate,
+    _ref8$isChecked = _ref8.isChecked,
+    isChecked = _ref8$isChecked === void 0 ? false : _ref8$isChecked;
   if (!element) {
     return;
   }
-
   var indeterminate = element.indeterminate;
-
   if (isIndeterminate !== indeterminate) {
@@ -108,3 +98,2 @@ element.indeterminate = isChecked ? false : isIndeterminate;
   }
-
   return undefined;
@@ -111,0 +100,0 @@ };

lib/index.js

@@ -15,34 +15,31 @@ import _extends from "@babel/runtime/helpers/esm/extends";
   var _ref$defaultChecked = _ref.defaultChecked,
-      defaultCheckedProp = _ref$defaultChecked === void 0 ? false : _ref$defaultChecked,
-      checkedProp = _ref.checked,
-      CheckedIcon = _ref.checkedIcon,
-      UncheckedIcon = _ref.uncheckedIcon,
-      disabled = _ref.disabled,
-      readOnlyProp = _ref.readOnly,
-      id = _ref.id,
-      _ref$defaultIndetermi = _ref.defaultIndeterminate,
-      defaultIndeterminateProp = _ref$defaultIndetermi === void 0 ? false : _ref$defaultIndetermi,
-      indeterminateProp = _ref.indeterminate,
-      IndeterminateIcon = _ref.indeterminateIcon,
-      IconProp = _ref.icon,
-      name = _ref.name,
-      onChangeFromProps = _ref.onChange,
-      status = _ref.status,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? CHECKBOX_SIZES.MEDIUM : _ref$size,
-      value = _ref.value,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    defaultCheckedProp = _ref$defaultChecked === void 0 ? false : _ref$defaultChecked,
+    checkedProp = _ref.checked,
+    CheckedIcon = _ref.checkedIcon,
+    UncheckedIcon = _ref.uncheckedIcon,
+    disabled = _ref.disabled,
+    readOnlyProp = _ref.readOnly,
+    id = _ref.id,
+    _ref$defaultIndetermi = _ref.defaultIndeterminate,
+    defaultIndeterminateProp = _ref$defaultIndetermi === void 0 ? false : _ref$defaultIndetermi,
+    indeterminateProp = _ref.indeterminate,
+    IndeterminateIcon = _ref.indeterminateIcon,
+    IconProp = _ref.icon,
+    nameProp = _ref.name,
+    onChangeFromProps = _ref.onChange,
+    status = _ref.status,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? CHECKBOX_SIZES.MEDIUM : _ref$size,
+    value = _ref.value,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var inputRef = useRef();
-
   var _useControlledState = useControlledState(checkedProp, defaultCheckedProp),
-      checked = _useControlledState[0],
-      setChecked = _useControlledState[1],
-      isCheckedControlled = _useControlledState[2];
-
+    checked = _useControlledState[0],
+    setChecked = _useControlledState[1],
+    isCheckedControlled = _useControlledState[2];
+  var name = nameProp || id;
   var _useControlledState2 = useControlledState(indeterminateProp, defaultIndeterminateProp),
-      indeterminate = _useControlledState2[0],
-      setIndeterminate = _useControlledState2[1],
-      isIndeterminateControlled = _useControlledState2[2];
-
+    indeterminate = _useControlledState2[0],
+    setIndeterminate = _useControlledState2[1],
+    isIndeterminateControlled = _useControlledState2[2];
   var ref = useMergeRefs(function (node) {
@@ -79,3 +76,2 @@ return updateStatus(node, {
   });
-
   var handleChange = function handleChange(ref) {
@@ -85,7 +81,6 @@ return function (event) {
         var _event$target = event.target,
-            _name = _event$target.name,
-            _value = _event$target.value;
+          _name = _event$target.name,
+          _value = _event$target.value;
         var newChecked = isControlled ? indeterminate || !checked : event.target.checked;
         var newIndeterminate = false;
-
         if (!isControlled) {
@@ -95,3 +90,2 @@ setChecked(newChecked);
         }
-
         if (readOnlyProp) {
@@ -104,3 +98,2 @@ newChecked = checked;
         }
-
         isFunction(onChangeFromProps) && onChangeFromProps(event, {
@@ -116,3 +109,2 @@ name: _name,
   };
-
   var handleClick = function handleClick(ref) {
@@ -122,7 +114,5 @@ return function (event) {
       event.stopPropagation();
-
       if (!disabled) {
         var newChecked = indeterminate || !checked;
         var newIndeterminate = false;
-
         if (!isControlled) {
@@ -132,3 +122,2 @@ setChecked(newChecked);
         }
-
         if (readOnlyProp) {
@@ -141,3 +130,2 @@ newChecked = checked;
         }
-
         isFunction(onChangeFromProps) && onChangeFromProps(event, {
@@ -153,3 +141,2 @@ name: name,
   };
-
   return /*#__PURE__*/_jsxs("label", {
@@ -156,0 +143,0 @@ className: cx(BASE_CLASS, BASE_CLASS + "--native-" + (isNative ? 'enabled' : 'disabled'), BASE_CLASS + "--size-" + size),

package.json

 {
   "name": "@s-ui/react-atom-checkbox",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

No alert changes

Improved metrics

Lines of code

299

increased by0.34%

Worsened metrics

Total package byte prevSize

24946

decreased by-0.38%

No dependency changes