@bigbinary/neeto-molecules 4.0.126 → 4.0.128

package/dist/{Chevron-Dtxc2piW.js → Chevron-Cat_oK6Q.js}

@@ -11,6 +11,7 @@ import { NavLink, useHistory } from 'react-router-dom';
 import { Fragment } from 'react';
 import { isNotEmpty, isPresent, hyphenate } from '@bigbinary/neeto-cist';
 import Segments from '@bigbinary/neeto-filters-frontend/Segments';
+import Tag from '@bigbinary/neetoui/Tag';
 import { useNavigationCheckpoints } from '@bigbinary/neeto-commons-frontend/react-utils/useRegisterNavigationCheckpoint';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
@@ -32,8 +33,8 @@ var SPECIAL_APP_NAMES = {
 };
 
 var _excluded$1 = ["checkpointKey", "to", "href", "children"];
-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 CheckPointNavLinks = function CheckPointNavLinks(_ref) {
   var checkpointKey = _ref.checkpointKey,
     to = _ref.to,
@@ -43,14 +44,14 @@ var CheckPointNavLinks = function CheckPointNavLinks(_ref) {
   var _useNavigationCheckpo = useNavigationCheckpoints(checkpointKey),
     checkpoint = _useNavigationCheckpo[checkpointKey];
   var LinkElement = href ? "a" : NavLink;
-  var linkProps = href ? _objectSpread$2({
+  var linkProps = href ? _objectSpread$3({
     href: href,
     key: href
-  }, others) : _objectSpread$2({
+  }, others) : _objectSpread$3({
     to: checkpoint || to,
     key: to
   }, others);
-  return /*#__PURE__*/jsx(LinkElement, _objectSpread$2(_objectSpread$2({}, linkProps), {}, {
+  return /*#__PURE__*/jsx(LinkElement, _objectSpread$3(_objectSpread$3({}, linkProps), {}, {
     children: children
   }));
 };
@@ -98,6 +99,8 @@ var disableDraggingStyles = function disableDraggingStyles() {
   document.body.style.userSelect = "";
 };
 
+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 SubLink = function SubLink(_ref) {
   var to = _ref.to,
     href = _ref.href,
@@ -114,7 +117,8 @@ var SubLink = function SubLink(_ref) {
     _ref$columns = _ref.columns,
     columns = _ref$columns === void 0 ? [] : _ref$columns,
     baseUrl = _ref.baseUrl,
-    isActive = _ref.isActive;
+    isActive = _ref.isActive,
+    tag = _ref.tag;
   if (type === SUB_LINK_TYPES.SEGMENTS) {
     return /*#__PURE__*/jsx(Segments, {
       baseUrl: baseUrl,
@@ -138,12 +142,12 @@ var SubLink = function SubLink(_ref) {
     className: "neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center neeto-ui-select-none",
     "data-cy": "".concat(dataCyPrefix, "-sub-link"),
     isActive: isSubLinkActive,
-    children: [/*#__PURE__*/jsx(Typography, {
-      className: "neeto-molecules-sidebar__link-sub-label neeto-ui-flex-grow",
+    children: [/*#__PURE__*/jsxs(Typography, {
+      className: "neeto-molecules-sidebar__link-sub-label neeto-ui-flex-grow flex items-center gap-2",
       component: "span",
       "data-cy": "".concat(dataCyPrefix, "-sub-link-label"),
       style: "body2",
-      children: label
+      children: [label, tag && /*#__PURE__*/jsx(Tag, _objectSpread$2({}, tag))]
     }), /*#__PURE__*/jsx(Typography, {
       className: "neeto-molecules-sidebar__link-sub-count neeto-ui-flex-shrink-0",
       component: "span",
@@ -263,4 +267,4 @@ var Chevron = function Chevron(_ref) {
 };
 
 export { Chevron as C, DEFAULT_HOME_PATH as D, MIN_SIDEBAR_WIDTH as M, PINNED_MORE_NAV_LINKS_KEY as P, SelectedLink as S, _Items as _, SPECIAL_APP_NAMES as a, CheckPointNavLinks as b, SELECTED_NAV_LINK_ROUTE_STORAGE_KEY as c, SIDEBAR_WIDTH_KEY as d, DEFAULT_SIDEBAR_WIDTH as e, filterByPermissions as f, getSidebarStateLocalStorageKey as g, enableDraggingStyles as h, disableDraggingStyles as i, getActiveConfigurePageLink as j, MAX_SIDEBAR_WIDTH as k };
-//# sourceMappingURL=Chevron-Dtxc2piW.js.map
+//# sourceMappingURL=Chevron-Cat_oK6Q.js.map

package/dist/Chevron-Cat_oK6Q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chevron-Cat_oK6Q.js","sources":["../src/components/Sidebar/constants.js","../src/components/Sidebar/Components/Links/CheckPointNavLink.jsx","../src/components/Sidebar/utils.js","../src/components/Sidebar/Components/Links/SubLink.jsx","../src/components/Sidebar/Components/Links/Items.jsx","../src/components/Sidebar/Components/Links/SelectedLink.jsx","../src/components/Sidebar/Components/Chevron.jsx"],"sourcesContent":["export const SUB_LINK_TYPES = {\n  SYSTEM_VIEW: \"system_view\",\n  SEGMENTS: \"segments\",\n};\n\nexport const SELECTED_NAV_LINK_ROUTE_STORAGE_KEY = \"selectedNavLinkRoute\";\n\nexport const DEFAULT_HOME_PATH = \"/admin\";\n\nexport const SIDEBAR_WIDTH_KEY = \"neeto-molecules-sidebar-width\";\nexport const MIN_SIDEBAR_WIDTH = 12.5 * 16;\nexport const MAX_SIDEBAR_WIDTH = 20 * 16;\nexport const DEFAULT_SIDEBAR_WIDTH = 15 * 16;\n\nexport const PINNED_MORE_NAV_LINKS_KEY = \"pinnedMoreNavLinks\";\n\nexport const SPECIAL_APP_NAMES = { bugwatch: \"BugWatch\" };\n","import { useNavigationCheckpoints } from \"neetocommons/react-utils/useRegisterNavigationCheckpoint\";\nimport { NavLink } from \"react-router-dom\";\n\nconst CheckPointNavLinks = ({\n  checkpointKey,\n  to,\n  href,\n  children,\n  ...others\n}) => {\n  const { [checkpointKey]: checkpoint } =\n    useNavigationCheckpoints(checkpointKey);\n\n  const LinkElement = href ? \"a\" : NavLink;\n  const linkProps = href\n    ? { href, key: href, ...others }\n    : { to: checkpoint || to, key: to, ...others };\n\n  return <LinkElement {...linkProps}>{children}</LinkElement>;\n};\n\nexport default CheckPointNavLinks;\n","import { isPresent, isNotEmpty } from \"neetocist\";\nimport { __, all, curry, equals, includes, is } from \"ramda\";\n\nexport const isSubRouteActive = (subRoute, location) => {\n  const currentBrowserUrl = new URL(\n    location.pathname + location.search + location.hash,\n    window.location.origin\n  );\n  const targetUrl = new URL(subRoute, window.location.origin);\n\n  const targetSearchParams = targetUrl.searchParams;\n  const targetSearchKeys = Array.from(targetSearchParams.keys());\n\n  return (\n    all(\n      key =>\n        currentBrowserUrl.searchParams.get(key) === targetSearchParams.get(key),\n      targetSearchKeys\n    ) && equals(currentBrowserUrl.pathname, targetUrl.pathname)\n  );\n};\n\nexport const getSidebarStateLocalStorageKey = () => {\n  const user = globalProps.user?.email || globalProps.user?.phoneNumber;\n\n  return `sidebarState-${user}`;\n};\n\nexport const filterByPermissions = curry(({ permissions }) => {\n  if (permissions && isNotEmpty(permissions)) {\n    return is(Array, permissions)\n      ? permissions.some(includes(__, globalProps.permissions))\n      : globalProps.permissions.includes(permissions);\n  }\n\n  return true;\n});\n\nexport const getActiveConfigurePageLink = ({ navLinks, location }) =>\n  navLinks.find(link => {\n    const [linkPathname] = link.to?.split(\"?\") || [];\n\n    return (\n      isPresent(link.isConfigureNavLink) &&\n      link.isConfigureNavLink &&\n      location.pathname.startsWith(linkPathname)\n    );\n  });\n\nexport const enableDraggingStyles = () => {\n  document.body.classList.add(\"dragging-sidebar\");\n  document.body.style.cursor = \"col-resize\";\n  document.body.style.userSelect = \"none\";\n};\n\nexport const disableDraggingStyles = () => {\n  document.body.classList.remove(\"dragging-sidebar\");\n  document.body.style.cursor = \"\";\n  document.body.style.userSelect = \"\";\n};\n","import { hyphenate } from \"neetocist\";\nimport { Segments } from \"neetofilters\";\nimport { Typography, Tag } from \"neetoui\";\nimport { is } from \"ramda\";\n\nimport CheckPointNavLinks from \"./CheckPointNavLink\";\n\nimport { SUB_LINK_TYPES } from \"../../constants\";\nimport { isSubRouteActive } from \"../../utils\";\n\nconst SubLink = ({\n  to,\n  href,\n  onClick,\n  label,\n  type = SUB_LINK_TYPES.SYSTEM_VIEW,\n  count,\n  isSectionHeader,\n  isCountsLoading,\n  \"data-cy\": dataCy,\n  entity = \"\",\n  columns = [],\n  baseUrl,\n  isActive,\n  tag,\n}) => {\n  if (type === SUB_LINK_TYPES.SEGMENTS) {\n    return <Segments {...{ baseUrl, columns, entity }} isIndependent={false} />;\n  }\n\n  const dataCyPrefix = dataCy || hyphenate(label);\n\n  const renderCount = count => (count > 999 ? \"999+\" : count);\n\n  const isSubLinkActive = () =>\n    !isSectionHeader &&\n    (is(Function, isActive) ? isActive() : isSubRouteActive(to, location));\n\n  return (\n    <CheckPointNavLinks\n      {...{ href, onClick, to }}\n      activeClassName=\"active\"\n      className=\"neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center neeto-ui-select-none\"\n      data-cy={`${dataCyPrefix}-sub-link`}\n      isActive={isSubLinkActive}\n    >\n      <Typography\n        className=\"neeto-molecules-sidebar__link-sub-label neeto-ui-flex-grow flex items-center gap-2\"\n        component=\"span\"\n        data-cy={`${dataCyPrefix}-sub-link-label`}\n        style=\"body2\"\n      >\n        {label}\n        {tag && <Tag {...tag} />}\n      </Typography>\n      <Typography\n        className=\"neeto-molecules-sidebar__link-sub-count neeto-ui-flex-shrink-0\"\n        component=\"span\"\n        data-cy={`${dataCyPrefix}-sub-link-count`}\n        style=\"body2\"\n      >\n        {isCountsLoading ? (\n          <div className=\"neeto-ui-rounded neeto-ui-bg-gray-200 h-4 w-4 animate-pulse\" />\n        ) : (\n          renderCount(count)\n        )}\n      </Typography>\n    </CheckPointNavLinks>\n  );\n};\n\nexport default SubLink;\n","import { Fragment } from \"react\";\n\nimport { isPresent } from \"neetocist\";\n\nimport SubLink from \"./SubLink\";\n\nimport { filterByPermissions } from \"../../utils\";\n\nconst Items = ({ items, isSettingsItems = false, isCountsLoading }) => (\n  <div\n    className=\"neeto-molecules-sidebar__sublink-wrapper\"\n    data-cy=\"sidebar-sub-link-wrapper\"\n  >\n    {items.filter(filterByPermissions).map((subItem, subIndex) => (\n      <Fragment key={subIndex}>\n        <SubLink\n          {...{ ...subItem, isCountsLoading }}\n          href={subItem.href}\n          isActive={subItem.isActive}\n          isSectionHeader={isPresent(subItem.item)}\n          to={subItem.to ?? subItem.path}\n          onClick={subItem.onClick}\n        />\n        {isSettingsItems && isPresent(subItem.items) && (\n          <>\n            <Items {...{ isSettingsItems }} items={subItem.items} />\n            {items.length - 1 !== subIndex && (\n              <hr className=\"neeto-molecules-sidebar__separator neeto-ui-border-gray-200\" />\n            )}\n          </>\n        )}\n      </Fragment>\n    ))}\n  </div>\n);\n\nexport default Items;\n","import classNames from \"classnames\";\nimport { handleMetaClick } from \"neetocommons/react-utils\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { Home } from \"neetoicons\";\nimport { Typography, Button } from \"neetoui\";\nimport { omit } from \"ramda\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { DEFAULT_HOME_PATH } from \"components/Sidebar/constants\";\n\nimport Items from \"./Items\";\n\nconst SelectedLink = ({\n  navLink = { label: \"\", items: [], isConfigureNavLink: false },\n  handleGoBack,\n  isConfigureSidebar,\n}) => {\n  const history = useHistory();\n  const { label, items, isConfigureNavLink, ...otherProps } = navLink;\n\n  const handleHomeButtonClick = e => {\n    e.stopPropagation();\n    handleMetaClick(history, DEFAULT_HOME_PATH, e);\n  };\n\n  return (\n    <div\n      className=\"neeto-molecules-sidebar__links neeto-molecules-sidebar__links--focus-mode neeto-molecules-sidebar__no-shrinkable\"\n      data-cy=\"configure-nav-container\"\n    >\n      <div\n        className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-molecules-sidebar__link neeto-ui-border-b neeto-ui-border-gray-200\"\n        onClick={handleGoBack}\n        {...{ ...omit([\"icon\"], otherProps) }}\n      >\n        {isConfigureNavLink && (\n          <span className=\"neeto-molecules-sidebar__link-icon flex items-center pl-3\">\n            <Button\n              data-cy={`${hyphenize(label)}-go-back-button`}\n              data-testid={`${label}-go-home-button`}\n              icon={Home}\n              style=\"text\"\n              onClick={handleHomeButtonClick}\n            />\n            <span className=\"px-1 text-xs\">/</span>\n          </span>\n        )}\n        <Typography\n          component=\"span\"\n          style=\"body1\"\n          className={classNames(\"neeto-molecules-sidebar__link-label\", {\n            \"neeto-molecules-sidebar__configure-page-header\":\n              isConfigureNavLink,\n            [\"pl-4\"]: isConfigureSidebar,\n          })}\n        >\n          {label}\n        </Typography>\n      </div>\n      {items && <Items {...{ items }} isSettingsItems />}\n    </div>\n  );\n};\n\nexport default SelectedLink;\n","const Chevron = ({ style }) => (\n  <svg {...{ style }} height=\"16\" viewBox=\"0 0 16 16\" width=\"16\">\n    <path\n      d=\"M7.07031 13.8887C7.2207 14.0391 7.40527 14.1211 7.62402 14.1211C8.06836 14.1211 8.41699 13.7725 8.41699 13.3281C8.41699 13.1094 8.32812 12.9043 8.17773 12.7539L3.37207 8.05762L8.17773 3.375C8.32812 3.21777 8.41699 3.0127 8.41699 2.80078C8.41699 2.35645 8.06836 2.00781 7.62402 2.00781C7.40527 2.00781 7.2207 2.08984 7.07031 2.24023L1.73828 7.44922C1.56055 7.62012 1.46484 7.8252 1.46484 8.06445C1.46484 8.29688 1.55371 8.49512 1.73828 8.67969L7.07031 13.8887ZM13.1748 13.8887C13.3252 14.0391 13.5098 14.1211 13.7354 14.1211C14.1797 14.1211 14.5283 13.7725 14.5283 13.3281C14.5283 13.1094 14.4395 12.9043 14.2891 12.7539L9.4834 8.05762L14.2891 3.375C14.4395 3.21777 14.5283 3.0127 14.5283 2.80078C14.5283 2.35645 14.1797 2.00781 13.7354 2.00781C13.5098 2.00781 13.3252 2.08984 13.1748 2.24023L7.84961 7.44922C7.66504 7.62012 7.57617 7.8252 7.56934 8.06445C7.56934 8.29688 7.66504 8.49512 7.84961 8.67969L13.1748 13.8887Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default Chevron;\n"],"names":["SUB_LINK_TYPES","SYSTEM_VIEW","SEGMENTS","SELECTED_NAV_LINK_ROUTE_STORAGE_KEY","DEFAULT_HOME_PATH","SIDEBAR_WIDTH_KEY","MIN_SIDEBAR_WIDTH","MAX_SIDEBAR_WIDTH","DEFAULT_SIDEBAR_WIDTH","PINNED_MORE_NAV_LINKS_KEY","SPECIAL_APP_NAMES","bugwatch","CheckPointNavLinks","_ref","checkpointKey","to","href","children","others","_objectWithoutProperties","_excluded","_useNavigationCheckpo","useNavigationCheckpoints","checkpoint","LinkElement","NavLink","linkProps","_objectSpread","key","_jsx","isSubRouteActive","subRoute","location","currentBrowserUrl","URL","pathname","search","hash","window","origin","targetUrl","targetSearchParams","searchParams","targetSearchKeys","Array","from","keys","all","get","equals","getSidebarStateLocalStorageKey","_globalProps$user","_globalProps$user2","user","globalProps","email","phoneNumber","concat","filterByPermissions","curry","permissions","isNotEmpty","is","some","includes","__","getActiveConfigurePageLink","_ref2","navLinks","find","link","_link$to","_ref3","split","_ref4","_slicedToArray","linkPathname","isPresent","isConfigureNavLink","startsWith","enableDraggingStyles","document","body","classList","add","style","cursor","userSelect","disableDraggingStyles","remove","SubLink","onClick","label","_ref$type","type","count","isSectionHeader","isCountsLoading","dataCy","_ref$entity","entity","_ref$columns","columns","baseUrl","isActive","tag","Segments","isIndependent","dataCyPrefix","hyphenate","renderCount","isSubLinkActive","Function","_jsxs","activeClassName","className","Typography","component","Tag","Items","items","_ref$isSettingsItems","isSettingsItems","filter","map","subItem","subIndex","_subItem$to","Fragment","item","path","_Fragment","_Items","length","SelectedLink","_ref$navLink","navLink","handleGoBack","isConfigureSidebar","history","useHistory","otherProps","handleHomeButtonClick","e","stopPropagation","handleMetaClick","omit","Button","hyphenize","icon","Home","classNames","_defineProperty","Chevron","height","viewBox","width","d","fill"],"mappings":"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"}

package/dist/ConfigurePageSidebar.js

@@ -5,7 +5,7 @@ import Button from '@bigbinary/neetoui/Button';
 import { not } from 'ramda';
 import { useTranslation } from 'react-i18next';
 import { useHistory } from 'react-router-dom';
-import { S as SelectedLink, C as Chevron } from './Chevron-Dtxc2piW.js';
+import { S as SelectedLink, C as Chevron } from './Chevron-Cat_oK6Q.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -15,6 +15,7 @@ import '@bigbinary/neeto-icons/Home';
 import '@bigbinary/neetoui/Typography';
 import '@bigbinary/neeto-cist';
 import '@bigbinary/neeto-filters-frontend/Segments';
+import '@bigbinary/neetoui/Tag';
 import '@bigbinary/neeto-commons-frontend/react-utils/useRegisterNavigationCheckpoint';
 import './inject-css-C2dztUxs.js';
 

package/dist/ConfigurePageSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurePageSidebar.js","sources":["../src/components/ConfigurePageSidebar.jsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport SelectedLink from \"components/Sidebar/Components/Links/SelectedLink\";\nimport \"components/Sidebar/sidebar.scss\";\n\nimport Chevron from \"./Sidebar/Components/Chevron\";\n\nconst ConfigurePageSidebar = ({\n  label,\n  navLinks: items,\n  configurePageRoute,\n}) => {\n  const history = useHistory();\n\n  const [isSidebarPaneOpen, setIsSidebarPaneOpen] = useState(false);\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n\n  const { t } = useTranslation();\n\n  const isLargerScreen = () => window.innerWidth > 768;\n  const isSidebarClosed = isLargerScreen()\n    ? isSidebarCollapsed\n    : not(isSidebarPaneOpen);\n\n  useEffect(() => {\n    const handleResize = () => {\n      if (isLargerScreen()) return;\n      setIsSidebarPaneOpen(false);\n      setIsSidebarCollapsed(true);\n    };\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, []);\n\n  const handleConfigureLinkClick = () => {\n    history.push(configurePageRoute);\n  };\n\n  return (\n    <div\n      data-testid=\"configure-page-sidebar-container\"\n      className={classnames(\n        \"neeto-molecules-sidebar__wrapper neeto-molecules-sidebar__wrapper__configure-page\",\n        {\n          \"neeto-molecules-sidebar__wrapper--collapsed\": isLargerScreen()\n            ? isSidebarCollapsed\n            : not(isSidebarPaneOpen),\n        }\n      )}\n    >\n      <div\n        className=\"neeto-molecules-sidebar__backdrop\"\n        onClick={() => {\n          setIsSidebarPaneOpen(false);\n        }}\n      />\n      <div\n        className=\"neeto-molecules-sidebar neeto-molecules-sidebar__configure-page neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-shrink-0 neeto-ui-overflow-y-auto neeto-ui-overflow-x-hidden neeto-molecules-sidebar--focus-mode\"\n        data-testid=\"configure-page-sidebar\"\n      >\n        <SelectedLink\n          isConfigureSidebar\n          handleGoBack={handleConfigureLinkClick}\n          navLink={{ label, items }}\n        />\n      </div>\n      <Button\n        className=\"neeto-molecules-sidebar__toggler\"\n        data-cy=\"configure-page-neeto-molecules-sidebar-toggler\"\n        data-testid=\"configure-page-sidebar-toggleButton\"\n        icon={() => <Chevron />}\n        style={isLargerScreen() ? \"text\" : \"secondary\"}\n        tooltipProps={{\n          content: isSidebarClosed\n            ? t(\"neetoMolecules.sidebar.showMenu\")\n            : t(\"neetoMolecules.sidebar.hideMenu\"),\n          position: \"bottom\",\n          touch: [\"hold\", 500],\n        }}\n        onClick={() => {\n          setIsSidebarCollapsed(!isSidebarCollapsed);\n          setIsSidebarPaneOpen(not);\n        }}\n      />\n    </div>\n  );\n};\n\nConfigurePageSidebar.propTypes = {\n  /**\n   * The route to the landing page of the configure screen.\n   * When the user clicks on the 'configure' text, they will be taken to the specified route.\n   */\n  configurePageRoute: PropTypes.string,\n  /**\n   * To specify the label to be shown on top of the sidebar.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the configure nav links to be shown in the sidebar.\n   */\n  navLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      to: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.shape({ label: PropTypes.string, to: PropTypes.string })\n      ),\n    })\n  ),\n};\n\nexport default ConfigurePageSidebar;\n"],"names":["ConfigurePageSidebar","_ref","label","items","navLinks","configurePageRoute","history","useHistory","_useState","useState","_useState2","_slicedToArray","isSidebarPaneOpen","setIsSidebarPaneOpen","_useState3","_useState4","isSidebarCollapsed","setIsSidebarCollapsed","_useTranslation","useTranslation","t","isLargerScreen","window","innerWidth","isSidebarClosed","not","useEffect","handleResize","addEventListener","removeEventListener","handleConfigureLinkClick","push","_jsxs","className","classnames","children","_jsx","onClick","SelectedLink","isConfigureSidebar","handleGoBack","navLink","Button","icon","Chevron","style","tooltipProps","content","position","touch"],"mappings":";;;;;;;;;;;;;;;;;;;;AAcA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAIpB;AAAA,EAAA,IAHJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACKC,KAAK,GAAAF,IAAA,CAAfG,QAAQ;IACRC,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;AAElB,EAAA,IAAMC,OAAO,GAAGC,UAAU,EAAE;AAE5B,EAAA,IAAAC,SAAA,GAAkDC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA1DI,IAAAA,iBAAiB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,oBAAoB,GAAAH,UAAA,CAAA,CAAA,CAAA;AAC9C,EAAA,IAAAI,UAAA,GAAoDL,QAAQ,CAAC,KAAK,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA5DE,IAAAA,kBAAkB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,qBAAqB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAEhD,EAAA,IAAAG,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,GAAA;AAAA,IAAA,OAASC,MAAM,CAACC,UAAU,GAAG,GAAG;AAAA,EAAA,CAAA;EACpD,IAAMC,eAAe,GAAGH,cAAc,EAAE,GACpCL,kBAAkB,GAClBS,GAAG,CAACb,iBAAiB,CAAC;AAE1Bc,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,GAAS;MACzB,IAAIN,cAAc,EAAE,EAAE;MACtBR,oBAAoB,CAAC,KAAK,CAAC;MAC3BI,qBAAqB,CAAC,IAAI,CAAC;IAC7B,CAAC;AACDK,IAAAA,MAAM,CAACM,gBAAgB,CAAC,QAAQ,EAAED,YAAY,CAAC;IAE/C,OAAO,YAAA;AAAA,MAAA,OAAML,MAAM,CAACO,mBAAmB,CAAC,QAAQ,EAAEF,YAAY,CAAC;AAAA,IAAA,CAAA;EACjE,CAAC,EAAE,EAAE,CAAC;AAEN,EAAA,IAAMG,wBAAwB,GAAG,SAA3BA,wBAAwBA,GAAS;AACrCxB,IAAAA,OAAO,CAACyB,IAAI,CAAC1B,kBAAkB,CAAC;EAClC,CAAC;AAED,EAAA,oBACE2B,IAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,kCAAkC;AAC9CC,IAAAA,SAAS,EAAEC,UAAU,CACnB,mFAAmF,EACnF;MACE,6CAA6C,EAAEb,cAAc,EAAE,GAC3DL,kBAAkB,GAClBS,GAAG,CAACb,iBAAiB;AAC3B,KACF,CAAE;AAAAuB,IAAAA,QAAA,gBAEFC,GAAA,CAAA,KAAA,EAAA;AACEH,MAAAA,SAAS,EAAC,mCAAmC;AAC7CI,MAAAA,OAAO,EAAE,SAATA,OAAOA,GAAQ;QACbxB,oBAAoB,CAAC,KAAK,CAAC;AAC7B,MAAA;KACD,CAAC,eACFuB,GAAA,CAAA,KAAA,EAAA;AACEH,MAAAA,SAAS,EAAC,gNAAgN;AAC1N,MAAA,aAAA,EAAY,wBAAwB;MAAAE,QAAA,eAEpCC,GAAA,CAACE,YAAY,EAAA;QACXC,kBAAkB,EAAA,IAAA;AAClBC,QAAAA,YAAY,EAAEV,wBAAyB;AACvCW,QAAAA,OAAO,EAAE;AAAEvC,UAAAA,KAAK,EAALA,KAAK;AAAEC,UAAAA,KAAK,EAALA;AAAM;OACzB;AAAC,KACC,CAAC,eACNiC,GAAA,CAACM,MAAM,EAAA;AACLT,MAAAA,SAAS,EAAC,kCAAkC;AAC5C,MAAA,SAAA,EAAQ,gDAAgD;AACxD,MAAA,aAAA,EAAY,qCAAqC;MACjDU,IAAI,EAAE,SAANA,IAAIA,GAAA;AAAA,QAAA,oBAAQP,GAAA,CAACQ,OAAO,EAAA,EAAE,CAAC;MAAA,CAAC;AACxBC,MAAAA,KAAK,EAAExB,cAAc,EAAE,GAAG,MAAM,GAAG,WAAY;AAC/CyB,MAAAA,YAAY,EAAE;QACZC,OAAO,EAAEvB,eAAe,GACpBJ,CAAC,CAAC,iCAAiC,CAAC,GACpCA,CAAC,CAAC,iCAAiC,CAAC;AACxC4B,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,KAAK,EAAE,CAAC,MAAM,EAAE,GAAG;OACnB;AACFZ,MAAAA,OAAO,EAAE,SAATA,OAAOA,GAAQ;QACbpB,qBAAqB,CAAC,CAACD,kBAAkB,CAAC;QAC1CH,oBAAoB,CAACY,GAAG,CAAC;AAC3B,MAAA;AAAE,KACH,CAAC;AAAA,GACC,CAAC;AAEV;;;;"}
+{"version":3,"file":"ConfigurePageSidebar.js","sources":["../src/components/ConfigurePageSidebar.jsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport SelectedLink from \"components/Sidebar/Components/Links/SelectedLink\";\nimport \"components/Sidebar/sidebar.scss\";\n\nimport Chevron from \"./Sidebar/Components/Chevron\";\n\nconst ConfigurePageSidebar = ({\n  label,\n  navLinks: items,\n  configurePageRoute,\n}) => {\n  const history = useHistory();\n\n  const [isSidebarPaneOpen, setIsSidebarPaneOpen] = useState(false);\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n\n  const { t } = useTranslation();\n\n  const isLargerScreen = () => window.innerWidth > 768;\n  const isSidebarClosed = isLargerScreen()\n    ? isSidebarCollapsed\n    : not(isSidebarPaneOpen);\n\n  useEffect(() => {\n    const handleResize = () => {\n      if (isLargerScreen()) return;\n      setIsSidebarPaneOpen(false);\n      setIsSidebarCollapsed(true);\n    };\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, []);\n\n  const handleConfigureLinkClick = () => {\n    history.push(configurePageRoute);\n  };\n\n  return (\n    <div\n      data-testid=\"configure-page-sidebar-container\"\n      className={classnames(\n        \"neeto-molecules-sidebar__wrapper neeto-molecules-sidebar__wrapper__configure-page\",\n        {\n          \"neeto-molecules-sidebar__wrapper--collapsed\": isLargerScreen()\n            ? isSidebarCollapsed\n            : not(isSidebarPaneOpen),\n        }\n      )}\n    >\n      <div\n        className=\"neeto-molecules-sidebar__backdrop\"\n        onClick={() => {\n          setIsSidebarPaneOpen(false);\n        }}\n      />\n      <div\n        className=\"neeto-molecules-sidebar neeto-molecules-sidebar__configure-page neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-shrink-0 neeto-ui-overflow-y-auto neeto-ui-overflow-x-hidden neeto-molecules-sidebar--focus-mode\"\n        data-testid=\"configure-page-sidebar\"\n      >\n        <SelectedLink\n          isConfigureSidebar\n          handleGoBack={handleConfigureLinkClick}\n          navLink={{ label, items }}\n        />\n      </div>\n      <Button\n        className=\"neeto-molecules-sidebar__toggler\"\n        data-cy=\"configure-page-neeto-molecules-sidebar-toggler\"\n        data-testid=\"configure-page-sidebar-toggleButton\"\n        icon={() => <Chevron />}\n        style={isLargerScreen() ? \"text\" : \"secondary\"}\n        tooltipProps={{\n          content: isSidebarClosed\n            ? t(\"neetoMolecules.sidebar.showMenu\")\n            : t(\"neetoMolecules.sidebar.hideMenu\"),\n          position: \"bottom\",\n          touch: [\"hold\", 500],\n        }}\n        onClick={() => {\n          setIsSidebarCollapsed(!isSidebarCollapsed);\n          setIsSidebarPaneOpen(not);\n        }}\n      />\n    </div>\n  );\n};\n\nConfigurePageSidebar.propTypes = {\n  /**\n   * The route to the landing page of the configure screen.\n   * When the user clicks on the 'configure' text, they will be taken to the specified route.\n   */\n  configurePageRoute: PropTypes.string,\n  /**\n   * To specify the label to be shown on top of the sidebar.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the configure nav links to be shown in the sidebar.\n   */\n  navLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      to: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.shape({ label: PropTypes.string, to: PropTypes.string })\n      ),\n    })\n  ),\n};\n\nexport default ConfigurePageSidebar;\n"],"names":["ConfigurePageSidebar","_ref","label","items","navLinks","configurePageRoute","history","useHistory","_useState","useState","_useState2","_slicedToArray","isSidebarPaneOpen","setIsSidebarPaneOpen","_useState3","_useState4","isSidebarCollapsed","setIsSidebarCollapsed","_useTranslation","useTranslation","t","isLargerScreen","window","innerWidth","isSidebarClosed","not","useEffect","handleResize","addEventListener","removeEventListener","handleConfigureLinkClick","push","_jsxs","className","classnames","children","_jsx","onClick","SelectedLink","isConfigureSidebar","handleGoBack","navLink","Button","icon","Chevron","style","tooltipProps","content","position","touch"],"mappings":"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"}

package/dist/FinderModal.js

@@ -131,8 +131,7 @@ var ModalBody = function ModalBody(_ref) {
       className: "flex flex-col gap-y-2",
       ref: containerRef,
       children: flattenedData.map(function (item) {
-        if (isNotPresent(item.category)) return null;
-        var Icon = iconComponentMap[item.category] || iconComponentMap["default"];
+        var Icon = item.category && iconComponentMap[item.category] || iconComponentMap["default"];
         var nameContent = htmlToText(item.name);
         var bodyContent = htmlToText(item.body);
         var filteredBodyContent = filterAndHighlightContent(bodyContent, searchTerm);
@@ -150,7 +149,7 @@ var ModalBody = function ModalBody(_ref) {
               children: [nameContent && /*#__PURE__*/jsx(Typography, {
                 className: "neeto-ui-text-black text-sm font-medium",
                 children: highlightMatch(nameContent, searchTerm)
-              }), /*#__PURE__*/jsx(Tag, {
+              }), item.category && /*#__PURE__*/jsx(Tag, {
                 size: "small",
                 style: getStyle(item.category),
                 children: humanize(item.category)

package/dist/FinderModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinderModal.js","sources":["../src/components/FinderModal/Link.jsx","../src/components/FinderModal/utils.jsx","../src/components/FinderModal/Body.jsx","../src/components/FinderModal/Footer.jsx","../src/components/FinderModal/Header.jsx","../src/components/FinderModal/index.jsx"],"sourcesContent":["import { Link as RRDLink } from \"react-router-dom\";\n\nconst Link = ({ to, children, ...rest }) => {\n  const url = new URL(to);\n  url.host = \"\";\n\n  return (\n    <RRDLink {...rest} to={`${url.pathname}${url.search}`}>\n      {children}\n    </RRDLink>\n  );\n};\n\nexport default Link;\n","import React from \"react\";\n\nexport const minMax = (number, max = Number.POSITIVE_INFINITY, min = 0) =>\n  Math.min(max, Math.max(min, number));\n\nexport const htmlToText = html => {\n  if (!html) return null;\n\n  const tmp = document.createElement(\"div\");\n  tmp.innerHTML = html;\n\n  return tmp.textContent || tmp.innerText || \"\";\n};\n\nexport const highlightMatch = (text, searchTerm) => {\n  if (!searchTerm) return text;\n\n  const regex = new RegExp(`(${searchTerm})`, \"gi\");\n\n  return text.split(regex).map((part, index) =>\n    part?.toLowerCase() === searchTerm.toLowerCase() ? (\n      <span className=\"neeto-molecules-finder-matched-tag\" key={index}>\n        {part}\n      </span>\n    ) : (\n      part\n    )\n  );\n};\n\nexport const filterAndHighlightContent = (bodyContent, searchTerm) => {\n  if (!searchTerm) return bodyContent;\n\n  if (!bodyContent) return null;\n\n  return bodyContent\n    .split(/(.{1,130}(?:\\s|$))/g)\n    .filter(line => line.trim())\n    .filter(line => line.toLowerCase().includes(searchTerm.toLowerCase()))\n    .map((line, index) => (\n      <React.Fragment key={index}>\n        {highlightMatch(line, searchTerm)}\n        <br />\n      </React.Fragment>\n    ));\n};\n\nexport const flattenData = data => {\n  if (!data) return [];\n\n  if (Array.isArray(data)) return data;\n\n  const result = [];\n  Object.keys(data).forEach(key => {\n    data[key].forEach(item => {\n      result.push({ ...item, category: key });\n    });\n  });\n\n  return result;\n};\n\nexport const createStylePalette = values => {\n  const assignedStyles = {};\n  let styleIndex = 0;\n\n  return key => {\n    if (assignedStyles[key]) return assignedStyles[key];\n    const style = values[styleIndex];\n    styleIndex = (styleIndex + 1) % values.length;\n    assignedStyles[key] = style;\n\n    return style;\n  };\n};\n","import classNames from \"classnames\";\nimport { humanize, isNotPresent } from \"neetocist\";\nimport { Modal, Typography, NoData, Tag } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Link from \"./Link\";\nimport {\n  htmlToText,\n  highlightMatch,\n  filterAndHighlightContent,\n  flattenData,\n  createStylePalette,\n} from \"./utils\";\n\nconst getStyle = createStylePalette([\n  \"primary\",\n  \"info\",\n  \"success\",\n  \"secondary\",\n  \"warning\",\n]);\n\nconst ModalBody = ({\n  containerRef,\n  data,\n  iconComponentMap,\n  onClose,\n  loading,\n  searchTerm,\n}) => {\n  const { t } = useTranslation();\n\n  const flattenedData = flattenData(data);\n  const isDataEmpty = isNotPresent(flattenedData);\n\n  if (isDataEmpty && !loading) {\n    return (\n      <Modal.Body className=\"neeto-molecules-finder-modal__body flex h-96 items-center justify-center overflow-y-auto px-4 py-6\">\n        <NoData\n          description={t(\"neetoMolecules.finderModal.noDataDesc\")}\n          title={t(\"neetoMolecules.finderModal.noDataTitle\")}\n        />\n      </Modal.Body>\n    );\n  }\n\n  return (\n    <Modal.Body className=\"neeto-molecules-finder-modal__body h-96 overflow-y-auto px-4 py-6\">\n      <div className=\"flex flex-col gap-y-2\" ref={containerRef}>\n        {flattenedData.map(item => {\n          if (isNotPresent(item.category)) return null;\n\n          const Icon =\n            iconComponentMap[item.category] || iconComponentMap.default;\n\n          const nameContent = htmlToText(item.name);\n          const bodyContent = htmlToText(item.body);\n\n          const filteredBodyContent = filterAndHighlightContent(\n            bodyContent,\n            searchTerm\n          );\n\n          return (\n            <Link\n              className=\"neeto-molecules-search-result-item hover:neeto-ui-bg-accent-100 focus:neeto-ui-bg-accent-100 neeto-ui-rounded flex w-full cursor-pointer items-center gap-2 p-2 text-xs\"\n              key={item.id}\n              to={item.url}\n              onClick={onClose}\n            >\n              <Icon className=\"neeto-ui-text-gray-500 min-w-fit\" size={16} />\n              <div className=\"line-clamp-1 flex flex-col\">\n                <div className=\"flex items-center gap-2\">\n                  {nameContent && (\n                    <Typography className=\"neeto-ui-text-black text-sm font-medium\">\n                      {highlightMatch(nameContent, searchTerm)}\n                    </Typography>\n                  )}\n                  <Tag size=\"small\" style={getStyle(item.category)}>\n                    {humanize(item.category)}\n                  </Tag>\n                </div>\n                {bodyContent && (\n                  <Typography\n                    className={classNames(\"truncate\", {\n                      \"neeto-ui-text-gray-600 text-xs\": nameContent,\n                      \"neeto-ui-text-black text-sm font-medium\": !nameContent,\n                    })}\n                  >\n                    {filteredBodyContent || bodyContent}\n                  </Typography>\n                )}\n              </div>\n            </Link>\n          );\n        })}\n      </div>\n    </Modal.Body>\n  );\n};\n\nexport default ModalBody;\n","import { Down, Up } from \"neetoicons\";\nimport { Modal, Typography } from \"neetoui\";\nimport { prop } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nconst ModalFooter = ({ enableAdvancedSearch }) => {\n  const { t } = useTranslation();\n\n  const shortcuts = [\n    {\n      label: t(\"neetoMolecules.finderModal.advancedSearch\"),\n      keys: [\"Cmd/Ctrl\", \"Return\"],\n      isVisible: enableAdvancedSearch,\n    },\n    {\n      label: t(\"neetoMolecules.common.actions.open\"),\n      keys: [\"Return\"],\n      isVisible: true,\n    },\n    {\n      label: t(\"neetoMolecules.common.actions.move\"),\n      keys: [\n        <Up className=\"neeto-ui-text-gray-800\" key=\"up\" size={12} />,\n        <Down className=\"neeto-ui-text-gray-800\" key=\"down\" size={12} />,\n      ],\n      isVisible: true,\n    },\n    {\n      label: t(\"neetoMolecules.common.actions.close\"),\n      keys: [\"Esc\"],\n      isVisible: true,\n    },\n  ];\n\n  return (\n    <Modal.Footer className=\"neeto-ui-border-gray-300 neeto-molecules-finder-modal__footer border-t px-4 py-3\">\n      <div className=\"neeto-ui-text-xxs flex items-center justify-end gap-4\">\n        {shortcuts.filter(prop(\"isVisible\")).map(({ label, keys }, index) => (\n          <div className=\"flex items-center gap-1\" key={index}>\n            <Typography component=\"span\" style=\"nano\">\n              {label}\n            </Typography>\n            {keys.map((key, index) => (\n              <Typography\n                className=\"neeto-ui-bg-gray-200 neeto-ui-rounded-sm p-1\"\n                component=\"span\"\n                key={index}\n                style=\"nano\"\n              >\n                {key}\n              </Typography>\n            ))}\n          </div>\n        ))}\n      </div>\n    </Modal.Footer>\n  );\n};\n\nexport default ModalFooter;\n","import { withT } from \"neetocommons/react-utils\";\nimport { Button, Modal, Spinner } from \"neetoui\";\n\nimport Search from \"components/Search\";\n\nconst ModalHeader = withT(\n  ({ t, enableAdvancedSearch, loading, onSearch, onGoToAdvanced }) => (\n    <Modal.Header className=\"neeto-molecules-finder-modal__header neeto-ui-border-gray-200 border-b px-0 py-0\">\n      <Search\n        {...{ onSearch }}\n        nakedInput\n        autoComplete=\"off\"\n        className=\"neeto-molecules-finder-modal__search px-3 py-1.5\"\n        name=\"term\"\n        placeholder={t(\"neetoMolecules.common.actions.search\")}\n        suffix={\n          <div className=\"ms-3 flex items-center\">\n            <div className=\"h-4 w-4 flex-shrink-0\">\n              {loading && <Spinner size=\"small\" />}\n            </div>\n            {enableAdvancedSearch && (\n              <Button\n                className=\"ms-3 whitespace-nowrap\"\n                label={t(\"neetoMolecules.finderModal.advancedSearch\")}\n                size=\"small\"\n                style=\"secondary\"\n                onClick={onGoToAdvanced}\n              />\n            )}\n          </div>\n        }\n      />\n    </Modal.Header>\n  )\n);\n\nexport default ModalHeader;\n","import { useRef } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Modal } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport ModalBody from \"./Body\";\nimport \"./finder-modal.scss\";\nimport ModalFooter from \"./Footer\";\nimport ModalHeader from \"./Header\";\nimport { minMax } from \"./utils\";\n\nconst FinderModal = ({\n  enableAdvancedSearch = true,\n  data,\n  iconComponentMap,\n  isFetching,\n  isOpen,\n  searchTerm,\n  setSearchTerm,\n  onClose,\n  onGoToAdvanced = noop,\n  ...props\n}) => {\n  const containerRef = useRef();\n  const mutables = useRef({ focusIndex: -1 }).current;\n\n  const onFocusChange = offset => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const nodes = container.querySelectorAll(\n      \"a.neeto-molecules-search-result-item\"\n    );\n\n    if (isEmpty(nodes)) return;\n\n    mutables.focusIndex = minMax(\n      mutables.focusIndex + offset,\n      nodes.length - 1\n    );\n\n    const targetNode = nodes[mutables.focusIndex];\n    if (targetNode) {\n      targetNode.focus();\n    }\n  };\n\n  useHotkeys(\n    [\"up\", \"down\"],\n    event => {\n      event.preventDefault();\n      if (event.code === \"ArrowUp\") onFocusChange(-1);\n      else if (event.code === \"ArrowDown\") onFocusChange(1);\n    },\n    { mode: \"global\", enabled: isOpen }\n  );\n\n  useHotkeys([\"ctrl+enter\", \"command+enter\"], onGoToAdvanced, {\n    mode: \"global\",\n    enabled: isOpen && enableAdvancedSearch,\n  });\n\n  return (\n    <Modal\n      {...{ isOpen, onClose }}\n      closeButton={false}\n      {...props}\n      backdropClassName=\"neeto-molecules-finder-modal-backdrop py-10 px-4\"\n      className=\"neeto-molecules-finder-modal\"\n    >\n      <ModalHeader\n        {...{ enableAdvancedSearch, onGoToAdvanced }}\n        loading={isFetching}\n        onSearch={setSearchTerm}\n      />\n      <ModalBody\n        {...{ containerRef, data, iconComponentMap, onClose, searchTerm }}\n        loading={isFetching}\n      />\n      <ModalFooter {...{ enableAdvancedSearch }} />\n    </Modal>\n  );\n};\n\nFinderModal.propTypes = {\n  /*\n    Boolean to indicate decide whether to show advanced search button or not\n  */\n  enableAdvancedSearch: PropTypes.bool,\n  /*\n    Data to be displayed in the modal. Can be an array of items with category property,\n    or an object with category keys containing arrays of items.\n  */\n  data: PropTypes.oneOfType([\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string,\n        url: PropTypes.string,\n        body: PropTypes.string,\n        name: PropTypes.string,\n        category: PropTypes.string,\n      })\n    ),\n    PropTypes.objectOf(\n      PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.string,\n          url: PropTypes.string,\n          body: PropTypes.string,\n          name: PropTypes.string,\n        })\n      )\n    ),\n  ]),\n  /*\n    Icon component map to render icons for each section\n  */\n  iconComponentMap: PropTypes.objectOf(PropTypes.elementType),\n  /*\n    Boolean to indicate whether data is being fetched or not\n  */\n  isFetching: PropTypes.bool,\n  /*\n    Boolean to indicate whether modal is open or not\n  */\n  isOpen: PropTypes.bool,\n  /*\n    Term used for search\n  */\n  searchTerm: PropTypes.string,\n  /*\n    Function to set search term\n  */\n  setSearchTerm: PropTypes.func,\n  /*\n    Function to close the modal\n  */\n  onClose: PropTypes.func,\n  /*\n    Function to execute when user clicks on advanced search button\n  */\n  onGoToAdvanced: PropTypes.func,\n};\n\nexport default FinderModal;\n"],"names":["Link","_ref","to","children","rest","_objectWithoutProperties","_excluded","url","URL","host","_jsx","RRDLink","_objectSpread","concat","pathname","search","minMax","number","max","arguments","length","undefined","Number","POSITIVE_INFINITY","min","Math","htmlToText","html","tmp","document","createElement","innerHTML","textContent","innerText","highlightMatch","text","searchTerm","regex","RegExp","split","map","part","index","toLowerCase","className","filterAndHighlightContent","bodyContent","filter","line","trim","includes","_jsxs","React","Fragment","flattenData","data","Array","isArray","result","Object","keys","forEach","key","item","push","category","createStylePalette","values","assignedStyles","styleIndex","style","getStyle","ModalBody","containerRef","iconComponentMap","onClose","loading","_useTranslation","useTranslation","t","flattenedData","isDataEmpty","isNotPresent","Modal","Body","NoData","description","title","ref","Icon","nameContent","name","body","filteredBodyContent","onClick","size","Typography","Tag","humanize","classNames","id","ModalFooter","enableAdvancedSearch","shortcuts","label","isVisible","Up","Down","Footer","prop","_ref2","component","ModalHeader","withT","onSearch","onGoToAdvanced","Header","Search","nakedInput","autoComplete","placeholder","suffix","Spinner","Button","FinderModal","_ref$enableAdvancedSe","isFetching","isOpen","setSearchTerm","_ref$onGoToAdvanced","noop","props","useRef","mutables","focusIndex","current","onFocusChange","offset","container","nodes","querySelectorAll","isEmpty","targetNode","focus","useHotkeys","event","preventDefault","code","mode","enabled","closeButton","backdropClassName"],"mappings":"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"}
+{"version":3,"file":"FinderModal.js","sources":["../src/components/FinderModal/Link.jsx","../src/components/FinderModal/utils.jsx","../src/components/FinderModal/Body.jsx","../src/components/FinderModal/Footer.jsx","../src/components/FinderModal/Header.jsx","../src/components/FinderModal/index.jsx"],"sourcesContent":["import { Link as RRDLink } from \"react-router-dom\";\n\nconst Link = ({ to, children, ...rest }) => {\n  const url = new URL(to);\n  url.host = \"\";\n\n  return (\n    <RRDLink {...rest} to={`${url.pathname}${url.search}`}>\n      {children}\n    </RRDLink>\n  );\n};\n\nexport default Link;\n","import React from \"react\";\n\nexport const minMax = (number, max = Number.POSITIVE_INFINITY, min = 0) =>\n  Math.min(max, Math.max(min, number));\n\nexport const htmlToText = html => {\n  if (!html) return null;\n\n  const tmp = document.createElement(\"div\");\n  tmp.innerHTML = html;\n\n  return tmp.textContent || tmp.innerText || \"\";\n};\n\nexport const highlightMatch = (text, searchTerm) => {\n  if (!searchTerm) return text;\n\n  const regex = new RegExp(`(${searchTerm})`, \"gi\");\n\n  return text.split(regex).map((part, index) =>\n    part?.toLowerCase() === searchTerm.toLowerCase() ? (\n      <span className=\"neeto-molecules-finder-matched-tag\" key={index}>\n        {part}\n      </span>\n    ) : (\n      part\n    )\n  );\n};\n\nexport const filterAndHighlightContent = (bodyContent, searchTerm) => {\n  if (!searchTerm) return bodyContent;\n\n  if (!bodyContent) return null;\n\n  return bodyContent\n    .split(/(.{1,130}(?:\\s|$))/g)\n    .filter(line => line.trim())\n    .filter(line => line.toLowerCase().includes(searchTerm.toLowerCase()))\n    .map((line, index) => (\n      <React.Fragment key={index}>\n        {highlightMatch(line, searchTerm)}\n        <br />\n      </React.Fragment>\n    ));\n};\n\nexport const flattenData = data => {\n  if (!data) return [];\n\n  if (Array.isArray(data)) return data;\n\n  const result = [];\n  Object.keys(data).forEach(key => {\n    data[key].forEach(item => {\n      result.push({ ...item, category: key });\n    });\n  });\n\n  return result;\n};\n\nexport const createStylePalette = values => {\n  const assignedStyles = {};\n  let styleIndex = 0;\n\n  return key => {\n    if (assignedStyles[key]) return assignedStyles[key];\n    const style = values[styleIndex];\n    styleIndex = (styleIndex + 1) % values.length;\n    assignedStyles[key] = style;\n\n    return style;\n  };\n};\n","import classNames from \"classnames\";\nimport { humanize, isNotPresent } from \"neetocist\";\nimport { Modal, Typography, NoData, Tag } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Link from \"./Link\";\nimport {\n  htmlToText,\n  highlightMatch,\n  filterAndHighlightContent,\n  flattenData,\n  createStylePalette,\n} from \"./utils\";\n\nconst getStyle = createStylePalette([\n  \"primary\",\n  \"info\",\n  \"success\",\n  \"secondary\",\n  \"warning\",\n]);\n\nconst ModalBody = ({\n  containerRef,\n  data,\n  iconComponentMap,\n  onClose,\n  loading,\n  searchTerm,\n}) => {\n  const { t } = useTranslation();\n\n  const flattenedData = flattenData(data);\n  const isDataEmpty = isNotPresent(flattenedData);\n\n  if (isDataEmpty && !loading) {\n    return (\n      <Modal.Body className=\"neeto-molecules-finder-modal__body flex h-96 items-center justify-center overflow-y-auto px-4 py-6\">\n        <NoData\n          description={t(\"neetoMolecules.finderModal.noDataDesc\")}\n          title={t(\"neetoMolecules.finderModal.noDataTitle\")}\n        />\n      </Modal.Body>\n    );\n  }\n\n  return (\n    <Modal.Body className=\"neeto-molecules-finder-modal__body h-96 overflow-y-auto px-4 py-6\">\n      <div className=\"flex flex-col gap-y-2\" ref={containerRef}>\n        {flattenedData.map(item => {\n          const Icon =\n            (item.category && iconComponentMap[item.category]) ||\n            iconComponentMap.default;\n\n          const nameContent = htmlToText(item.name);\n          const bodyContent = htmlToText(item.body);\n\n          const filteredBodyContent = filterAndHighlightContent(\n            bodyContent,\n            searchTerm\n          );\n\n          return (\n            <Link\n              className=\"neeto-molecules-search-result-item hover:neeto-ui-bg-accent-100 focus:neeto-ui-bg-accent-100 neeto-ui-rounded flex w-full cursor-pointer items-center gap-2 p-2 text-xs\"\n              key={item.id}\n              to={item.url}\n              onClick={onClose}\n            >\n              <Icon className=\"neeto-ui-text-gray-500 min-w-fit\" size={16} />\n              <div className=\"line-clamp-1 flex flex-col\">\n                <div className=\"flex items-center gap-2\">\n                  {nameContent && (\n                    <Typography className=\"neeto-ui-text-black text-sm font-medium\">\n                      {highlightMatch(nameContent, searchTerm)}\n                    </Typography>\n                  )}\n                  {item.category && (\n                    <Tag size=\"small\" style={getStyle(item.category)}>\n                      {humanize(item.category)}\n                    </Tag>\n                  )}\n                </div>\n                {bodyContent && (\n                  <Typography\n                    className={classNames(\"truncate\", {\n                      \"neeto-ui-text-gray-600 text-xs\": nameContent,\n                      \"neeto-ui-text-black text-sm font-medium\": !nameContent,\n                    })}\n                  >\n                    {filteredBodyContent || bodyContent}\n                  </Typography>\n                )}\n              </div>\n            </Link>\n          );\n        })}\n      </div>\n    </Modal.Body>\n  );\n};\n\nexport default ModalBody;\n","import { Down, Up } from \"neetoicons\";\nimport { Modal, Typography } from \"neetoui\";\nimport { prop } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nconst ModalFooter = ({ enableAdvancedSearch }) => {\n  const { t } = useTranslation();\n\n  const shortcuts = [\n    {\n      label: t(\"neetoMolecules.finderModal.advancedSearch\"),\n      keys: [\"Cmd/Ctrl\", \"Return\"],\n      isVisible: enableAdvancedSearch,\n    },\n    {\n      label: t(\"neetoMolecules.common.actions.open\"),\n      keys: [\"Return\"],\n      isVisible: true,\n    },\n    {\n      label: t(\"neetoMolecules.common.actions.move\"),\n      keys: [\n        <Up className=\"neeto-ui-text-gray-800\" key=\"up\" size={12} />,\n        <Down className=\"neeto-ui-text-gray-800\" key=\"down\" size={12} />,\n      ],\n      isVisible: true,\n    },\n    {\n      label: t(\"neetoMolecules.common.actions.close\"),\n      keys: [\"Esc\"],\n      isVisible: true,\n    },\n  ];\n\n  return (\n    <Modal.Footer className=\"neeto-ui-border-gray-300 neeto-molecules-finder-modal__footer border-t px-4 py-3\">\n      <div className=\"neeto-ui-text-xxs flex items-center justify-end gap-4\">\n        {shortcuts.filter(prop(\"isVisible\")).map(({ label, keys }, index) => (\n          <div className=\"flex items-center gap-1\" key={index}>\n            <Typography component=\"span\" style=\"nano\">\n              {label}\n            </Typography>\n            {keys.map((key, index) => (\n              <Typography\n                className=\"neeto-ui-bg-gray-200 neeto-ui-rounded-sm p-1\"\n                component=\"span\"\n                key={index}\n                style=\"nano\"\n              >\n                {key}\n              </Typography>\n            ))}\n          </div>\n        ))}\n      </div>\n    </Modal.Footer>\n  );\n};\n\nexport default ModalFooter;\n","import { withT } from \"neetocommons/react-utils\";\nimport { Button, Modal, Spinner } from \"neetoui\";\n\nimport Search from \"components/Search\";\n\nconst ModalHeader = withT(\n  ({ t, enableAdvancedSearch, loading, onSearch, onGoToAdvanced }) => (\n    <Modal.Header className=\"neeto-molecules-finder-modal__header neeto-ui-border-gray-200 border-b px-0 py-0\">\n      <Search\n        {...{ onSearch }}\n        nakedInput\n        autoComplete=\"off\"\n        className=\"neeto-molecules-finder-modal__search px-3 py-1.5\"\n        name=\"term\"\n        placeholder={t(\"neetoMolecules.common.actions.search\")}\n        suffix={\n          <div className=\"ms-3 flex items-center\">\n            <div className=\"h-4 w-4 flex-shrink-0\">\n              {loading && <Spinner size=\"small\" />}\n            </div>\n            {enableAdvancedSearch && (\n              <Button\n                className=\"ms-3 whitespace-nowrap\"\n                label={t(\"neetoMolecules.finderModal.advancedSearch\")}\n                size=\"small\"\n                style=\"secondary\"\n                onClick={onGoToAdvanced}\n              />\n            )}\n          </div>\n        }\n      />\n    </Modal.Header>\n  )\n);\n\nexport default ModalHeader;\n","import { useRef } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Modal } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport ModalBody from \"./Body\";\nimport \"./finder-modal.scss\";\nimport ModalFooter from \"./Footer\";\nimport ModalHeader from \"./Header\";\nimport { minMax } from \"./utils\";\n\nconst FinderModal = ({\n  enableAdvancedSearch = true,\n  data,\n  iconComponentMap,\n  isFetching,\n  isOpen,\n  searchTerm,\n  setSearchTerm,\n  onClose,\n  onGoToAdvanced = noop,\n  ...props\n}) => {\n  const containerRef = useRef();\n  const mutables = useRef({ focusIndex: -1 }).current;\n\n  const onFocusChange = offset => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const nodes = container.querySelectorAll(\n      \"a.neeto-molecules-search-result-item\"\n    );\n\n    if (isEmpty(nodes)) return;\n\n    mutables.focusIndex = minMax(\n      mutables.focusIndex + offset,\n      nodes.length - 1\n    );\n\n    const targetNode = nodes[mutables.focusIndex];\n    if (targetNode) {\n      targetNode.focus();\n    }\n  };\n\n  useHotkeys(\n    [\"up\", \"down\"],\n    event => {\n      event.preventDefault();\n      if (event.code === \"ArrowUp\") onFocusChange(-1);\n      else if (event.code === \"ArrowDown\") onFocusChange(1);\n    },\n    { mode: \"global\", enabled: isOpen }\n  );\n\n  useHotkeys([\"ctrl+enter\", \"command+enter\"], onGoToAdvanced, {\n    mode: \"global\",\n    enabled: isOpen && enableAdvancedSearch,\n  });\n\n  return (\n    <Modal\n      {...{ isOpen, onClose }}\n      closeButton={false}\n      {...props}\n      backdropClassName=\"neeto-molecules-finder-modal-backdrop py-10 px-4\"\n      className=\"neeto-molecules-finder-modal\"\n    >\n      <ModalHeader\n        {...{ enableAdvancedSearch, onGoToAdvanced }}\n        loading={isFetching}\n        onSearch={setSearchTerm}\n      />\n      <ModalBody\n        {...{ containerRef, data, iconComponentMap, onClose, searchTerm }}\n        loading={isFetching}\n      />\n      <ModalFooter {...{ enableAdvancedSearch }} />\n    </Modal>\n  );\n};\n\nFinderModal.propTypes = {\n  /*\n    Boolean to indicate decide whether to show advanced search button or not\n  */\n  enableAdvancedSearch: PropTypes.bool,\n  /*\n    Data to be displayed in the modal. Can be an array of items with category property,\n    or an object with category keys containing arrays of items.\n  */\n  data: PropTypes.oneOfType([\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string,\n        url: PropTypes.string,\n        body: PropTypes.string,\n        name: PropTypes.string,\n        category: PropTypes.string,\n      })\n    ),\n    PropTypes.objectOf(\n      PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.string,\n          url: PropTypes.string,\n          body: PropTypes.string,\n          name: PropTypes.string,\n        })\n      )\n    ),\n  ]),\n  /*\n    Icon component map to render icons for each section\n  */\n  iconComponentMap: PropTypes.objectOf(PropTypes.elementType),\n  /*\n    Boolean to indicate whether data is being fetched or not\n  */\n  isFetching: PropTypes.bool,\n  /*\n    Boolean to indicate whether modal is open or not\n  */\n  isOpen: PropTypes.bool,\n  /*\n    Term used for search\n  */\n  searchTerm: PropTypes.string,\n  /*\n    Function to set search term\n  */\n  setSearchTerm: PropTypes.func,\n  /*\n    Function to close the modal\n  */\n  onClose: PropTypes.func,\n  /*\n    Function to execute when user clicks on advanced search button\n  */\n  onGoToAdvanced: PropTypes.func,\n};\n\nexport default FinderModal;\n"],"names":["Link","_ref","to","children","rest","_objectWithoutProperties","_excluded","url","URL","host","_jsx","RRDLink","_objectSpread","concat","pathname","search","minMax","number","max","arguments","length","undefined","Number","POSITIVE_INFINITY","min","Math","htmlToText","html","tmp","document","createElement","innerHTML","textContent","innerText","highlightMatch","text","searchTerm","regex","RegExp","split","map","part","index","toLowerCase","className","filterAndHighlightContent","bodyContent","filter","line","trim","includes","_jsxs","React","Fragment","flattenData","data","Array","isArray","result","Object","keys","forEach","key","item","push","category","createStylePalette","values","assignedStyles","styleIndex","style","getStyle","ModalBody","containerRef","iconComponentMap","onClose","loading","_useTranslation","useTranslation","t","flattenedData","isDataEmpty","isNotPresent","Modal","Body","NoData","description","title","ref","Icon","nameContent","name","body","filteredBodyContent","onClick","size","Typography","Tag","humanize","classNames","id","ModalFooter","enableAdvancedSearch","shortcuts","label","isVisible","Up","Down","Footer","prop","_ref2","component","ModalHeader","withT","onSearch","onGoToAdvanced","Header","Search","nakedInput","autoComplete","placeholder","suffix","Spinner","Button","FinderModal","_ref$enableAdvancedSe","isFetching","isOpen","setSearchTerm","_ref$onGoToAdvanced","noop","props","useRef","mutables","focusIndex","current","onFocusChange","offset","container","nodes","querySelectorAll","isEmpty","targetNode","focus","useHotkeys","event","preventDefault","code","mode","enabled","closeButton","backdropClassName"],"mappings":"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"}

package/dist/Sidebar.js

@@ -9,7 +9,7 @@ import Typography from '@bigbinary/neetoui/Typography';
 import { is, append, not, findLast } from 'ramda';
 import { useTranslation } from 'react-i18next';
 import { Link, useLocation, useHistory } from 'react-router-dom';
-import { a as SPECIAL_APP_NAMES, D as DEFAULT_HOME_PATH, f as filterByPermissions, b as CheckPointNavLinks, P as PINNED_MORE_NAV_LINKS_KEY, _ as _Items, c as SELECTED_NAV_LINK_ROUTE_STORAGE_KEY, g as getSidebarStateLocalStorageKey, d as SIDEBAR_WIDTH_KEY, e as DEFAULT_SIDEBAR_WIDTH, S as SelectedLink, C as Chevron, h as enableDraggingStyles, i as disableDraggingStyles, j as getActiveConfigurePageLink, M as MIN_SIDEBAR_WIDTH, k as MAX_SIDEBAR_WIDTH } from './Chevron-Dtxc2piW.js';
+import { a as SPECIAL_APP_NAMES, D as DEFAULT_HOME_PATH, f as filterByPermissions, b as CheckPointNavLinks, P as PINNED_MORE_NAV_LINKS_KEY, _ as _Items, c as SELECTED_NAV_LINK_ROUTE_STORAGE_KEY, g as getSidebarStateLocalStorageKey, d as SIDEBAR_WIDTH_KEY, e as DEFAULT_SIDEBAR_WIDTH, S as SelectedLink, C as Chevron, h as enableDraggingStyles, i as disableDraggingStyles, j as getActiveConfigurePageLink, M as MIN_SIDEBAR_WIDTH, k as MAX_SIDEBAR_WIDTH } from './Chevron-Cat_oK6Q.js';
 import { globalProps as globalProps$1 } from '@bigbinary/neeto-commons-frontend/initializers';
 import Neeto from '@bigbinary/neeto-icons/typeface-logos/Neeto';
 import * as AppIcons from '@bigbinary/neeto-icons/typeface-logos';
@@ -18,6 +18,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import Right from '@bigbinary/neeto-icons/Right';
+import Tag from '@bigbinary/neetoui/Tag';
 import Plus from '@bigbinary/neeto-icons/Plus';
 import Dropdown from '@bigbinary/neetoui/Dropdown';
 import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
@@ -97,12 +98,12 @@ var AddDropdown = function AddDropdown(_ref) {
   });
 };
 
-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 PinIcon = function PinIcon(_ref) {
   var size = _ref.size,
     otherProps = _ref.otherProps;
-  return /*#__PURE__*/jsx("svg", _objectSpread$2(_objectSpread$2({
+  return /*#__PURE__*/jsx("svg", _objectSpread$3(_objectSpread$3({
     fill: "currentColor",
     height: size,
     viewBox: "0 -960 960 960",
@@ -115,12 +116,12 @@ var PinIcon = function PinIcon(_ref) {
   }));
 };
 
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), 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; }
+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 UnpinIcon = function UnpinIcon(_ref) {
   var size = _ref.size,
     otherProps = _ref.otherProps;
-  return /*#__PURE__*/jsx("svg", _objectSpread$1(_objectSpread$1({
+  return /*#__PURE__*/jsx("svg", _objectSpread$2(_objectSpread$2({
     fill: "currentColor",
     height: size,
     viewBox: "0 -960 960 960",
@@ -133,7 +134,9 @@ var UnpinIcon = function UnpinIcon(_ref) {
   }));
 };
 
-var _excluded$1 = ["label", "icon", "key", "to", "onClick"];
+var _excluded$1 = ["label", "icon", "key", "to", "onClick", "tag"];
+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 MoreDropdown = function MoreDropdown(_ref) {
   var moreNavLinks = _ref.moreNavLinks,
     isNavLinkPinned = _ref.isNavLinkPinned,
@@ -191,6 +194,7 @@ var MoreDropdown = function MoreDropdown(_ref) {
           navLinkKey = navLink.key,
           to = navLink.to,
           onClick = navLink.onClick,
+          tag = navLink.tag,
           otherProps = _objectWithoutProperties(navLink, _excluded$1);
         var IconSVG = icon;
         var isPinned = isNavLinkPinned(navLink);
@@ -211,11 +215,11 @@ var MoreDropdown = function MoreDropdown(_ref) {
               children: [icon && /*#__PURE__*/jsx(IconSVG, {
                 className: "flex-shrink-0",
                 size: 20
-              }), /*#__PURE__*/jsx(Typography, {
-                className: "min-w-0 flex-grow",
+              }), /*#__PURE__*/jsxs(Typography, {
+                className: "flex min-w-0 flex-grow items-center gap-2",
                 component: "span",
                 style: "body2",
-                children: label
+                children: [label, tag && /*#__PURE__*/jsx(Tag, _objectSpread$1({}, tag))]
               })]
             }), /*#__PURE__*/jsx(Button, {
               className: "flex-shrink-0",
@@ -248,7 +252,7 @@ var MoreDropdown = function MoreDropdown(_ref) {
   });
 };
 
-var _excluded = ["label", "to", "icon", "items", "isConfigureNavLink", "isCountsLoading", "count", "component", "onClick", "addActions"];
+var _excluded = ["label", "to", "icon", "items", "isConfigureNavLink", "isCountsLoading", "count", "component", "onClick", "addActions", "tag"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var renderCount = function renderCount(count) {
@@ -330,6 +334,7 @@ var Links = function Links(_ref) {
         _onClick = navLink.onClick,
         _navLink$addActions = navLink.addActions,
         addActions = _navLink$addActions === void 0 ? [] : _navLink$addActions,
+        tag = navLink.tag,
         otherProps = _objectWithoutProperties(navLink, _excluded);
       var IconSVG = icon;
       var url = new URL(to, window.location.href);
@@ -370,11 +375,11 @@ var Links = function Links(_ref) {
               className: "neeto-molecules-sidebar__link-unread-count",
               children: renderCount(count)
             })]
-          }), /*#__PURE__*/jsx(Typography, {
-            className: "neeto-molecules-sidebar__link-label neeto-ui-flex-grow flex items-center gap-1",
+          }), /*#__PURE__*/jsxs(Typography, {
+            className: "neeto-molecules-sidebar__link-label neeto-ui-flex-grow flex items-center gap-2",
             component: "span",
             style: "body2",
-            children: label
+            children: [label, tag && /*#__PURE__*/jsx(Tag, _objectSpread({}, tag))]
           }), isNotEmpty(addActions) && /*#__PURE__*/jsx(AddDropdown, {
             addActions: addActions
           }), isExpandable && !isConfigureNavLink && /*#__PURE__*/jsx("span", {