@commercetools-uikit/primary-action-dropdown 19.20.1 → 19.22.0

package/dist/commercetools-uikit-primary-action-dropdown.cjs.prod.js

@@ -15,6 +15,7 @@ require('@commercetools-uikit/utils');
 var icons = require('@commercetools-uikit/icons');
 var hooks = require('@commercetools-uikit/hooks');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -130,16 +131,16 @@ const PrimaryActionDropdown = props => {
     css: /*#__PURE__*/react$1.css("position:relative;display:inline-flex;align-items:column;>:first-of-type>button{height:", designSystem.designTokens.heightForButtonAs40, ";}" + ("" ), "" ),
     children: [jsxRuntime.jsx(DropdownHead, {
       iconLeft: primaryOption.props.iconLeft,
-      isDisabled: primaryOption.props.isDisabled,
+      isDisabled: Boolean(primaryOption.props.isDisabled),
       onClick: handleClickOnHead,
       chevron: jsxRuntime.jsx(DropdownChevron, {
         ref: ref,
         onClick: handleClickOnChevron,
-        isDisabled: primaryOption.props.isDisabled,
+        isDisabled: Boolean(primaryOption.props.isDisabled),
         isOpen: isOpen
       }),
       children: primaryOption.props.children
-    }), isOpen && !primaryOption.props.isDisabled && jsxRuntime.jsx(Options, {
+    }), isOpen && !Boolean(primaryOption.props.isDisabled) && jsxRuntime.jsx(Options, {
       children: childrenAsArray
     })]
   });
@@ -148,22 +149,25 @@ PrimaryActionDropdown.propTypes = {};
 PrimaryActionDropdown.displayName = 'PrimaryActionDropdown';
 var PrimaryActionDropdown$1 = PrimaryActionDropdown;
 
-const Option = props => jsxRuntime.jsx(AccessibleButton__default["default"], {
-  label: props.children,
-  onClick: props.onClick,
-  isDisabled: props.isDisabled,
-  css: [/*#__PURE__*/react$1.css("display:block;text-align:left;width:100%;padding:", designSystem.designTokens.spacing20, ";background-color:", designSystem.designTokens.colorSurface, ";&:first-of-type{border-radius:", designSystem.designTokens.borderRadius6, " ", designSystem.designTokens.borderRadius6, " 0 0;}&:last-of-type{border-radius:0 0 ", designSystem.designTokens.borderRadius6, " ", designSystem.designTokens.borderRadius6, ";}&:hover{background-color:", designSystem.designTokens.colorNeutral95, ";}" + ("" ), "" ), props.isDisabled && /*#__PURE__*/react$1.css("color:", designSystem.designTokens.colorNeutral, ";" + ("" ), "" ), "" , "" ],
-  children: props.children
-});
+const _excluded = ["isDisabled"];
+const Option = _ref => {
+  let _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return jsxRuntime.jsx(AccessibleButton__default["default"], {
+    label: props.children,
+    onClick: props.onClick,
+    isDisabled: isDisabled,
+    css: [/*#__PURE__*/react$1.css("display:block;text-align:left;width:100%;padding:", designSystem.designTokens.spacing20, ";background-color:", designSystem.designTokens.colorSurface, ";&:first-of-type{border-radius:", designSystem.designTokens.borderRadius6, " ", designSystem.designTokens.borderRadius6, " 0 0;}&:last-of-type{border-radius:0 0 ", designSystem.designTokens.borderRadius6, " ", designSystem.designTokens.borderRadius6, ";}&:hover{background-color:", designSystem.designTokens.colorNeutral95, ";}" + ("" ), "" ), isDisabled && /*#__PURE__*/react$1.css("color:", designSystem.designTokens.colorNeutral, ";" + ("" ), "" ), "" , "" ],
+    children: props.children
+  });
+};
 Option.propTypes = {};
 Option.displayName = 'Option';
-Option.defaultProps = {
-  isDisabled: false
-};
 var Option$1 = Option;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.20.1";
+var version = "19.22.0";
 
 exports.Option = Option$1;
 exports["default"] = PrimaryActionDropdown$1;