@bigbinary/neeto-molecules 3.10.5 → 3.11.0

package/dist/{Chevron-51inBbbu.js → Chevron-DYhRHGmL.js}

@@ -2,7 +2,6 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import classnames from 'classnames';
 import { handleMetaClick } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
 import { hyphenize } from '@bigbinary/neeto-commons-frontend/utils/general';
 import Home from '@bigbinary/neeto-icons/Home';
 import Typography from '@bigbinary/neetoui/Typography';
@@ -46,6 +45,7 @@ var SUB_LINK_TYPES = {
   SEGMENTS: "segments"
 };
 var SELECTED_NAV_LINK_ROUTE_STORAGE_KEY = "selectedNavLinkRoute";
+var DEFAULT_HOME_PATH = "/";
 
 var isSubRouteActive = function isSubRouteActive(subRoute, location) {
   var currentBrowserUrl = new URL(location.pathname + location.search + location.hash, window.location.origin);
@@ -189,7 +189,7 @@ var SelectedLink = function SelectedLink(_ref) {
     otherProps = _objectWithoutProperties(navLink, _excluded);
   var handleHomeButtonClick = function handleHomeButtonClick(e) {
     e.stopPropagation();
-    handleMetaClick(history, buildUrl(homePath), e);
+    handleMetaClick(history, homePath, e);
   };
   return /*#__PURE__*/jsxs("div", {
     className: "neeto-molecules-sidebar__links neeto-molecules-sidebar__links--focus-mode neeto-molecules-sidebar__no-shrinkable",
@@ -242,5 +242,5 @@ var Chevron = function Chevron(_ref) {
   });
 };
 
-export { Chevron as C, SelectedLink as S, _Items as _, CheckPointNavLinks as a, SELECTED_NAV_LINK_ROUTE_STORAGE_KEY as b, getActiveConfigurePageLink as c, filterByPermissions as f, getSidebarStateLocalStorageKey as g };
-//# sourceMappingURL=Chevron-51inBbbu.js.map
+export { Chevron as C, DEFAULT_HOME_PATH as D, SelectedLink as S, _Items as _, CheckPointNavLinks as a, SELECTED_NAV_LINK_ROUTE_STORAGE_KEY as b, getActiveConfigurePageLink as c, filterByPermissions as f, getSidebarStateLocalStorageKey as g };
+//# sourceMappingURL=Chevron-DYhRHGmL.js.map

package/dist/Chevron-DYhRHGmL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chevron-DYhRHGmL.js","sources":["../src/components/Sidebar/Components/Links/CheckPointNavLink.jsx","../src/components/Sidebar/constants.js","../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":["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","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 = \"/\";\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","import { hyphenate } from \"neetocist\";\nimport { Segments } from \"neetofilters\";\nimport { Typography } 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  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}) => {\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, 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\"\n        component=\"span\"\n        data-cy={`${dataCyPrefix}-sub-link-label`}\n        style=\"body2\"\n      >\n        {label}\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        />\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 Items from \"./Items\";\n\nconst SelectedLink = ({\n  navLink = { label: \"\", items: [], isConfigureNavLink: false },\n  handleGoBack,\n  isConfigureSidebar,\n  homePath,\n}) => {\n  const history = useHistory();\n  const { label, items, isConfigureNavLink, ...otherProps } = navLink;\n\n  const handleHomeButtonClick = e => {\n    e.stopPropagation();\n    handleMetaClick(history, homePath, 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":["CheckPointNavLinks","_ref","checkpointKey","to","href","children","others","_objectWithoutProperties","_excluded","_useNavigationCheckpo","useNavigationCheckpoints","checkpoint","LinkElement","NavLink","linkProps","_objectSpread","key","_jsx","SUB_LINK_TYPES","SYSTEM_VIEW","SEGMENTS","SELECTED_NAV_LINK_ROUTE_STORAGE_KEY","DEFAULT_HOME_PATH","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","SubLink","label","_ref$type","type","count","isSectionHeader","isCountsLoading","dataCy","_ref$entity","entity","_ref$columns","columns","baseUrl","isActive","Segments","isIndependent","dataCyPrefix","hyphenate","renderCount","isSubLinkActive","Function","_jsxs","activeClassName","className","Typography","component","style","Items","items","_ref$isSettingsItems","isSettingsItems","filter","map","subItem","subIndex","_subItem$to","Fragment","item","path","_Fragment","_Items","length","SelectedLink","_ref$navLink","navLink","handleGoBack","isConfigureSidebar","homePath","history","useHistory","otherProps","handleHomeButtonClick","e","stopPropagation","handleMetaClick","onClick","omit","Button","hyphenize","icon","Home","classNames","_defineProperty","Chevron","height","viewBox","width","d","fill"],"mappings":"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"}

package/dist/ConfigurePageSidebar.js

@@ -5,12 +5,11 @@ 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-51inBbbu.js';
+import { S as SelectedLink, C as Chevron } from './Chevron-DYhRHGmL.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@bigbinary/neeto-commons-frontend/react-utils';
-import '@bigbinary/neeto-commons-frontend/utils';
 import '@bigbinary/neeto-commons-frontend/utils/general';
 import '@bigbinary/neeto-icons/Home';
 import '@bigbinary/neetoui/Typography';

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":"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"}
+{"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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"}