@bigbinary/neeto-molecules 3.4.0-beta-1 → 3.4.0

package/dist/MobilePreviewHeader.js

@@ -0,0 +1,25 @@
+import classnames from 'classnames';
+import Typography from '@bigbinary/neetoui/Typography';
+import { useTranslation } from 'react-i18next';
+import { jsx } from 'react/jsx-runtime';
+
+var MobilePreviewHeader = function MobilePreviewHeader(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$message = _ref.message,
+    message = _ref$message === void 0 ? "" : _ref$message;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx("div", {
+    className: classnames(["neeto-ui-bg-gray-200 px-6 py-5", className]),
+    "data-cy": "mobile-preview-header",
+    children: /*#__PURE__*/jsx(Typography, {
+      lineHeight: "normal",
+      style: "body2",
+      children: message || t("neetoMolecules.mobilePreview.message")
+    })
+  });
+};
+
+export { MobilePreviewHeader as default };
+//# sourceMappingURL=MobilePreviewHeader.js.map

package/dist/MobilePreviewHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobilePreviewHeader.js","sources":["../src/components/MobilePreviewHeader/index.jsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\n// Had to disable this to populate content in description column.\n// eslint-disable-next-line @bigbinary/neeto/no-dumb-components-with-use-translation\nconst MobilePreviewHeader = ({ className = \"\", message = \"\" }) => {\n  const { t } = useTranslation();\n\n  return (\n    <div\n      className={classnames([\"neeto-ui-bg-gray-200 px-6 py-5\", className])}\n      data-cy=\"mobile-preview-header\"\n    >\n      <Typography lineHeight=\"normal\" style=\"body2\">\n        {message || t(\"neetoMolecules.mobilePreview.message\")}\n      </Typography>\n    </div>\n  );\n};\n\nMobilePreviewHeader.propTypes = {\n  /**\n   * To provide additional classes\n   */\n  className: PropTypes.string,\n  /**\n   * To provide custom message.\n   */\n  message: PropTypes.node,\n};\n\nexport default MobilePreviewHeader;\n"],"names":["MobilePreviewHeader","_ref","_ref$className","className","_ref$message","message","_useTranslation","useTranslation","t","_jsx","classnames","children","Typography","lineHeight","style"],"mappings":";;;;;AAOA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CAAnCE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,YAAA,GAAAH,IAAA,CAAEI,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA,CAAA;AACzD,EAAA,IAAAE,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;AAET,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;IACEN,SAAS,EAAEO,UAAU,CAAC,CAAC,gCAAgC,EAAEP,SAAS,CAAC,CAAE;AACrE,IAAA,SAAA,EAAQ,uBAAuB;IAAAQ,QAAA,eAE/BF,GAAA,CAACG,UAAU,EAAA;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAACC,MAAAA,KAAK,EAAC,OAAO;AAAAH,MAAAA,QAAA,EAC1CN,OAAO,IAAIG,CAAC,CAAC,sCAAsC,CAAA;KAC1C,CAAA;AAAC,GACV,CAAC,CAAA;AAEV;;;;"}

package/dist/MoreDropdown.js

@@ -18,7 +18,8 @@ var MENU_ITEM_TYPES = {
 };
 var DEFAULT_TOOLTIP_PROPS = {
   disabled: true,
-  position: "bottom"
+  position: "bottom",
+  touch: ["hold", 500]
 };
 
 var _excluded$2 = ["label", "key"],
