@bigbinary/neetoui 8.2.8 → 8.2.10

package/dist/ActionDropdown.js

@@ -1,17 +1,16 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _extends from '@babel/runtime/helpers/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import classnames from 'classnames';
-import { n as noop } from './index-76b1c829.js';
+import { n as noop } from './index-abadd6e9.js';
 import Button from './Button.js';
 import Dropdown from './Dropdown.js';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/defineProperty';
 import 'dayjs';
 import 'dayjs/plugin/localeData';
-import 'dayjs/plugin/timezone';
 import 'dayjs/plugin/utc';
 import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
@@ -27,6 +26,8 @@ import 'tippy.js';
 import '@bigbinary/neeto-icons';
 
 var _excluded = ["style", "size"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BTN_STYLES = {
   primary: "primary",
   secondary: "secondary"
@@ -52,11 +53,11 @@ var ActionDropdown = function ActionDropdown(_ref) {
     style = _ref$buttonProps2.style,
     size = _ref$buttonProps2.size,
     buttonProps = _objectWithoutProperties(_ref$buttonProps2, _excluded),
-    _ref$dropdownProps = _ref.dropdownProps,
-    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    children = _ref.children;
+    dropdownProps = _ref.dropdownProps,
+    children = _ref.children,
+    portalProps = _ref.portalProps;
   return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(["neeto-ui-action-dropdown", className])
   }, /*#__PURE__*/React__default.createElement(Button, _extends({
@@ -73,7 +74,9 @@ var ActionDropdown = function ActionDropdown(_ref) {
       size: size !== null && size !== void 0 ? size : buttonSize
     },
     buttonStyle: style !== null && style !== void 0 ? style : buttonStyle
-  }, dropdownProps), children));
+  }, dropdownProps, {
+    dropdownProps: _objectSpread(_objectSpread({}, dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.dropdownProps), portalProps)
+  }), children));
 };
 ActionDropdown.Menu = Dropdown.Menu;
 ActionDropdown.MenuItem = Dropdown.MenuItem;

package/dist/ActionDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionDropdown.js","sources":["../src/components/ActionDropdown.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { noop } from \"utils\";\n\nimport Button from \"./Button\";\nimport Dropdown from \"./Dropdown\";\n\nconst BTN_STYLES = { primary: \"primary\", secondary: \"secondary\" };\n\nconst BTN_SIZES = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n};\n\nconst ActionDropdown = ({\n  label = \"\",\n  buttonStyle = BTN_STYLES.primary,\n  buttonSize = BTN_SIZES.medium,\n  disabled = false,\n  onClick = noop,\n  buttonProps: { style, size, ...buttonProps } = {},\n  dropdownProps = {},\n  className = \"\",\n  children,\n}) => (\n  <div className={classnames([\"neeto-ui-action-dropdown\", className])}>\n    <Button\n      {...{ disabled, label, onClick }}\n      data-cy=\"action-dropdown-btn\"\n      data-testid=\"action-dropdown-btn\"\n      size={size ?? buttonSize}\n      style={style ?? buttonStyle}\n      {...buttonProps}\n    />\n    <Dropdown\n      {...{ disabled }}\n      buttonProps={{ size: size ?? buttonSize }}\n      buttonStyle={style ?? buttonStyle}\n      {...dropdownProps}\n    >\n      {children}\n    </Dropdown>\n  </div>\n);\n\nActionDropdown.Menu = Dropdown.Menu;\nActionDropdown.MenuItem = Dropdown.MenuItem;\nActionDropdown.Divider = Dropdown.Divider;\n\nActionDropdown.propTypes = {\n  /**\n   * To specify the text to be displayed inside the button.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the style of the button to be rendered as the ActionDropdown target.\n   */\n  buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * To specify the size of the ActionDropdown.\n   */\n  buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n  /**\n   * To specify whether the ActionDropdown is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the action to be triggered on click of the button.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the props to be passed to the action button and Dropdown target button.\n   */\n  buttonProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the Dropdown target.\n   */\n  dropdownProps: PropTypes.object,\n  /**\n   * To provide external classnames to ActionDropdown target wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Dropdown.\n   */\n  children: PropTypes.node,\n  /**\n   * * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n   * Removed\n   * </div>\n   * _Use `buttonStyle` prop instead._\n   */\n  style: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n   * Removed\n   * </div>\n   * _Use `buttonSize` prop instead._\n   */\n  size: PropTypes.oneOf(Object.values(BTN_SIZES)),\n};\n\nexport default ActionDropdown;\n"],"names":["BTN_STYLES","primary","secondary","BTN_SIZES","small","medium","large","ActionDropdown","_ref","_ref$label","label","_ref$buttonStyle","buttonStyle","_ref$buttonSize","buttonSize","_ref$disabled","disabled","_ref$onClick","onClick","noop","_ref$buttonProps","buttonProps","_ref$buttonProps2","style","size","_objectWithoutProperties","_excluded","_ref$dropdownProps","dropdownProps","_ref$className","className","children","React","createElement","classnames","Button","_extends","Dropdown","Menu","MenuItem","Divider"],"mappings":"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"}
+{"version":3,"file":"ActionDropdown.js","sources":["../src/components/ActionDropdown.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { noop } from \"utils\";\n\nimport Button from \"./Button\";\nimport Dropdown from \"./Dropdown\";\n\nconst BTN_STYLES = { primary: \"primary\", secondary: \"secondary\" };\n\nconst BTN_SIZES = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n};\n\nconst ActionDropdown = ({\n  label = \"\",\n  buttonStyle = BTN_STYLES.primary,\n  buttonSize = BTN_SIZES.medium,\n  disabled = false,\n  onClick = noop,\n  buttonProps: { style, size, ...buttonProps } = {},\n  className = \"\",\n  dropdownProps,\n  children,\n  portalProps,\n}) => (\n  <div className={classnames([\"neeto-ui-action-dropdown\", className])}>\n    <Button\n      {...{ disabled, label, onClick }}\n      data-cy=\"action-dropdown-btn\"\n      data-testid=\"action-dropdown-btn\"\n      size={size ?? buttonSize}\n      style={style ?? buttonStyle}\n      {...buttonProps}\n    />\n    <Dropdown\n      {...{ disabled }}\n      buttonProps={{ size: size ?? buttonSize }}\n      buttonStyle={style ?? buttonStyle}\n      {...dropdownProps}\n      dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n    >\n      {children}\n    </Dropdown>\n  </div>\n);\n\nActionDropdown.Menu = Dropdown.Menu;\nActionDropdown.MenuItem = Dropdown.MenuItem;\nActionDropdown.Divider = Dropdown.Divider;\n\nActionDropdown.propTypes = {\n  /**\n   * To specify the text to be displayed inside the button.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the style of the button to be rendered as the ActionDropdown target.\n   */\n  buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * To specify the size of the ActionDropdown.\n   */\n  buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n  /**\n   * To specify whether the ActionDropdown is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the action to be triggered on click of the button.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the props to be passed to the action button and Dropdown target button.\n   */\n  buttonProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the Dropdown target.\n   */\n  dropdownProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the Dropdown portal.\n   */\n  portalProps: PropTypes.object,\n  /**\n   * To provide external classnames to ActionDropdown target wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Dropdown.\n   */\n  children: PropTypes.node,\n  /**\n   * * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n   * Removed\n   * </div>\n   * _Use `buttonStyle` prop instead._\n   */\n  style: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n   * Removed\n   * </div>\n   * _Use `buttonSize` prop instead._\n   */\n  size: PropTypes.oneOf(Object.values(BTN_SIZES)),\n};\n\nexport default ActionDropdown;\n"],"names":["BTN_STYLES","primary","secondary","BTN_SIZES","small","medium","large","ActionDropdown","_ref","_ref$label","label","_ref$buttonStyle","buttonStyle","_ref$buttonSize","buttonSize","_ref$disabled","disabled","_ref$onClick","onClick","noop","_ref$buttonProps","buttonProps","_ref$buttonProps2","style","size","_objectWithoutProperties","_excluded","_ref$className","className","dropdownProps","children","portalProps","React","createElement","classnames","Button","_extends","Dropdown","_objectSpread","Menu","MenuItem","Divider"],"mappings":"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"}

