npm - @bigbinary/neeto-molecules - Versions diffs - 4.0.59 → 4.0.61 - Mend

@bigbinary/neeto-molecules 4.0.59 → 4.0.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/FloatingActionMenu.js +160 -47
package/dist/FloatingActionMenu.js.map +1 -1
package/dist/NavigationHeader.js +88 -48
package/dist/NavigationHeader.js.map +1 -1
package/dist/cjs/FloatingActionMenu.js +157 -44
package/dist/cjs/FloatingActionMenu.js.map +1 -1
package/dist/cjs/NavigationHeader.js +88 -48
package/dist/cjs/NavigationHeader.js.map +1 -1
package/package.json +1 -1
package/types/NavigationHeader.d.ts +66 -4

package/dist/NavigationHeader.js.map CHANGED Viewed

	@@ -1 +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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"}
1	+ {"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, useLocation } from \"react-router-dom\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nimport OverflowLinks from \"./OverflowLinks\";\n\nconst NavigationLinks = ({ headerLinks, maxVisibleLinks = 5 }) => {\n const { pathname } = useLocation();\n\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 {(rest.isActive?.() \|\| rest.to === pathname) && moreOptions && (\n <MoreDropdown {...moreOptions} />\n )}\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","_rest$isActive","_ref2$className","labelProps","NavLink","activeClassName","Typography","component","lineHeight","style","weight","call","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/FloatingActionMenu.js CHANGED Viewed

@@ -21,12 +21,12 @@ var Input = require('@bigbinary/neetoui/Input');
 var Typography = require('@bigbinary/neetoui/Typography');
 var reactI18next = require('react-i18next');
 var Spinner = require('@bigbinary/neetoui/Spinner');
-var reactQuery = require('@tanstack/react-query');
-var axios = require('axios');
 var Neeto = require('@bigbinary/neeto-icons/typeface-logos/Neeto');
 var AppIcons = require('@bigbinary/neeto-icons/typeface-logos');
 var injectCss = require('./inject-css-B6qYtOJe.js');
 var jsxRuntime = require('react/jsx-runtime');
+var reactQuery = require('@tanstack/react-query');
+var axios = require('axios');
 var i18next = require('i18next');
 var Book = require('@bigbinary/neeto-icons/Book');
 var Community = require('@bigbinary/neeto-icons/Community');
@@ -70,44 +70,32 @@ function _interopNamespaceDefault(e) {
 var AppIcons__namespace = /*#__PURE__*/_interopNamespaceDefault(AppIcons);
-var fetch$1 = function fetch() {
-  return axios.get("/api/v1/neeto_apps");
-};
-var neetoAppsApi = {
-  fetch: fetch$1
-};
-var QUERY_KEYS$1 = {
-  NEETO_APPS_LIST: "neeto-apps-list"
-};
-function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useFetchNeetoApps = function useFetchNeetoApps(options) {
-  return reactQuery.useQuery(_objectSpread$5({
-    queryKey: [QUERY_KEYS$1.NEETO_APPS_LIST],
-    queryFn: neetoAppsApi.fetch
-  }, options));
-};
-var css$1 = ".neeto-molecules-product-switcher__wrapper{align-items:flex-start;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;overflow-y:auto;padding:24px;position:relative;transition:all .3s;width:100%}@media screen and (max-width:768px){.neeto-molecules-product-switcher__wrapper{padding:16px}}.neeto-molecules-product-switcher__grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(288px,1fr))}@media only screen and (max-width:992px){.neeto-molecules-product-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}}@media only screen and (max-width:640px){.neeto-molecules-product-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}.neeto-molecules-product-switcher__header{align-items:center;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;position:relative;width:100%}@media only screen and (max-width:768px){.neeto-molecules-product-switcher__header{align-items:flex-start;flex-direction:column;gap:24px}}@media only screen and (max-width:640px){.neeto-molecules-product-switcher__header h1{font-size:24px}}@media only screen and (max-width:768px){.neeto-molecules-product-switcher_modal-container .neeto-molecules-product-switcher__header-mobile{align-items:flex-start;margin-bottom:24px}}.neeto-molecules-product-switcher_modal-container .neeto-molecules-product-switcher__wrapper{padding:0}.neeto-molecules-product-switcher__close-btn{position:absolute;right:12px;top:12px}.neeto-molecules-product-switcher__search-wrapper{flex-grow:1}@media only screen and (min-width:992px){.neeto-molecules-product-switcher__search-wrapper{flex-grow:0;width:296px}}.neeto-molecules-product-switcher__body{display:flex;flex-direction:column;font-size:var(--neeto-ui-text-sm);gap:12px;margin-bottom:24px;width:100%}.neeto-molecules-product-switcher-link{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-200));border-radius:var(--neeto-ui-rounded-lg);border-style:solid;border-width:1px;cursor:pointer;display:flex;flex-direction:column;gap:16px;max-width:100%;padding:10px 8px;text-decoration:none;transition:all .3s ease-in-out;width:100%}.neeto-molecules-product-switcher-link:focus,.neeto-molecules-product-switcher-link:focus-visible{outline:none}.neeto-molecules-product-switcher-link:focus-visible{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-product-switcher-link:not(.neeto-molecules-product-switcher-link--active):hover{border-color:rgb(var(--neeto-ui-primary-500))}.neeto-molecules-product-switcher-link--active{background-color:rgb(var(--neeto-ui-primary-50));border-color:rgb(var(--neeto-ui-primary-500))}.neeto-molecules-product-switcher-link__icon-holder{flex-grow:1;flex-shrink:0}.neeto-molecules-product-switcher-link__icon-holder svg{height:36px;width:auto}.neeto-molecules-product-switcher-link__icon-holder .neeto-molecules-product-switcher-link__icon-default{height:24px}.neeto-molecules-product-switcher-link__content{flex-shrink:0}.neeto-molecules-product-switcher-link__content span{display:block}.neeto-molecules-product-switcher_modal{z-index:100000}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen{display:flex;flex-direction:column;height:100dvh!important;width:100vw!important}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-ui-modal__header{flex-shrink:0}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-ui-modal__body{--neeto-ui-modal-body-padding-top:24px;flex-grow:1;min-height:0;overflow-y:auto}.neeto-ui-theme--dark .neeto-molecules-product-switcher__wrapper [data-dark-mode-color=true]{fill:rgb(var(--neeto-ui-black))}.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal{--neeto-molecules-product-switcher-modal-padding-y:24px;align-items:flex-start;padding-bottom:var(--neeto-molecules-product-switcher-modal-padding-y);padding-top:var(--neeto-molecules-product-switcher-modal-padding-y)}@media only screen and (min-width:1024px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal{--neeto-molecules-product-switcher-modal-padding-y:40px}}@media only screen and (min-width:1536px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal{--neeto-molecules-product-switcher-modal-padding-y:80px}}.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large{--neeto-ui-modal-body-padding-top:24px;--neeto-ui-modal-body-padding-bottom:24px;--neeto-ui-modal-close-btn-top:12px;--neeto-ui-modal-close-btn-right:12px;--neeto-ui-modal-body-padding-x:0;--neeto-ui-text-h1:24px}.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-molecules-product-switcher-link__icon-holder svg{height:32px}@media only screen and (min-width:1024px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large{--neeto-ui-modal-wrapper-width:960px}}@media only screen and (min-width:1280px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large{--neeto-ui-modal-wrapper-width:1024px}}@media only screen and (min-width:1536px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large{--neeto-ui-modal-wrapper-width:1280px}.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-molecules-product-switcher-link__icon-holder svg{height:36px}}.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-molecules-product-switcher__header{background-color:rgb(var(--neeto-ui-white));margin-bottom:32px;padding-left:24px;padding-right:56px}@media only screen and (max-width:768px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-molecules-product-switcher__header{gap:16px;margin-bottom:16px}}.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-molecules-product-switcher__body{height:calc(100vh - var(--neeto-molecules-product-switcher-modal-padding-y) - 164px);margin-bottom:0;overflow-y:auto;padding-left:24px;padding-right:24px}@media only screen and (max-width:768px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-molecules-product-switcher__body{height:calc(90vh - var(--neeto-molecules-product-switcher-modal-padding-y) - 164px)}}.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-ui-modal__close{z-index:2}";
+var css$1 = ".neeto-molecules-product-switcher__wrapper{align-items:flex-start;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;overflow-y:auto;padding:24px;position:relative;transition:all .3s;width:100%}@media screen and (max-width:768px){.neeto-molecules-product-switcher__wrapper{padding:16px}}.neeto-molecules-product-switcher__grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(288px,1fr))}@media only screen and (max-width:992px){.neeto-molecules-product-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}}@media only screen and (max-width:640px){.neeto-molecules-product-switcher__grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}.neeto-molecules-product-switcher__header{align-items:center;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;position:relative;width:100%}@media only screen and (max-width:768px){.neeto-molecules-product-switcher__header{align-items:flex-start;flex-direction:column;gap:24px}}@media only screen and (max-width:640px){.neeto-molecules-product-switcher__header h1{font-size:24px}}@media only screen and (max-width:768px){.neeto-molecules-product-switcher_modal-container .neeto-molecules-product-switcher__header-mobile{align-items:flex-start;margin-bottom:24px}}.neeto-molecules-product-switcher_modal-container .neeto-molecules-product-switcher__wrapper{padding:0}.neeto-molecules-product-switcher__close-btn{position:absolute;right:12px;top:12px}.neeto-molecules-product-switcher__search-wrapper{flex-grow:1}@media only screen and (min-width:992px){.neeto-molecules-product-switcher__search-wrapper{flex-grow:0;width:296px}}.neeto-molecules-product-switcher__body{display:flex;flex-direction:column;font-size:var(--neeto-ui-text-sm);gap:12px;margin-bottom:24px;width:100%}.neeto-molecules-product-switcher-link{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-200));border-radius:var(--neeto-ui-rounded-lg);border-style:solid;border-width:1px;cursor:pointer;display:flex;flex-direction:column;gap:16px;max-width:100%;padding:10px 8px;text-decoration:none;transition:all .3s ease-in-out;width:100%}.neeto-molecules-product-switcher-link:focus,.neeto-molecules-product-switcher-link:focus-visible{outline:none}.neeto-molecules-product-switcher-link:focus-visible{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-product-switcher-link:not(.neeto-molecules-product-switcher-link--active):hover{border-color:rgb(var(--neeto-ui-primary-500))}.neeto-molecules-product-switcher-link--active{background-color:rgb(var(--neeto-ui-primary-50));border-color:rgb(var(--neeto-ui-primary-500))}.neeto-molecules-product-switcher-link--highlighted{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-product-switcher-link__icon-holder{flex-grow:1;flex-shrink:0}.neeto-molecules-product-switcher-link__icon-holder svg{height:36px;width:auto}.neeto-molecules-product-switcher-link__icon-holder .neeto-molecules-product-switcher-link__icon-default{height:24px}.neeto-molecules-product-switcher-link__content{flex-shrink:0}.neeto-molecules-product-switcher-link__content span{display:block}.neeto-molecules-product-switcher_modal{z-index:100000}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen{display:flex;flex-direction:column;height:100dvh!important;width:100vw!important}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-ui-modal__header{flex-shrink:0}.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper--fullscreen .neeto-ui-modal__body{--neeto-ui-modal-body-padding-top:24px;flex-grow:1;min-height:0;overflow-y:auto}.neeto-ui-theme--dark .neeto-molecules-product-switcher__wrapper [data-dark-mode-color=true]{fill:rgb(var(--neeto-ui-black))}.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal{--neeto-molecules-product-switcher-modal-padding-y:24px;align-items:flex-start;padding-bottom:var(--neeto-molecules-product-switcher-modal-padding-y);padding-top:var(--neeto-molecules-product-switcher-modal-padding-y)}@media only screen and (min-width:1024px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal{--neeto-molecules-product-switcher-modal-padding-y:40px}}@media only screen and (min-width:1536px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal{--neeto-molecules-product-switcher-modal-padding-y:80px}}.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large{--neeto-ui-modal-body-padding-top:24px;--neeto-ui-modal-body-padding-bottom:24px;--neeto-ui-modal-close-btn-top:12px;--neeto-ui-modal-close-btn-right:12px;--neeto-ui-modal-body-padding-x:0;--neeto-ui-text-h1:24px}.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-molecules-product-switcher-link__icon-holder svg{height:32px}@media only screen and (min-width:1024px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large{--neeto-ui-modal-wrapper-width:960px}}@media only screen and (min-width:1280px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large{--neeto-ui-modal-wrapper-width:1024px}}@media only screen and (min-width:1536px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large{--neeto-ui-modal-wrapper-width:1280px}.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-molecules-product-switcher-link__icon-holder svg{height:36px}}.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-molecules-product-switcher__header{background-color:rgb(var(--neeto-ui-white));margin-bottom:32px;padding-left:24px;padding-right:56px}@media only screen and (max-width:768px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-molecules-product-switcher__header{gap:16px;margin-bottom:16px}}.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-molecules-product-switcher__body{height:calc(100dvh - var(--neeto-molecules-product-switcher-modal-padding-y)*2 - 124px);margin-bottom:0;overflow-y:auto;padding-left:24px;padding-right:24px}@media only screen and (max-width:768px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-molecules-product-switcher__body{height:calc(90dvh - var(--neeto-molecules-product-switcher-modal-padding-y)*2 - 124px)}}.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-ui-modal__close{z-index:2}@media only screen and (min-width:1280px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-molecules-product-switcher__search-wrapper{width:420px}}@media only screen and (min-width:1536px){.neeto-ui-modal__backdrop.neeto-molecules-product-switcher_modal .neeto-ui-modal__wrapper.neeto-ui-modal__wrapper--large .neeto-molecules-product-switcher__search-wrapper{width:500px}}";
 injectCss.n(css$1,{});
+var _excluded$2 = ["name", "description", "url", "isHighlighted"];
+function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ProductLink = function ProductLink(_ref) {
   var name = _ref.name,
     description = _ref.description,
-    url = _ref.url;
+    url = _ref.url,
+    _ref$isHighlighted = _ref.isHighlighted,
+    isHighlighted = _ref$isHighlighted === void 0 ? false : _ref$isHighlighted,
+    props = _objectWithoutProperties(_ref, _excluded$2);
   var appName = "Neeto".concat(name.charAt(0)).concat(name.slice(1).toLowerCase());
   var AppIcon = AppIcons__namespace[appName];
-  return /*#__PURE__*/jsxRuntime.jsxs("a", {
+  return /*#__PURE__*/jsxRuntime.jsxs("a", _objectSpread$6(_objectSpread$6({
     "data-cy": "".concat(name, "-app-link"),
-    "data-test-id": "neetoapp-link-".concat(name),
+    "data-testid": "neetoapp-link-".concat(name),
     href: url,
     rel: "noreferrer",
     target: "_blank",
     className: classnames("neeto-molecules-product-switcher-link", {
-      "neeto-molecules-product-switcher-link--active": globalProps.appName.includes(name)
-    }),
+      "neeto-molecules-product-switcher-link--active": globalProps.appName.includes(name),
+      "neeto-molecules-product-switcher-link--highlighted": isHighlighted
+    })
+  }, props), {}, {
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "neeto-molecules-product-switcher-link__icon-holder",
       children: AppIcon ? /*#__PURE__*/jsxRuntime.jsx(AppIcon, {}) : /*#__PURE__*/jsxRuntime.jsx(Neeto, {
@@ -123,24 +111,18 @@ var ProductLink = function ProductLink(_ref) {
         children: description
       })
     })]
-  });
+  }));
 };
 var ProductLink$1 = /*#__PURE__*/React.memo(ProductLink);
