@commercetools-uikit/primary-action-dropdown 19.25.1 → 20.0.0

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _styled = require('@emotion/styled/base');
-require('prop-types');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
 var react = require('react');
 var react$1 = require('@emotion/react');
@@ -46,7 +45,7 @@ const DropdownHead = props => {
       children: [jsxRuntime.jsx("span", {
         css: /*#__PURE__*/react$1.css("margin-right:", designSystem.designTokens.spacing20, ";display:flex;align-items:center;justify-content:center;" + ("" ), "" ),
         children: /*#__PURE__*/react.cloneElement(props.iconLeft, {
-          size: 'big',
+          size: '40',
           color: props.isDisabled ? 'neutral60' : 'primary'
         })
       }), jsxRuntime.jsx("span", {
@@ -59,7 +58,6 @@ const DropdownHead = props => {
     }), props.chevron]
   });
 };
-DropdownHead.propTypes = {};
 DropdownHead.displayName = 'DropdownHead';
 var _ref = {
   name: "1jklb6q",
@@ -83,7 +81,7 @@ const DropdownChevron = /*#__PURE__*/react.forwardRef((props, ref) => jsxRuntime
 DropdownChevron.displayName = 'DropdownChevron';
 const Options = /*#__PURE__*/_styled__default["default"]("div", {
   target: "eb24b7r0"
-} )("position:absolute;z-index:5;width:100%;top:calc(\n    ", designSystem.designTokens.spacing20, " + ", designSystem.designTokens.heightForButtonAs30, "\n  );border:1px solid ", designSystem.designTokens.colorSurface, ";border-radius:", designSystem.designTokens.borderRadius4, ";box-shadow:0 2px 5px 0px rgba(0, 0, 0, 0.15);margin-top:", designSystem.designTokens.spacing20, ";>button{padding-left:", designSystem.designTokens.spacing30, ";white-space:normal;&:active{background-color:", designSystem.designTokens.colorPrimary95, ";}&:hover{background-color:", designSystem.designTokens.colorPrimary98, ";}}" + ("" ));
+} )("position:absolute;z-index:5;width:100%;top:calc(", designSystem.designTokens.spacing20, " + ", designSystem.designTokens.heightForButtonAs30, ");border:1px solid ", designSystem.designTokens.colorSurface, ";border-radius:", designSystem.designTokens.borderRadius4, ";box-shadow:0 2px 5px 0px rgba(0, 0, 0, 0.15);margin-top:", designSystem.designTokens.spacing20, ";>button{padding-left:", designSystem.designTokens.spacing30, ";white-space:normal;&:active{background-color:", designSystem.designTokens.colorPrimary95, ";}&:hover{background-color:", designSystem.designTokens.colorPrimary98, ";}}" + ("" ));
 
 /*
   This component registers a global click event listener to close the dropdown.
@@ -97,7 +95,7 @@ const Options = /*#__PURE__*/_styled__default["default"]("div", {
  */
 
 const PrimaryActionDropdown = props => {
-  const ref = react.useRef();
+  const ref = react.useRef(null);
   const _useToggleState = hooks.useToggleState(false),
     _useToggleState2 = _slicedToArray(_useToggleState, 2),
     isOpen = _useToggleState2[0],
@@ -120,7 +118,7 @@ const PrimaryActionDropdown = props => {
   const handleClickOnHead = react.useCallback(event => {
     if (isOpen) {
       toggle(true);
-    } else {
+    } else if (onClick) {
       onClick(event);
     }
   }, [isOpen, onClick, toggle]);
@@ -145,7 +143,6 @@ const PrimaryActionDropdown = props => {
     })]
   });
 };
-PrimaryActionDropdown.propTypes = {};
 PrimaryActionDropdown.displayName = 'PrimaryActionDropdown';
 var PrimaryActionDropdown$1 = PrimaryActionDropdown;
 
@@ -162,12 +159,11 @@ const Option = _ref => {
     children: props.children
   });
 };
-Option.propTypes = {};
 Option.displayName = 'Option';
 var Option$1 = Option;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.25.1";
+var version = "20.0.0";
 
 exports.Option = Option$1;
 exports["default"] = PrimaryActionDropdown$1;