package/dist/Alert.js

@@ -13,7 +13,7 @@ import '@babel/runtime/helpers/slicedToArray';
 import '@tippyjs/react';
 import 'tippy.js';
 import '@bigbinary/neeto-icons';
-import './useOverlayManager-d5afad2b.js';
+import './useOverlayManager-593daea1.js';
 import '@babel/runtime/helpers/esm/extends';
 import '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
 import '@babel/runtime/helpers/esm/inheritsLoose';
@@ -24,10 +24,9 @@ import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
-import './index-76b1c829.js';
+import './index-abadd6e9.js';
 import 'dayjs';
 import 'dayjs/plugin/localeData';
-import 'dayjs/plugin/timezone';
 import 'dayjs/plugin/utc';
 import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';

package/dist/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst Alert = ({\n  size = SIZES.medium,\n  isOpen = false,\n  isSubmitting = false,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  onClose = () => {},\n  onSubmit = () => {},\n  title = \"\",\n  message = \"\",\n  submitButtonLabel = \"Continue\",\n  cancelButtonLabel = \"Cancel\",\n  initialFocusRef,\n  initialFocusElement,\n  hideCancelButton = false,\n}) => {\n  const submitButtonRef = useRef(null);\n  const cancelButtonRef = useRef(null);\n\n  const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n  const initialFocusElementRef =\n    initialFocusElement === FOCUSABLE_ELEMENTS.submit\n      ? submitButtonRef\n      : cancelButtonRef;\n\n  return (\n    <Modal\n      {...{\n        backdropClassName,\n        className,\n        closeButton,\n        closeOnEsc,\n        closeOnOutsideClick,\n        isOpen,\n        onClose,\n        size,\n      }}\n      data-cy=\"alert-box\"\n      {...(hasCustomFocusableElement && {\n        initialFocusRef: initialFocusRef || initialFocusElementRef,\n      })}\n    >\n      <Modal.Header>\n        <Typography data-cy=\"alert-title\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n          {message}\n        </Typography>\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n        {!hideCancelButton && (\n          <Button\n            data-cy=\"alert-cancel-button\"\n            label={cancelButtonLabel}\n            ref={cancelButtonRef}\n            style=\"tertiary\"\n            onClick={onClose}\n          />\n        )}\n        <Button\n          data-cy=\"alert-submit-button\"\n          disabled={!isOpen}\n          label={submitButtonLabel}\n          loading={isSubmitting}\n          ref={submitButtonRef}\n          style=\"danger\"\n          onClick={onSubmit}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nAlert.propTypes = {\n  /**\n   * To specify the size of the Alert.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Alert is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Alert is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the callback which will be invoked when the Alert is submitted.\n   */\n  onSubmit: PropTypes.func,\n  /**\n   * To provide title to the Alert.\n   */\n  title: PropTypes.string,\n  /**\n   * To provide description to the Alert.\n   */\n  message: PropTypes.node,\n  /**\n   * To add loading state to submit button\n   */\n  isSubmitting: PropTypes.bool,\n  /**\n   * To provide external classNames to the Alert.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Alert on pressing the `Esc` key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Alert should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To provide label to the submit button.\n   */\n  submitButtonLabel: PropTypes.string,\n  /**\n   * To provide label to the cancel button.\n   */\n  cancelButtonLabel: PropTypes.string,\n  /**\n   * To add custom classes to Backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Alert content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /**\n   * To specify the ref of the element which will receive focus when the Alert is opened.\n   * If not specified, the focus will be set to the submit button inside the Alert.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * To specify the element which will receive focus when the Alert is opened.\n   */\n  initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n  /**\n   * To hide the cancel button\n   */\n  hideCancelButton: PropTypes.bool,\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","large","FOCUSABLE_ELEMENTS","submit","cancel","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","React","createElement","Modal","_extends","Header","Typography","style","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst Alert = ({\n  size = SIZES.medium,\n  isOpen = false,\n  isSubmitting = false,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  onClose = () => {},\n  onSubmit = () => {},\n  title = \"\",\n  message = \"\",\n  submitButtonLabel = \"Continue\",\n  cancelButtonLabel = \"Cancel\",\n  initialFocusRef,\n  initialFocusElement,\n  hideCancelButton = false,\n}) => {\n  const submitButtonRef = useRef(null);\n  const cancelButtonRef = useRef(null);\n\n  const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n  const initialFocusElementRef =\n    initialFocusElement === FOCUSABLE_ELEMENTS.submit\n      ? submitButtonRef\n      : cancelButtonRef;\n\n  return (\n    <Modal\n      {...{\n        backdropClassName,\n        className,\n        closeButton,\n        closeOnEsc,\n        closeOnOutsideClick,\n        isOpen,\n        onClose,\n        size,\n      }}\n      data-cy=\"alert-box\"\n      {...(hasCustomFocusableElement && {\n        initialFocusRef: initialFocusRef || initialFocusElementRef,\n      })}\n    >\n      <Modal.Header>\n        <Typography data-cy=\"alert-title\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n          {message}\n        </Typography>\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n        {!hideCancelButton && (\n          <Button\n            data-cy=\"alert-cancel-button\"\n            label={cancelButtonLabel}\n            ref={cancelButtonRef}\n            style=\"tertiary\"\n            onClick={onClose}\n          />\n        )}\n        <Button\n          data-cy=\"alert-submit-button\"\n          disabled={!isOpen}\n          label={submitButtonLabel}\n          loading={isSubmitting}\n          ref={submitButtonRef}\n          style=\"danger\"\n          onClick={onSubmit}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nAlert.propTypes = {\n  /**\n   * To specify the size of the Alert.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Alert is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Alert is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the callback which will be invoked when the Alert is submitted.\n   */\n  onSubmit: PropTypes.func,\n  /**\n   * To provide title to the Alert.\n   */\n  title: PropTypes.string,\n  /**\n   * To provide description to the Alert.\n   */\n  message: PropTypes.node,\n  /**\n   * To add loading state to submit button\n   */\n  isSubmitting: PropTypes.bool,\n  /**\n   * To provide external classNames to the Alert.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Alert on pressing the `Esc` key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Alert should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To provide label to the submit button.\n   */\n  submitButtonLabel: PropTypes.string,\n  /**\n   * To provide label to the cancel button.\n   */\n  cancelButtonLabel: PropTypes.string,\n  /**\n   * To add custom classes to Backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Alert content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /**\n   * To specify the ref of the element which will receive focus when the Alert is opened.\n   * If not specified, the focus will be set to the submit button inside the Alert.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * To specify the element which will receive focus when the Alert is opened.\n   */\n  initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n  /**\n   * To hide the cancel button\n   */\n  hideCancelButton: PropTypes.bool,\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","large","FOCUSABLE_ELEMENTS","submit","cancel","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","React","createElement","Modal","_extends","Header","Typography","style","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"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"}

package/dist/Checkbox.js

@@ -7,7 +7,7 @@ import '@babel/runtime/helpers/slicedToArray';
 import 'react-router-dom';
 import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
-import { h as hyphenize } from './index-76b1c829.js';
+import { h as hyphenize } from './index-abadd6e9.js';
 import '@babel/runtime/helpers/defineProperty';
 import 'qs';
 import Label from './Label.js';
@@ -15,7 +15,6 @@ import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import 'dayjs';
 import 'dayjs/plugin/localeData';
-import 'dayjs/plugin/timezone';
 import 'dayjs/plugin/utc';
 import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';

package/dist/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n  (\n    {\n      label = \"\",\n      error = \"\",\n      className = \"\",\n      required = false,\n      labelProps,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const renderLabel = label || children;\n\n    return (\n      <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n        <div className=\"neeto-ui-checkbox__container\">\n          <input\n            {...{ id, ref, required }}\n            aria-invalid={!!error}\n            className=\"neeto-ui-checkbox\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n            name={id}\n            type=\"checkbox\"\n            {...otherProps}\n          />\n          {renderLabel && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {renderLabel}\n            </Label>\n          )}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n  /**\n   * To specify a unique ID to the Checkbox component.\n   */\n  id: PropTypes.string,\n  /**\n   * To specify the text to be displayed next to the Checkbox.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To specify the error message to be shown.\n   */\n  error: PropTypes.string,\n  /**\n   * To provide external classnames to Checkbox component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether the Checkbox is a required field or not.\n   */\n  required: PropTypes.bool,\n  /**\n   *  To specify the children label to be rendered inside the Checkbox.\n   */\n  children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUMA,IAAAA,QAAQ,gBAAGC,UAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,KAAK,CAACJ,UAAU,CAACG,EAAE,CAAC,CAAA;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE,CAAA;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ,CAAA;EAErC,oBACES,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAEe,UAAU,CAAC,CAAC,4BAA4B,EAAEf,SAAS,CAAC,CAAA;GAClEa,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3Ca,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAAE,QAAA,CAAA;AACQR,IAAAA,EAAE,EAAFA,EAAE;AAAEd,IAAAA,GAAG,EAAHA,GAAG;AAAEQ,IAAAA,QAAQ,EAARA,QAAQ;IACvB,cAAc,EAAA,CAAC,CAACJ,KAAM;AACtBE,IAAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,SAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDM,IAAAA,IAAI,EAAEV,EAAG;AACTW,IAAAA,IAAI,EAAC,UAAA;GACDd,EAAAA,UAAU,CACd,CAAA,EACDO,WAAW,iBACVC,cAAA,CAAAC,aAAA,CAACM,KAAK,EAAAJ,QAAA,CAAA;AACEd,IAAAA,QAAQ,EAARA,QAAQ;AACd,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,SAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDS,IAAAA,OAAO,EAAEb,EAAAA;AAAG,GAAA,EACRL,UAAU,CAAA,EAEbS,WAAW,CAEf,CACG,EACL,CAAC,CAACd,KAAK,iBACNe,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,SAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDJ,IAAAA,EAAE,EAAEE,OAAAA;GAEHZ,EAAAA,KAAK,CAET,CACG,CAAA;AAEV,CAAC,EACF;AAEDP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n  (\n    {\n      label = \"\",\n      error = \"\",\n      className = \"\",\n      required = false,\n      labelProps,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const renderLabel = label || children;\n\n    return (\n      <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n        <div className=\"neeto-ui-checkbox__container\">\n          <input\n            {...{ id, ref, required }}\n            aria-invalid={!!error}\n            className=\"neeto-ui-checkbox\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n            name={id}\n            type=\"checkbox\"\n            {...otherProps}\n          />\n          {renderLabel && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {renderLabel}\n            </Label>\n          )}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n  /**\n   * To specify a unique ID to the Checkbox component.\n   */\n  id: PropTypes.string,\n  /**\n   * To specify the text to be displayed next to the Checkbox.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To specify the error message to be shown.\n   */\n  error: PropTypes.string,\n  /**\n   * To provide external classnames to Checkbox component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether the Checkbox is a required field or not.\n   */\n  required: PropTypes.bool,\n  /**\n   *  To specify the children label to be rendered inside the Checkbox.\n   */\n  children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUMA,IAAAA,QAAQ,gBAAGC,UAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,KAAK,CAACJ,UAAU,CAACG,EAAE,CAAC,CAAA;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE,CAAA;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ,CAAA;EAErC,oBACES,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAEe,UAAU,CAAC,CAAC,4BAA4B,EAAEf,SAAS,CAAC,CAAA;GAClEa,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3Ca,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAAE,QAAA,CAAA;AACQR,IAAAA,EAAE,EAAFA,EAAE;AAAEd,IAAAA,GAAG,EAAHA,GAAG;AAAEQ,IAAAA,QAAQ,EAARA,QAAQ;IACvB,cAAc,EAAA,CAAC,CAACJ,KAAM;AACtBE,IAAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,SAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDM,IAAAA,IAAI,EAAEV,EAAG;AACTW,IAAAA,IAAI,EAAC,UAAA;GACDd,EAAAA,UAAU,CACd,CAAA,EACDO,WAAW,iBACVC,cAAA,CAAAC,aAAA,CAACM,KAAK,EAAAJ,QAAA,CAAA;AACEd,IAAAA,QAAQ,EAARA,QAAQ;AACd,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,SAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDS,IAAAA,OAAO,EAAEb,EAAAA;AAAG,GAAA,EACRL,UAAU,CAAA,EAEbS,WAAW,CAEf,CACG,EACL,CAAC,CAACd,KAAK,iBACNe,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,SAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDJ,IAAAA,EAAE,EAAEE,OAAAA;GAEHZ,EAAAA,KAAK,CAET,CACG,CAAA;AAEV,CAAC,EACF;AAEDP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}

package/dist/ColorPicker.js

@@ -1,4 +1,5 @@
 import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
@@ -9,8 +10,7 @@ import { HexColorInput, HexAlphaColorPicker, HexColorPicker } from 'react-colorf
 import { t as tinycolor } from './tinycolor-282c618c.js';
 import Button from './Button.js';
 import Dropdown from './Dropdown.js';
-import { n as noop } from './index-76b1c829.js';
-import '@babel/runtime/helpers/defineProperty';
+import { n as noop } from './index-abadd6e9.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import 'react-router-dom';
 import './Spinner.js';
@@ -23,7 +23,6 @@ import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import 'dayjs';
 import 'dayjs/plugin/localeData';
-import 'dayjs/plugin/timezone';
 import 'dayjs/plugin/utc';
 import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
@@ -57,6 +56,8 @@ var Palette = function Palette(_ref) {
   }));
 };
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TARGET_SIZES = {
   large: "large",
   medium: "medium",
@@ -79,7 +80,8 @@ var ColorPicker = function ColorPicker(_ref) {
     _ref$showTransparency = _ref.showTransparencyControl,
     showTransparencyControl = _ref$showTransparency === void 0 ? false : _ref$showTransparency,
     _ref$showPicker = _ref.showPicker,
-    showPicker = _ref$showPicker === void 0 ? true : _ref$showPicker;
+    showPicker = _ref$showPicker === void 0 ? true : _ref$showPicker,
+    portalProps = _ref.portalProps;
   var _useState = useState(color),
     _useState2 = _slicedToArray(_useState, 2),
     colorInternal = _useState2[0],
@@ -180,7 +182,9 @@ var ColorPicker = function ColorPicker(_ref) {
     }),
     label: colorValue,
     position: "bottom-start"
-  }, dropdownProps), /*#__PURE__*/React__default.createElement("div", {
+  }, dropdownProps, {
+    dropdownProps: _objectSpread(_objectSpread({}, dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.dropdownProps), portalProps)
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-colorpicker__popover"
   }, colorPaletteProps && /*#__PURE__*/React__default.createElement("div", {
     "data-testid": "color-palette",

package/dist/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../node_modules/use-eye-dropper/lib/use-eye-dropper.module.js","../node_modules/use-eye-dropper/lib/index.module.js","../src/components/ColorPicker/Palette.jsx","../src/components/ColorPicker/index.jsx"],"sourcesContent":["import{useMemo as r,useRef as o,useCallback as n,useEffect as t,useState as e}from\"react\";const s=()=>\"undefined\"!=typeof window&&\"EyeDropper\"in window,i=()=>Promise.reject(new Error(\"Unsupported browser.\")),c=()=>{const r=o(),[i,c]=e(!1);t(()=>(r.current=!0,c(s()),()=>{r.current=!1}),[]);const u=n(()=>i,[i]);return[r,u]},u=r=>{const o=(r=>s()&&new EyeDropper(r))(r);var n;return(n=o)?EyeDropper.prototype.open.bind(n):i},p=e=>{const s=r(()=>u(e),[e]),[i,p]=c(),a=o(),f=n(()=>{void 0!==a.current&&a.current.abort()},[a]),d=n(function(r){void 0===r&&(r={});try{f();const{signal:o,...n}=r,t=new AbortController;a.current=t;const e=void 0!==o?(r=>{const o=new AbortController,n=()=>{o.abort();for(const o of r)o.removeEventListener(\"abort\",n)};for(const o of r){if(o.aborted){n();break}o.addEventListener(\"abort\",n)}return o.signal})([o,t.signal]):t.signal;return Promise.resolve(function(r,o){try{var t=Promise.resolve(s({...n,signal:e}))}catch(r){return o(r)}return t&&t.then?t.then(void 0,o):t}(0,function(r){throw i.current||(r.canceled=!0),r}))}catch(r){return Promise.reject(r)}},[a,i,f,s]);return t(()=>f,[f]),{open:d,close:f,isSupported:p}};export{p as default};\n","import { default as DropperDev } from './use-eye-dropper.module.dev.js'\nimport { default as Dropper } from './use-eye-dropper.module.js'\n\nexport default process.env.NODE_ENV === 'production' ? Dropper : DropperDev\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Palette = ({ color, colorList = [], onChange }) => (\n  <div className=\"neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette\">\n    {colorList.map((item, index) => (\n      <div\n        data-testid=\"color-palette-item\"\n        key={index}\n        className={classnames(\"neeto-ui-color-palette__item\", {\n          active: color && color.from === item.from && color.to === item.to,\n        })}\n        onClick={() => onChange(item.from, item.to)}\n      >\n        <div className={`bg-gradient-to-r from-${item.from} to-${item.to}`} />\n      </div>\n    ))}\n  </div>\n);\n\nPalette.propTypes = {\n  color: PropTypes.shape({\n    from: PropTypes.string,\n    to: PropTypes.string,\n  }),\n  colorList: PropTypes.arrayOf(\n    PropTypes.shape({\n      from: PropTypes.string,\n      to: PropTypes.string,\n    })\n  ),\n  onChange: PropTypes.func,\n};\n\nexport default Palette;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Down, Focus } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport {\n  HexColorPicker,\n  HexColorInput,\n  HexAlphaColorPicker,\n} from \"react-colorful\";\nimport tinycolor from \"tinycolor2\";\nimport useEyeDropper from \"use-eye-dropper\";\n\nimport Button from \"components/Button\";\nimport Dropdown from \"components/Dropdown\";\nimport { noop } from \"utils\";\n\nimport Palette from \"./Palette\";\n\nconst TARGET_SIZES = {\n  large: \"large\",\n  medium: \"medium\",\n  small: \"small\",\n};\n\nconst ColorPicker = ({\n  color = \"\",\n  size = TARGET_SIZES.large,\n  onChange = noop,\n  colorPaletteProps,\n  dropdownProps,\n  showEyeDropper = false,\n  showHexValue = false,\n  showTransparencyControl = false,\n  showPicker = true,\n}) => {\n  const [colorInternal, setColorInternal] = useState(color);\n  const isInputChanged = useRef(false);\n  const { open, isSupported } = useEyeDropper({ pickRadius: 3 });\n\n  const PickerComponent = showTransparencyControl\n    ? HexAlphaColorPicker\n    : HexColorPicker;\n\n  const colorValue = color ?? colorInternal ?? \"\";\n\n  const onChangeInternal = onChange || setColorInternal;\n\n  const getColor = colorValue => {\n    const color = tinycolor(colorValue);\n\n    return {\n      hex: showTransparencyControl ? color.toHex8String() : color.toHexString(),\n      rgb: color.toRgb(),\n    };\n  };\n\n  const onColorInputChange = hex => {\n    const color = tinycolor(hex);\n    const rgb = color.toRgb();\n    isInputChanged.current = true;\n\n    onChangeInternal({ hex, rgb });\n  };\n\n  const onPickerChange = hex => onChangeInternal(getColor(hex));\n\n  const onBlur = () => {\n    // If input is not changed, don't call onChange on blur\n    if (!isInputChanged.current) return;\n    isInputChanged.current = false;\n    onChangeInternal(getColor(colorValue));\n  };\n\n  const pickColor = async () => {\n    try {\n      const colorResponse = await open();\n      const colorHex = tinycolor(colorResponse.sRGBHex).toHexString();\n      onPickerChange(colorHex);\n    } catch {\n      // Ensures component is still mounted\n      // before calling setState\n      // if (!e.canceled) setError(e);\n    }\n  };\n\n  const Target = ({ size }) => (\n    <button\n      data-cy=\"color-picker-target\"\n      data-testid=\"neeto-color-picker\"\n      type=\"button\"\n      className={classnames(\"neeto-ui-colorpicker__target\", {\n        \"neeto-ui-colorpicker__target-size--large\": size === TARGET_SIZES.large,\n        \"neeto-ui-colorpicker__target-size--medium\":\n          size === TARGET_SIZES.medium,\n        \"neeto-ui-colorpicker__target-size--small\": size === TARGET_SIZES.small,\n      })}\n    >\n      {showHexValue && (\n        <span className=\"neeto-ui-colorpicker-target__code\">{color}</span>\n      )}\n      <span className=\"neeto-ui-colorpicker-target__color-wrapper\">\n        <span\n          className=\"neeto-ui-colorpicker-target__color neeto-ui-border-gray-400 border\"\n          style={{ backgroundColor: colorValue }}\n        />\n        <span className=\"neeto-ui-colorpicker-target__icon\">\n          <Down size={16} />\n        </span>\n      </span>\n    </button>\n  );\n\n  return (\n    <Dropdown\n      className=\"neeto-ui-colorpicker__dropdown\"\n      closeOnSelect={false}\n      customTarget={<Target {...{ size }} />}\n      label={colorValue}\n      position=\"bottom-start\"\n      {...dropdownProps}\n    >\n      <div className=\"neeto-ui-colorpicker__popover\">\n        {colorPaletteProps && (\n          <div\n            data-testid=\"color-palette\"\n            className={classnames(\"neeto-ui-colorpicker__palette-wrapper\", {\n              \"neeto-ui-colorpicker__palette-wrapper--hidden-picker\":\n                !showPicker,\n            })}\n          >\n            <Palette {...colorPaletteProps} />\n          </div>\n        )}\n        {showPicker && (\n          <>\n            <div\n              className=\"neeto-ui-colorpicker__pointer\"\n              data-testid=\"neeto-color-picker-section\"\n            >\n              <PickerComponent color={colorValue} onChange={onPickerChange} />\n            </div>\n            <div className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-2 neeto-ui-gap-2\">\n              {showEyeDropper && isSupported() && (\n                <Button\n                  className=\"neeto-ui-colorpicker__eyedropper-btn\"\n                  icon={Focus}\n                  size=\"small\"\n                  style=\"text\"\n                  type=\"button\"\n                  onClick={pickColor}\n                />\n              )}\n              <div className=\"neeto-ui-input__wrapper\">\n                <div\n                  className=\"neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small\"\n                  data-cy=\"colorpicker-editable-input\"\n                >\n                  <HexColorInput\n                    {...{ onBlur }}\n                    alpha={!!showTransparencyControl}\n                    color={colorValue}\n                    onChange={onColorInputChange}\n                  />\n                </div>\n              </div>\n            </div>\n          </>\n        )}\n      </div>\n    </Dropdown>\n  );\n};\n\nColorPicker.propTypes = {\n  /**\n   * To specify the color value.\n   */\n  color: PropTypes.string,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To set the size of the target.\n   */\n  size: PropTypes.oneOf(Object.values(TARGET_SIZES)),\n  /**\n   * To specify the action to be triggered on changing the color.\n   */\n  onChange: PropTypes.func,\n  /**\n   * To specify the props to be passed to the Palette component.\n   */\n  colorPaletteProps: PropTypes.shape({\n    color: PropTypes.shape({\n      from: PropTypes.string,\n      to: PropTypes.string,\n    }),\n    colorList: PropTypes.arrayOf(\n      PropTypes.shape({\n        from: PropTypes.string,\n        to: PropTypes.string,\n      })\n    ),\n    onChange: PropTypes.func,\n  }),\n  /**\n   * Shows eye dropper to pick color.\n   */\n  showEyeDropper: PropTypes.bool,\n  /**\n   * To show hex value near to the color in the dropdown.\n   * By default it will be hidden.\n   */\n  showHexValue: PropTypes.bool,\n  /**\n   * To show transparency control. By default it will be hidden.\n   */\n  showTransparencyControl: PropTypes.bool,\n  /**\n   * To show the color picker. Used to hide the picker in cases where only palette is required. By default it will be true.\n   */\n  showPicker: PropTypes.bool,\n};\n\nexport default ColorPicker;\n"],"names":["o","e","t","n","r","Dropper","Palette","_ref","color","_ref$colorList","colorList","onChange","React","createElement","className","map","item","index","key","classnames","active","from","to","onClick","concat","TARGET_SIZES","large","medium","small","ColorPicker","_ref2","_ref$color","_ref$size","size","_ref$onChange","noop","colorPaletteProps","dropdownProps","_ref$showEyeDropper","showEyeDropper","_ref$showHexValue","showHexValue","_ref$showTransparency","showTransparencyControl","_ref$showPicker","showPicker","_useState","useState","_useState2","_slicedToArray","colorInternal","setColorInternal","isInputChanged","useRef","_useEyeDropper","useEyeDropper","pickRadius","open","isSupported","PickerComponent","HexAlphaColorPicker","HexColorPicker","colorValue","onChangeInternal","getColor","tinycolor","hex","toHex8String","toHexString","rgb","toRgb","onColorInputChange","current","onPickerChange","onBlur","pickColor","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","colorResponse","colorHex","wrap","_callee$","_context","prev","next","sent","sRGBHex","t0","stop","apply","arguments","Target","_ref4","type","style","backgroundColor","Down","Dropdown","_extends","closeOnSelect","customTarget","label","position","Fragment","Button","icon","Focus","HexColorInput","alpha"],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","sources":["../node_modules/use-eye-dropper/lib/use-eye-dropper.module.js","../node_modules/use-eye-dropper/lib/index.module.js","../src/components/ColorPicker/Palette.jsx","../src/components/ColorPicker/index.jsx"],"sourcesContent":["import{useMemo as r,useRef as o,useCallback as n,useEffect as t,useState as e}from\"react\";const s=()=>\"undefined\"!=typeof window&&\"EyeDropper\"in window,i=()=>Promise.reject(new Error(\"Unsupported browser.\")),c=()=>{const r=o(),[i,c]=e(!1);t(()=>(r.current=!0,c(s()),()=>{r.current=!1}),[]);const u=n(()=>i,[i]);return[r,u]},u=r=>{const o=(r=>s()&&new EyeDropper(r))(r);var n;return(n=o)?EyeDropper.prototype.open.bind(n):i},p=e=>{const s=r(()=>u(e),[e]),[i,p]=c(),a=o(),f=n(()=>{void 0!==a.current&&a.current.abort()},[a]),d=n(function(r){void 0===r&&(r={});try{f();const{signal:o,...n}=r,t=new AbortController;a.current=t;const e=void 0!==o?(r=>{const o=new AbortController,n=()=>{o.abort();for(const o of r)o.removeEventListener(\"abort\",n)};for(const o of r){if(o.aborted){n();break}o.addEventListener(\"abort\",n)}return o.signal})([o,t.signal]):t.signal;return Promise.resolve(function(r,o){try{var t=Promise.resolve(s({...n,signal:e}))}catch(r){return o(r)}return t&&t.then?t.then(void 0,o):t}(0,function(r){throw i.current||(r.canceled=!0),r}))}catch(r){return Promise.reject(r)}},[a,i,f,s]);return t(()=>f,[f]),{open:d,close:f,isSupported:p}};export{p as default};\n","import { default as DropperDev } from './use-eye-dropper.module.dev.js'\nimport { default as Dropper } from './use-eye-dropper.module.js'\n\nexport default process.env.NODE_ENV === 'production' ? Dropper : DropperDev\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Palette = ({ color, colorList = [], onChange }) => (\n  <div className=\"neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette\">\n    {colorList.map((item, index) => (\n      <div\n        data-testid=\"color-palette-item\"\n        key={index}\n        className={classnames(\"neeto-ui-color-palette__item\", {\n          active: color && color.from === item.from && color.to === item.to,\n        })}\n        onClick={() => onChange(item.from, item.to)}\n      >\n        <div className={`bg-gradient-to-r from-${item.from} to-${item.to}`} />\n      </div>\n    ))}\n  </div>\n);\n\nPalette.propTypes = {\n  color: PropTypes.shape({\n    from: PropTypes.string,\n    to: PropTypes.string,\n  }),\n  colorList: PropTypes.arrayOf(\n    PropTypes.shape({\n      from: PropTypes.string,\n      to: PropTypes.string,\n    })\n  ),\n  onChange: PropTypes.func,\n};\n\nexport default Palette;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Down, Focus } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport {\n  HexColorPicker,\n  HexColorInput,\n  HexAlphaColorPicker,\n} from \"react-colorful\";\nimport tinycolor from \"tinycolor2\";\nimport useEyeDropper from \"use-eye-dropper\";\n\nimport Button from \"components/Button\";\nimport Dropdown from \"components/Dropdown\";\nimport { noop } from \"utils\";\n\nimport Palette from \"./Palette\";\n\nconst TARGET_SIZES = {\n  large: \"large\",\n  medium: \"medium\",\n  small: \"small\",\n};\n\nconst ColorPicker = ({\n  color = \"\",\n  size = TARGET_SIZES.large,\n  onChange = noop,\n  colorPaletteProps,\n  dropdownProps,\n  showEyeDropper = false,\n  showHexValue = false,\n  showTransparencyControl = false,\n  showPicker = true,\n  portalProps,\n}) => {\n  const [colorInternal, setColorInternal] = useState(color);\n  const isInputChanged = useRef(false);\n  const { open, isSupported } = useEyeDropper({ pickRadius: 3 });\n\n  const PickerComponent = showTransparencyControl\n    ? HexAlphaColorPicker\n    : HexColorPicker;\n\n  const colorValue = color ?? colorInternal ?? \"\";\n\n  const onChangeInternal = onChange || setColorInternal;\n\n  const getColor = colorValue => {\n    const color = tinycolor(colorValue);\n\n    return {\n      hex: showTransparencyControl ? color.toHex8String() : color.toHexString(),\n      rgb: color.toRgb(),\n    };\n  };\n\n  const onColorInputChange = hex => {\n    const color = tinycolor(hex);\n    const rgb = color.toRgb();\n    isInputChanged.current = true;\n\n    onChangeInternal({ hex, rgb });\n  };\n\n  const onPickerChange = hex => onChangeInternal(getColor(hex));\n\n  const onBlur = () => {\n    // If input is not changed, don't call onChange on blur\n    if (!isInputChanged.current) return;\n    isInputChanged.current = false;\n    onChangeInternal(getColor(colorValue));\n  };\n\n  const pickColor = async () => {\n    try {\n      const colorResponse = await open();\n      const colorHex = tinycolor(colorResponse.sRGBHex).toHexString();\n      onPickerChange(colorHex);\n    } catch {\n      // Ensures component is still mounted\n      // before calling setState\n      // if (!e.canceled) setError(e);\n    }\n  };\n\n  const Target = ({ size }) => (\n    <button\n      data-cy=\"color-picker-target\"\n      data-testid=\"neeto-color-picker\"\n      type=\"button\"\n      className={classnames(\"neeto-ui-colorpicker__target\", {\n        \"neeto-ui-colorpicker__target-size--large\": size === TARGET_SIZES.large,\n        \"neeto-ui-colorpicker__target-size--medium\":\n          size === TARGET_SIZES.medium,\n        \"neeto-ui-colorpicker__target-size--small\": size === TARGET_SIZES.small,\n      })}\n    >\n      {showHexValue && (\n        <span className=\"neeto-ui-colorpicker-target__code\">{color}</span>\n      )}\n      <span className=\"neeto-ui-colorpicker-target__color-wrapper\">\n        <span\n          className=\"neeto-ui-colorpicker-target__color neeto-ui-border-gray-400 border\"\n          style={{ backgroundColor: colorValue }}\n        />\n        <span className=\"neeto-ui-colorpicker-target__icon\">\n          <Down size={16} />\n        </span>\n      </span>\n    </button>\n  );\n\n  return (\n    <Dropdown\n      className=\"neeto-ui-colorpicker__dropdown\"\n      closeOnSelect={false}\n      customTarget={<Target {...{ size }} />}\n      label={colorValue}\n      position=\"bottom-start\"\n      {...dropdownProps}\n      dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n    >\n      <div className=\"neeto-ui-colorpicker__popover\">\n        {colorPaletteProps && (\n          <div\n            data-testid=\"color-palette\"\n            className={classnames(\"neeto-ui-colorpicker__palette-wrapper\", {\n              \"neeto-ui-colorpicker__palette-wrapper--hidden-picker\":\n                !showPicker,\n            })}\n          >\n            <Palette {...colorPaletteProps} />\n          </div>\n        )}\n        {showPicker && (\n          <>\n            <div\n              className=\"neeto-ui-colorpicker__pointer\"\n              data-testid=\"neeto-color-picker-section\"\n            >\n              <PickerComponent color={colorValue} onChange={onPickerChange} />\n            </div>\n            <div className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-2 neeto-ui-gap-2\">\n              {showEyeDropper && isSupported() && (\n                <Button\n                  className=\"neeto-ui-colorpicker__eyedropper-btn\"\n                  icon={Focus}\n                  size=\"small\"\n                  style=\"text\"\n                  type=\"button\"\n                  onClick={pickColor}\n                />\n              )}\n              <div className=\"neeto-ui-input__wrapper\">\n                <div\n                  className=\"neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small\"\n                  data-cy=\"colorpicker-editable-input\"\n                >\n                  <HexColorInput\n                    {...{ onBlur }}\n                    alpha={!!showTransparencyControl}\n                    color={colorValue}\n                    onChange={onColorInputChange}\n                  />\n                </div>\n              </div>\n            </div>\n          </>\n        )}\n      </div>\n    </Dropdown>\n  );\n};\n\nColorPicker.propTypes = {\n  /**\n   * To specify the color value.\n   */\n  color: PropTypes.string,\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n   * New\n   * </div>\n   * To set the size of the target.\n   */\n  size: PropTypes.oneOf(Object.values(TARGET_SIZES)),\n  /**\n   * To specify the action to be triggered on changing the color.\n   */\n  onChange: PropTypes.func,\n  /**\n   * To specify the props to be passed to the Palette component.\n   */\n  colorPaletteProps: PropTypes.shape({\n    color: PropTypes.shape({\n      from: PropTypes.string,\n      to: PropTypes.string,\n    }),\n    colorList: PropTypes.arrayOf(\n      PropTypes.shape({\n        from: PropTypes.string,\n        to: PropTypes.string,\n      })\n    ),\n    onChange: PropTypes.func,\n  }),\n  /**\n   * Shows eye dropper to pick color.\n   */\n  showEyeDropper: PropTypes.bool,\n  /**\n   * To show hex value near to the color in the dropdown.\n   * By default it will be hidden.\n   */\n  showHexValue: PropTypes.bool,\n  /**\n   * To show transparency control. By default it will be hidden.\n   */\n  showTransparencyControl: PropTypes.bool,\n  /**\n   * To show the color picker. Used to hide the picker in cases where only palette is required. By default it will be true.\n   */\n  showPicker: PropTypes.bool,\n  /**\n   * To specify the props to be passed to the dropdown portal.\n   */\n  portalProps: PropTypes.object,\n};\n\nexport default ColorPicker;\n"],"names":["o","e","t","n","r","Dropper","Palette","_ref","color","_ref$colorList","colorList","onChange","React","createElement","className","map","item","index","key","classnames","active","from","to","onClick","concat","TARGET_SIZES","large","medium","small","ColorPicker","_ref2","_ref$color","_ref$size","size","_ref$onChange","noop","colorPaletteProps","dropdownProps","_ref$showEyeDropper","showEyeDropper","_ref$showHexValue","showHexValue","_ref$showTransparency","showTransparencyControl","_ref$showPicker","showPicker","portalProps","_useState","useState","_useState2","_slicedToArray","colorInternal","setColorInternal","isInputChanged","useRef","_useEyeDropper","useEyeDropper","pickRadius","open","isSupported","PickerComponent","HexAlphaColorPicker","HexColorPicker","colorValue","onChangeInternal","getColor","tinycolor","hex","toHex8String","toHexString","rgb","toRgb","onColorInputChange","current","onPickerChange","onBlur","pickColor","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","colorResponse","colorHex","wrap","_callee$","_context","prev","next","sent","sRGBHex","t0","stop","apply","arguments","Target","_ref4","type","style","backgroundColor","Down","Dropdown","_extends","closeOnSelect","customTarget","label","position","_objectSpread","Fragment","Button","icon","Focus","HexColorInput","alpha"],"mappings":"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"}

