@bigbinary/neeto-molecules 1.19.10-beta → 1.19.11

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

@@ -5,7 +5,9 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var React = require('react');
 var classnames = require('classnames');
 var neetoIcons = require('@bigbinary/neeto-icons');
-var neetoui = require('@bigbinary/neetoui');
+var Button = require('@bigbinary/neetoui/Button');
+var Popover = require('@bigbinary/neetoui/Popover');
+var Typography = require('@bigbinary/neetoui/Typography');
 var reactI18next = require('react-i18next');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14,6 +16,9 @@ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 
 var SIZE = {
   "default": 16,
@@ -44,29 +49,29 @@ 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__default["default"]({}, otherProps, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _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__default["default"]({
+  })), /*#__PURE__*/React__default["default"].createElement(Popover__default["default"], _extends__default["default"]({
     appendTo: function appendTo() {
       return document.body;
     },
     reference: popoverRef
   }, popoverProps), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex flex-col"
-  }, title && /*#__PURE__*/React__default["default"].createElement(neetoui.Popover.Title, {
+  }, title && /*#__PURE__*/React__default["default"].createElement(Popover__default["default"].Title, {
     "data-cy": "help-popover-title",
     "data-testid": "help-popover-title"
-  }, title), typeof description === "string" ? /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, title), typeof description === "string" ? /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     "data-cy": "help-popover-description",
     "data-testid": "help-popover-description",
     lineHeight: "normal",
     style: "body2"
-  }, description) : description, helpLinkProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends__default["default"]({
+  }, description) : description, helpLinkProps && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _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

@@ -8,9 +8,14 @@ var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var useDebounce = require('@bigbinary/neeto-commons-frontend/react-utils/useDebounce');
 var neetoIcons = require('@bigbinary/neeto-icons');
-var neetoui = require('@bigbinary/neetoui');
+var Dropdown = require('@bigbinary/neetoui/Dropdown');
+var Label = require('@bigbinary/neetoui/Label');
+var Input = require('@bigbinary/neetoui/Input');
+var Button = require('@bigbinary/neetoui/Button');
+var Typography = require('@bigbinary/neetoui/Typography');
 var reactI18next = require('react-i18next');
 var reactWindow = require('react-window');
+var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var injectCss = require('./inject-css-80a5faa3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -21,6 +26,12 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var useDebounce__default = /*#__PURE__*/_interopDefaultLegacy(useDebounce);
+var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
+var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
+var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 
 var GRID_PROPERTIES = {
   gridWidth: 300,
@@ -38,7 +49,7 @@ var Icon = function Icon(_ref) {
     _onClick = _ref.onClick,
     symbolsStyle = _ref.symbolsStyle,
     style = _ref.style;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+  return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
     content: neetoCist.humanize(icon),
     position: "bottom"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -56,7 +67,7 @@ var Icon = function Icon(_ref) {
     style: symbolsStyle
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "material-symbols-rounded mx-auto"
-  }, icon), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, icon), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     className: "text-center line-clamp-2",
     style: "body3"
   }, neetoCist.humanize(icon)))));
@@ -68,7 +79,7 @@ injectCss.n(css,{});
 var NoResults = function NoResults() {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     className: "neeto-ui-text-gray-400 flex h-64 items-center justify-center text-lg",
     "data-cy": "no-icon-results-found-text"
   }, t("neetoMolecules.iconPicker.dropdown.noResults"));
@@ -157,7 +168,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__default["default"]({
+  }, label && /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, label), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], _extends__default["default"]({
     buttonSize: "small",
     buttonStyle: "secondary",
     closeOnSelect: false,
@@ -175,7 +186,7 @@ var IconPicker = function IconPicker(_ref) {
       style: symbolsStyle
     }, value && /*#__PURE__*/React__default["default"].createElement("span", {
       className: "material-symbols-rounded neeto-ui-text-base mx-auto"
-    }, value), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    }, value), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
       style: "body2"
     }, neetoCist.humanize(value) || t("neetoMolecules.iconPicker.dropdown.label"))),
     onClose: function onClose() {
@@ -185,7 +196,7 @@ var IconPicker = function IconPicker(_ref) {
     className: "w-72 flex-grow p-2 md:w-80"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mb-1 space-y-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
+  }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
     autoFocus: true,
     autoComplete: "off",
     "data-cy": "pick-icon-text-field",
@@ -193,7 +204,7 @@ var IconPicker = function IconPicker(_ref) {
     placeholder: t("neetoMolecules.common.search", {
       entity: t("neetoMolecules.iconPicker.entity")
     }),
-    suffix: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    suffix: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
       icon: neetoIcons.Close,
       size: "small",
       style: "link",
@@ -206,7 +217,7 @@ var IconPicker = function IconPicker(_ref) {
     }
   }), value && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-bg-white flex justify-center"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     className: "text-sm",
     "data-cy": "icon-remove-button",
     "data-testid": "icon-remove-button",