@bigbinary/neeto-molecules 4.0.60 → 4.0.62

package/dist/NavigationHeader.js

@@ -11,8 +11,9 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import classnames from 'classnames';
 import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils/general';
-import Dropdown from '@bigbinary/neetoui/Dropdown';
 import Typography from '@bigbinary/neetoui/Typography';
+import MoreDropdown from './MoreDropdown.js';
+import Dropdown from '@bigbinary/neetoui/Dropdown';
 import { useTranslation } from 'react-i18next';
 import { createElement } from 'react';
 import PublishBlock from './PublishBlock.js';
@@ -28,7 +29,6 @@ import '@bigbinary/neetoui/Button';
 import '@bigbinary/neetoui/Input';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@bigbinary/neeto-commons-frontend/react-utils';
-import './MoreDropdown.js';
 import '@bigbinary/neeto-icons/MenuHorizontal';
 import '@bigbinary/neeto-icons/MenuVertical';
 import '@bigbinary/neeto-commons-frontend/react-utils/withT';
@@ -51,8 +51,8 @@ var DEFAULT_HOME_BUTTON_PROPS = {
   icon: /*#__PURE__*/jsx(Home, {})
 };
 
-function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LeftBlock = function LeftBlock(_ref) {
   var customHomeButtonProps = _ref.homeButtonProps,
     homeUrl = _ref.homeUrl,
@@ -76,88 +76,125 @@ var LeftBlock = function LeftBlock(_ref) {
           children: homeButtonProps.icon
         })
       })
-    }), isPresent(renameProps) && /*#__PURE__*/jsx(Rename, _objectSpread$2({
+    }), isPresent(renameProps) && /*#__PURE__*/jsx(Rename, _objectSpread$3({
       dropdownItems: renameProps.dropdownItems,
       value: renameProps.value
     }, renameProps)), children]
   });
 };
 