package/dist/DatePicker.js

@@ -5,6 +5,7 @@ import '@babel/runtime/helpers/objectWithoutProperties';
 import 'antd/lib/date-picker';
 import 'react';
 import 'classnames';
+import 'dayjs';
 import '@bigbinary/neeto-cist';
 import '@bigbinary/neeto-icons';
 import './Accordion.js';
@@ -22,8 +23,8 @@ import '@babel/runtime/regenerator';
 import 'react-colorful';
 import './tinycolor-282c618c.js';
 import './Dropdown.js';
-import './index-76b1c829.js';
-export { D as default } from './index-cb247ef3.js';
+import './index-abadd6e9.js';
+export { D as default } from './index-d8704d7a.js';
 import './Input.js';
 import './Label.js';
 import './MultiEmailInput.js';
@@ -32,7 +33,7 @@ import './useId-c1d20bba.js';
 import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
 import 'qs';
-import './Textarea-3cafd14b.js';
+import './Textarea-d9a69b9b.js';
 import '@babel/runtime/helpers/toConsumableArray';
 import './Pane.js';
 import './Popover.js';
@@ -67,23 +68,21 @@ import './Switch.js';
 import './Tab.js';
 import 'antd/lib/table';
 import 'react-drag-listview';
-import './HeaderCellMenu-c8f6c374.js';
+import './HeaderCellMenu-b0eaaf18.js';
 import 'react-resizable';
 import './Tag.js';
 import './Toastr.js';
 import 'i18next';
 import 'antd/lib/tree';
 import './TreeSelect.js';
