@bigbinary/neeto-molecules 3.15.2 → 3.15.4

package/dist/cjs/NavigationHeader.js

@@ -10,9 +10,10 @@ var Rename = require('./Rename.js');
 var i18next = require('i18next');
 var Home = require('@bigbinary/neeto-icons/Home');
 var jsxRuntime = require('react/jsx-runtime');
+var classnames = require('classnames');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
+var Dropdown = require('@bigbinary/neetoui/Dropdown');
 var Typography = require('@bigbinary/neetoui/Typography');
-var classnames = require('classnames');
 var reactI18next = require('react-i18next');
 var PublishBlock = require('./PublishBlock.js');
 var injectCss = require('./inject-css-vQvjPR2x.js');
@@ -32,7 +33,6 @@ require('./MoreDropdown.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@bigbinary/neeto-icons/MenuHorizontal');
 require('@bigbinary/neeto-icons/MenuVertical');
-require('@bigbinary/neetoui/Dropdown');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/regenerator');
 require('@bigbinary/neeto-commons-frontend/react-utils/withT');
@@ -89,30 +89,64 @@ var LeftBlock = function LeftBlock(_ref) {
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Menu = Dropdown.Menu,
+  MenuItem = Dropdown.MenuItem;
 var NavigationLinks = function NavigationLinks(_ref) {
-  var headerLinks = _ref.headerLinks;
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "flex w-full items-center justify-between gap-4 md:justify-center md:gap-3 lg:gap-6",
+  var headerLinks = _ref.headerLinks,
+    _ref$maxVisibleLinks = _ref.maxVisibleLinks,
+    maxVisibleLinks = _ref$maxVisibleLinks === void 0 ? 5 : _ref$maxVisibleLinks;
+  var _useLocation = reactRouterDom.useLocation(),
+    pathname = _useLocation.pathname;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var visibleLinks = headerLinks.slice(0, maxVisibleLinks);
+  var overflowLinks = headerLinks.slice(maxVisibleLinks);
+  var isMoreButtonActive = neetoCist.existsBy({
+    to: pathname
+  }, overflowLinks);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "font- flex w-full items-center justify-between gap-4 md:justify-center md:gap-3 lg:gap-6",
     "data-cy": "navigation-header-navigation-links",
     "data-testid": "navigation-header-navigation-links",
-    children: headerLinks.map(function (headerLink) {
+    children: [visibleLinks.map(function (headerLink) {
       return /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.NavLink, _objectSpread$1(_objectSpread$1({
         activeClassName: "active",
         className: "neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0",
         "data-cy": "".concat(general.joinHyphenCase(headerLink.key), "-tab")
       }, headerLink), {}, {
         children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          component: "span",
           lineHeight: "normal",
           style: "h4",
           weight: "semibold",
           children: headerLink.label
         })
       }), headerLink.key);
-    })
+    }), neetoCist.isNotEmpty(overflowLinks) && /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
+      buttonStyle: "text",
+      label: t("neetoMolecules.navigationHeader.more"),
+      position: "bottom-end",
+      buttonProps: {
+        className: classnames("neeto-molecules-navigation-header__link neeto-molecules-navigation-header__link--more neeto-ui-typography neeto-ui-text-h4 neeto-ui-font-semibold neeto-ui-leading-normal px-2 capitalize no-underline md:px-0", {
+          active: isMoreButtonActive
+        })
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(Menu, {
+        children: overflowLinks.map(function (headerLink) {
+          return /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, _objectSpread$1(_objectSpread$1({
+            "data-cy": "".concat(general.joinHyphenCase(headerLink.key), "-more-tab"),
+            isActive: headerLink.to === pathname,
+            to: headerLink.to
+          }, headerLink), {}, {
+            children: headerLink.label
+          }), headerLink.key);
+        })
+      })
+    })]
   });
 };
 