-var _excluded = ["key", "label", "disabled"],
-  _excluded2 = ["key", "to", "label", "disabled"];
-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), true).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 _excluded$1 = ["key", "to", "label", "disabled"],
+  _excluded2 = ["key", "label"];
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(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,
-    _ref$maxVisibleLinks = _ref.maxVisibleLinks,
-    maxVisibleLinks = _ref$maxVisibleLinks === void 0 ? 5 : _ref$maxVisibleLinks;
+var OverflowLinks = function OverflowLinks(_ref) {
+  var overflowLinks = _ref.overflowLinks;
   var _useLocation = useLocation(),
     pathname = _useLocation.pathname;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var visibleLinks = headerLinks.slice(0, maxVisibleLinks);
-  var overflowLinks = headerLinks.slice(maxVisibleLinks);
   var isMoreButtonActive = existsBy({
     to: pathname
   }, overflowLinks);
+  if (!isNotEmpty(overflowLinks)) {
+    return null;
+  }
+  return /*#__PURE__*/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__*/jsx(Menu, {
+      children: overflowLinks.map(function (_ref2) {
+        var key = _ref2.key,
+          to = _ref2.to,
+          label = _ref2.label,
+          disabled = _ref2.disabled,
+          rest = _objectWithoutProperties(_ref2, _excluded$1);
+        var isActive = to === pathname;
+        var menuButton = /*#__PURE__*/createElement(MenuItem.Button, _objectSpread$2({
+          isActive: isActive,
+          to: to,
+          "data-cy": "".concat(joinHyphenCase(key), "-more-tab"),
+          isDisabled: disabled,
+          key: key,
+          onClick: function onClick(e) {
+            return disabled && e.preventDefault();
+          }
+        }, rest), label);
+        if (isActive && rest.moreOptions && isNotEmpty(rest.moreOptions.menuItems)) {
+          return /*#__PURE__*/jsx(Dropdown, {
+            customTarget: menuButton,
+            position: "right-start",
+            trigger: "hover",
+            children: /*#__PURE__*/jsx(Menu, {
+              children: rest.moreOptions.menuItems.map(function (_ref3) {
+                var key = _ref3.key,
+                  label = _ref3.label,
+                  itemProps = _objectWithoutProperties(_ref3, _excluded2);
+                return /*#__PURE__*/jsx(MenuItem.Button, _objectSpread$2(_objectSpread$2({}, itemProps), {}, {
+                  children: label
+                }), key);
+              })
+            })
+          }, "".concat(key, "-nested-dropdown"));
+        }
+        return menuButton;
+      })
+    })
+  });
+};
+
+var _excluded = ["className", "key", "label", "disabled", "labelProps", "moreOptions"];
+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), true).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 NavigationLinks = function NavigationLinks(_ref) {
+  var headerLinks = _ref.headerLinks,
+    _ref$maxVisibleLinks = _ref.maxVisibleLinks,
+    maxVisibleLinks = _ref$maxVisibleLinks === void 0 ? 5 : _ref$maxVisibleLinks;
+  var visibleLinks = headerLinks.slice(0, maxVisibleLinks);
+  var overflowLinks = headerLinks.slice(maxVisibleLinks);
   return /*#__PURE__*/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: [visibleLinks.map(function (_ref2) {
-      var key = _ref2.key,
+      var _ref2$className = _ref2.className,
+        className = _ref2$className === void 0 ? "" : _ref2$className,
+        key = _ref2.key,
         label = _ref2.label,
         disabled = _ref2.disabled,
+        labelProps = _ref2.labelProps,
+        moreOptions = _ref2.moreOptions,
         rest = _objectWithoutProperties(_ref2, _excluded);
-      return /*#__PURE__*/jsx(NavLink, _objectSpread$1(_objectSpread$1({
+      return /*#__PURE__*/jsxs(NavLink, _objectSpread$1(_objectSpread$1({
         activeClassName: "active",
         "data-cy": "".concat(joinHyphenCase(key), "-tab"),
         "data-testid": "".concat(joinHyphenCase(key), "-tab"),
-        className: classnames("neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0", {
+        className: classnames("neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0", className, {
           disabled: disabled
         }),
         onClick: function onClick(e) {
           return disabled && e.preventDefault();
         }
       }, rest), {}, {
-        children: /*#__PURE__*/jsx(Typography, {
+        children: [/*#__PURE__*/jsx(Typography, _objectSpread$1(_objectSpread$1({
           component: "span",
           lineHeight: "normal",
           style: "h4",
-          weight: "semibold",
+          weight: "semibold"
+        }, labelProps || {}), {}, {
           children: label
-        })
+        })), moreOptions && /*#__PURE__*/jsx(MoreDropdown, _objectSpread$1({}, moreOptions))]
       }), key);
-    }), isNotEmpty(overflowLinks) && /*#__PURE__*/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__*/jsx(Menu, {
-        children: overflowLinks.map(function (_ref3) {
-          var key = _ref3.key,
-            to = _ref3.to,
-            label = _ref3.label,
-            disabled = _ref3.disabled,
-            rest = _objectWithoutProperties(_ref3, _excluded2);
-          return /*#__PURE__*/createElement(MenuItem.Button, _objectSpread$1({
-            to: to,
-            "data-cy": "".concat(joinHyphenCase(key), "-more-tab"),
-            isActive: to === pathname,
-            isDisabled: disabled,
-            key: key,
-            onClick: function onClick(e) {
-              return disabled && e.preventDefault();
-            }
-          }, rest), label);
-        })
-      })
+    }), /*#__PURE__*/jsx(OverflowLinks, {
+      overflowLinks: overflowLinks
     })]
   });
 };

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/utils.js","../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(({ key, label, disabled, ...rest }) => (\n        <NavLink\n          activeClassName=\"active\"\n          data-cy={`${joinHyphenCase(key)}-tab`}\n          data-testid={`${joinHyphenCase(key)}-tab`}\n          key={key}\n          className={classNames(\n            \"neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0\",\n            { disabled }\n          )}\n          onClick={e => disabled && e.preventDefault()}\n          {...rest}\n        >\n          <Typography\n            component=\"span\"\n            lineHeight=\"normal\"\n            style=\"h4\"\n            weight=\"semibold\"\n          >\n            {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(({ key, to, label, disabled, ...rest }) => (\n              <MenuItem.Button\n                {...{ to }}\n                data-cy={`${joinHyphenCase(key)}-more-tab`}\n                isActive={to === pathname}\n                isDisabled={disabled}\n                key={key}\n                onClick={e => disabled && e.preventDefault()}\n                {...rest}\n              >\n                {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","export const isAbsoluteUrl = url => /^https?:\\/\\//.test(url);\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\";\nimport { isAbsoluteUrl } from \"./utils\";\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\n          {...(isAbsoluteUrl(previewDraftUrl)\n            ? { href: previewDraftUrl }\n            : { to: previewDraftUrl })}\n        />\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        {...(isAbsoluteUrl(previewPublishedUrl)\n          ? { href: previewPublishedUrl }\n          : { to: previewPublishedUrl })}\n        disabled={isPublishPreviewDisabled}\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  const gridStyle = {\n    gridTemplateColumns: isMobile\n      ? `repeat(${\n          navigationLinks ? numberOfChildren - 1 : numberOfChildren\n        }, auto)`\n      : `repeat(${numberOfChildren}, 1fr)`,\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 className=\"grid w-full gap-4\" style={gridStyle}>\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 flex-shrink-0 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","_ref2","key","label","disabled","rest","_objectWithoutProperties","_excluded","NavLink","activeClassName","concat","joinHyphenCase","classNames","onClick","e","preventDefault","Typography","component","lineHeight","style","weight","isNotEmpty","buttonStyle","buttonProps","active","_ref3","_excluded2","_createElement","Button","isActive","isDisabled","isAbsoluteUrl","url","test","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","renderDraftButtons","ViewDraftButton","ResetDraftButton","_Fragment","href","loading","renderPublishButtons","PublishButton","PublishPreviewButton","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","_useBreakpoints","useBreakpoints","isSize","isMobile","numberOfChildren","length","filter","gridStyle","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/OverflowLinks.jsx","../src/components/NavigationHeader/Navigation.jsx","../src/components/NavigationHeader/utils.js","../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 } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport { useLocation } from \"react-router-dom\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst OverflowLinks = ({ overflowLinks }) => {\n  const { pathname } = useLocation();\n  const { t } = useTranslation();\n\n  const isMoreButtonActive = existsBy({ to: pathname }, overflowLinks);\n\n  if (!isNotEmpty(overflowLinks)) {\n    return null;\n  }\n\n  return (\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(({ key, to, label, disabled, ...rest }) => {\n          const isActive = to === pathname;\n          const menuButton = (\n            <MenuItem.Button\n              {...{ isActive, to }}\n              data-cy={`${joinHyphenCase(key)}-more-tab`}\n              isDisabled={disabled}\n              key={key}\n              onClick={e => disabled && e.preventDefault()}\n              {...rest}\n            >\n              {label}\n            </MenuItem.Button>\n          );\n\n          if (\n            isActive &&\n            rest.moreOptions &&\n            isNotEmpty(rest.moreOptions.menuItems)\n          ) {\n            return (\n              <Dropdown\n                customTarget={menuButton}\n                key={`${key}-nested-dropdown`}\n                position=\"right-start\"\n                trigger=\"hover\"\n              >\n                <Menu>\n                  {rest.moreOptions.menuItems.map(\n                    ({ key, label, ...itemProps }) => (\n                      <MenuItem.Button key={key} {...itemProps}>\n                        {label}\n                      </MenuItem.Button>\n                    )\n                  )}\n                </Menu>\n              </Dropdown>\n            );\n          }\n\n          return menuButton;\n        })}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nOverflowLinks.propTypes = {\n  /**\n   * Array of overflow links to be displayed in the more dropdown\n   */\n  overflowLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      to: PropTypes.string,\n      label: PropTypes.string,\n      disabled: PropTypes.bool,\n      moreOptions: PropTypes.shape({\n        menuItems: PropTypes.arrayOf(\n          PropTypes.shape({\n            key: PropTypes.string,\n            label: PropTypes.string,\n            onClick: PropTypes.func,\n            disabled: PropTypes.bool,\n            isDisabled: PropTypes.bool,\n            tooltipProps: PropTypes.shape({\n              content: PropTypes.string,\n            }),\n          })\n        ),\n      }),\n    })\n  ),\n};\n\nexport default OverflowLinks;\n","import classNames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nimport OverflowLinks from \"./OverflowLinks\";\n\nconst NavigationLinks = ({ headerLinks, maxVisibleLinks = 5 }) => {\n  const visibleLinks = headerLinks.slice(0, maxVisibleLinks);\n  const overflowLinks = headerLinks.slice(maxVisibleLinks);\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(\n        ({\n          className = \"\",\n          key,\n          label,\n          disabled,\n          labelProps,\n          moreOptions,\n          ...rest\n        }) => (\n          <NavLink\n            activeClassName=\"active\"\n            data-cy={`${joinHyphenCase(key)}-tab`}\n            data-testid={`${joinHyphenCase(key)}-tab`}\n            key={key}\n            className={classNames(\n              \"neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0\",\n              className,\n              { disabled }\n            )}\n            onClick={e => disabled && e.preventDefault()}\n            {...rest}\n          >\n            <Typography\n              component=\"span\"\n              lineHeight=\"normal\"\n              style=\"h4\"\n              weight=\"semibold\"\n              {...(labelProps || {})}\n            >\n              {label}\n            </Typography>\n            {/*\n            TODO: In future, render this MoreDropdown only for Active links\n            Ref: https://github.com/neetozone/neeto-molecules/issues/2610\n            */}\n            {moreOptions && <MoreDropdown {...moreOptions} />}\n          </NavLink>\n        )\n      )}\n      <OverflowLinks {...{ overflowLinks }} />\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      className: PropTypes.string,\n      labelProps: PropTypes.shape({ lineHeight: PropTypes.string }),\n      moreOptions: PropTypes.shape({\n        isVertical: PropTypes.bool,\n        dropdownButtonProps: PropTypes.shape({\n          size: PropTypes.string,\n          className: PropTypes.string,\n        }),\n        menuItems: PropTypes.arrayOf(\n          PropTypes.shape({\n            key: PropTypes.string,\n            label: PropTypes.string,\n            onClick: PropTypes.func,\n            disabled: PropTypes.bool,\n            isDisabled: PropTypes.bool,\n            tooltipProps: PropTypes.shape({\n              content: PropTypes.string,\n            }),\n          })\n        ),\n      }),\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","export const isAbsoluteUrl = url => /^https?:\\/\\//.test(url);\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\";\nimport { isAbsoluteUrl } from \"./utils\";\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\n          {...(isAbsoluteUrl(previewDraftUrl)\n            ? { href: previewDraftUrl }\n            : { to: previewDraftUrl })}\n        />\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        {...(isAbsoluteUrl(previewPublishedUrl)\n          ? { href: previewPublishedUrl }\n          : { to: previewPublishedUrl })}\n        disabled={isPublishPreviewDisabled}\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  const gridStyle = {\n    gridTemplateColumns: isMobile\n      ? `repeat(${\n          navigationLinks ? numberOfChildren - 1 : numberOfChildren\n        }, auto)`\n      : `repeat(${numberOfChildren}, 1fr)`,\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 className=\"grid w-full gap-4\" style={gridStyle}>\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 flex-shrink-0 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","OverflowLinks","overflowLinks","_useLocation","useLocation","pathname","_useTranslation","useTranslation","isMoreButtonActive","existsBy","isNotEmpty","buttonStyle","label","buttonProps","classNames","active","map","_ref2","key","disabled","rest","_objectWithoutProperties","_excluded","isActive","menuButton","_createElement","Button","concat","joinHyphenCase","isDisabled","onClick","e","preventDefault","moreOptions","menuItems","customTarget","trigger","_ref3","itemProps","_excluded2","NavigationLinks","headerLinks","_ref$maxVisibleLinks","maxVisibleLinks","visibleLinks","slice","_ref2$className","labelProps","NavLink","activeClassName","Typography","component","lineHeight","style","weight","MoreDropdown","isAbsoluteUrl","url","test","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","renderDraftButtons","ViewDraftButton","ResetDraftButton","_Fragment","href","loading","renderPublishButtons","PublishButton","PublishPreviewButton","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","_useBreakpoints","useBreakpoints","isSize","isMobile","numberOfChildren","length","filter","gridStyle","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":"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"}

package/dist/cjs/NavigationHeader.js

@@ -13,8 +13,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 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 MoreDropdown = require('./MoreDropdown.js');
+var Dropdown = require('@bigbinary/neetoui/Dropdown');
 var reactI18next = require('react-i18next');
 var React = require('react');
 var PublishBlock = require('./PublishBlock.js');
@@ -30,7 +31,6 @@ require('@bigbinary/neetoui/Button');
 require('@bigbinary/neetoui/Input');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@bigbinary/neeto-commons-frontend/react-utils');
-require('./MoreDropdown.js');
 require('@bigbinary/neeto-icons/MenuHorizontal');
 require('@bigbinary/neeto-icons/MenuVertical');
 require('@bigbinary/neeto-commons-frontend/react-utils/withT');
@@ -53,8 +53,8 @@ var DEFAULT_HOME_BUTTON_PROPS = {
   icon: /*#__PURE__*/jsxRuntime.jsx(Home, {})
 };
 
-function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LeftBlock = function LeftBlock(_ref) {
   var customHomeButtonProps = _ref.homeButtonProps,
     homeUrl = _ref.homeUrl,
@@ -78,88 +78,125 @@ var LeftBlock = function LeftBlock(_ref) {
           children: homeButtonProps.icon
         })
       })
-    }), neetoCist.isPresent(renameProps) && /*#__PURE__*/jsxRuntime.jsx(Rename, _objectSpread$2({
+    }), neetoCist.isPresent(renameProps) && /*#__PURE__*/jsxRuntime.jsx(Rename, _objectSpread$3({
       dropdownItems: renameProps.dropdownItems,
       value: renameProps.value
     }, renameProps)), children]
   });
 };
 