-import 'dayjs';
 import 'dayjs/plugin/localeData';
-import 'dayjs/plugin/timezone';
 import 'dayjs/plugin/utc';
 import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 import './en-41f5c641.js';
 import './Spinner.js';
 import './Tooltip.js';
-import './useOverlayManager-d5afad2b.js';
+import './useOverlayManager-593daea1.js';
 import '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
 import '@babel/runtime/helpers/esm/inheritsLoose';
 import '@babel/runtime/helpers/esm/assertThisInitialized';

package/dist/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Dropdown.js

@@ -8,7 +8,7 @@ import classnames from 'classnames';
 import { Down } from '@bigbinary/neeto-icons';
 import { isNil } from 'ramda';
 import Button from './Button.js';
-import { h as hyphenize, n as noop } from './index-76b1c829.js';
+import { h as hyphenize, n as noop } from './index-abadd6e9.js';
 import { isPresent } from '@bigbinary/neeto-cist';
 import Tooltip from './Tooltip.js';
 import { Link } from 'react-router-dom';
@@ -18,7 +18,6 @@ import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import 'dayjs';
 import 'dayjs/plugin/localeData';
-import 'dayjs/plugin/timezone';
 import 'dayjs/plugin/utc';
 import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
@@ -127,7 +126,7 @@ MenuItem.Button = MenuItemButton;
 
 var _excluded = ["style", "size"],
   _excluded2 = ["icon", "label", "isOpen", "onClose", "dropdownProps", "position", "children", "className", "buttonStyle", "buttonSize", "buttonProps", "customTarget", "disabled", "closeOnEsc", "closeOnSelect", "closeOnOutsideClick", "dropdownModifiers", "trigger", "strategy", "onClick"],