-var css = ".standalone-publish-preview-button{border-radius:var(--neeto-ui-rounded)!important}.neeto-molecules-navigation-header .neeto-ui-text-h4{color:inherit}@media screen and (max-width:1024px){.neeto-molecules-navigation-header .neeto-ui-text-h4{font-size:.875rem;font-weight:var(--neeto-ui-font-medium)}}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link{color:rgb(var(--neeto-ui-gray-500))}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link.active{color:rgb(var(--neeto-ui-black))}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link:hover:not(.active){color:rgb(var(--neeto-ui-gray-600))}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link.disabled{color:rgb(var(--neeto-ui-gray-300));cursor:not-allowed}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link.disabled:hover{color:rgb(var(--neeto-ui-gray-300))}";
+var css = ".standalone-publish-preview-button{border-radius:var(--neeto-ui-rounded)!important}.neeto-molecules-navigation-header .neeto-ui-text-h4{color:inherit}@media screen and (max-width:1024px){.neeto-molecules-navigation-header .neeto-ui-text-h4{font-size:.875rem;font-weight:var(--neeto-ui-font-medium)}}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link{color:rgb(var(--neeto-ui-gray-500))}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link--more{background-color:transparent!important;box-shadow:none!important;padding-bottom:0!important;padding-top:0!important}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link.active{color:rgb(var(--neeto-ui-black))}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link:hover:not(.active){color:rgb(var(--neeto-ui-gray-600))}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link.disabled{color:rgb(var(--neeto-ui-gray-300));cursor:not-allowed}.neeto-molecules-navigation-header .neeto-molecules-navigation-header__link.disabled:hover{color:rgb(var(--neeto-ui-gray-300))}";
 injectCss.n(css,{});
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/dist/cjs/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        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":"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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 classNames from \"classnames\";\nimport { existsBy, isNotEmpty } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Dropdown, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport { NavLink, useLocation } from \"react-router-dom\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst NavigationLinks = ({ headerLinks, maxVisibleLinks = 5 }) => {\n  const { pathname } = useLocation();\n  const { t } = useTranslation();\n\n  const visibleLinks = headerLinks.slice(0, maxVisibleLinks);\n  const overflowLinks = headerLinks.slice(maxVisibleLinks);\n\n  const isMoreButtonActive = existsBy({ to: pathname }, overflowLinks);\n\n  return (\n    <div\n      className=\"font- 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      {visibleLinks.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\n            component=\"span\"\n            lineHeight=\"normal\"\n            style=\"h4\"\n            weight=\"semibold\"\n          >\n            {headerLink.label}\n          </Typography>\n        </NavLink>\n      ))}\n      {isNotEmpty(overflowLinks) && (\n        <Dropdown\n          buttonStyle=\"text\"\n          label={t(\"neetoMolecules.navigationHeader.more\")}\n          position=\"bottom-end\"\n          buttonProps={{\n            className: classNames(\n              \"neeto-molecules-navigation-header__link neeto-molecules-navigation-header__link--more neeto-ui-typography neeto-ui-text-h4 neeto-ui-font-semibold neeto-ui-leading-normal px-2 capitalize no-underline md:px-0\",\n              { active: isMoreButtonActive }\n            ),\n          }}\n        >\n          <Menu>\n            {overflowLinks.map(headerLink => (\n              <MenuItem.Button\n                data-cy={`${joinHyphenCase(headerLink.key)}-more-tab`}\n                isActive={headerLink.to === pathname}\n                key={headerLink.key}\n                to={headerLink.to}\n                {...headerLink}\n              >\n                {headerLink.label}\n              </MenuItem.Button>\n            ))}\n          </Menu>\n        </Dropdown>\n      )}\n    </div>\n  );\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   * Maximum number of links to be visible in the navigation header. Remaining links will be shown in a more dropdown.\n   */\n  maxVisibleLinks: PropTypes.number,\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","Menu","Dropdown","MenuItem","NavigationLinks","headerLinks","_ref$maxVisibleLinks","maxVisibleLinks","_useLocation","useLocation","pathname","_useTranslation","useTranslation","visibleLinks","slice","overflowLinks","isMoreButtonActive","existsBy","map","headerLink","NavLink","activeClassName","concat","joinHyphenCase","key","Typography","component","lineHeight","style","weight","label","isNotEmpty","buttonStyle","buttonProps","classNames","active","Button","isActive","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","renderDraftButtons","_ref2","ViewDraftButton","ResetDraftButton","_Fragment","loading","onClick","renderPublishButtons","_ref3","PublishButton","PublishPreviewButton","disabled","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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"}

package/dist/cjs/ProductEmbed.js

@@ -157,7 +157,7 @@ var htmlCodeGenerators = {
 };
 
 var camelCasedAppName = globalProps.appName.replace(/^neeto/i, "neeto");
-var embedFunctionName = "".concat(camelCasedAppName, "Embed");
+var embedFunctionName = "embed".concat(globalProps.appName);
 var baseScript = "const baseScript = document.createElement(\"script\");\n      baseScript.innerHTML = `window.".concat(camelCasedAppName, " = window.").concat(camelCasedAppName, " || { embed: function(){(").concat(camelCasedAppName, ".q=").concat(camelCasedAppName, ".q||[]).push(arguments)} };`\n      document.body.appendChild(baseScript);\n");
 var embedScript = function embedScript(scriptLink) {
   return "const embedScript = document.createElement(\"script\");\n      embedScript.src = \"".concat(scriptLink, "\";\n      embedScript.async = true;\n      document.body.appendChild(embedScript);\n");
@@ -223,7 +223,7 @@ var elementPopupEmbedCode = function elementPopupEmbedCode(_ref5) {
     extraArgs = _ref5.extraArgs;
   var elementSelector = customization.elementSelector,
     queryParams = customization.queryParams;
-  return "\n  import { useEffect } from \"react\";\n\n  const App = () => {\n    const ".concat(embedFunctionName, " = () => {\n      ").concat(baseScript, "\n      ").concat(embedScript(embedScriptLink), "\n      ").concat(camelCasedAppName, ".embed({\n        type: \"elementClick\",\n        id: \"").concat(id, "\",\n        organization: \"").concat(globalProps.organization.subdomain, "\",\n        elementSelector: \"#").concat(elementSelector, "\",").concat(embedQueryParam(queryParams)).concat(embedEnv()).concat(parseExtraArgs(extraArgs), "\n      });\n\n      ").concat(cleanupFunction, "\n    };\n\n    useEffect(() => ").concat(embedFunctionName, "(), []);\n\n    return <div />;\n  };");
+  return "\n  import { useEffect } from \"react\";\n\n  const App = () => {\n    const ".concat(embedFunctionName, " = () => {\n      ").concat(baseScript, "\n      ").concat(embedScript(embedScriptLink), "\n      ").concat(camelCasedAppName, ".embed({\n        type: \"elementClick\",\n        id: \"").concat(id, "\",\n        organization: \"").concat(globalProps.organization.subdomain, "\",\n        elementSelector: \"#").concat(elementSelector, "\",").concat(embedQueryParam(queryParams)).concat(embedEnv()).concat(parseExtraArgs(extraArgs), "\n      });\n\n      ").concat(cleanupFunction, "\n    };\n\n    useEffect(() => ").concat(embedFunctionName, "(), []);\n\n    return <button id=\"").concat(elementSelector, "\">Click to open popup</button>;\n  };");
 };
 var reactCodeGenerators = {
   inline: inlineEmbedCode,