@bigbinary/neeto-molecules 1.17.7 → 1.19.0

package/dist/cjs/Header.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var _extends = require('./extends-1b35a664.js');
-var defineProperty = require('./defineProperty-886ed289.js');
-var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
@@ -16,7 +16,7 @@ require('react-router-dom');
 require('@bigbinary/neeto-icons');
 require('ramda');
 require('react-i18next');
-require('./slicedToArray-f320d9e7.js');
+require('@babel/runtime/helpers/slicedToArray');
 require('@bigbinary/neeto-commons-frontend/react-utils/useFuncDebounce');
 require('@bigbinary/neeto-commons-frontend/react-utils/useQueryParams');
 require('@bigbinary/neeto-commons-frontend/react-utils/useUpdateEffect');
@@ -24,6 +24,9 @@ require('@bigbinary/neeto-commons-frontend/utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
@@ -43,7 +46,7 @@ injectCss.n(css,{});
 
 var _excluded = ["dropdownButtonProps"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header = function Header(_ref) {
   var title = _ref.title,
     searchProps = _ref.searchProps,
@@ -84,15 +87,15 @@ var Header = function Header(_ref) {
   }, title), renderDropdown(function (_ref2) {
     var _ref2$dropdownButtonP = _ref2.dropdownButtonProps,
       dropdownButtonProps = _ref2$dropdownButtonP === void 0 ? {} : _ref2$dropdownButtonP,
-      dropdownProps = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded);
-    return /*#__PURE__*/React__default["default"].createElement(MoreDropdown, _extends._extends({
+      dropdownProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
+    return /*#__PURE__*/React__default["default"].createElement(MoreDropdown, _extends__default["default"]({
       dropdownButtonProps: _objectSpread({
         size: DROPDOWN_BUTTON_SIZES[size]
       }, dropdownButtonProps)
     }, dropdownProps));
   })))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-molecules-header__right"
-  }, searchProps && /*#__PURE__*/React__default["default"].createElement(Search, _extends._extends({
+  }, searchProps && /*#__PURE__*/React__default["default"].createElement(Search, _extends__default["default"]({
     enableUrlSync: true,
     className: classnames__default["default"](["neeto-molecules-header__search-input", searchProps.className])
   }, searchProps)), actionBlock && /*#__PURE__*/React__default["default"].createElement("div", {

package/dist/cjs/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../src/components/Header/constants.js","../../src/components/Header/index.jsx"],"sourcesContent":["const SIZES = { nano: \"nano\", small: \"small\", large: \"large\" };\n\nconst DROPDOWN_BUTTON_SIZES = {\n  nano: \"small\",\n  small: \"medium\",\n  large: \"large\",\n};\n\nexport { SIZES, DROPDOWN_BUTTON_SIZES };\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop, isNotEmpty } from \"neetocist\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Breadcrumbs from \"components/Breadcrumbs\";\nimport MoreDropdown from \"components/MoreDropdown\";\nimport Search from \"components/Search\";\n\nimport { DROPDOWN_BUTTON_SIZES, SIZES } from \"./constants\";\nimport \"./header.scss\";\n\nconst Header = ({\n  title,\n  searchProps,\n  className = \"\",\n  actionBlock,\n  breadcrumbs = [],\n  renderDropdown = noop,\n  size = \"large\",\n  \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => (\n  <div\n    data-cy=\"neeto-molecules-header\"\n    data-testid={dataTestId}\n    className={classnames([\n      \"neeto-molecules-header\",\n      {\n        \"neeto-molecules-header--has-breadcrumbs\": isNotEmpty(breadcrumbs),\n        \"neeto-molecules-header--large\": size === SIZES.large,\n        \"neeto-molecules-header--small\": size === SIZES.small,\n        \"neeto-molecules-header--nano\": size === SIZES.nano,\n      },\n      className,\n    ])}\n  >\n    <div className=\"neeto-molecules-header__left\">\n      <div className=\"neeto-molecules-header__left-data-wrap\">\n        {isNotEmpty(breadcrumbs) && <Breadcrumbs {...{ breadcrumbs }} />}\n        <div className=\"neeto-molecules-header__page-title\">\n          <Typography\n            data-cy=\"main-header\"\n            data-test-id=\"main-header\"\n            lineHeight=\"tight\"\n            style=\"h2\"\n            weight=\"semibold\"\n          >\n            {title}\n          </Typography>\n          {renderDropdown(({ dropdownButtonProps = {}, ...dropdownProps }) => (\n            <MoreDropdown\n              dropdownButtonProps={{\n                size: DROPDOWN_BUTTON_SIZES[size],\n                ...dropdownButtonProps,\n              }}\n              {...dropdownProps}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n    <div className=\"neeto-molecules-header__right\">\n      {searchProps && (\n        <Search\n          enableUrlSync\n          className={classnames([\n            \"neeto-molecules-header__search-input\",\n            searchProps.className,\n          ])}\n          {...searchProps}\n        />\n      )}\n      {actionBlock && (\n        <div className=\"neeto-molecules-header__action-block\">\n          {actionBlock}\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nHeader.propTypes = {\n  /**\n   * To set a title in the Header section.\n   */\n  title: PropTypes.node,\n  /**\n   * To specify additional class names.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the right side of the Header section.\n   */\n\n  actionBlock: PropTypes.node,\n  /**\n   * To add **Search** molecule to the subheader section.\n   */\n  searchProps: PropTypes.object,\n  /**\n   * To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n  /**\n   * A function to render the Dropdown next to the title. It provides the MoreDropdown component as argument.\n   */\n  renderDropdown: PropTypes.func,\n  /**\n   * To specify size of the Header.\n   *\n   * `large` - Default size. To be used in index pages.\n   *\n   * `small` - To be used in inner pages.\n   *\n   * `nano` - To be used in inner pages with menubar.\n   */\n  size: PropTypes.oneOf([\"nano\", \"small\", \"large\"]),\n};\n\nexport default Header;\n"],"names":["SIZES","nano","small","large","DROPDOWN_BUTTON_SIZES","Header","_ref","title","searchProps","_ref$className","className","actionBlock","_ref$breadcrumbs","breadcrumbs","_ref$renderDropdown","renderDropdown","noop","_ref$size","size","_ref$dataTestid","dataTestId","React","createElement","classnames","isNotEmpty","Breadcrumbs","Typography","lineHeight","style","weight","_ref2","_ref2$dropdownButtonP","dropdownButtonProps","dropdownProps","_objectWithoutProperties","_excluded","MoreDropdown","_extends","_objectSpread","Search","enableUrlSync"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../src/components/Header/constants.js","../../src/components/Header/index.jsx"],"sourcesContent":["const SIZES = { nano: \"nano\", small: \"small\", large: \"large\" };\n\nconst DROPDOWN_BUTTON_SIZES = {\n  nano: \"small\",\n  small: \"medium\",\n  large: \"large\",\n};\n\nexport { SIZES, DROPDOWN_BUTTON_SIZES };\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop, isNotEmpty } from \"neetocist\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Breadcrumbs from \"components/Breadcrumbs\";\nimport MoreDropdown from \"components/MoreDropdown\";\nimport Search from \"components/Search\";\n\nimport { DROPDOWN_BUTTON_SIZES, SIZES } from \"./constants\";\nimport \"./header.scss\";\n\nconst Header = ({\n  title,\n  searchProps,\n  className = \"\",\n  actionBlock,\n  breadcrumbs = [],\n  renderDropdown = noop,\n  size = \"large\",\n  \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => (\n  <div\n    data-cy=\"neeto-molecules-header\"\n    data-testid={dataTestId}\n    className={classnames([\n      \"neeto-molecules-header\",\n      {\n        \"neeto-molecules-header--has-breadcrumbs\": isNotEmpty(breadcrumbs),\n        \"neeto-molecules-header--large\": size === SIZES.large,\n        \"neeto-molecules-header--small\": size === SIZES.small,\n        \"neeto-molecules-header--nano\": size === SIZES.nano,\n      },\n      className,\n    ])}\n  >\n    <div className=\"neeto-molecules-header__left\">\n      <div className=\"neeto-molecules-header__left-data-wrap\">\n        {isNotEmpty(breadcrumbs) && <Breadcrumbs {...{ breadcrumbs }} />}\n        <div className=\"neeto-molecules-header__page-title\">\n          <Typography\n            data-cy=\"main-header\"\n            data-test-id=\"main-header\"\n            lineHeight=\"tight\"\n            style=\"h2\"\n            weight=\"semibold\"\n          >\n            {title}\n          </Typography>\n          {renderDropdown(({ dropdownButtonProps = {}, ...dropdownProps }) => (\n            <MoreDropdown\n              dropdownButtonProps={{\n                size: DROPDOWN_BUTTON_SIZES[size],\n                ...dropdownButtonProps,\n              }}\n              {...dropdownProps}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n    <div className=\"neeto-molecules-header__right\">\n      {searchProps && (\n        <Search\n          enableUrlSync\n          className={classnames([\n            \"neeto-molecules-header__search-input\",\n            searchProps.className,\n          ])}\n          {...searchProps}\n        />\n      )}\n      {actionBlock && (\n        <div className=\"neeto-molecules-header__action-block\">\n          {actionBlock}\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nHeader.propTypes = {\n  /**\n   * To set a title in the Header section.\n   */\n  title: PropTypes.node,\n  /**\n   * To specify additional class names.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the right side of the Header section.\n   */\n\n  actionBlock: PropTypes.node,\n  /**\n   * To add **Search** molecule to the subheader section.\n   */\n  searchProps: PropTypes.object,\n  /**\n   * To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n  /**\n   * A function to render the Dropdown next to the title. It provides the MoreDropdown component as argument.\n   */\n  renderDropdown: PropTypes.func,\n  /**\n   * To specify size of the Header.\n   *\n   * `large` - Default size. To be used in index pages.\n   *\n   * `small` - To be used in inner pages.\n   *\n   * `nano` - To be used in inner pages with menubar.\n   */\n  size: PropTypes.oneOf([\"nano\", \"small\", \"large\"]),\n};\n\nexport default Header;\n"],"names":["SIZES","nano","small","large","DROPDOWN_BUTTON_SIZES","Header","_ref","title","searchProps","_ref$className","className","actionBlock","_ref$breadcrumbs","breadcrumbs","_ref$renderDropdown","renderDropdown","noop","_ref$size","size","_ref$dataTestid","dataTestId","React","createElement","classnames","isNotEmpty","Breadcrumbs","Typography","lineHeight","style","weight","_ref2","_ref2$dropdownButtonP","dropdownButtonProps","dropdownProps","_objectWithoutProperties","_excluded","MoreDropdown","_extends","_objectSpread","Search","enableUrlSync"],"mappings":"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"}

package/dist/cjs/HelpPopover.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var _extends = require('./extends-1b35a664.js');
-var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var classnames = require('classnames');
 var neetoIcons = require('@bigbinary/neeto-icons');
@@ -10,6 +10,8 @@ var reactI18next = require('react-i18next');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
@@ -31,7 +33,7 @@ var HelpPopover = function HelpPopover(_ref) {
     iconColor = _ref$iconColor === void 0 ? "#1f1f1f" : _ref$iconColor,
     _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? neetoIcons.Help : _ref$icon,
-    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var popoverRef = React.useRef();
@@ -42,14 +44,14 @@ var HelpPopover = function HelpPopover(_ref) {
       size: SIZE[size]
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends._extends({}, otherProps, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends__default["default"]({}, otherProps, {
     "data-cy": "help-popover-button",
     "data-testid": "help-popover-button",
     icon: Icon,
     ref: popoverRef,
     style: "text",
     className: classnames__default["default"]("neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0", className)
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Popover, _extends._extends({
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Popover, _extends__default["default"]({
     appendTo: function appendTo() {
       return document.body;
     },
@@ -64,7 +66,7 @@ var HelpPopover = function HelpPopover(_ref) {
     "data-testid": "help-popover-description",
     lineHeight: "normal",
     style: "body2"
-  }, description) : description, helpLinkProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends._extends({
+  }, description) : description, helpLinkProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends__default["default"]({
     className: "neeto-ui-mt-3",
     "data-cy": "help-popover-link-button",
     label: t("neetoMolecules.common.viewHelpArticle"),

package/dist/cjs/HelpPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpPopover.js","sources":["../../src/components/HelpPopover/constants.js","../../src/components/HelpPopover/index.jsx"],"sourcesContent":["export const SIZE = { default: 16, large: 20 };\n","import React, { useRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { Help } from \"neetoicons\";\nimport { Button, Popover, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZE } from \"./constants\";\n\nconst HelpPopover = ({\n  title,\n  size = \"default\",\n  description,\n  helpLinkProps,\n  popoverProps,\n  className,\n  iconColor = \"#1f1f1f\",\n  icon = Help,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const popoverRef = useRef();\n\n  const Icon = () => {\n    const Component = icon;\n\n    return <Component color={iconColor} size={SIZE[size]} />;\n  };\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        data-cy=\"help-popover-button\"\n        data-testid=\"help-popover-button\"\n        icon={Icon}\n        ref={popoverRef}\n        style=\"text\"\n        className={classNames(\n          \"neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0\",\n          className\n        )}\n      />\n      <Popover\n        appendTo={() => document.body}\n        reference={popoverRef}\n        {...popoverProps}\n      >\n        <div className=\"flex flex-col\">\n          {title && (\n            <Popover.Title\n              data-cy=\"help-popover-title\"\n              data-testid=\"help-popover-title\"\n            >\n              {title}\n            </Popover.Title>\n          )}\n          {typeof description === \"string\" ? (\n            <Typography\n              data-cy=\"help-popover-description\"\n              data-testid=\"help-popover-description\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {description}\n            </Typography>\n          ) : (\n            description\n          )}\n          {helpLinkProps && (\n            <Button\n              className=\"neeto-ui-mt-3\"\n              data-cy=\"help-popover-link-button\"\n              label={t(\"neetoMolecules.common.viewHelpArticle\")}\n              size=\"small\"\n              {...helpLinkProps}\n              data-testid=\"help-popover-link-button\"\n              style=\"link\"\n              target=\"_blank\"\n            />\n          )}\n        </div>\n      </Popover>\n    </>\n  );\n};\n\nHelpPopover.propTypes = {\n  /**\n   * To set the title of the help popover.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the size of the popover help icon.\n   */\n  size: PropTypes.oneOf([\"default\", \"large\"]),\n  /**\n   * To set the description of the popover, this can be a string or a custom component.\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To set the props of the help link which is displayed below the description.\n   */\n  helpLinkProps: PropTypes.object,\n  /**\n   * To set the props of the popover to customize it further.\n   */\n  popoverProps: PropTypes.object,\n  /**\n   * Additional classes passed on to the help button element.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the default icon color of the help icon.\n   */\n  iconColor: PropTypes.string,\n  /**\n   * To customize the icon of the help popover.\n   */\n  icon: PropTypes.node,\n};\n\nexport default HelpPopover;\n"],"names":["SIZE","large","HelpPopover","_ref","title","_ref$size","size","description","helpLinkProps","popoverProps","className","_ref$iconColor","iconColor","_ref$icon","icon","Help","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","popoverRef","useRef","Icon","Component","React","createElement","color","Fragment","Button","_extends","ref","style","classNames","Popover","appendTo","document","body","reference","Title","Typography","lineHeight","label","target"],"mappings":"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"}
+{"version":3,"file":"HelpPopover.js","sources":["../../src/components/HelpPopover/constants.js","../../src/components/HelpPopover/index.jsx"],"sourcesContent":["export const SIZE = { default: 16, large: 20 };\n","import React, { useRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { Help } from \"neetoicons\";\nimport { Button, Popover, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZE } from \"./constants\";\n\nconst HelpPopover = ({\n  title,\n  size = \"default\",\n  description,\n  helpLinkProps,\n  popoverProps,\n  className,\n  iconColor = \"#1f1f1f\",\n  icon = Help,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const popoverRef = useRef();\n\n  const Icon = () => {\n    const Component = icon;\n\n    return <Component color={iconColor} size={SIZE[size]} />;\n  };\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        data-cy=\"help-popover-button\"\n        data-testid=\"help-popover-button\"\n        icon={Icon}\n        ref={popoverRef}\n        style=\"text\"\n        className={classNames(\n          \"neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0\",\n          className\n        )}\n      />\n      <Popover\n        appendTo={() => document.body}\n        reference={popoverRef}\n        {...popoverProps}\n      >\n        <div className=\"flex flex-col\">\n          {title && (\n            <Popover.Title\n              data-cy=\"help-popover-title\"\n              data-testid=\"help-popover-title\"\n            >\n              {title}\n            </Popover.Title>\n          )}\n          {typeof description === \"string\" ? (\n            <Typography\n              data-cy=\"help-popover-description\"\n              data-testid=\"help-popover-description\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {description}\n            </Typography>\n          ) : (\n            description\n          )}\n          {helpLinkProps && (\n            <Button\n              className=\"neeto-ui-mt-3\"\n              data-cy=\"help-popover-link-button\"\n              label={t(\"neetoMolecules.common.viewHelpArticle\")}\n              size=\"small\"\n              {...helpLinkProps}\n              data-testid=\"help-popover-link-button\"\n              style=\"link\"\n              target=\"_blank\"\n            />\n          )}\n        </div>\n      </Popover>\n    </>\n  );\n};\n\nHelpPopover.propTypes = {\n  /**\n   * To set the title of the help popover.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the size of the popover help icon.\n   */\n  size: PropTypes.oneOf([\"default\", \"large\"]),\n  /**\n   * To set the description of the popover, this can be a string or a custom component.\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To set the props of the help link which is displayed below the description.\n   */\n  helpLinkProps: PropTypes.object,\n  /**\n   * To set the props of the popover to customize it further.\n   */\n  popoverProps: PropTypes.object,\n  /**\n   * Additional classes passed on to the help button element.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the default icon color of the help icon.\n   */\n  iconColor: PropTypes.string,\n  /**\n   * To customize the icon of the help popover.\n   */\n  icon: PropTypes.node,\n};\n\nexport default HelpPopover;\n"],"names":["SIZE","large","HelpPopover","_ref","title","_ref$size","size","description","helpLinkProps","popoverProps","className","_ref$iconColor","iconColor","_ref$icon","icon","Help","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","popoverRef","useRef","Icon","Component","React","createElement","color","Fragment","Button","_extends","ref","style","classNames","Popover","appendTo","document","body","reference","Title","Typography","lineHeight","label","target"],"mappings":"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"}

package/dist/cjs/IconPicker.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var _extends = require('./extends-1b35a664.js');
-var slicedToArray = require('./slicedToArray-f320d9e7.js');
-var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var _extends = require('@babel/runtime/helpers/extends');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
@@ -15,6 +15,9 @@ var injectCss = require('./inject-css-80a5faa3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var useDebounce__default = /*#__PURE__*/_interopDefaultLegacy(useDebounce);
@@ -83,17 +86,17 @@ var IconPicker = function IconPicker(_ref) {
     onClick = _ref$onClick === void 0 ? neetoCist.noop : _ref$onClick,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
   var _useState = React.useState(""),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     searchTerm = _useState2[0],
     setSearchTerm = _useState2[1];
   var _useState3 = React.useState([]),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     iconList = _useState4[0],
     setIconList = _useState4[1];
   var _useState5 = React.useState(value),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
     activeIcon = _useState6[0],
     setActiveIcon = _useState6[1];
   var gridRef = React.useRef(null);
@@ -154,7 +157,7 @@ var IconPicker = function IconPicker(_ref) {
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex flex-col items-start gap-2"
-  }, label && /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, label), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends._extends({
+  }, label && /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, label), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends__default["default"]({
     buttonSize: "small",
     buttonStyle: "secondary",
     closeOnSelect: false,