@clayui/form - npm Package Compare versions

Comparing version 3.8.0 to 3.9.0

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+# [3.9.0](https://github.com/liferay/clay/compare/@clayui/form@3.8.0...@clayui/form@3.9.0) (2020-07-14)
+
+### Bug Fixes
+
+-   **@clayui/form:** Turns disableRTL and disableLTR optional props ([b0a0eea](https://github.com/liferay/clay/commit/b0a0eea))
+
+### Features
+
+-   **@clayui/form:** Adds `disableRTL` and `disableLTR` for handling if transfer buttons can be disabled or not leveraging more power to developer when trying to implement a maximum number of items for example and update storybook with a case for use `disable{LTR,RTL}` with maxItems like feature ([0556694](https://github.com/liferay/clay/commit/0556694))
+-   **@clayui/form:** Adds `leftMaxItems` and `rightMaxItems` properties for providing the user to limit the number of items that each select box can store ([30e70fe](https://github.com/liferay/clay/commit/30e70fe))
+
 # [3.8.0](https://github.com/liferay/clay/compare/@clayui/form@3.7.1...@clayui/form@3.8.0) (2020-05-21)
@@ -8,0 +19,0 @@

lib/Checkbox.js

@@ -20,3 +20,3 @@ "use strict";
 
-var ClayCheckbox = _react.default.forwardRef(function (_ref, _ref2) {
+var ClayCheckbox = /*#__PURE__*/_react.default.forwardRef(function (_ref, _ref2) {
   var checked = _ref.checked,
@@ -41,7 +41,7 @@ children = _ref.children,
 
-  return _react.default.createElement("div", _extends({}, containerProps, {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, containerProps, {
     className: (0, _classnames.default)('custom-control custom-checkbox', containerProps.className, {
       'custom-control-inline': inline
     })
-  }), _react.default.createElement("label", null, _react.default.createElement("input", _extends({}, otherProps, {
+  }), /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement("input", _extends({}, otherProps, {
     checked: checked,
@@ -57,5 +57,5 @@ className: (0, _classnames.default)('custom-control-input', className),
     type: "checkbox"
-  })), _react.default.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: "custom-control-label"
-  }, label && _react.default.createElement("span", {
+  }, label && /*#__PURE__*/_react.default.createElement("span", {
     className: "custom-control-label-text"
@@ -62,0 +62,0 @@ }, label)), children));

lib/DualListBox.d.ts

@@ -15,2 +15,4 @@ import React from 'react';
     };
+    disableRTL?: boolean;
+    disableLTR?: boolean;
     items: TItems;
@@ -17,0 +19,0 @@ onItemsChange: (val: TItems) => void;

lib/DualListBox.js

@@ -30,16 +30,20 @@ "use strict";
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
@@ -72,2 +76,4 @@
       className = _ref.className,
+      disableLTR = _ref.disableLTR,
+      disableRTL = _ref.disableRTL,
       items = _ref.items,
@@ -81,3 +87,3 @@ _ref$left = _ref.left,
       spritemap = _ref.spritemap,
-      otherProps = _objectWithoutProperties(_ref, ["ariaLabels", "className", "items", "left", "onItemsChange", "right", "size", "spritemap"]);
+      otherProps = _objectWithoutProperties(_ref, ["ariaLabels", "className", "disableLTR", "disableRTL", "items", "left", "onItemsChange", "right", "size", "spritemap"]);
 
@@ -105,7 +111,7 @@ var _React$useState = _react.default.useState(left.selected || []),
   var selectedIndexesRight = (0, _SelectBox.getSelectedIndexes)(rightItems, rightSelected);
-  return _react.default.createElement("div", _extends({}, otherProps, {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, otherProps, {
     className: (0, _classnames.default)(className, 'form-group')
-  }), _react.default.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "clay-dual-listbox"
-  }, _react.default.createElement(_SelectBox.default, {
+  }, /*#__PURE__*/_react.default.createElement(_SelectBox.default, {
     className: "clay-dual-listbox-item clay-dual-listbox-item-expand listbox-left",
@@ -124,8 +130,8 @@ id: left.id,
     value: leftSelected
-  }), _react.default.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "btn-group-vertical clay-dual-listbox-actions clay-dual-listbox-item"
-  }, _react.default.createElement(_button.ClayButtonWithIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_button.ClayButtonWithIcon, {
     "aria-label": ariaLabels.transferLTR,
     className: "transfer-button-ltr",
-    disabled: !leftSelected.length,
+    disabled: leftSelected.length === 0 || disableLTR,
     displayType: "secondary",
@@ -143,6 +149,6 @@ onClick: function onClick() {
     symbol: "caret-right"
-  }), _react.default.createElement(_button.ClayButtonWithIcon, {
+  }), /*#__PURE__*/_react.default.createElement(_button.ClayButtonWithIcon, {
     "aria-label": ariaLabels.transferRTL,
     className: "transfer-button-rtl",
-    disabled: !rightSelected.length,
+    disabled: rightSelected.length === 0 || disableRTL,
     displayType: "secondary",
@@ -160,3 +166,3 @@ onClick: function onClick() {
     symbol: "caret-left"
-  })), _react.default.createElement(_SelectBox.default, {
+  })), /*#__PURE__*/_react.default.createElement(_SelectBox.default, {
     className: "clay-dual-listbox-item clay-dual-listbox-item-expand listbox-right",
@@ -163,0 +169,0 @@ id: right.id,

lib/Form.js

@@ -22,3 +22,3 @@ "use strict";
 
-var Group = _react.default.forwardRef(function (_ref, ref) {
+var Group = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -29,3 +29,3 @@ className = _ref.className,
 
-  return _react.default.createElement("div", _extends({}, otherProps, {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, otherProps, {
     className: (0, _classnames.default)('form-group', {
@@ -40,3 +40,3 @@ 'form-group-sm': small
 
-var Text = _react.default.forwardRef(function (_ref2, ref) {
+var Text = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
@@ -46,3 +46,3 @@ className = _ref2.className,
 
-  return _react.default.createElement("div", _extends({}, otherProps, {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, otherProps, {
     className: (0, _classnames.default)('form-text', className),
@@ -55,3 +55,3 @@ ref: ref
 
-var FeedbackGroup = _react.default.forwardRef(function (_ref3, ref) {
+var FeedbackGroup = /*#__PURE__*/_react.default.forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
@@ -61,3 +61,3 @@ className = _ref3.className,
 
-  return _react.default.createElement("div", _extends({}, otherProps, {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, otherProps, {
     className: (0, _classnames.default)('form-feedback-group', className),
@@ -70,3 +70,3 @@ ref: ref
 
-var FeedbackItem = _react.default.forwardRef(function (_ref4, ref) {
+var FeedbackItem = /*#__PURE__*/_react.default.forwardRef(function (_ref4, ref) {
   var children = _ref4.children,
@@ -76,3 +76,3 @@ className = _ref4.className,
 
-  return _react.default.createElement("div", _extends({}, otherProps, {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, otherProps, {
     className: (0, _classnames.default)('form-feedback-item', className),
@@ -85,3 +85,3 @@ ref: ref
 
-var FeedbackIndicator = _react.default.forwardRef(function (_ref5, ref) {
+var FeedbackIndicator = /*#__PURE__*/_react.default.forwardRef(function (_ref5, ref) {
   var className = _ref5.className,
@@ -92,6 +92,6 @@ spritemap = _ref5.spritemap,
 
-  return _react.default.createElement("span", _extends({}, otherProps, {
+  return /*#__PURE__*/_react.default.createElement("span", _extends({}, otherProps, {
     className: (0, _classnames.default)('form-feedback-indicator', 'inline-item-before', className),
     ref: ref
-  }), _react.default.createElement(_icon.default, {
+  }), /*#__PURE__*/_react.default.createElement(_icon.default, {
     spritemap: spritemap,
@@ -104,7 +104,7 @@ symbol: symbol
 
-var ClayForm = _react.default.forwardRef(function (_ref6, ref) {
+var ClayForm = /*#__PURE__*/_react.default.forwardRef(function (_ref6, ref) {
   var children = _ref6.children,
       otherProps = _objectWithoutProperties(_ref6, ["children"]);
 
-  return _react.default.createElement("form", _extends({}, otherProps, {
+  return /*#__PURE__*/_react.default.createElement("form", _extends({}, otherProps, {
     ref: ref
@@ -111,0 +111,0 @@ }), children);

lib/Input.js

@@ -22,3 +22,3 @@ "use strict";
 
-var ClayInputGroupItem = _react.default.forwardRef(function (_ref, ref) {
+var ClayInputGroupItem = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _classNames;
@@ -33,3 +33,3 @@
 
-  return _react.default.createElement("div", _extends({}, otherProps, {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, otherProps, {
     className: (0, _classnames.default)('input-group-item', className, (_classNames = {}, _defineProperty(_classNames, 'input-group-append', append), _defineProperty(_classNames, 'input-group-item-shrink', shrink), _defineProperty(_classNames, 'input-group-prepend', prepend), _classNames)),
@@ -42,3 +42,3 @@ ref: ref
 
-var ClayInputGroup = _react.default.forwardRef(function (_ref2, ref) {
+var ClayInputGroup = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
   var _classNames2;
@@ -52,3 +52,3 @@
 
-  return _react.default.createElement("div", _extends({}, otherProps, {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, otherProps, {
     className: (0, _classnames.default)('input-group', className, (_classNames2 = {}, _defineProperty(_classNames2, 'input-group-sm', small), _defineProperty(_classNames2, 'input-group-stacked-sm-down', stacked), _classNames2)),
@@ -61,3 +61,3 @@ ref: ref
 
-var ClayInputGroupText = _react.default.forwardRef(function (_ref3, ref) {
+var ClayInputGroupText = /*#__PURE__*/_react.default.forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
@@ -67,3 +67,3 @@ className = _ref3.className,
 
-  return _react.default.createElement("div", _extends({}, otherProps, {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, otherProps, {
     className: (0, _classnames.default)('input-group-text', className),
@@ -76,3 +76,3 @@ ref: ref
 
-var ClayInputGroupInsetItem = _react.default.forwardRef(function (_ref4, ref) {
+var ClayInputGroupInsetItem = /*#__PURE__*/_react.default.forwardRef(function (_ref4, ref) {
   var _classNames3;
@@ -88,3 +88,3 @@
 
-  return _react.default.createElement(Tag, _extends({}, otherProps, {
+  return /*#__PURE__*/_react.default.createElement(Tag, _extends({}, otherProps, {
     className: (0, _classnames.default)('input-group-inset-item', className, (_classNames3 = {}, _defineProperty(_classNames3, 'input-group-inset-item-after', after), _defineProperty(_classNames3, 'input-group-inset-item-before', before), _classNames3)),
@@ -98,3 +98,3 @@ ref: ref // Hack to get around TS inaccurately referring the ref type
 
-var ClayInput = _react.default.forwardRef(function (_ref5, ref) {
+var ClayInput = /*#__PURE__*/_react.default.forwardRef(function (_ref5, ref) {
   var _classNames4;
@@ -110,3 +110,3 @@
 
-  return _react.default.createElement(Component, _extends({}, otherProps, {
+  return /*#__PURE__*/_react.default.createElement(Component, _extends({}, otherProps, {
     className: (0, _classnames.default)('form-control', className, (_classNames4 = {}, _defineProperty(_classNames4, "form-control-".concat(sizing), sizing), _defineProperty(_classNames4, 'input-group-inset', insetAfter || insetBefore), _defineProperty(_classNames4, 'input-group-inset-after', insetAfter), _defineProperty(_classNames4, 'input-group-inset-before', insetBefore), _classNames4)),
@@ -113,0 +113,0 @@ ref: ref

lib/Radio.js

@@ -20,3 +20,3 @@ "use strict";
 
-var ClayRadio = _react.default.forwardRef(function (_ref, ref) {
+var ClayRadio = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var checked = _ref.checked,
@@ -33,7 +33,7 @@ children = _ref.children,
 
-  return _react.default.createElement("div", _extends({}, containerProps, {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, containerProps, {
     className: (0, _classnames.default)('custom-control custom-radio', containerProps.className, {
       'custom-control-inline': inline
     })
-  }), _react.default.createElement("label", null, _react.default.createElement("input", _extends({}, otherProps, {
+  }), /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement("input", _extends({}, otherProps, {
     checked: checked,
@@ -44,5 +44,5 @@ className: (0, _classnames.default)('custom-control-input', className),
     type: "radio"
-  })), _react.default.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: "custom-control-label"
-  }, label && _react.default.createElement("span", {
+  }, label && /*#__PURE__*/_react.default.createElement("span", {
     className: "custom-control-label-text"
@@ -49,0 +49,0 @@ }, label)), children));

lib/RadioGroup.js

@@ -35,6 +35,6 @@ "use strict";
 
-  return _react.default.createElement("div", _extends({}, otherProps, {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, otherProps, {
     className: (0, _classnames.default)(className)
   }), _react.default.Children.map(children, function (child, i) {
-    return _react.default.cloneElement(child, _objectSpread({}, child.props, {
+    return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
       checked: selectedValue === child.props.value,
@@ -41,0 +41,0 @@ inline: inline,

lib/Select.js

@@ -24,3 +24,3 @@ "use strict";
 
-  return _react.default.createElement("optgroup", otherProps, children);
+  return /*#__PURE__*/_react.default.createElement("optgroup", otherProps, children);
 };
@@ -32,3 +32,3 @@
 
-  return _react.default.createElement("option", otherProps, label);
+  return /*#__PURE__*/_react.default.createElement("option", otherProps, label);
 };
@@ -41,3 +41,3 @@
 
-  return _react.default.createElement("select", _extends({}, otherProps, {
+  return /*#__PURE__*/_react.default.createElement("select", _extends({}, otherProps, {
     className: (0, _classnames.default)('form-control', className)
@@ -44,0 +44,0 @@ }), children);

lib/SelectBox.d.ts

@@ -23,4 +23,4 @@ import React from 'react';
 }
-export declare const getSelectedIndexes: (items: TItem[], selectedValues: (string | number)[]) => number[];
+export declare const getSelectedIndexes: (items: Array<TItem>, selectedValues: Array<number | string>) => number[];
 declare const ClaySelectBox: React.FunctionComponent<IProps>;
 export default ClaySelectBox;

lib/SelectBox.js

@@ -30,10 +30,14 @@ "use strict";
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
 
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 var KEY_ARROWDOWN = 40;
@@ -113,10 +117,10 @@ var KEY_ARROWUP = 38;
   var selectedIndexes = getSelectedIndexes(items, Array.isArray(value) ? value : [value]);
-  return _react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(className, 'form-group')
-  }, label && _react.default.createElement("label", {
+  }, label && /*#__PURE__*/_react.default.createElement("label", {
     className: "reorder-label",
     htmlFor: id
-  }, label), _react.default.createElement("div", {
+  }, label), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('clay-reorder', _defineProperty({}, "clay-reorder-footer-".concat(buttonAlignment), buttonAlignment))
-  }, _react.default.createElement("select", _extends({}, otherProps, {
+  }, /*#__PURE__*/_react.default.createElement("select", _extends({}, otherProps, {
     className: "form-control form-control-inset",
@@ -145,3 +149,3 @@ id: id,
   }), items.map(function (option) {
-    return _react.default.createElement("option", {
+    return /*#__PURE__*/_react.default.createElement("option", {
       className: "reorder-option",
@@ -151,9 +155,9 @@ key: option.value,
     }, option.label);
-  })), _react.default.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "clay-reorder-underlay form-control"
-  }), showArrows && onItemsChange && _react.default.createElement("div", {
+  }), showArrows && onItemsChange && /*#__PURE__*/_react.default.createElement("div", {
     className: "clay-reorder-footer"
-  }, _react.default.createElement(_button.default.Group, {
+  }, /*#__PURE__*/_react.default.createElement(_button.default.Group, {
     className: "reorder-order-buttons"
-  }, _react.default.createElement(_button.ClayButtonWithIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_button.ClayButtonWithIcon, {
     "aria-label": ariaLabels.reorderUp,
@@ -169,3 +173,3 @@ className: "reorder-button reorder-button-up",
     symbol: "caret-top"
-  }), _react.default.createElement(_button.ClayButtonWithIcon, {
+  }), /*#__PURE__*/_react.default.createElement(_button.ClayButtonWithIcon, {
     "aria-label": ariaLabels.reorderDown,
@@ -172,0 +176,0 @@ className: "reorder-button reorder-button-down",

lib/SelectWithOption.js

@@ -25,8 +25,8 @@ "use strict";
 
-  return _react.default.createElement(_Select.default, otherProps, options.map(function (option, index) {
+  return /*#__PURE__*/_react.default.createElement(_Select.default, otherProps, options.map(function (option, index) {
     if (option.type === 'group') {
-      return _react.default.createElement(_Select.default.OptGroup, {
+      return /*#__PURE__*/_react.default.createElement(_Select.default.OptGroup, {
         label: option.label
       }, option.options && option.options.map(function (item, j) {
-        return _react.default.createElement(_Select.default.Option, _extends({}, item, {
+        return /*#__PURE__*/_react.default.createElement(_Select.default.Option, _extends({}, item, {
           key: j
@@ -37,3 +37,3 @@ }));
 
-    return _react.default.createElement(_Select.default.Option, _extends({}, option, {
+    return /*#__PURE__*/_react.default.createElement(_Select.default.Option, _extends({}, option, {
       key: index
@@ -40,0 +40,0 @@ }));

lib/Toggle.js

@@ -22,3 +22,3 @@ "use strict";
 
-var ClayToggle = _react.default.forwardRef(function (_ref, ref) {
+var ClayToggle = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var checked = _ref.checked,
@@ -44,3 +44,3 @@ _ref$containerProps = _ref.containerProps,
 
-  return _react.default.createElement("span", _extends({
+  return /*#__PURE__*/_react.default.createElement("span", _extends({
     className: (0, _classnames.default)('toggle-switch', 'simple-toggle-switch', containerProps.className, {
@@ -50,5 +50,5 @@ disabled: disabled
     ref: ref
-  }, containerProps), _react.default.createElement("span", {
+  }, containerProps), /*#__PURE__*/_react.default.createElement("span", {
     className: "toggle-switch-check-bar"
-  }, _react.default.createElement("input", _extends({}, otherProps, {
+  }, /*#__PURE__*/_react.default.createElement("input", _extends({}, otherProps, {
     checked: toggled,
@@ -69,18 +69,18 @@ className: "toggle-switch-check",
     value: value
-  })), _react.default.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     "aria-hidden": "true",
     className: "toggle-switch-bar"
-  }, _react.default.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "toggle-switch-handle"
-  }, symbol && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("span", {
+  }, symbol && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)('button-icon', 'button-icon-on', 'toggle-switch-icon')
-  }, _react.default.createElement(_icon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
     spritemap: spritemap,
     symbol: symbol.on
-  })), _react.default.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)('button-icon', 'button-icon-off', 'toggle-switch-icon')
-  }, _react.default.createElement(_icon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
     spritemap: spritemap,
     symbol: symbol.off
-  })))))), label && _react.default.createElement("span", {
+  })))))), label && /*#__PURE__*/_react.default.createElement("span", {
     className: "toggle-switch-label"
@@ -87,0 +87,0 @@ }, label));

package.json

 {
 	"name": "@clayui/form",
-	"version": "3.8.0",
+	"version": "3.9.0",
 	"description": "ClayForm component",
@@ -41,3 +41,3 @@ "license": "BSD-3-Clause",
 	],
-	"gitHead": "ad09878fa08a6b4b61f88d6dd94cc72974ece2ca"
+	"gitHead": "27253a866a6cbff78cdef20c3641fb7a2634933d"
 }

No alert changes

Improved metrics

Total package byte prevSize

128367

increased by1.59%

Lines of code

2697

increased by0.75%

Worsened metrics

Number of package files

50

decreased by-1.96%

No dependency changes