-  _excluded3 = ["classNames"];
+  _excluded3 = ["classNames", "className"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BTN_STYLES = {
@@ -246,7 +245,8 @@ var Dropdown = function Dropdown(_ref2) {
       return closeOnOutsideClick;
     }
   };
-  var dropdownClassname = dropdownProps.classNames,
+  var dropdownClassnames = dropdownProps.classNames,
+    dropdownClassName = dropdownProps.className,
     otherDropdownProps = _objectWithoutProperties(dropdownProps, _excluded3);
   var close = function close() {
     return instance.hide();
@@ -274,7 +274,7 @@ var Dropdown = function Dropdown(_ref2) {
     className: classnames("neeto-ui-dropdown", _defineProperty({}, className, className)),
     content: mounted ? /*#__PURE__*/React__default.createElement("div", _extends({
       "data-cy": "".concat(hyphenize(label), "-dropdown-container"),
-      className: classnames("neeto-ui-dropdown__popup", _defineProperty({}, dropdownClassname, dropdownClassname)),
+      className: classnames("neeto-ui-dropdown__popup", _defineProperty(_defineProperty({}, dropdownClassName, dropdownClassName), dropdownClassnames, dropdownClassnames)),
       onClick: closeOnSelect ? close : noop
     }, otherDropdownProps), children) : null,
     onCreate: function onCreate(instance) {