@@ -139,7 +140,8 @@ var MoreDropdown = function MoreDropdown(_ref) {
       style: "text",
       tooltipProps: {
         content: t("neetoMolecules.moreDropdown.tooltip"),
-        position: "top"
+        position: "top",
+        touch: ["hold", 500]
       }
     }, buttonProps)
   }, dropdownProps), {}, {

package/dist/MoreDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreDropdown.js","sources":["../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/Submenu.jsx","../src/components/MoreDropdown/MenuItem.jsx","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\n\nexport const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nexport const STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nexport const MENU_ITEM_TYPES = {\n  menuItem: \"menuItem\",\n  divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n  disabled: true,\n  position: \"bottom\",\n};\n","import { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n  <Dropdown\n    customTarget={<MenuItem.Button>{label}</MenuItem.Button>}\n    key={key}\n    position=\"left\"\n    trigger=\"hover\"\n    {...menuItemProps.dropdownProps}\n  >\n    <Menu>\n      {menuItemProps.menuItems.map(\n        ({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n        }\n      )}\n    </Menu>\n  </Dropdown>\n);\n\nexport default Submenu;\n","import { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n  onClick,\n  label,\n  type = MENU_ITEM_TYPES.menuItem,\n  hasSubItems = false,\n  ...menuItemProps\n}) => {\n  if (type === MENU_ITEM_TYPES.divider) {\n    return <Divider />;\n  }\n\n  if (hasSubItems) {\n    return <Submenu {...{ label, ...menuItemProps }} />;\n  }\n\n  return (\n    <MenuItem.Button {...{ onClick, ...menuItemProps }}>\n      {label}\n    </MenuItem.Button>\n  );\n};\n\nexport default MoreDropdownMenuItem;\n","import classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  BUTTON_STYLES,\n  DEFAULT_TOOLTIP_PROPS,\n  MENU_ITEM_TYPES,\n  SIZES,\n  STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n  dropdownButtonProps = {},\n  isVertical = false,\n  isDisabled = false,\n  dropdownProps = {},\n  menuTopChildren,\n  menuBottomChildren,\n  menuItems = [],\n}) => {\n  const { t } = useTranslation();\n\n  const { isRounded: isRoundedButton, ...buttonProps } = dropdownButtonProps;\n\n  const tooltipProps = mergeRight(\n    DEFAULT_TOOLTIP_PROPS,\n    dropdownButtonProps.tooltipProps\n  );\n\n  const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n  const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n  if (isDropdownDisabled && !tooltipProps.disabled) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <span>\n          <Button\n            disabled\n            data-cy=\"more-dropdown-button\"\n            data-dropdown-button-style=\"more-dropdown\"\n            data-testid=\"nui-dropdown-button\"\n            icon={targetIcon}\n            iconPosition=\"right\"\n            size=\"medium\"\n            style=\"text\"\n            className={classnames({\n              \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n            })}\n            {...buttonProps}\n          />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Dropdown\n      autoWidth\n      className=\"flex\"\n      disabled={isDisabled}\n      icon={targetIcon}\n      buttonProps={{\n        \"data-dropdown-button-style\": \"more-dropdown\",\n        className: classnames(\"min-h-0 flex-shrink-0\", {\n          \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n        }),\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n          position: \"top\",\n        },\n        ...buttonProps,\n      }}\n      {...dropdownProps}\n    >\n      <Menu>\n        {menuTopChildren}\n        {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return (\n            <MenuItem\n              key={key ?? hyphenate(menuItemProps.label)}\n              {...menuItemProps}\n            />\n          );\n        })}\n        {menuBottomChildren}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nMoreDropdown.propTypes = {\n  /*\n   * This props will be passed to the target button of the dropdown.\n   */\n  dropdownButtonProps: PropTypes.shape({\n    style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    iconSize: PropTypes.number,\n    disabled: PropTypes.bool,\n    isRounded: PropTypes.bool,\n  }),\n  /*\n   * Whether to show a MenuVertical icon. By default the icon will be MenuHorizontal.\n   */\n  isVertical: PropTypes.bool,\n  /*\n   * Whether the dropdown is disabled or not.\n   */\n  isDisabled: PropTypes.bool,\n  /*\n   * This props will be passed to the dropdown.\n   */\n  dropdownProps: PropTypes.shape({\n    strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n  }),\n  /*\n   * This children will be rendered on top of the dropdown menu.\n   */\n  menuTopChildren: PropTypes.node,\n  /*\n   * This children will be rendered on bottom of the dropdown menu.\n   */\n  menuBottomChildren: PropTypes.node,\n  /*\n   * Menu items inside the dropdown. Each item needs to have a `label`, `onClick` and `key`.\n   */\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      onClick: PropTypes.func,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(Object.values(MENU_ITEM_TYPES)),\n      isVisible: PropTypes.bool,\n      hasSubItems: PropTypes.bool,\n      dropdownProps: PropTypes.shape({\n        position: PropTypes.string,\n        trigger: PropTypes.string,\n      }),\n    })\n  ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","customTarget","Button","children","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","t","isRoundedButton","isRounded","buttonProps","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","className","classnames","autoWidth","content","_jsxs","hyphenate"],"mappings":"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"}
+{"version":3,"file":"MoreDropdown.js","sources":["../src/components/MoreDropdown/constants.js","../src/components/MoreDropdown/Submenu.jsx","../src/components/MoreDropdown/MenuItem.jsx","../src/components/MoreDropdown/index.jsx"],"sourcesContent":["export const BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\n\nexport const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nexport const STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nexport const MENU_ITEM_TYPES = {\n  menuItem: \"menuItem\",\n  divider: \"divider\",\n};\n\nexport const DEFAULT_TOOLTIP_PROPS = {\n  disabled: true,\n  position: \"bottom\",\n  touch: [\"hold\", 500],\n};\n","import { Dropdown } from \"neetoui\";\n\nimport MoreDropdownMenuItem from \"./MenuItem\";\n\nconst { MenuItem, Menu } = Dropdown;\n\nconst Submenu = ({ label, key, ...menuItemProps }) => (\n  <Dropdown\n    customTarget={<MenuItem.Button>{label}</MenuItem.Button>}\n    key={key}\n    position=\"left\"\n    trigger=\"hover\"\n    {...menuItemProps.dropdownProps}\n  >\n    <Menu>\n      {menuItemProps.menuItems.map(\n        ({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return <MoreDropdownMenuItem key={key} {...menuItemProps} />;\n        }\n      )}\n    </Menu>\n  </Dropdown>\n);\n\nexport default Submenu;\n","import { Dropdown } from \"neetoui\";\n\nimport { MENU_ITEM_TYPES } from \"./constants\";\nimport Submenu from \"./Submenu\";\n\nconst { MenuItem, Divider } = Dropdown;\n\nconst MoreDropdownMenuItem = ({\n  onClick,\n  label,\n  type = MENU_ITEM_TYPES.menuItem,\n  hasSubItems = false,\n  ...menuItemProps\n}) => {\n  if (type === MENU_ITEM_TYPES.divider) {\n    return <Divider />;\n  }\n\n  if (hasSubItems) {\n    return <Submenu {...{ label, ...menuItemProps }} />;\n  }\n\n  return (\n    <MenuItem.Button {...{ onClick, ...menuItemProps }}>\n      {label}\n    </MenuItem.Button>\n  );\n};\n\nexport default MoreDropdownMenuItem;\n","import classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { MenuHorizontal, MenuVertical } from \"neetoicons\";\nimport { Button, Dropdown, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  BUTTON_STYLES,\n  DEFAULT_TOOLTIP_PROPS,\n  MENU_ITEM_TYPES,\n  SIZES,\n  STRATEGY,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\nimport \"./moredropdown.scss\";\n\nconst { Menu } = Dropdown;\n\nconst MoreDropdown = ({\n  dropdownButtonProps = {},\n  isVertical = false,\n  isDisabled = false,\n  dropdownProps = {},\n  menuTopChildren,\n  menuBottomChildren,\n  menuItems = [],\n}) => {\n  const { t } = useTranslation();\n\n  const { isRounded: isRoundedButton, ...buttonProps } = dropdownButtonProps;\n\n  const tooltipProps = mergeRight(\n    DEFAULT_TOOLTIP_PROPS,\n    dropdownButtonProps.tooltipProps\n  );\n\n  const targetIcon = isVertical ? MenuVertical : MenuHorizontal;\n\n  const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n  if (isDropdownDisabled && !tooltipProps.disabled) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <span>\n          <Button\n            disabled\n            data-cy=\"more-dropdown-button\"\n            data-dropdown-button-style=\"more-dropdown\"\n            data-testid=\"nui-dropdown-button\"\n            icon={targetIcon}\n            iconPosition=\"right\"\n            size=\"medium\"\n            style=\"text\"\n            className={classnames({\n              \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n            })}\n            {...buttonProps}\n          />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Dropdown\n      autoWidth\n      className=\"flex\"\n      disabled={isDisabled}\n      icon={targetIcon}\n      buttonProps={{\n        \"data-dropdown-button-style\": \"more-dropdown\",\n        className: classnames(\"min-h-0 flex-shrink-0\", {\n          \"neeto-molecule-moredropdown--rounded\": isRoundedButton,\n        }),\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.moreDropdown.tooltip\"),\n          position: \"top\",\n          touch: [\"hold\", 500],\n        },\n        ...buttonProps,\n      }}\n      {...dropdownProps}\n    >\n      <Menu>\n        {menuTopChildren}\n        {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return (\n            <MenuItem\n              key={key ?? hyphenate(menuItemProps.label)}\n              {...menuItemProps}\n            />\n          );\n        })}\n        {menuBottomChildren}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nMoreDropdown.propTypes = {\n  /*\n   * This props will be passed to the target button of the dropdown.\n   */\n  dropdownButtonProps: PropTypes.shape({\n    style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    iconSize: PropTypes.number,\n    disabled: PropTypes.bool,\n    isRounded: PropTypes.bool,\n  }),\n  /*\n   * Whether to show a MenuVertical icon. By default the icon will be MenuHorizontal.\n   */\n  isVertical: PropTypes.bool,\n  /*\n   * Whether the dropdown is disabled or not.\n   */\n  isDisabled: PropTypes.bool,\n  /*\n   * This props will be passed to the dropdown.\n   */\n  dropdownProps: PropTypes.shape({\n    strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n  }),\n  /*\n   * This children will be rendered on top of the dropdown menu.\n   */\n  menuTopChildren: PropTypes.node,\n  /*\n   * This children will be rendered on bottom of the dropdown menu.\n   */\n  menuBottomChildren: PropTypes.node,\n  /*\n   * Menu items inside the dropdown. Each item needs to have a `label`, `onClick` and `key`.\n   */\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      onClick: PropTypes.func,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(Object.values(MENU_ITEM_TYPES)),\n      isVisible: PropTypes.bool,\n      hasSubItems: PropTypes.bool,\n      dropdownProps: PropTypes.shape({\n        position: PropTypes.string,\n        trigger: PropTypes.string,\n      }),\n    })\n  ),\n};\n\nexport default MoreDropdown;\n"],"names":["MENU_ITEM_TYPES","menuItem","divider","DEFAULT_TOOLTIP_PROPS","disabled","position","touch","MenuItem","Dropdown","Menu","Submenu","_ref","label","key","menuItemProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","customTarget","Button","children","trigger","dropdownProps","menuItems","map","_ref2","_ref2$isVisible","isVisible","_excluded2","MoreDropdownMenuItem","Divider","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_ref$menuItems","_useTranslation","useTranslation","t","isRoundedButton","isRounded","buttonProps","tooltipProps","mergeRight","targetIcon","MenuVertical","MenuHorizontal","isDropdownDisabled","Tooltip","icon","iconPosition","size","style","className","classnames","autoWidth","content","_jsxs","hyphenate"],"mappings":"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"}

package/dist/NavigationHeader.js