-function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Content = function Content(_ref) {
-  var searchTerm = _ref.searchTerm;
+  var highlightedIndex = _ref.highlightedIndex,
+    filteredApps = _ref.filteredApps,
+    isLoading = _ref.isLoading;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useFetchNeetoApps = useFetchNeetoApps(),
-    data = _useFetchNeetoApps.data,
-    isLoading = _useFetchNeetoApps.isLoading;
-  var substring = searchTerm.replace(/ /g, "").toLowerCase();
-  var filteredApps = data === null || data === void 0 ? void 0 : data.neetoApps.filter(function (_ref2) {
-    var name = _ref2.name;
-    return name.toLowerCase().includes(substring);
-  });
   if (isLoading) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex items-center justify-center py-8",
@@ -149,8 +131,11 @@ var Content = function Content(_ref) {
   }
   return (filteredApps === null || filteredApps === void 0 ? void 0 : filteredApps.length) > 0 ? /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "neeto-molecules-product-switcher__grid",
-    children: filteredApps.map(function (app) {
-      return /*#__PURE__*/jsxRuntime.jsx(ProductLink$1, _objectSpread$4({}, app), app.name);
+    children: filteredApps.map(function (app, index) {
+      return /*#__PURE__*/jsxRuntime.jsx(ProductLink$1, _objectSpread$5(_objectSpread$5({}, app), {}, {
+        "data-highlighted-index": index,
+        isHighlighted: index === highlightedIndex
+      }), app.name);
     })
   }) : /*#__PURE__*/jsxRuntime.jsx(Typography, {
     className: "neeto-ui-text-center",
@@ -160,6 +145,115 @@ var Content = function Content(_ref) {
   });
 };
+var fetch$1 = function fetch() {
+  return axios.get("/api/v1/neeto_apps");
+};
+var neetoAppsApi = {
+  fetch: fetch$1
+};
+var QUERY_KEYS$1 = {
+  NEETO_APPS_LIST: "neeto-apps-list"
+};
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useFetchNeetoApps = function useFetchNeetoApps(options) {
+  return reactQuery.useQuery(_objectSpread$4({
+    queryKey: [QUERY_KEYS$1.NEETO_APPS_LIST],
+    queryFn: neetoAppsApi.fetch
+  }, options));
+};
+var useProductSwitcherNavigation = function useProductSwitcherNavigation() {
+  var filteredApps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var _useState = React.useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    highlightedIndex = _useState2[0],
+    setHighlightedIndex = _useState2[1];
+  var scrollContainerRef = React.useRef(null);
+  React.useEffect(function () {
+    return setHighlightedIndex(0);
+  }, [filteredApps]);
+  React.useEffect(function () {
+    if (!scrollContainerRef.current || ramda.isEmpty(filteredApps)) return;
+    var container = scrollContainerRef.current;
+    var highlightedElement = container.querySelector("[data-highlighted-index=\"".concat(highlightedIndex, "\"]"));
+    if (!highlightedElement) return;
+    var containerRect = container.getBoundingClientRect();
+    var elRect = highlightedElement.getBoundingClientRect();
+    if (elRect.top < containerRect.top) {
+      container.scrollTop += elRect.top - containerRect.top;
+    } else if (elRect.bottom > containerRect.bottom) {
+      container.scrollTop += elRect.bottom - containerRect.bottom;
+    }
+  }, [highlightedIndex, filteredApps]);
+  var getColumnsPerRow = function getColumnsPerRow() {
+    var width = window.innerWidth;
+    if (width < 768) return 1;
+    if (width < 1024) return 2;
+    if (width < 1536) return 3;
+    return 4;
+  };
+  var handleOpenHighlightedApp = function handleOpenHighlightedApp() {
+    var app = filteredApps[highlightedIndex];
+    if (!(app !== null && app !== void 0 && app.url)) return;
+    window.open(app.url, "_blank", "noopener,noreferrer");
+  };
+  var navigationHandlers = {
+    left: function left(prev) {
+      return prev === 0 ? filteredApps.length - 1 : prev - 1;
+    },
+    right: function right(prev) {
+      return prev === filteredApps.length - 1 ? 0 : prev + 1;
+    },
+    up: function up(prev) {
+      var columnsPerRow = getColumnsPerRow();
+      var newIndex = prev - columnsPerRow;
+      if (newIndex >= 0) return newIndex;
+      var currentCol = prev % columnsPerRow;
+      var lastIndex = filteredApps.length - 1;
+      return lastIndex - (lastIndex - currentCol) % columnsPerRow;
+    },
+    down: function down(prev) {
+      var columnsPerRow = getColumnsPerRow();
+      var newIndex = prev + columnsPerRow;
+      if (newIndex < filteredApps.length) return newIndex;
+      return prev % columnsPerRow;
+    }
+  };
+  var keyActions = {
+    Enter: handleOpenHighlightedApp,
+    ArrowLeft: function ArrowLeft() {
+      return setHighlightedIndex(navigationHandlers["left"]);
+    },
+    ArrowRight: function ArrowRight() {
+      return setHighlightedIndex(navigationHandlers["right"]);
+    },
+    ArrowUp: function ArrowUp() {
+      return setHighlightedIndex(navigationHandlers["up"]);
+    },
+    ArrowDown: function ArrowDown() {
+      return setHighlightedIndex(navigationHandlers["down"]);
+    },
+    Tab: function Tab(e) {
+      return setHighlightedIndex(navigationHandlers[e.shiftKey ? "left" : "right"]);
+    }
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    var action = keyActions[e.key];
+    if (!action) return;
+    e.preventDefault();
+    e.stopPropagation();
+    if (neetoCist.isNotEmpty(filteredApps)) action(e);
+  };
+  return {
+    highlightedIndex: highlightedIndex,
+    handleKeyDown: handleKeyDown,
+    scrollContainerRef: scrollContainerRef
+  };
+};
 var Menu$3 = function Menu(_ref) {
   var _ref$isMobile = _ref.isMobile,
     isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile,
@@ -170,6 +264,21 @@ var Menu$3 = function Menu(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
     setSearchTerm = _useState2[1];
+  var _useFetchNeetoApps = useFetchNeetoApps(),
+    data = _useFetchNeetoApps.data,
+    isLoading = _useFetchNeetoApps.isLoading;
+  var substring = searchTerm.replace(/ /g, "").toLowerCase();
+  var filteredApps = React.useMemo(function () {
+    if (!data) return [];
+    return data === null || data === void 0 ? void 0 : data.neetoApps.filter(function (_ref2) {
+      var name = _ref2.name;
+      return name.toLowerCase().includes(substring);
+    });
+  }, [data, substring]);
+  var _useProductSwitcherNa = useProductSwitcherNavigation(filteredApps),
+    highlightedIndex = _useProductSwitcherNa.highlightedIndex,
+    handleKeyDown = _useProductSwitcherNa.handleKeyDown,
+    scrollContainerRef = _useProductSwitcherNa.scrollContainerRef;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "neeto-molecules-product-switcher__wrapper",
     "data-cy": "switcher-wrapper",
@@ -195,13 +304,17 @@ var Menu$3 = function Menu(_ref) {
           value: searchTerm,
           onChange: function onChange(e) {
             return setSearchTerm(e.target.value);
-          }
+          },
+          onKeyDown: handleKeyDown
         })
       })]
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: scrollContainerRef,
       className: classnames("neeto-molecules-product-switcher__body", _defineProperty({}, "neeto-molecules-product-switcher__body-mobile", isMobile)),
       children: /*#__PURE__*/jsxRuntime.jsx(Content, {
-        searchTerm: searchTerm
+        filteredApps: filteredApps,
+        highlightedIndex: highlightedIndex,
+        isLoading: isLoading
       })
     })]
   }, "switcher-wrapper");