-var _excluded = ["key", "label", "disabled"],
-  _excluded2 = ["key", "to", "label", "disabled"];
-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), true).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 _excluded$1 = ["key", "to", "label", "disabled"],
+  _excluded2 = ["key", "label"];
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(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,
-    _ref$maxVisibleLinks = _ref.maxVisibleLinks,
-    maxVisibleLinks = _ref$maxVisibleLinks === void 0 ? 5 : _ref$maxVisibleLinks;
+var OverflowLinks = function OverflowLinks(_ref) {
+  var overflowLinks = _ref.overflowLinks;
   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);
+  if (!neetoCist.isNotEmpty(overflowLinks)) {
+    return null;
+  }
+  return /*#__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 (_ref2) {
+        var key = _ref2.key,
+          to = _ref2.to,
+          label = _ref2.label,
+          disabled = _ref2.disabled,
+          rest = _objectWithoutProperties(_ref2, _excluded$1);
+        var isActive = to === pathname;
+        var menuButton = /*#__PURE__*/React.createElement(MenuItem.Button, _objectSpread$2({
+          isActive: isActive,
+          to: to,
+          "data-cy": "".concat(general.joinHyphenCase(key), "-more-tab"),
+          isDisabled: disabled,
+          key: key,
+          onClick: function onClick(e) {
+            return disabled && e.preventDefault();
+          }
+        }, rest), label);
+        if (isActive && rest.moreOptions && neetoCist.isNotEmpty(rest.moreOptions.menuItems)) {
+          return /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
+            customTarget: menuButton,
+            position: "right-start",
+            trigger: "hover",
+            children: /*#__PURE__*/jsxRuntime.jsx(Menu, {
+              children: rest.moreOptions.menuItems.map(function (_ref3) {
+                var key = _ref3.key,
+                  label = _ref3.label,
+                  itemProps = _objectWithoutProperties(_ref3, _excluded2);
+                return /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, _objectSpread$2(_objectSpread$2({}, itemProps), {}, {
+                  children: label
+                }), key);
+              })
+            })
+          }, "".concat(key, "-nested-dropdown"));
+        }
+        return menuButton;
+      })
+    })
+  });
+};
+
+var _excluded = ["className", "key", "label", "disabled", "labelProps", "moreOptions"];
+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), true).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 NavigationLinks = function NavigationLinks(_ref) {
+  var headerLinks = _ref.headerLinks,
+    _ref$maxVisibleLinks = _ref.maxVisibleLinks,
+    maxVisibleLinks = _ref$maxVisibleLinks === void 0 ? 5 : _ref$maxVisibleLinks;
+  var visibleLinks = headerLinks.slice(0, maxVisibleLinks);
+  var overflowLinks = headerLinks.slice(maxVisibleLinks);
   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: [visibleLinks.map(function (_ref2) {
-      var key = _ref2.key,
+      var _ref2$className = _ref2.className,
+        className = _ref2$className === void 0 ? "" : _ref2$className,
+        key = _ref2.key,
         label = _ref2.label,
         disabled = _ref2.disabled,
+        labelProps = _ref2.labelProps,
+        moreOptions = _ref2.moreOptions,
         rest = _objectWithoutProperties(_ref2, _excluded);
-      return /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.NavLink, _objectSpread$1(_objectSpread$1({
+      return /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.NavLink, _objectSpread$1(_objectSpread$1({
         activeClassName: "active",
         "data-cy": "".concat(general.joinHyphenCase(key), "-tab"),
         "data-testid": "".concat(general.joinHyphenCase(key), "-tab"),
-        className: classnames("neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0", {
+        className: classnames("neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0", className, {
           disabled: disabled
         }),
         onClick: function onClick(e) {
           return disabled && e.preventDefault();
         }
       }, rest), {}, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, _objectSpread$1(_objectSpread$1({
           component: "span",
           lineHeight: "normal",
           style: "h4",
-          weight: "semibold",
+          weight: "semibold"
+        }, labelProps || {}), {}, {
           children: label
-        })
+        })), moreOptions && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, _objectSpread$1({}, moreOptions))]
       }), 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 (_ref3) {
-          var key = _ref3.key,
-            to = _ref3.to,
-            label = _ref3.label,
-            disabled = _ref3.disabled,
-            rest = _objectWithoutProperties(_ref3, _excluded2);
-          return /*#__PURE__*/React.createElement(MenuItem.Button, _objectSpread$1({
-            to: to,
-            "data-cy": "".concat(general.joinHyphenCase(key), "-more-tab"),
-            isActive: to === pathname,
-            isDisabled: disabled,
-            key: key,
-            onClick: function onClick(e) {
-              return disabled && e.preventDefault();
-            }
-          }, rest), label);
-        })
-      })
+    }), /*#__PURE__*/jsxRuntime.jsx(OverflowLinks, {
+      overflowLinks: overflowLinks
     })]
   });
 };

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/utils.js","../../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(({ key, label, disabled, ...rest }) => (\n        <NavLink\n          activeClassName=\"active\"\n          data-cy={`${joinHyphenCase(key)}-tab`}\n          data-testid={`${joinHyphenCase(key)}-tab`}\n          key={key}\n          className={classNames(\n            \"neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0\",\n            { disabled }\n          )}\n          onClick={e => disabled && e.preventDefault()}\n          {...rest}\n        >\n          <Typography\n            component=\"span\"\n            lineHeight=\"normal\"\n            style=\"h4\"\n            weight=\"semibold\"\n          >\n            {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(({ key, to, label, disabled, ...rest }) => (\n              <MenuItem.Button\n                {...{ to }}\n                data-cy={`${joinHyphenCase(key)}-more-tab`}\n                isActive={to === pathname}\n                isDisabled={disabled}\n                key={key}\n                onClick={e => disabled && e.preventDefault()}\n                {...rest}\n              >\n                {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","export const isAbsoluteUrl = url => /^https?:\\/\\//.test(url);\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\";\nimport { isAbsoluteUrl } from \"./utils\";\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\n          {...(isAbsoluteUrl(previewDraftUrl)\n            ? { href: previewDraftUrl }\n            : { to: previewDraftUrl })}\n        />\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        {...(isAbsoluteUrl(previewPublishedUrl)\n          ? { href: previewPublishedUrl }\n          : { to: previewPublishedUrl })}\n        disabled={isPublishPreviewDisabled}\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  const gridStyle = {\n    gridTemplateColumns: isMobile\n      ? `repeat(${\n          navigationLinks ? numberOfChildren - 1 : numberOfChildren\n        }, auto)`\n      : `repeat(${numberOfChildren}, 1fr)`,\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 className=\"grid w-full gap-4\" style={gridStyle}>\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 flex-shrink-0 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","_ref2","key","label","disabled","rest","_objectWithoutProperties","_excluded","NavLink","activeClassName","concat","joinHyphenCase","classNames","onClick","e","preventDefault","Typography","component","lineHeight","style","weight","isNotEmpty","buttonStyle","buttonProps","active","_ref3","_excluded2","_createElement","Button","isActive","isDisabled","isAbsoluteUrl","url","test","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","renderDraftButtons","ViewDraftButton","ResetDraftButton","_Fragment","href","loading","renderPublishButtons","PublishButton","PublishPreviewButton","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","_useBreakpoints","useBreakpoints","isSize","isMobile","numberOfChildren","length","filter","gridStyle","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/OverflowLinks.jsx","../../src/components/NavigationHeader/Navigation.jsx","../../src/components/NavigationHeader/utils.js","../../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 } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport { useLocation } from \"react-router-dom\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst OverflowLinks = ({ overflowLinks }) => {\n  const { pathname } = useLocation();\n  const { t } = useTranslation();\n\n  const isMoreButtonActive = existsBy({ to: pathname }, overflowLinks);\n\n  if (!isNotEmpty(overflowLinks)) {\n    return null;\n  }\n\n  return (\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(({ key, to, label, disabled, ...rest }) => {\n          const isActive = to === pathname;\n          const menuButton = (\n            <MenuItem.Button\n              {...{ isActive, to }}\n              data-cy={`${joinHyphenCase(key)}-more-tab`}\n              isDisabled={disabled}\n              key={key}\n              onClick={e => disabled && e.preventDefault()}\n              {...rest}\n            >\n              {label}\n            </MenuItem.Button>\n          );\n\n          if (\n            isActive &&\n            rest.moreOptions &&\n            isNotEmpty(rest.moreOptions.menuItems)\n          ) {\n            return (\n              <Dropdown\n                customTarget={menuButton}\n                key={`${key}-nested-dropdown`}\n                position=\"right-start\"\n                trigger=\"hover\"\n              >\n                <Menu>\n                  {rest.moreOptions.menuItems.map(\n                    ({ key, label, ...itemProps }) => (\n                      <MenuItem.Button key={key} {...itemProps}>\n                        {label}\n                      </MenuItem.Button>\n                    )\n                  )}\n                </Menu>\n              </Dropdown>\n            );\n          }\n\n          return menuButton;\n        })}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nOverflowLinks.propTypes = {\n  /**\n   * Array of overflow links to be displayed in the more dropdown\n   */\n  overflowLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      to: PropTypes.string,\n      label: PropTypes.string,\n      disabled: PropTypes.bool,\n      moreOptions: PropTypes.shape({\n        menuItems: PropTypes.arrayOf(\n          PropTypes.shape({\n            key: PropTypes.string,\n            label: PropTypes.string,\n            onClick: PropTypes.func,\n            disabled: PropTypes.bool,\n            isDisabled: PropTypes.bool,\n            tooltipProps: PropTypes.shape({\n              content: PropTypes.string,\n            }),\n          })\n        ),\n      }),\n    })\n  ),\n};\n\nexport default OverflowLinks;\n","import classNames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nimport OverflowLinks from \"./OverflowLinks\";\n\nconst NavigationLinks = ({ headerLinks, maxVisibleLinks = 5 }) => {\n  const visibleLinks = headerLinks.slice(0, maxVisibleLinks);\n  const overflowLinks = headerLinks.slice(maxVisibleLinks);\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(\n        ({\n          className = \"\",\n          key,\n          label,\n          disabled,\n          labelProps,\n          moreOptions,\n          ...rest\n        }) => (\n          <NavLink\n            activeClassName=\"active\"\n            data-cy={`${joinHyphenCase(key)}-tab`}\n            data-testid={`${joinHyphenCase(key)}-tab`}\n            key={key}\n            className={classNames(\n              \"neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0\",\n              className,\n              { disabled }\n            )}\n            onClick={e => disabled && e.preventDefault()}\n            {...rest}\n          >\n            <Typography\n              component=\"span\"\n              lineHeight=\"normal\"\n              style=\"h4\"\n              weight=\"semibold\"\n              {...(labelProps || {})}\n            >\n              {label}\n            </Typography>\n            {/*\n            TODO: In future, render this MoreDropdown only for Active links\n            Ref: https://github.com/neetozone/neeto-molecules/issues/2610\n            */}\n            {moreOptions && <MoreDropdown {...moreOptions} />}\n          </NavLink>\n        )\n      )}\n      <OverflowLinks {...{ overflowLinks }} />\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      className: PropTypes.string,\n      labelProps: PropTypes.shape({ lineHeight: PropTypes.string }),\n      moreOptions: PropTypes.shape({\n        isVertical: PropTypes.bool,\n        dropdownButtonProps: PropTypes.shape({\n          size: PropTypes.string,\n          className: PropTypes.string,\n        }),\n        menuItems: PropTypes.arrayOf(\n          PropTypes.shape({\n            key: PropTypes.string,\n            label: PropTypes.string,\n            onClick: PropTypes.func,\n            disabled: PropTypes.bool,\n            isDisabled: PropTypes.bool,\n            tooltipProps: PropTypes.shape({\n              content: PropTypes.string,\n            }),\n          })\n        ),\n      }),\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","export const isAbsoluteUrl = url => /^https?:\\/\\//.test(url);\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\";\nimport { isAbsoluteUrl } from \"./utils\";\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\n          {...(isAbsoluteUrl(previewDraftUrl)\n            ? { href: previewDraftUrl }\n            : { to: previewDraftUrl })}\n        />\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        {...(isAbsoluteUrl(previewPublishedUrl)\n          ? { href: previewPublishedUrl }\n          : { to: previewPublishedUrl })}\n        disabled={isPublishPreviewDisabled}\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  const gridStyle = {\n    gridTemplateColumns: isMobile\n      ? `repeat(${\n          navigationLinks ? numberOfChildren - 1 : numberOfChildren\n        }, auto)`\n      : `repeat(${numberOfChildren}, 1fr)`,\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 className=\"grid w-full gap-4\" style={gridStyle}>\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 flex-shrink-0 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","OverflowLinks","overflowLinks","_useLocation","useLocation","pathname","_useTranslation","useTranslation","isMoreButtonActive","existsBy","isNotEmpty","buttonStyle","label","buttonProps","classNames","active","map","_ref2","key","disabled","rest","_objectWithoutProperties","_excluded","isActive","menuButton","_createElement","Button","concat","joinHyphenCase","isDisabled","onClick","e","preventDefault","moreOptions","menuItems","customTarget","trigger","_ref3","itemProps","_excluded2","NavigationLinks","headerLinks","_ref$maxVisibleLinks","maxVisibleLinks","visibleLinks","slice","_ref2$className","labelProps","NavLink","activeClassName","Typography","component","lineHeight","style","weight","MoreDropdown","isAbsoluteUrl","url","test","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","renderDraftButtons","ViewDraftButton","ResetDraftButton","_Fragment","href","loading","renderPublishButtons","PublishButton","PublishPreviewButton","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","_useBreakpoints","useBreakpoints","isSize","isMobile","numberOfChildren","length","filter","gridStyle","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "4.0.60",
+  "version": "4.0.62",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/types/NavigationHeader.d.ts

@@ -18,10 +18,33 @@ type HomeButtonPropType = {
   tooltip: TooltipPropType;
   icon: React.ReactNode;
 };
+type MenuItemPropType = {
+  key: string;
+  label: string;
+  onClick?: () => void;
+  disabled?: boolean;
+  isDisabled?: boolean;
+  tooltipProps?: {
+    content: string;
+  };
+};
+type MoreOptionsPropType = {
+  isVertical?: boolean;
+  dropdownButtonProps?: {
+    size?: string;
+    className?: string;
+  };
+  menuItems?: MenuItemPropType[];
+};
 type HeaderLinkPropType = {
   key: string;
   to: string;
   label: string;
+  className?: string;
+  labelProps?: {
+    lineHeight?: string;
+  };
+  moreOptions?: MoreOptionsPropType;
 } & NavLinkProps;
 type RightActionBlockPropTypes = {
   isDraftBlockHidden: boolean;
@@ -46,6 +69,9 @@ type NavigationLinkPropsType = {
   headerLinks: HeaderLinkPropType[];
   maxVisibleLinks?: number;
 };
+type OverflowLinksPropsType = {
+  overflowLinks: HeaderLinkPropType[];
+};
 type LeftBlockPropTypes = {
   homeButtonProps?: HomeButtonPropType;
   homeUrl: string;
@@ -54,7 +80,7 @@ type LeftBlockPropTypes = {
 };
 /**
  *
- * A common component to use as navigation header.
+ * A common component to use as navigation header with support for nested dropdown menus.
  *
  * @example 
  *
@@ -106,6 +132,8 @@ type LeftBlockPropTypes = {
  * @endexample
  * To specify the content to be rendered at the center of the NavigationHeader.
  *
+ * Each object in the headerLinks array can have the following properties:
+ *
  * @example 
  *
  * import NavigationHeader from "@bigbinary/neeto-molecules/NavigationHeader";
@@ -115,15 +143,48 @@ type LeftBlockPropTypes = {
  *     navigationLinks={
  *       <NavigationHeader.NavigationLinks
  *         headerLinks={[
- *           { key: "build", to: "/build", label: "Build" },
- *           { key: "design", to: "/design", label: "Design" },
+ *           {
+ *             key: "build",
+ *             to: "/build",
+ *             label: "Build",
+ *             className: "custom-link-class"
+ *           },
+ *           {
+ *             key: "design",
+ *             to: "/design",
+ *             label: "Design",
+ *             labelProps: { lineHeight: "tight" }
+ *           },
  *           {
  *             key: "configure",
  *             to: "/configure",
  *             label: "Configure",
- *             exact: true, //Additional props passed to Navlink component.
+ *             exact: true, // Additional props passed to Navlink component
+ *             moreOptions: {
+ *               isVertical: true,
+ *               dropdownButtonProps: {
+ *                 size: "small",
+ *                 className: "custom-dropdown-class"
+ *               },
+ *               menuItems: [
+ *                 {
+ *                   key: "settings",
+ *                   label: "Settings",
+ *                   onClick: () => console.log("Settings clicked")
+ *                 },
+ *                 {
+ *                   key: "preferences",
+ *                   label: "Preferences",
+ *                   disabled: true,
+ *                   tooltipProps: {
+ *                     content: "This feature is coming soon"
+ *                   }
+ *                 }
+ *               ]
+ *             }
  *           },
  *         ]}
+ *         maxVisibleLinks={3}
  *       />
  *     }
  *     rightActionBlock={
@@ -176,6 +237,7 @@ declare const NavigationHeader: React.FC<{
   RightActionBlock: React.FC<RightActionBlockPropTypes>;
   NavigationLinks: React.FC<NavigationLinkPropsType>;
   LeftActionBlock: React.FC<LeftBlockPropTypes>;
+  OverflowLinks: React.FC<OverflowLinksPropsType>;
 };
 
 export { NavigationHeader as default };