@@ -68,6 +68,7 @@ var LeftBlock = function LeftBlock(_ref) {
     children: [/*#__PURE__*/jsx(Tooltip, {
       content: homeButtonProps.tooltip.content,
       position: homeButtonProps.tooltip.position,
+      touch: ["hold", 500],
       children: /*#__PURE__*/jsx(Link, {
         "data-cy": "home-button",
         "data-testid": "home-button",

package/dist/NavigationHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationHeader.js","sources":["../src/components/NavigationHeader/constants.jsx","../src/components/NavigationHeader/LeftBlock.jsx","../src/components/NavigationHeader/Navigation.jsx","../src/components/NavigationHeader/RightBlock.jsx","../src/components/NavigationHeader/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { Home } from \"neetoicons\";\n\nexport const DEFAULT_HOME_BUTTON_PROPS = {\n  tooltip: {\n    content: t(\"neetoMolecules.navigationHeader.home\"),\n    position: \"bottom\",\n  },\n  homeUrl: \"/\",\n  icon: <Home />,\n};\n","import { isPresent } from \"neetocist\";\nimport { Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeDeepRight } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport Rename from \"components/Rename\";\n\nimport { DEFAULT_HOME_BUTTON_PROPS } from \"./constants\";\n\nconst LeftBlock = ({\n  homeButtonProps: customHomeButtonProps,\n  homeUrl,\n  renameProps,\n  children,\n}) => {\n  const homeButtonProps = mergeDeepRight(\n    DEFAULT_HOME_BUTTON_PROPS,\n    customHomeButtonProps\n  );\n\n  return (\n    <div\n      className=\"flex items-center gap-1 md:gap-2\"\n      data-cy=\"navigation-header-left-block\"\n      data-testid=\"navigation-header-left-block\"\n    >\n      <Tooltip\n        content={homeButtonProps.tooltip.content}\n        position={homeButtonProps.tooltip.position}\n      >\n        <Link data-cy=\"home-button\" data-testid=\"home-button\" to={homeUrl}>\n          <div className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1\">\n            {homeButtonProps.icon}\n          </div>\n        </Link>\n      </Tooltip>\n      {isPresent(renameProps) && (\n        <Rename\n          dropdownItems={renameProps.dropdownItems}\n          value={renameProps.value}\n          {...renameProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nLeftBlock.propTypes = {\n  /**\n   * Object containing the home button icon and the props to be passed to the tooltip of the home button.\n   */\n  homeButtonProps: PropTypes.shape({\n    tooltip: PropTypes.shape({\n      content: PropTypes.string,\n      postition: PropTypes.string,\n    }),\n    icon: PropTypes.node,\n  }),\n  /**\n   * URL to navigate when the home button is clicked.\n   */\n  homeUrl: PropTypes.string.isRequired,\n  /**\n   * Props to be passed to the `Rename` component. Please check the `Rename` component props for more details\n   */\n  renameProps: PropTypes.object,\n  /**\n   * To render extra content in the block.\n   */\n  children: PropTypes.node,\n};\n\nexport default LeftBlock;\n","import { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nconst NavigationLinks = ({ headerLinks }) => (\n  <div\n    className=\"flex w-full items-center justify-between gap-4 md:justify-center md:gap-3 lg:gap-6\"\n    data-cy=\"navigation-header-navigation-links\"\n    data-testid=\"navigation-header-navigation-links\"\n  >\n    {headerLinks.map(headerLink => (\n      <NavLink\n        activeClassName=\"active\"\n        className=\"neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0\"\n        data-cy={`${joinHyphenCase(headerLink.key)}-tab`}\n        key={headerLink.key}\n        {...headerLink}\n      >\n        <Typography lineHeight=\"normal\" style=\"h4\" weight=\"semibold\">\n          {headerLink.label}\n        </Typography>\n      </NavLink>\n    ))}\n  </div>\n);\n\nNavigationLinks.propTypes = {\n  /**\n   * Links to be rendered in the center of the navigation header. It is an array of objects.\n   * Each object should have the properties `key`, `to` and `label`. Other props will be passed on to the `Navlink` component from\n  `react-router-dom`.\n   */\n  headerLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      to: PropTypes.string,\n      label: PropTypes.string,\n    })\n  ),\n};\n\nexport default NavigationLinks;\n","import classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport PublishBlock from \"components/PublishBlock\";\n\nimport \"./navigation-header.scss\";\n\nconst RightBlock = ({\n  isDraftBlockHidden,\n  previewDraftUrl,\n  isResetDraftButtonVisible,\n  onResetClick,\n  isResetting,\n  isPublishDisabled,\n  isPublishing,\n  handlePublish,\n  isPublishPreviewDisabled,\n  previewPublishedUrl,\n  isPublishButtonVisible,\n  isResetAlertOpen,\n  setIsResetAlertOpen,\n  handleReset,\n  publishAlertTitle,\n  publishAlertDescription,\n  publishButtonProps = {},\n}) => {\n  const { t } = useTranslation();\n\n  const renderDraftButtons = ({ ViewDraftButton, ResetDraftButton }) =>\n    !isDraftBlockHidden && (\n      <>\n        <ViewDraftButton to={previewDraftUrl} />\n        {isResetDraftButtonVisible && (\n          <ResetDraftButton\n            loading={isResetting}\n            onClick={() => onResetClick()}\n          />\n        )}\n      </>\n    );\n\n  const renderPublishButtons = ({ PublishButton, PublishPreviewButton }) => (\n    <>\n      {isPublishButtonVisible && (\n        <PublishButton\n          disabled={isPublishDisabled}\n          loading={isPublishing}\n          onClick={() => handlePublish()}\n          {...publishButtonProps}\n        />\n      )}\n      <PublishPreviewButton\n        disabled={isPublishPreviewDisabled}\n        to={previewPublishedUrl}\n        className={classNames({\n          \"standalone-publish-preview-button\": !isPublishButtonVisible,\n        })}\n      />\n    </>\n  );\n\n  return (\n    <>\n      <PublishBlock {...{ renderDraftButtons, renderPublishButtons }} />\n      <PublishBlock.Alert\n        isOpen={isResetAlertOpen}\n        isSubmitting={isResetting}\n        message={\n          publishAlertDescription ||\n          t(\"neetoMolecules.navigationHeader.resetDescription\")\n        }\n        title={\n          publishAlertTitle || t(\"neetoMolecules.navigationHeader.resetTitle\")\n        }\n        onClose={() => setIsResetAlertOpen(false)}\n        onSubmit={handleReset}\n      />\n    </>\n  );\n};\n\nRightBlock.propTypes = {\n  /**\n   * To show/hide the draft block.\n   */\n  isDraftBlockHidden: PropTypes.bool,\n  /**\n   * Draft preview URL, when the draft button is clicked user will be redirected to this URL.\n   */\n  previewDraftUrl: PropTypes.string,\n  /**\n   * Boolean to control the visibility of reset draft button.\n   */\n  isResetDraftButtonVisible: PropTypes.bool,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  onResetClick: PropTypes.func,\n  /**\n   * Setting this to `true` will show a spinner on the reset button. Use when the reset process is in progress.\n   */\n  isResetting: PropTypes.bool,\n  /**\n   * To disable the publish button.\n   */\n  isPublishDisabled: PropTypes.bool,\n  /**\n   * Setting this to `true` will show a spinner on the publish button. Use when the publish process is in progress.\n   */\n  isPublishing: PropTypes.bool,\n  /**\n   * Callback function that will be called when the publish button is clicked.\n   */\n  handlePublish: PropTypes.func,\n  /**\n   * To disable the publish preview button.\n   */\n  isPublishPreviewDisabled: PropTypes.bool,\n  /**\n   * Publish preview URL, when the preview publish button is clicked user will be redirected to this URL.\n   */\n  previewPublishedUrl: PropTypes.string,\n  /**\n   * Boolean to control whether the user have the ability to publish.\n   */\n  isPublishButtonVisible: PropTypes.bool,\n  /**\n   * Boolean to control whether the reset alert is open.\n   */\n  isResetAlertOpen: PropTypes.bool,\n  /**\n   * Handler to control the `isResetAlert` state variable.\n   */\n  setIsResetAlertOpen: PropTypes.func,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  handleReset: PropTypes.func,\n  /**\n   * Description to be shown in the publish alert\n   */\n  publishAlertDescription: PropTypes.string,\n  /**\n   * Title of the publish alert\n   */\n  publishAlertTitle: PropTypes.string,\n  /**\n   * Props to be passed to the publish button\n   */\n  publishButtonProps: PropTypes.object,\n};\n\nexport default RightBlock;\n","import { isPresent } from \"neetocist\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport PropTypes from \"prop-types\";\nimport { filter, length } from \"ramda\";\n\nimport LeftBlock from \"./LeftBlock\";\nimport NavigationLinks from \"./Navigation\";\nimport RightBlock from \"./RightBlock\";\n\nconst NavigationHeader = ({\n  leftActionBlock,\n  navigationLinks,\n  rightActionBlock,\n}) => {\n  const { isSize } = useBreakpoints();\n  const isMobile = isSize(\"mobile\");\n\n  const numberOfChildren = length(\n    filter(isPresent, [leftActionBlock, navigationLinks, rightActionBlock])\n  );\n\n  return (\n    <div className=\"w-full\">\n      <div\n        className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center overflow-x-auto border-b px-2 py-2 md:px-4 lg:px-6\"\n        data-cy=\"navigation-header\"\n        data-testid=\"navigation-header\"\n      >\n        <div\n          className=\"grid w-full gap-4\"\n          style={{\n            gridTemplateColumns: isMobile\n              ? `repeat(${numberOfChildren - 1}, 1fr)`\n              : `repeat(${numberOfChildren}, 1fr)`,\n          }}\n        >\n          {leftActionBlock}\n          {!isMobile && navigationLinks}\n          {rightActionBlock}\n        </div>\n      </div>\n      {isMobile && (\n        <div className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white ßflex-shrink-0 flex items-center overflow-x-auto border-b px-4 py-2 lg:px-6\">\n          {navigationLinks}\n        </div>\n      )}\n    </div>\n  );\n};\n\nNavigationHeader.LeftActionBlock = LeftBlock;\nNavigationHeader.NavigationLinks = NavigationLinks;\nNavigationHeader.RightActionBlock = RightBlock;\n\nNavigationHeader.propTypes = {\n  /**\n   * To specify the content to be rendered in the left side of the `NavigationHeader`.\n   */\n  leftActionBlock: PropTypes.node,\n  /**\n   * To specify the content to be rendered at the center of the `NavigationHeader`.\n   */\n  navigationLinks: PropTypes.node,\n  /**\n   * To specify the content to be rendered in the right side of the `NavigationHeader`.\n   */\n  rightActionBlock: PropTypes.node,\n};\n\nexport default NavigationHeader;\n"],"names":["DEFAULT_HOME_BUTTON_PROPS","tooltip","content","t","position","homeUrl","icon","_jsx","Home","LeftBlock","_ref","customHomeButtonProps","homeButtonProps","renameProps","children","mergeDeepRight","_jsxs","className","Tooltip","Link","to","isPresent","Rename","_objectSpread","dropdownItems","value","NavigationLinks","headerLinks","map","headerLink","NavLink","activeClassName","concat","joinHyphenCase","key","Typography","lineHeight","style","weight","label","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","_useTranslation","useTranslation","renderDraftButtons","_ref2","ViewDraftButton","ResetDraftButton","_Fragment","loading","onClick","renderPublishButtons","_ref3","PublishButton","PublishPreviewButton","disabled","classNames","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","_useBreakpoints","useBreakpoints","isSize","isMobile","numberOfChildren","length","filter","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":"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"}
+{"version":3,"file":"NavigationHeader.js","sources":["../src/components/NavigationHeader/constants.jsx","../src/components/NavigationHeader/LeftBlock.jsx","../src/components/NavigationHeader/Navigation.jsx","../src/components/NavigationHeader/RightBlock.jsx","../src/components/NavigationHeader/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { Home } from \"neetoicons\";\n\nexport const DEFAULT_HOME_BUTTON_PROPS = {\n  tooltip: {\n    content: t(\"neetoMolecules.navigationHeader.home\"),\n    position: \"bottom\",\n  },\n  homeUrl: \"/\",\n  icon: <Home />,\n};\n","import { isPresent } from \"neetocist\";\nimport { Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeDeepRight } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport Rename from \"components/Rename\";\n\nimport { DEFAULT_HOME_BUTTON_PROPS } from \"./constants\";\n\nconst LeftBlock = ({\n  homeButtonProps: customHomeButtonProps,\n  homeUrl,\n  renameProps,\n  children,\n}) => {\n  const homeButtonProps = mergeDeepRight(\n    DEFAULT_HOME_BUTTON_PROPS,\n    customHomeButtonProps\n  );\n\n  return (\n    <div\n      className=\"flex items-center gap-1 md:gap-2\"\n      data-cy=\"navigation-header-left-block\"\n      data-testid=\"navigation-header-left-block\"\n    >\n      <Tooltip\n        content={homeButtonProps.tooltip.content}\n        position={homeButtonProps.tooltip.position}\n        touch={[\"hold\", 500]}\n      >\n        <Link data-cy=\"home-button\" data-testid=\"home-button\" to={homeUrl}>\n          <div className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1\">\n            {homeButtonProps.icon}\n          </div>\n        </Link>\n      </Tooltip>\n      {isPresent(renameProps) && (\n        <Rename\n          dropdownItems={renameProps.dropdownItems}\n          value={renameProps.value}\n          {...renameProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nLeftBlock.propTypes = {\n  /**\n   * Object containing the home button icon and the props to be passed to the tooltip of the home button.\n   */\n  homeButtonProps: PropTypes.shape({\n    tooltip: PropTypes.shape({\n      content: PropTypes.string,\n      postition: PropTypes.string,\n    }),\n    icon: PropTypes.node,\n  }),\n  /**\n   * URL to navigate when the home button is clicked.\n   */\n  homeUrl: PropTypes.string.isRequired,\n  /**\n   * Props to be passed to the `Rename` component. Please check the `Rename` component props for more details\n   */\n  renameProps: PropTypes.object,\n  /**\n   * To render extra content in the block.\n   */\n  children: PropTypes.node,\n};\n\nexport default LeftBlock;\n","import { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nconst NavigationLinks = ({ headerLinks }) => (\n  <div\n    className=\"flex w-full items-center justify-between gap-4 md:justify-center md:gap-3 lg:gap-6\"\n    data-cy=\"navigation-header-navigation-links\"\n    data-testid=\"navigation-header-navigation-links\"\n  >\n    {headerLinks.map(headerLink => (\n      <NavLink\n        activeClassName=\"active\"\n        className=\"neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0\"\n        data-cy={`${joinHyphenCase(headerLink.key)}-tab`}\n        key={headerLink.key}\n        {...headerLink}\n      >\n        <Typography lineHeight=\"normal\" style=\"h4\" weight=\"semibold\">\n          {headerLink.label}\n        </Typography>\n      </NavLink>\n    ))}\n  </div>\n);\n\nNavigationLinks.propTypes = {\n  /**\n   * Links to be rendered in the center of the navigation header. It is an array of objects.\n   * Each object should have the properties `key`, `to` and `label`. Other props will be passed on to the `Navlink` component from\n  `react-router-dom`.\n   */\n  headerLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      to: PropTypes.string,\n      label: PropTypes.string,\n    })\n  ),\n};\n\nexport default NavigationLinks;\n","import classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport PublishBlock from \"components/PublishBlock\";\n\nimport \"./navigation-header.scss\";\n\nconst RightBlock = ({\n  isDraftBlockHidden,\n  previewDraftUrl,\n  isResetDraftButtonVisible,\n  onResetClick,\n  isResetting,\n  isPublishDisabled,\n  isPublishing,\n  handlePublish,\n  isPublishPreviewDisabled,\n  previewPublishedUrl,\n  isPublishButtonVisible,\n  isResetAlertOpen,\n  setIsResetAlertOpen,\n  handleReset,\n  publishAlertTitle,\n  publishAlertDescription,\n  publishButtonProps = {},\n}) => {\n  const { t } = useTranslation();\n\n  const renderDraftButtons = ({ ViewDraftButton, ResetDraftButton }) =>\n    !isDraftBlockHidden && (\n      <>\n        <ViewDraftButton to={previewDraftUrl} />\n        {isResetDraftButtonVisible && (\n          <ResetDraftButton\n            loading={isResetting}\n            onClick={() => onResetClick()}\n          />\n        )}\n      </>\n    );\n\n  const renderPublishButtons = ({ PublishButton, PublishPreviewButton }) => (\n    <>\n      {isPublishButtonVisible && (\n        <PublishButton\n          disabled={isPublishDisabled}\n          loading={isPublishing}\n          onClick={() => handlePublish()}\n          {...publishButtonProps}\n        />\n      )}\n      <PublishPreviewButton\n        disabled={isPublishPreviewDisabled}\n        to={previewPublishedUrl}\n        className={classNames({\n          \"standalone-publish-preview-button\": !isPublishButtonVisible,\n        })}\n      />\n    </>\n  );\n\n  return (\n    <>\n      <PublishBlock {...{ renderDraftButtons, renderPublishButtons }} />\n      <PublishBlock.Alert\n        isOpen={isResetAlertOpen}\n        isSubmitting={isResetting}\n        message={\n          publishAlertDescription ||\n          t(\"neetoMolecules.navigationHeader.resetDescription\")\n        }\n        title={\n          publishAlertTitle || t(\"neetoMolecules.navigationHeader.resetTitle\")\n        }\n        onClose={() => setIsResetAlertOpen(false)}\n        onSubmit={handleReset}\n      />\n    </>\n  );\n};\n\nRightBlock.propTypes = {\n  /**\n   * To show/hide the draft block.\n   */\n  isDraftBlockHidden: PropTypes.bool,\n  /**\n   * Draft preview URL, when the draft button is clicked user will be redirected to this URL.\n   */\n  previewDraftUrl: PropTypes.string,\n  /**\n   * Boolean to control the visibility of reset draft button.\n   */\n  isResetDraftButtonVisible: PropTypes.bool,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  onResetClick: PropTypes.func,\n  /**\n   * Setting this to `true` will show a spinner on the reset button. Use when the reset process is in progress.\n   */\n  isResetting: PropTypes.bool,\n  /**\n   * To disable the publish button.\n   */\n  isPublishDisabled: PropTypes.bool,\n  /**\n   * Setting this to `true` will show a spinner on the publish button. Use when the publish process is in progress.\n   */\n  isPublishing: PropTypes.bool,\n  /**\n   * Callback function that will be called when the publish button is clicked.\n   */\n  handlePublish: PropTypes.func,\n  /**\n   * To disable the publish preview button.\n   */\n  isPublishPreviewDisabled: PropTypes.bool,\n  /**\n   * Publish preview URL, when the preview publish button is clicked user will be redirected to this URL.\n   */\n  previewPublishedUrl: PropTypes.string,\n  /**\n   * Boolean to control whether the user have the ability to publish.\n   */\n  isPublishButtonVisible: PropTypes.bool,\n  /**\n   * Boolean to control whether the reset alert is open.\n   */\n  isResetAlertOpen: PropTypes.bool,\n  /**\n   * Handler to control the `isResetAlert` state variable.\n   */\n  setIsResetAlertOpen: PropTypes.func,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  handleReset: PropTypes.func,\n  /**\n   * Description to be shown in the publish alert\n   */\n  publishAlertDescription: PropTypes.string,\n  /**\n   * Title of the publish alert\n   */\n  publishAlertTitle: PropTypes.string,\n  /**\n   * Props to be passed to the publish button\n   */\n  publishButtonProps: PropTypes.object,\n};\n\nexport default RightBlock;\n","import { isPresent } from \"neetocist\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport PropTypes from \"prop-types\";\nimport { filter, length } from \"ramda\";\n\nimport LeftBlock from \"./LeftBlock\";\nimport NavigationLinks from \"./Navigation\";\nimport RightBlock from \"./RightBlock\";\n\nconst NavigationHeader = ({\n  leftActionBlock,\n  navigationLinks,\n  rightActionBlock,\n}) => {\n  const { isSize } = useBreakpoints();\n  const isMobile = isSize(\"mobile\");\n\n  const numberOfChildren = length(\n    filter(isPresent, [leftActionBlock, navigationLinks, rightActionBlock])\n  );\n\n  return (\n    <div className=\"w-full\">\n      <div\n        className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center overflow-x-auto border-b px-2 py-2 md:px-4 lg:px-6\"\n        data-cy=\"navigation-header\"\n        data-testid=\"navigation-header\"\n      >\n        <div\n          className=\"grid w-full gap-4\"\n          style={{\n            gridTemplateColumns: isMobile\n              ? `repeat(${numberOfChildren - 1}, 1fr)`\n              : `repeat(${numberOfChildren}, 1fr)`,\n          }}\n        >\n          {leftActionBlock}\n          {!isMobile && navigationLinks}\n          {rightActionBlock}\n        </div>\n      </div>\n      {isMobile && (\n        <div className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white ßflex-shrink-0 flex items-center overflow-x-auto border-b px-4 py-2 lg:px-6\">\n          {navigationLinks}\n        </div>\n      )}\n    </div>\n  );\n};\n\nNavigationHeader.LeftActionBlock = LeftBlock;\nNavigationHeader.NavigationLinks = NavigationLinks;\nNavigationHeader.RightActionBlock = RightBlock;\n\nNavigationHeader.propTypes = {\n  /**\n   * To specify the content to be rendered in the left side of the `NavigationHeader`.\n   */\n  leftActionBlock: PropTypes.node,\n  /**\n   * To specify the content to be rendered at the center of the `NavigationHeader`.\n   */\n  navigationLinks: PropTypes.node,\n  /**\n   * To specify the content to be rendered in the right side of the `NavigationHeader`.\n   */\n  rightActionBlock: PropTypes.node,\n};\n\nexport default NavigationHeader;\n"],"names":["DEFAULT_HOME_BUTTON_PROPS","tooltip","content","t","position","homeUrl","icon","_jsx","Home","LeftBlock","_ref","customHomeButtonProps","homeButtonProps","renameProps","children","mergeDeepRight","_jsxs","className","Tooltip","touch","Link","to","isPresent","Rename","_objectSpread","dropdownItems","value","NavigationLinks","headerLinks","map","headerLink","NavLink","activeClassName","concat","joinHyphenCase","key","Typography","lineHeight","style","weight","label","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","_useTranslation","useTranslation","renderDraftButtons","_ref2","ViewDraftButton","ResetDraftButton","_Fragment","loading","onClick","renderPublishButtons","_ref3","PublishButton","PublishPreviewButton","disabled","classNames","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","_useBreakpoints","useBreakpoints","isSize","isMobile","numberOfChildren","length","filter","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,IAAMA,yBAAyB,GAAG;AACvCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,EAAEC,CAAC,CAAC,sCAAsC,CAAC;AAClDC,IAAAA,QAAQ,EAAE,QAAA;GACX;AACDC,EAAAA,OAAO,EAAE,GAAG;AACZC,EAAAA,IAAI,eAAEC,GAAA,CAACC,IAAI,EAAE,EAAA,CAAA;AACf,CAAC;;;;ACAD,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAKT;AAAA,EAAA,IAJaC,qBAAqB,GAAAD,IAAA,CAAtCE,eAAe;IACfP,OAAO,GAAAK,IAAA,CAAPL,OAAO;IACPQ,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;AAER,EAAA,IAAMF,eAAe,GAAGG,cAAc,CACpCf,yBAAyB,EACzBW,qBACF,CAAC,CAAA;AAED,EAAA,oBACEK,IAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,kCAAkC;AAC5C,IAAA,SAAA,EAAQ,8BAA8B;AACtC,IAAA,aAAA,EAAY,8BAA8B;IAAAH,QAAA,EAAA,cAE1CP,GAAA,CAACW,OAAO,EAAA;AACNhB,MAAAA,OAAO,EAAEU,eAAe,CAACX,OAAO,CAACC,OAAQ;AACzCE,MAAAA,QAAQ,EAAEQ,eAAe,CAACX,OAAO,CAACG,QAAS;AAC3Ce,MAAAA,KAAK,EAAE,CAAC,MAAM,EAAE,GAAG,CAAE;MAAAL,QAAA,eAErBP,GAAA,CAACa,IAAI,EAAA;AAAC,QAAA,SAAA,EAAQ,aAAa;AAAC,QAAA,aAAA,EAAY,aAAa;AAACC,QAAAA,EAAE,EAAEhB,OAAQ;AAAAS,QAAAA,QAAA,eAChEP,GAAA,CAAA,KAAA,EAAA;AAAKU,UAAAA,SAAS,EAAC,iDAAiD;UAAAH,QAAA,EAC7DF,eAAe,CAACN,IAAAA;SACd,CAAA;OACD,CAAA;KACC,CAAC,EACTgB,SAAS,CAACT,WAAW,CAAC,iBACrBN,GAAA,CAACgB,MAAM,EAAAC,eAAA,CAAA;MACLC,aAAa,EAAEZ,WAAW,CAACY,aAAc;MACzCC,KAAK,EAAEb,WAAW,CAACa,KAAAA;AAAM,KAAA,EACrBb,WAAW,CAChB,CACF,EACAC,QAAQ,CAAA;AAAA,GACN,CAAC,CAAA;AAEV,CAAC;;;;AC3CD,IAAMa,eAAe,GAAG,SAAlBA,eAAeA,CAAAjB,IAAA,EAAA;AAAA,EAAA,IAAMkB,WAAW,GAAAlB,IAAA,CAAXkB,WAAW,CAAA;AAAA,EAAA,oBACpCrB,GAAA,CAAA,KAAA,EAAA;AACEU,IAAAA,SAAS,EAAC,oFAAoF;AAC9F,IAAA,SAAA,EAAQ,oCAAoC;AAC5C,IAAA,aAAA,EAAY,oCAAoC;AAAAH,IAAAA,QAAA,EAE/Cc,WAAW,CAACC,GAAG,CAAC,UAAAC,UAAU,EAAA;AAAA,MAAA,oBACzBvB,GAAA,CAACwB,OAAO,EAAAP,eAAA,CAAAA,eAAA,CAAA;AACNQ,QAAAA,eAAe,EAAC,QAAQ;AACxBf,QAAAA,SAAS,EAAC,8EAA8E;AACxF,QAAA,SAAA,EAAA,EAAA,CAAAgB,MAAA,CAAYC,cAAc,CAACJ,UAAU,CAACK,GAAG,CAAC,EAAA,MAAA,CAAA;AAAO,OAAA,EAE7CL,UAAU,CAAA,EAAA,EAAA,EAAA;QAAAhB,QAAA,eAEdP,GAAA,CAAC6B,UAAU,EAAA;AAACC,UAAAA,UAAU,EAAC,QAAQ;AAACC,UAAAA,KAAK,EAAC,IAAI;AAACC,UAAAA,MAAM,EAAC,UAAU;UAAAzB,QAAA,EACzDgB,UAAU,CAACU,KAAAA;SACF,CAAA;OALPV,CAAAA,EAAAA,UAAU,CAACK,GAMT,CAAC,CAAA;KACX,CAAA;AAAC,GACC,CAAC,CAAA;AAAA,CACP;;;;;;;ACjBD,IAAMM,UAAU,GAAG,SAAbA,UAAUA,CAAA/B,IAAA,EAkBV;AAAA,EAAA,IAjBJgC,kBAAkB,GAAAhC,IAAA,CAAlBgC,kBAAkB;IAClBC,eAAe,GAAAjC,IAAA,CAAfiC,eAAe;IACfC,yBAAyB,GAAAlC,IAAA,CAAzBkC,yBAAyB;IACzBC,YAAY,GAAAnC,IAAA,CAAZmC,YAAY;IACZC,WAAW,GAAApC,IAAA,CAAXoC,WAAW;IACXC,iBAAiB,GAAArC,IAAA,CAAjBqC,iBAAiB;IACjBC,YAAY,GAAAtC,IAAA,CAAZsC,YAAY;IACZC,aAAa,GAAAvC,IAAA,CAAbuC,aAAa;IACbC,wBAAwB,GAAAxC,IAAA,CAAxBwC,wBAAwB;IACxBC,mBAAmB,GAAAzC,IAAA,CAAnByC,mBAAmB;IACnBC,sBAAsB,GAAA1C,IAAA,CAAtB0C,sBAAsB;IACtBC,gBAAgB,GAAA3C,IAAA,CAAhB2C,gBAAgB;IAChBC,mBAAmB,GAAA5C,IAAA,CAAnB4C,mBAAmB;IACnBC,WAAW,GAAA7C,IAAA,CAAX6C,WAAW;IACXC,iBAAiB,GAAA9C,IAAA,CAAjB8C,iBAAiB;IACjBC,uBAAuB,GAAA/C,IAAA,CAAvB+C,uBAAuB;IAAAC,qBAAA,GAAAhD,IAAA,CACvBiD,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA,CAAA;AAEvB,EAAA,IAAAE,eAAA,GAAcC,cAAc,EAAE;IAAtB1D,CAAC,GAAAyD,eAAA,CAADzD,CAAC,CAAA;AAET,EAAA,IAAM2D,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAMC,eAAe,GAAAD,KAAA,CAAfC,eAAe;MAAEC,gBAAgB,GAAAF,KAAA,CAAhBE,gBAAgB,CAAA;AAAA,IAAA,OAC7D,CAACvB,kBAAkB,iBACjB1B,IAAA,CAAAkD,QAAA,EAAA;MAAApD,QAAA,EAAA,cACEP,GAAA,CAACyD,eAAe,EAAA;AAAC3C,QAAAA,EAAE,EAAEsB,eAAAA;AAAgB,OAAE,CAAC,EACvCC,yBAAyB,iBACxBrC,GAAA,CAAC0D,gBAAgB,EAAA;AACfE,QAAAA,OAAO,EAAErB,WAAY;QACrBsB,OAAO,EAAE,SAAAA,OAAA,GAAA;UAAA,OAAMvB,YAAY,EAAE,CAAA;AAAA,SAAA;AAAC,OAC/B,CACF,CAAA;AAAA,KACD,CACH,CAAA;AAAA,GAAA,CAAA;AAEH,EAAA,IAAMwB,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAMC,aAAa,GAAAD,KAAA,CAAbC,aAAa;MAAEC,oBAAoB,GAAAF,KAAA,CAApBE,oBAAoB,CAAA;IAAA,oBACjExD,IAAA,CAAAkD,QAAA,EAAA;AAAApD,MAAAA,QAAA,GACGsC,sBAAsB,iBACrB7C,GAAA,CAACgE,aAAa,EAAA/C,aAAA,CAAA;AACZiD,QAAAA,QAAQ,EAAE1B,iBAAkB;AAC5BoB,QAAAA,OAAO,EAAEnB,YAAa;QACtBoB,OAAO,EAAE,SAAAA,OAAA,GAAA;UAAA,OAAMnB,aAAa,EAAE,CAAA;AAAA,SAAA;AAAC,OAAA,EAC3BU,kBAAkB,CACvB,CACF,eACDpD,GAAA,CAACiE,oBAAoB,EAAA;AACnBC,QAAAA,QAAQ,EAAEvB,wBAAyB;AACnC7B,QAAAA,EAAE,EAAE8B,mBAAoB;QACxBlC,SAAS,EAAEyD,UAAU,CAAC;AACpB,UAAA,mCAAmC,EAAE,CAACtB,sBAAAA;SACvC,CAAA;AAAE,OACJ,CAAC,CAAA;AAAA,KACF,CAAC,CAAA;GACJ,CAAA;EAED,oBACEpC,IAAA,CAAAkD,QAAA,EAAA;IAAApD,QAAA,EAAA,cACEP,GAAA,CAACoE,YAAY,EAAA;AAAOb,MAAAA,kBAAkB,EAAlBA,kBAAkB;AAAEO,MAAAA,oBAAoB,EAApBA,oBAAAA;AAAoB,KAAK,CAAC,eAClE9D,GAAA,CAACoE,YAAY,CAACC,KAAK,EAAA;AACjBC,MAAAA,MAAM,EAAExB,gBAAiB;AACzByB,MAAAA,YAAY,EAAEhC,WAAY;AAC1BiC,MAAAA,OAAO,EACLtB,uBAAuB,IACvBtD,CAAC,CAAC,kDAAkD,CACrD;AACD6E,MAAAA,KAAK,EACHxB,iBAAiB,IAAIrD,CAAC,CAAC,4CAA4C,CACpE;MACD8E,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAM3B,mBAAmB,CAAC,KAAK,CAAC,CAAA;OAAC;AAC1C4B,MAAAA,QAAQ,EAAE3B,WAAAA;AAAY,KACvB,CAAC,CAAA;AAAA,GACF,CAAC,CAAA;AAEP,CAAC;;ACvED,IAAM4B,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAzE,IAAA,EAIhB;AAAA,EAAA,IAHJ0E,eAAe,GAAA1E,IAAA,CAAf0E,eAAe;IACfC,eAAe,GAAA3E,IAAA,CAAf2E,eAAe;IACfC,gBAAgB,GAAA5E,IAAA,CAAhB4E,gBAAgB,CAAA;AAEhB,EAAA,IAAAC,eAAA,GAAmBC,cAAc,EAAE;IAA3BC,MAAM,GAAAF,eAAA,CAANE,MAAM,CAAA;AACd,EAAA,IAAMC,QAAQ,GAAGD,MAAM,CAAC,QAAQ,CAAC,CAAA;AAEjC,EAAA,IAAME,gBAAgB,GAAGC,MAAM,CAC7BC,MAAM,CAACvE,SAAS,EAAE,CAAC8D,eAAe,EAAEC,eAAe,EAAEC,gBAAgB,CAAC,CACxE,CAAC,CAAA;AAED,EAAA,oBACEtE,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,QAAQ;AAAAH,IAAAA,QAAA,gBACrBP,GAAA,CAAA,KAAA,EAAA;AACEU,MAAAA,SAAS,EAAC,6KAA6K;AACvL,MAAA,SAAA,EAAQ,mBAAmB;AAC3B,MAAA,aAAA,EAAY,mBAAmB;AAAAH,MAAAA,QAAA,eAE/BE,IAAA,CAAA,KAAA,EAAA;AACEC,QAAAA,SAAS,EAAC,mBAAmB;AAC7BqB,QAAAA,KAAK,EAAE;UACLwD,mBAAmB,EAAEJ,QAAQ,GAAA,SAAA,CAAAzD,MAAA,CACf0D,gBAAgB,GAAG,CAAC,EAAA,QAAA,CAAA,GAAA,SAAA,CAAA1D,MAAA,CACpB0D,gBAAgB,EAAA,QAAA,CAAA;SAC9B;QAAA7E,QAAA,EAAA,CAEDsE,eAAe,EACf,CAACM,QAAQ,IAAIL,eAAe,EAC5BC,gBAAgB,CAAA;OACd,CAAA;AAAC,KACH,CAAC,EACLI,QAAQ,iBACPnF,GAAA,CAAA,KAAA,EAAA;AAAKU,MAAAA,SAAS,EAAC,6JAA0J;AAAAH,MAAAA,QAAA,EACtKuE,eAAAA;AAAe,KACb,CACN,CAAA;AAAA,GACE,CAAC,CAAA;AAEV,EAAC;AAEDF,gBAAgB,CAACY,eAAe,GAAGtF,SAAS,CAAA;AAC5C0E,gBAAgB,CAACxD,eAAe,GAAGA,eAAe,CAAA;AAClDwD,gBAAgB,CAACa,gBAAgB,GAAGvD,UAAU;;;;"}

package/dist/Onboarding.js

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useMemo, useRef, useState, useEffect } from 'react';
 import classnames from 'classnames';
-import { noop } from '@bigbinary/neeto-cist';
+import { capitalize, noop } from '@bigbinary/neeto-cist';
 import Stepper from '@bigbinary/neetoui/Stepper';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
@@ -39,7 +39,7 @@ var CompletedScreen = withT(function (_ref) {
           className: "neeto-ui-text-success-500",
           children: t("neetoMolecules.onboarding.congratulations")
         }), /*#__PURE__*/jsx("br", {}), t("neetoMolecules.onboarding.readyToUse", {
-          appName: globalProps.appName
+          appName: capitalize(globalProps.appName)
         })]
       })]
     }), /*#__PURE__*/jsx(Button, _objectSpread$1({
@@ -135,7 +135,7 @@ var WelcomeScreen = withT(function (_ref) {
         "data-testid": "onboarding-welcome-title",
         style: "h1",
         children: t("neetoMolecules.onboarding.helpScreen.welcomeToTitle", {
-          appName: globalProps.appName
+          appName: capitalize(globalProps.appName)
         })
       }), /*#__PURE__*/jsx(Typography, {
         className: "text-center",
@@ -144,7 +144,7 @@ var WelcomeScreen = withT(function (_ref) {
         lineHeight: "normal",
         style: "body1",
         children: t("neetoMolecules.onboarding.letUsCustomize", {
-          appName: globalProps.appName
+          appName: capitalize(globalProps.appName)
         })
       })]
     }), /*#__PURE__*/jsx(Button, {

package/dist/Onboarding.js.map

@@ -1 +1 @@
-{"version":3,"file":"Onboarding.js","sources":["../src/components/Onboarding/CompletedScreen.jsx","../src/components/Onboarding/HelpScreen.jsx","../src/components/Onboarding/utils.jsx","../src/components/Onboarding/WelcomeScreen.jsx","../src/components/Onboarding/index.jsx"],"sourcesContent":["import { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Button, Typography } from \"neetoui\";\n\nconst CompletedScreen = withT(({ t, completeButtonProps }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-congratulations-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-emoji\"\n        style=\"h1\"\n      >\n        🎉\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-title\"\n        data-testid=\"onboarding-congratulations-title\"\n        style=\"h1\"\n      >\n        <span className=\"neeto-ui-text-success-500\">\n          {t(\"neetoMolecules.onboarding.congratulations\")}\n        </span>\n        <br />\n        {t(\"neetoMolecules.onboarding.readyToUse\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-congratulations-button\"\n      data-testid=\"onboarding-congratulations-button\"\n      label={t(\"neetoMolecules.onboarding.helpScreen.startUsingButton\", {\n        appName: globalProps.appName,\n      })}\n      {...completeButtonProps}\n    />\n  </div>\n));\n\nexport default CompletedScreen;\n","import classNames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst HelpScreen = ({ setCurrentStep, currentStep, helpScreenClassName }) => {\n  const { t } = useTranslation();\n  const { isSize } = useBreakpoints();\n\n  return (\n    <div\n      className={classNames(\n        \"mx-auto w-full max-w-2xl space-y-6 p-4\",\n        helpScreenClassName\n      )}\n    >\n      <div className=\"space-y-3\">\n        <Typography\n          component=\"h1\"\n          data-cy=\"onboarding-help-title\"\n          data-testid=\"onboarding-help-title\"\n          style=\"h2\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.title\")}\n        </Typography>\n        <Typography\n          data-cy=\"onboarding-help-description\"\n          data-testid=\"onboarding-help-description\"\n          lineHeight=\"normal\"\n          style=\"body1\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.description\")}\n        </Typography>\n        <div className=\"w-full\">\n          {isSize(\"mobile\") ? (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-mobile_FpB8LKYj4.svg\"\n            />\n          ) : (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-desktop_aVe6ENdX97.svg\"\n            />\n          )}\n        </div>\n      </div>\n      <Button\n        data-cy=\"onboarding-help-button\"\n        data-testid=\"onboarding-help-button\"\n        icon={RightArrow}\n        iconPosition=\"right\"\n        label={t(\"neetoMolecules.onboarding.helpScreen.continueButton\")}\n        onClick={() => setCurrentStep(currentStep + 1)}\n      />\n    </div>\n  );\n};\n\nexport default HelpScreen;\n","import { t } from \"i18next\";\n\nimport HelpScreen from \"./HelpScreen\";\n\nexport const createSteps = (\n  onboardingSteps,\n  setCurrentStep,\n  currentStep,\n  helpScreenClassName\n) => {\n  const helpStep = {\n    label: t(\"neetoMolecules.onboarding.helpLabel\"),\n    element: (\n      <HelpScreen {...{ currentStep, helpScreenClassName, setCurrentStep }} />\n    ),\n  };\n\n  return onboardingSteps\n    .concat(helpStep)\n    .map((step, idx) => ({ ...step, id: idx + 1 }));\n};\n","import { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\n\nconst WelcomeScreen = withT(({ t, setCurrentStep, currentStep }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-welcome-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-title\"\n        data-testid=\"onboarding-welcome-title\"\n        style=\"h1\"\n      >\n        {t(\"neetoMolecules.onboarding.helpScreen.welcomeToTitle\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-description\"\n        data-testid=\"onboarding-welcome-description\"\n        lineHeight=\"normal\"\n        style=\"body1\"\n      >\n        {t(\"neetoMolecules.onboarding.letUsCustomize\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-welcome-button\"\n      data-testid=\"onboarding-welcome-button\"\n      icon={RightArrow}\n      label={t(\"neetoMolecules.onboarding.getStarted\")}\n      onClick={() => setCurrentStep(currentStep + 1)}\n    />\n  </div>\n));\n\nexport default WelcomeScreen;\n","import { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Stepper } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport CompletedScreen from \"./CompletedScreen\";\nimport \"./onboarding.scss\";\nimport { createSteps } from \"./utils\";\nimport WelcomeScreen from \"./WelcomeScreen\";\n\nconst Onboarding = ({\n  currentStep = 0,\n  setCurrentStep = noop,\n  onboardingSteps = [],\n  completeButtonProps = {},\n  helpScreenClassName = \"\",\n  isAnimated = true,\n  disableStepClick = false,\n}) => {\n  const steps = useMemo(\n    () =>\n      createSteps(\n        onboardingSteps,\n        setCurrentStep,\n        currentStep,\n        helpScreenClassName\n      ),\n    [onboardingSteps]\n  );\n\n  const prevStep = useRef(currentStep);\n  const [direction, setDirection] = useState(\"\");\n\n  useEffect(() => {\n    if (currentStep === prevStep.current) return;\n\n    setDirection(currentStep > prevStep.current ? \"forward\" : \"backward\");\n    prevStep.current = currentStep;\n  }, [currentStep]);\n\n  if (currentStep === 0) {\n    return <WelcomeScreen {...{ currentStep, setCurrentStep }} />;\n  }\n\n  if (currentStep === steps.length + 1) {\n    return <CompletedScreen {...{ completeButtonProps }} />;\n  }\n\n  const handleStepChange = index => setCurrentStep(index + 1);\n\n  const isStepperVisible = steps.length > 1;\n\n  return (\n    <div\n      className={classNames(\"neeto-molecules-onboarding__container\", {\n        \"neeto-molecules-onboarding__wrapper\": !isStepperVisible,\n      })}\n    >\n      {isStepperVisible && (\n        <div className=\"neeto-molecules-onboarding__stepper-wrapper\">\n          <Stepper\n            {...{ steps }}\n            activeIndex={currentStep - 1}\n            setActiveIndex={disableStepClick ? noop : handleStepChange}\n          />\n        </div>\n      )}\n      {steps.map((step, index) => (\n        <div\n          key={index}\n          className={classNames(\"neeto-molecules-onboarding__content\", {\n            \"neeto-molecules-onboarding__content--forward overflow-x-hidden\":\n              isAnimated && direction === \"forward\",\n            \"neeto-molecules-onboarding__content--backward overflow-x-hidden\":\n              isAnimated && direction === \"backward\",\n            hidden: currentStep - 1 !== index,\n          })}\n        >\n          {step?.element}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nOnboarding.propTypes = {\n  /**\n   * To specify the current step of the onboarding\n   */\n  currentStep: PropTypes.number,\n  /**\n   * List of Custom components for the onboarding\n   */\n  onboardingSteps: PropTypes.array,\n  /**\n   * Props for the complete button\n   */\n  completeButtonProps: PropTypes.object,\n  /**\n   * To set the step of the onboarding\n   */\n  setCurrentStep: PropTypes.func,\n  /**\n   * To pass additional classes to the help screen\n   */\n  helpScreenClassName: PropTypes.string,\n  /**\n   * A boolean value to enable or disable the animation for the stepper.\n   */\n  isAnimated: PropTypes.bool,\n};\n\nexport default Onboarding;\n"],"names":["CompletedScreen","withT","_ref","t","completeButtonProps","_jsxs","className","children","_jsx","Typography","style","appName","globalProps","Button","_objectSpread","label","HelpScreen","setCurrentStep","currentStep","helpScreenClassName","_useTranslation","useTranslation","_useBreakpoints","useBreakpoints","isSize","classNames","component","lineHeight","alt","src","icon","RightArrow","iconPosition","onClick","createSteps","onboardingSteps","helpStep","element","concat","map","step","idx","id","WelcomeScreen","Onboarding","_ref$currentStep","_ref$setCurrentStep","noop","_ref$onboardingSteps","_ref$completeButtonPr","_ref$helpScreenClassN","_ref$isAnimated","isAnimated","_ref$disableStepClick","disableStepClick","steps","useMemo","prevStep","useRef","_useState","useState","_useState2","_slicedToArray","direction","setDirection","useEffect","current","length","handleStepChange","index","isStepperVisible","Stepper","activeIndex","setActiveIndex","hidden"],"mappings":"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"}
+{"version":3,"file":"Onboarding.js","sources":["../src/components/Onboarding/CompletedScreen.jsx","../src/components/Onboarding/HelpScreen.jsx","../src/components/Onboarding/utils.jsx","../src/components/Onboarding/WelcomeScreen.jsx","../src/components/Onboarding/index.jsx"],"sourcesContent":["import { capitalize } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Button, Typography } from \"neetoui\";\n\nconst CompletedScreen = withT(({ t, completeButtonProps }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-congratulations-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-emoji\"\n        style=\"h1\"\n      >\n        🎉\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-title\"\n        data-testid=\"onboarding-congratulations-title\"\n        style=\"h1\"\n      >\n        <span className=\"neeto-ui-text-success-500\">\n          {t(\"neetoMolecules.onboarding.congratulations\")}\n        </span>\n        <br />\n        {t(\"neetoMolecules.onboarding.readyToUse\", {\n          appName: capitalize(globalProps.appName),\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-congratulations-button\"\n      data-testid=\"onboarding-congratulations-button\"\n      label={t(\"neetoMolecules.onboarding.helpScreen.startUsingButton\", {\n        appName: globalProps.appName,\n      })}\n      {...completeButtonProps}\n    />\n  </div>\n));\n\nexport default CompletedScreen;\n","import classNames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst HelpScreen = ({ setCurrentStep, currentStep, helpScreenClassName }) => {\n  const { t } = useTranslation();\n  const { isSize } = useBreakpoints();\n\n  return (\n    <div\n      className={classNames(\n        \"mx-auto w-full max-w-2xl space-y-6 p-4\",\n        helpScreenClassName\n      )}\n    >\n      <div className=\"space-y-3\">\n        <Typography\n          component=\"h1\"\n          data-cy=\"onboarding-help-title\"\n          data-testid=\"onboarding-help-title\"\n          style=\"h2\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.title\")}\n        </Typography>\n        <Typography\n          data-cy=\"onboarding-help-description\"\n          data-testid=\"onboarding-help-description\"\n          lineHeight=\"normal\"\n          style=\"body1\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.description\")}\n        </Typography>\n        <div className=\"w-full\">\n          {isSize(\"mobile\") ? (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-mobile_FpB8LKYj4.svg\"\n            />\n          ) : (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-desktop_aVe6ENdX97.svg\"\n            />\n          )}\n        </div>\n      </div>\n      <Button\n        data-cy=\"onboarding-help-button\"\n        data-testid=\"onboarding-help-button\"\n        icon={RightArrow}\n        iconPosition=\"right\"\n        label={t(\"neetoMolecules.onboarding.helpScreen.continueButton\")}\n        onClick={() => setCurrentStep(currentStep + 1)}\n      />\n    </div>\n  );\n};\n\nexport default HelpScreen;\n","import { t } from \"i18next\";\n\nimport HelpScreen from \"./HelpScreen\";\n\nexport const createSteps = (\n  onboardingSteps,\n  setCurrentStep,\n  currentStep,\n  helpScreenClassName\n) => {\n  const helpStep = {\n    label: t(\"neetoMolecules.onboarding.helpLabel\"),\n    element: (\n      <HelpScreen {...{ currentStep, helpScreenClassName, setCurrentStep }} />\n    ),\n  };\n\n  return onboardingSteps\n    .concat(helpStep)\n    .map((step, idx) => ({ ...step, id: idx + 1 }));\n};\n","import { capitalize } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\n\nconst WelcomeScreen = withT(({ t, setCurrentStep, currentStep }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-welcome-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-title\"\n        data-testid=\"onboarding-welcome-title\"\n        style=\"h1\"\n      >\n        {t(\"neetoMolecules.onboarding.helpScreen.welcomeToTitle\", {\n          appName: capitalize(globalProps.appName),\n        })}\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-description\"\n        data-testid=\"onboarding-welcome-description\"\n        lineHeight=\"normal\"\n        style=\"body1\"\n      >\n        {t(\"neetoMolecules.onboarding.letUsCustomize\", {\n          appName: capitalize(globalProps.appName),\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-welcome-button\"\n      data-testid=\"onboarding-welcome-button\"\n      icon={RightArrow}\n      label={t(\"neetoMolecules.onboarding.getStarted\")}\n      onClick={() => setCurrentStep(currentStep + 1)}\n    />\n  </div>\n));\n\nexport default WelcomeScreen;\n","import { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Stepper } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport CompletedScreen from \"./CompletedScreen\";\nimport \"./onboarding.scss\";\nimport { createSteps } from \"./utils\";\nimport WelcomeScreen from \"./WelcomeScreen\";\n\nconst Onboarding = ({\n  currentStep = 0,\n  setCurrentStep = noop,\n  onboardingSteps = [],\n  completeButtonProps = {},\n  helpScreenClassName = \"\",\n  isAnimated = true,\n  disableStepClick = false,\n}) => {\n  const steps = useMemo(\n    () =>\n      createSteps(\n        onboardingSteps,\n        setCurrentStep,\n        currentStep,\n        helpScreenClassName\n      ),\n    [onboardingSteps]\n  );\n\n  const prevStep = useRef(currentStep);\n  const [direction, setDirection] = useState(\"\");\n\n  useEffect(() => {\n    if (currentStep === prevStep.current) return;\n\n    setDirection(currentStep > prevStep.current ? \"forward\" : \"backward\");\n    prevStep.current = currentStep;\n  }, [currentStep]);\n\n  if (currentStep === 0) {\n    return <WelcomeScreen {...{ currentStep, setCurrentStep }} />;\n  }\n\n  if (currentStep === steps.length + 1) {\n    return <CompletedScreen {...{ completeButtonProps }} />;\n  }\n\n  const handleStepChange = index => setCurrentStep(index + 1);\n\n  const isStepperVisible = steps.length > 1;\n\n  return (\n    <div\n      className={classNames(\"neeto-molecules-onboarding__container\", {\n        \"neeto-molecules-onboarding__wrapper\": !isStepperVisible,\n      })}\n    >\n      {isStepperVisible && (\n        <div className=\"neeto-molecules-onboarding__stepper-wrapper\">\n          <Stepper\n            {...{ steps }}\n            activeIndex={currentStep - 1}\n            setActiveIndex={disableStepClick ? noop : handleStepChange}\n          />\n        </div>\n      )}\n      {steps.map((step, index) => (\n        <div\n          key={index}\n          className={classNames(\"neeto-molecules-onboarding__content\", {\n            \"neeto-molecules-onboarding__content--forward overflow-x-hidden\":\n              isAnimated && direction === \"forward\",\n            \"neeto-molecules-onboarding__content--backward overflow-x-hidden\":\n              isAnimated && direction === \"backward\",\n            hidden: currentStep - 1 !== index,\n          })}\n        >\n          {step?.element}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nOnboarding.propTypes = {\n  /**\n   * To specify the current step of the onboarding\n   */\n  currentStep: PropTypes.number,\n  /**\n   * List of Custom components for the onboarding\n   */\n  onboardingSteps: PropTypes.array,\n  /**\n   * Props for the complete button\n   */\n  completeButtonProps: PropTypes.object,\n  /**\n   * To set the step of the onboarding\n   */\n  setCurrentStep: PropTypes.func,\n  /**\n   * To pass additional classes to the help screen\n   */\n  helpScreenClassName: PropTypes.string,\n  /**\n   * A boolean value to enable or disable the animation for the stepper.\n   */\n  isAnimated: PropTypes.bool,\n};\n\nexport default Onboarding;\n"],"names":["CompletedScreen","withT","_ref","t","completeButtonProps","_jsxs","className","children","_jsx","Typography","style","appName","capitalize","globalProps","Button","_objectSpread","label","HelpScreen","setCurrentStep","currentStep","helpScreenClassName","_useTranslation","useTranslation","_useBreakpoints","useBreakpoints","isSize","classNames","component","lineHeight","alt","src","icon","RightArrow","iconPosition","onClick","createSteps","onboardingSteps","helpStep","element","concat","map","step","idx","id","WelcomeScreen","Onboarding","_ref$currentStep","_ref$setCurrentStep","noop","_ref$onboardingSteps","_ref$completeButtonPr","_ref$helpScreenClassN","_ref$isAnimated","isAnimated","_ref$disableStepClick","disableStepClick","steps","useMemo","prevStep","useRef","_useState","useState","_useState2","_slicedToArray","direction","setDirection","useEffect","current","length","handleStepChange","index","isStepperVisible","Stepper","activeIndex","setActiveIndex","hidden"],"mappings":"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"}

package/dist/OptionFields.js

@@ -73,7 +73,8 @@ var BlockOption = withT(function (_ref) {
           style: "text",
           tooltipProps: {
             content: t("neetoMolecules.common.actions.edit"),
-            position: "top"
+            position: "top",
+            touch: ["hold", 500]
           },
           onClick: function onClick() {
             return onEdit(index);
@@ -87,7 +88,8 @@ var BlockOption = withT(function (_ref) {
           style: "text",
           tooltipProps: {
             content: t("neetoMolecules.common.actions.delete"),
-            position: "top"
+            position: "top",
+            touch: ["hold", 500]
           },
           onClick: function onClick() {
             return handleDeleteClick({
@@ -361,7 +363,8 @@ var InputOption = function InputOption(_ref) {
           style: "text",
           tooltipProps: {
             content: t("neetoMolecules.common.actions.delete"),
-            position: "top"
+            position: "top",
+            touch: ["hold", 500]
           },
           onClick: function onClick() {
             return onDelete({