@bigbinary/neeto-molecules 3.16.18 → 3.16.19

package/dist/Chevron-CFpCkNj1.js

@@ -0,0 +1,260 @@
+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 { hyphenize } from '@bigbinary/neeto-commons-frontend/utils/general';
+import Home from '@bigbinary/neeto-icons/Home';
+import Typography from '@bigbinary/neetoui/Typography';
+import Button from '@bigbinary/neetoui/Button';
+import { curry, is, includes, __, all, equals, omit } from 'ramda';
+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 { 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';
+import { n } from './inject-css-DmrvuTKK.js';
+
+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), !0).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 CheckPointNavLinks = function CheckPointNavLinks(_ref) {
+  var checkpointKey = _ref.checkpointKey,
+    to = _ref.to,
+    href = _ref.href,
+    children = _ref.children,
+    others = _objectWithoutProperties(_ref, _excluded$1);
+  var _useNavigationCheckpo = useNavigationCheckpoints(checkpointKey),
+    checkpoint = _useNavigationCheckpo[checkpointKey];
+  var LinkElement = href ? "a" : NavLink;
+  var linkProps = href ? _objectSpread$2({
+    href: href,
+    key: href
+  }, others) : _objectSpread$2({
+    to: checkpoint || to,
+    key: to
+  }, others);
+  return /*#__PURE__*/jsx(LinkElement, _objectSpread$2(_objectSpread$2({}, linkProps), {}, {
+    children: children
+  }));
+};
+
+var SUB_LINK_TYPES = {
+  SYSTEM_VIEW: "system_view",
+  SEGMENTS: "segments"
+};
+var SELECTED_NAV_LINK_ROUTE_STORAGE_KEY = "selectedNavLinkRoute";
+var DEFAULT_HOME_PATH = "/";
+var SIDEBAR_WIDTH_KEY = "neeto-molecules-sidebar-width";
+var MIN_SIDEBAR_WIDTH = 12.5 * 16;
+var MAX_SIDEBAR_WIDTH = 20 * 16;
+var DEFAULT_SIDEBAR_WIDTH = 15 * 16;
+
+var isSubRouteActive = function isSubRouteActive(subRoute, location) {
+  var currentBrowserUrl = new URL(location.pathname + location.search + location.hash, window.location.origin);
+  var targetUrl = new URL(subRoute, window.location.origin);
+  var targetSearchParams = targetUrl.searchParams;
+  var targetSearchKeys = Array.from(targetSearchParams.keys());
+  return all(function (key) {
+    return currentBrowserUrl.searchParams.get(key) === targetSearchParams.get(key);
+  }, targetSearchKeys) && equals(currentBrowserUrl.pathname, targetUrl.pathname);
+};
+var getSidebarStateLocalStorageKey = function getSidebarStateLocalStorageKey() {
+  var _globalProps$user, _globalProps$user2;
+  var user = ((_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.email) || ((_globalProps$user2 = globalProps.user) === null || _globalProps$user2 === void 0 ? void 0 : _globalProps$user2.phoneNumber);
+  return "sidebarState-".concat(user);
+};
+var filterByPermissions = curry(function (_ref) {
+  var permissions = _ref.permissions;
+  if (permissions && isNotEmpty(permissions)) {
+    return is(Array, permissions) ? permissions.some(includes(__, globalProps.permissions)) : globalProps.permissions.includes(permissions);
+  }
+  return true;
+});
+var getActiveConfigurePageLink = function getActiveConfigurePageLink(_ref2) {
+  var navLinks = _ref2.navLinks,
+    location = _ref2.location;
+  return navLinks.find(function (link) {
+    var _link$to;
+    var _ref3 = ((_link$to = link.to) === null || _link$to === void 0 ? void 0 : _link$to.split("?")) || [],
+      _ref4 = _slicedToArray(_ref3, 1),
+      linkPathname = _ref4[0];
+    return isPresent(link.isConfigureNavLink) && link.isConfigureNavLink && location.pathname.startsWith(linkPathname);
+  });
+};
+var enableDraggingStyles = function enableDraggingStyles() {
+  document.body.classList.add("dragging-sidebar");
+  document.body.style.cursor = "col-resize";
+  document.body.style.userSelect = "none";
+};
+var disableDraggingStyles = function disableDraggingStyles() {
+  document.body.classList.remove("dragging-sidebar");
+  document.body.style.cursor = "";
+  document.body.style.userSelect = "";
+};
+
+var SubLink = function SubLink(_ref) {
+  var to = _ref.to,
+    href = _ref.href,
+    label = _ref.label,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? SUB_LINK_TYPES.SYSTEM_VIEW : _ref$type,
+    count = _ref.count,
+    isSectionHeader = _ref.isSectionHeader,
+    isCountsLoading = _ref.isCountsLoading,
+    dataCy = _ref["data-cy"],
+    _ref$entity = _ref.entity,
+    entity = _ref$entity === void 0 ? "" : _ref$entity,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? [] : _ref$columns,
+    baseUrl = _ref.baseUrl,
+    isActive = _ref.isActive;
+  if (type === SUB_LINK_TYPES.SEGMENTS) {
+    return /*#__PURE__*/jsx(Segments, {
+      baseUrl: baseUrl,
+      columns: columns,
+      entity: entity,
+      isIndependent: false
+    });
+  }
+  var dataCyPrefix = dataCy || hyphenate(label);
+  var renderCount = function renderCount(count) {
+    return count > 999 ? "999+" : count;
+  };
+  var isSubLinkActive = function isSubLinkActive() {
+    return !isSectionHeader && (is(Function, isActive) ? isActive() : isSubRouteActive(to, location));
+  };
+  return /*#__PURE__*/jsxs(CheckPointNavLinks, {
+    href: href,
+    to: to,
+    activeClassName: "active",
+    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",
+      component: "span",
+      "data-cy": "".concat(dataCyPrefix, "-sub-link-label"),
+      style: "body2",
+      children: label
+    }), /*#__PURE__*/jsx(Typography, {
+      className: "neeto-molecules-sidebar__link-sub-count neeto-ui-flex-shrink-0",
+      component: "span",
+      "data-cy": "".concat(dataCyPrefix, "-sub-link-count"),
+      style: "body2",
+      children: isCountsLoading ? /*#__PURE__*/jsx("div", {
+        className: "neeto-ui-rounded neeto-ui-bg-gray-200 h-4 w-4 animate-pulse"
+      }) : renderCount(count)
+    })]
+  });
+};
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _Items = function Items(_ref) {
+  var items = _ref.items,
+    _ref$isSettingsItems = _ref.isSettingsItems,
+    isSettingsItems = _ref$isSettingsItems === void 0 ? false : _ref$isSettingsItems,
+    isCountsLoading = _ref.isCountsLoading;
+  return /*#__PURE__*/jsx("div", {
+    className: "neeto-molecules-sidebar__sublink-wrapper",
+    "data-cy": "sidebar-sub-link-wrapper",
+    children: items.filter(filterByPermissions).map(function (subItem, subIndex) {
+      var _subItem$to;
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(SubLink, _objectSpread$1(_objectSpread$1({}, _objectSpread$1(_objectSpread$1({}, subItem), {}, {
+          isCountsLoading: isCountsLoading
+        })), {}, {
+          href: subItem.href,
+          isActive: subItem.isActive,
+          isSectionHeader: isPresent(subItem.item),
+          to: (_subItem$to = subItem.to) !== null && _subItem$to !== void 0 ? _subItem$to : subItem.path
+        })), isSettingsItems && isPresent(subItem.items) && /*#__PURE__*/jsxs(Fragment$1, {
+          children: [/*#__PURE__*/jsx(_Items, {
+            isSettingsItems: isSettingsItems,
+            items: subItem.items
+          }), items.length - 1 !== subIndex && /*#__PURE__*/jsx("hr", {
+            className: "neeto-molecules-sidebar__separator neeto-ui-border-gray-200"
+          })]
+        })]
+      }, subIndex);
+    })
+  });
+};
+
+var _excluded = ["label", "items", "isConfigureNavLink"];
+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), !0).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 SelectedLink = function SelectedLink(_ref) {
+  var _ref$navLink = _ref.navLink,
+    navLink = _ref$navLink === void 0 ? {
+      label: "",
+      items: [],
+      isConfigureNavLink: false
+    } : _ref$navLink,
+    handleGoBack = _ref.handleGoBack,
+    isConfigureSidebar = _ref.isConfigureSidebar,
+    homePath = _ref.homePath;
+  var history = useHistory();
+  var label = navLink.label,
+    items = navLink.items,
+    isConfigureNavLink = navLink.isConfigureNavLink,
+    otherProps = _objectWithoutProperties(navLink, _excluded);
+  var handleHomeButtonClick = function handleHomeButtonClick(e) {
+    e.stopPropagation();
+    handleMetaClick(history, homePath, e);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-molecules-sidebar__links neeto-molecules-sidebar__links--focus-mode neeto-molecules-sidebar__no-shrinkable",
+    "data-cy": "configure-nav-container",
+    children: [/*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+      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",
+      onClick: handleGoBack
+    }, _objectSpread({}, omit(["icon"], otherProps))), {}, {
+      children: [isConfigureNavLink && /*#__PURE__*/jsxs("span", {
+        className: "neeto-molecules-sidebar__link-icon flex items-center pl-3",
+        children: [/*#__PURE__*/jsx(Button, {
+          "data-cy": "".concat(hyphenize(label), "-go-back-button"),
+          "data-testid": "".concat(label, "-go-home-button"),
+          icon: Home,
+          style: "text",
+          onClick: handleHomeButtonClick
+        }), /*#__PURE__*/jsx("span", {
+          className: "px-1 text-xs",
+          children: "/"
+        })]
+      }), /*#__PURE__*/jsx(Typography, {
+        component: "span",
+        style: "body1",
+        className: classnames("neeto-molecules-sidebar__link-label", _defineProperty({
+          "neeto-molecules-sidebar__configure-page-header": isConfigureNavLink
+        }, "pl-4", isConfigureSidebar)),
+        children: label
+      })]
+    })), items && /*#__PURE__*/jsx(_Items, {
+      items: items,
+      isSettingsItems: true
+    })]
+  });
+};
+
+var css = ":root{--neeto-molecules-sidebar-width:15rem;--neeto-molecules-sidebar-wrapper-z-index:99997;--neeto-molecules-sidebar-z-index:99998;--neeto-chat-primary:136,134,255;--neeto-wireframe-primary:106,103,232;--neeto-site-primary:129,118,255;--neeto-desk-primary:253,148,55;--neeto-planner-primary:82,169,198;--neeto-replay-primary:32,199,189;--neeto-course-primary:140,214,114;--neeto-ci-primary:255,133,184;--neeto-invoice-primary:70,160,211;--neeto-quiz-primary:254,99,99;--neeto-runner-primary:75,71,255;--neeto-form-primary:254,128,114;--neeto-crm-primary:96,154,240;--neeto-engage-primary:255,135,135;--neeto-deploy-primary:20,209,164;--neeto-kb-primary:101,205,161;--neeto-cal-primary:238,77,95;--neeto-invisible-primary:121,157,250;--neeto-testify-primary:255,158,69;--neeto-monitor-primary:70,181,197;--neeto-git-primary:255,78,110}@media screen and (min-width:1024px){:root{--neeto-molecules-sidebar-width:15rem}}.neeto-molecules-sidebar__wrapper{display:flex;max-width:15rem;max-width:var(--neeto-molecules-sidebar-width);position:relative;width:15rem;width:var(--neeto-molecules-sidebar-width)}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper{height:100%;left:0;max-width:100%;position:fixed;top:0;transition:none;width:100%;z-index:99997;z-index:var(--neeto-molecules-sidebar-wrapper-z-index)}.neeto-molecules-sidebar__wrapper .neeto-molecules-sidebar{left:0;max-width:15rem;max-width:var(--neeto-molecules-sidebar-width);position:fixed;top:0;transition:none;width:15rem;width:var(--neeto-molecules-sidebar-width)}}.neeto-molecules-sidebar__wrapper__configure-page .neeto-molecules-sidebar__toggler{right:1.25rem;top:.5rem}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper__configure-page .neeto-molecules-sidebar__toggler{right:auto;top:.5rem}}.neeto-molecules-sidebar__wrapper--collapsed{max-width:0;width:0}.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{right:-2.25rem;transform:scale(-1)}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{left:.5rem;right:auto}.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar{left:-15rem;left:calc(var(--neeto-molecules-sidebar-width)*-1)}.neeto-molecules-sidebar__wrapper__configure-page.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{top:6.8125rem}}.neeto-molecules-sidebar{background-color:rgb(var(--neeto-ui-white));border-right:1px solid rgb(var(--neeto-ui-gray-200));height:100vh;padding:1.5rem 0;width:100%;z-index:99998;z-index:var(--neeto-molecules-sidebar-z-index)}.neeto-molecules-sidebar:not(.neeto-molecules-sidebar__configure-page) .neeto-molecules-sidebar__links:not(.neeto-molecules-sidebar__links--focus-mode){height:calc(100vh - 7.75rem)!important;overflow-y:auto}.neeto-molecules-sidebar:not(.neeto-molecules-sidebar__configure-page) .neeto-molecules-sidebar__links:not(.neeto-molecules-sidebar__links--focus-mode)::-webkit-scrollbar{height:0;width:0}.neeto-molecules-sidebar:not(.neeto-molecules-sidebar__configure-page) .neeto-molecules-sidebar__links:not(.neeto-molecules-sidebar__links--focus-mode)::-webkit-scrollbar-thumb{background:rgb(var(--neeto-ui-gray-300));border-radius:3.125rem}.neeto-molecules-sidebar:not(.neeto-molecules-sidebar__configure-page) .neeto-molecules-sidebar__links:not(.neeto-molecules-sidebar__links--focus-mode)::-webkit-scrollbar-track{background:\"transparent\"}.neeto-molecules-sidebar__no-shrinkable{max-width:15rem;max-width:var(--neeto-molecules-sidebar-width);width:15rem;width:var(--neeto-molecules-sidebar-width)}.neeto-molecules-sidebar__separator{margin:.375rem auto;width:100%}.neeto-molecules-sidebar::-webkit-scrollbar{height:0;width:0}.neeto-molecules-sidebar::-webkit-scrollbar-thumb{background:rgb(var(--neeto-ui-gray-300));border-radius:3.125rem}.neeto-molecules-sidebar::-webkit-scrollbar-track{background:\"transparent\"}.neeto-molecules-sidebar__toggler{color:rgb(var(--neeto-ui-primary-500))!important;position:absolute!important;right:.5rem;top:2.125rem;z-index:99998;z-index:var(--neeto-molecules-sidebar-z-index)}@media screen and (max-width:768px){.neeto-molecules-sidebar__toggler{left:12.625rem;left:calc(var(--neeto-molecules-sidebar-width) - 2.375rem);right:auto;transition:none}}.neeto-molecules-sidebar__configure-page{border-right:1px solid rgb(var(--neeto-ui-gray-200));height:auto}@media screen and (max-width:768px){.neeto-molecules-sidebar__configure-page{height:100%}}.neeto-molecules-sidebar__configure-page .neeto-molecules-sidebar__links{height:calc(100vh - 8.5rem)!important}@media screen and (max-width:768px){.neeto-molecules-sidebar__configure-page .neeto-molecules-sidebar__links{height:calc(100vh - 5rem)!important}}.neeto-molecules-sidebar__configure-page .neeto-molecules-sidebar__toggler{display:none}.neeto-molecules-sidebar__header{margin:.5rem 0 2rem;padding:0 1.5rem}.neeto-molecules-sidebar__logo svg{height:2.25rem;max-width:100%;width:auto}.neeto-molecules-sidebar__link{color:rgb(var(--neeto-ui-black));gap:.625rem;line-height:1.2;padding:.75rem 1.5rem;position:relative;text-decoration:none!important;transition:color .3s,background-color .3s;width:100%}.neeto-molecules-sidebar__link-icon{flex-shrink:0}.neeto-molecules-sidebar__link-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-sidebar__link-icon--rotate{transform:scale(-1)}.neeto-molecules-sidebar__link-icon--caret{opacity:0;transition:opacity .3s ease-in-out}.neeto-molecules-sidebar__link-label,.neeto-molecules-sidebar__link-sub-label{--neeto-ui-text-body2:0.9375rem;flex-grow:1;text-align:left}@media screen and (min-width:1536px){.neeto-molecules-sidebar__link-label,.neeto-molecules-sidebar__link-sub-label{--neeto-ui-text-body2:1rem}}.neeto-molecules-sidebar__link:hover{background-color:rgb(var(--neeto-ui-gray-100));color:rgb(var(--neeto-ui-black))}.neeto-molecules-sidebar__link:focus,.neeto-molecules-sidebar__link:focus-visible,.neeto-molecules-sidebar__link[aria-expanded=true]{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-black));outline:none}.neeto-molecules-sidebar__link.active{background-color:rgb(var(--neeto-ui-accent-100));color:rgb(var(--neeto-ui-black));font-weight:var(--neeto-ui-font-semibold)}.neeto-molecules-sidebar__link.active .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:focus .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:focus-visible .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:hover .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link[aria-expanded=true] .neeto-molecules-sidebar__link-icon--caret{opacity:1}.neeto-molecules-sidebar__link--button:focus{background-color:transparent}.neeto-molecules-sidebar__link--button:focus-visible{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-black))}.neeto-molecules-sidebar__link--change-log{outline:none!important}.neeto-molecules-sidebar__sublink-wrapper{padding:.25rem 0}.neeto-molecules-sidebar__sublink{color:rgb(var(--neeto-ui-gray-700));cursor:pointer;gap:.5rem;margin-bottom:0;padding:.5rem 1.5rem .5rem 3.625rem;text-decoration:none;transition:color .3s,background-color .3s}.neeto-molecules-sidebar__sublink .neeto-molecules-sidebar__link-sub-count{--neeto-ui-text-body2:0.9375rem;opacity:.75}@media screen and (min-width:1536px){.neeto-molecules-sidebar__sublink .neeto-molecules-sidebar__link-sub-count{--neeto-ui-text-body2:1rem}}.neeto-molecules-sidebar__sublink:hover{color:rgb(var(--neeto-ui-black));text-decoration:none}.neeto-molecules-sidebar__sublink:hover .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__sublink:focus,.neeto-molecules-sidebar__sublink:focus-visible{color:rgb(var(--neeto-ui-black));outline:none;text-decoration:none}.neeto-molecules-sidebar__sublink:focus .neeto-molecules-sidebar__link-sub-count,.neeto-molecules-sidebar__sublink:focus-visible .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__sublink.active,.neeto-molecules-sidebar__sublink:active{color:rgb(var(--neeto-ui-accent-800));font-weight:500;text-decoration:none}.neeto-molecules-sidebar__sublink.active .neeto-molecules-sidebar__link-sub-count,.neeto-molecules-sidebar__sublink:active .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__footer{margin-top:auto}.sidebar-featured-tooltip__content{border-radius:.5rem!important;box-shadow:var(--neeto-ui-shadow-sm)!important}.sidebar-featured-tooltip__content .tippy-content{padding:0}.sidebar-featured-tooltip{padding:.75rem;width:9.375rem}.sidebar-featured-tooltip__icon-wrap{background-color:rgb(var(--neeto-ui-gray-100));border-radius:.5rem;height:2.5rem;margin-bottom:.5rem;margin-left:auto;margin-right:auto;width:2.5rem}.sidebar-featured-tooltip__title{margin-bottom:.25rem}.neeto-molecules-help-popup-wrapper,.neeto-molecules-product-switcher-popup-wrapper,.neeto-molecules-profile-popup-wrapper{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded)!important;min-width:15rem}.neeto-molecules-help-popup-wrapper .tippy-content,.neeto-molecules-product-switcher-popup-wrapper .tippy-content,.neeto-molecules-profile-popup-wrapper .tippy-content{padding:0}.neeto-molecules-help-popup-wrapper .tippy-svg-arrow,.neeto-molecules-product-switcher-popup-wrapper .tippy-svg-arrow,.neeto-molecules-profile-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-popup__top-section{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-molecules-profile-sublist{border-top:1px solid rgb(var(--neeto-ui-gray-400))}.neeto-molecules-help-sublist,.neeto-molecules-profile-sublist{list-style:none;margin:0;padding:.25rem 0}.neeto-molecules-help-sublist__item,.neeto-molecules-profile-sublist__item{width:100%}.neeto-molecules-help-sublist__item-btn,.neeto-molecules-profile-sublist__item-btn{border-radius:0;justify-content:flex-end!important;min-height:2.5rem;text-align:left}.neeto-molecules-help-sublist__item-btn.active,.neeto-molecules-profile-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-help-sublist__item-btn-icon svg path,.neeto-molecules-profile-sublist__item-btn-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-help-sublist__item-btn span,.neeto-molecules-profile-sublist__item-btn span{align-items:center;display:flex;gap:.5rem}.neeto-molecules-sidebar__link-icon{position:relative}.neeto-molecules-sidebar__notif-count{position:absolute;right:-6px;top:-6px;z-index:1}.neeto-molecules-help-sublist__item-btn-count,.neeto-molecules-sidebar__notif-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:inline-flex;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:.9375rem;justify-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:.9375rem}.neeto-molecules-product-switcher-popup-wrapper{height:calc(100vh - 1rem);margin-bottom:.5rem;min-width:calc(100vw - 11rem);overflow-y:auto}@media screen and (max-width:768px){.neeto-molecules-product-switcher-popup-wrapper{width:calc(100vw - 11.5625rem)!important}}.neeto-molecules-sidebar__backdrop{background-color:rgba(var(--neeto-ui-black),.4);height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (min-width:769px){.neeto-molecules-sidebar__backdrop{display:none;visibility:hidden}}.neeto-molecules-sidebar-segments-header{padding-left:3.625rem}.neeto-molecules-sidebar-segment{margin-bottom:0!important;padding:.25rem 1.5rem .25rem 3.625rem}.neeto-molecules-sidebar.neeto-molecules-sidebar--focus-mode{padding-top:0}.neeto-molecules-sidebar.neeto-molecules-sidebar--focus-mode .neeto-molecules-sidebar__header{padding-top:1.5rem}.neeto-molecules-sidebar.neeto-molecules-sidebar--focus-mode .neeto-molecules-sidebar__links{display:flex;flex-direction:column;height:calc(100vh - 10rem);margin-bottom:0}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper{flex-grow:1;margin:0 0 .625rem!important;min-height:0;overflow-y:auto;padding:0 0 .625rem!important}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper .neeto-molecules-sidebar__sublink-wrapper{padding:0!important}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper .neeto-molecules-sidebar__sublink-wrapper .neeto-molecules-sidebar__sublink{border-radius:0}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__link{--neeto-ui-text-body1:1.125rem;background-color:rgb(var(--neeto-ui-gray-100));color:rgb(var(--neeto-ui-black));cursor:pointer;font-weight:var(--neeto-ui-font-semibold);gap:.25rem;padding:.75rem .25rem;position:sticky;top:0;z-index:1}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__link-label,.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__link-sub-label{--neeto-ui-text-body2:0.9375rem}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper>.neeto-molecules-sidebar__sublink{color:rgb(var(--neeto-ui-black));font-weight:var(--neeto-ui-font-medium);margin-bottom:0;padding-bottom:.625rem;padding-top:.625rem}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper>.neeto-molecules-sidebar__sublink.active{font-weight:var(--neeto-ui-font-semibold)}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper>.neeto-molecules-sidebar__sublink-wrapper .neeto-molecules-sidebar__sublink{border-radius:0;padding-left:2rem}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink{cursor:pointer;line-height:1.2;padding:.5rem .75rem .5rem 1.5rem;position:relative}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink:hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink.active{background-color:rgb(var(--neeto-ui-accent-100))!important;color:rgb(var(--neeto-ui-black))!important;font-weight:var(--neeto-ui-font-medium)}.neeto-molecules-sidebar__link-unread-count{align-items:center;background-color:rgb(var(--neeto-ui-accent-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:flex;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:1rem;justify-content:center;min-width:1rem;padding-left:.25rem;padding-right:.25rem;position:absolute;right:-4px;top:-4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-ui-theme--dark .neeto-molecules-sidebar__logo [data-dark-mode-color=true]{fill:rgb(var(--neeto-ui-black))}.neeto-molecules-sidebar__workspace-info{margin-bottom:1.5rem;padding:.5rem 1.5rem}.neeto-molecules-sidebar__resize-handle{bottom:0;cursor:col-resize;position:absolute;right:0;top:0;width:3px;z-index:99999;z-index:calc(var(--neeto-molecules-sidebar-z-index) + 1)}.neeto-molecules-sidebar__resize-handle:before{background-color:rgb(var(--neeto-ui-gray-300));bottom:0;content:\"\";left:0;position:absolute;top:0;transition:background-color .15s ease-in-out,width .15s ease-in-out;width:1px}.neeto-molecules-sidebar__resize-handle:hover:before{background-color:rgb(var(--neeto-ui-gray-500));width:3px}.neeto-molecules-sidebar__resize-handle:active:before{background-color:rgb(var(--neeto-ui-primary-500));width:3px}.neeto-molecules-sidebar__wrapper:not(.neeto-molecules-sidebar__wrapper--collapsed)+.neeto-molecules-sidebar__resize-handle{display:block}.neeto-molecules-sidebar__wrapper+.neeto-molecules-sidebar__resize-handle{display:none;left:15rem;left:var(--neeto-molecules-sidebar-width)}.neeto-molecules-sidebar__wrapper--collapsed+.neeto-molecules-sidebar__resize-handle{display:none}body.dragging-sidebar,body.dragging-sidebar *{cursor:col-resize!important}body.dragging-sidebar *{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}";
+n(css,{});
+
+var Chevron = function Chevron(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/jsx("svg", {
+    style: style,
+    height: "16",
+    viewBox: "0 0 16 16",
+    width: "16",
+    children: /*#__PURE__*/jsx("path", {
+      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",
+      fill: "currentColor"
+    })
+  });
+};
+
+export { Chevron as C, DEFAULT_SIDEBAR_WIDTH as D, MIN_SIDEBAR_WIDTH as M, SelectedLink as S, _Items as _, CheckPointNavLinks as a, SELECTED_NAV_LINK_ROUTE_STORAGE_KEY as b, SIDEBAR_WIDTH_KEY as c, DEFAULT_HOME_PATH as d, enableDraggingStyles as e, filterByPermissions as f, getSidebarStateLocalStorageKey as g, disableDraggingStyles as h, getActiveConfigurePageLink as i, MAX_SIDEBAR_WIDTH as j };
+//# sourceMappingURL=Chevron-CFpCkNj1.js.map

package/dist/Chevron-CFpCkNj1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chevron-CFpCkNj1.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\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","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 } 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","SIDEBAR_WIDTH_KEY","MIN_SIDEBAR_WIDTH","MAX_SIDEBAR_WIDTH","DEFAULT_SIDEBAR_WIDTH","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","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","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":";;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAMlB;AAAA,EAAA,IALJC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACbC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;AACLC,IAAAA,MAAM,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,WAAA,CAAA,CAAA;AAET,EAAA,IAAAC,qBAAA,GACEC,wBAAwB,CAACR,aAAa,CAAC;IADhBS,UAAU,GAAAF,qBAAA,CAA1BP,aAAa,CAAA,CAAA;AAGtB,EAAA,IAAMU,WAAW,GAAGR,IAAI,GAAG,GAAG,GAAGS,OAAO,CAAA;AACxC,EAAA,IAAMC,SAAS,GAAGV,IAAI,GAAAW,eAAA,CAAA;AAChBX,IAAAA,IAAI,EAAJA,IAAI;AAAEY,IAAAA,GAAG,EAAEZ,IAAAA;GAASE,EAAAA,MAAM,IAAAS,eAAA,CAAA;IAC1BZ,EAAE,EAAEQ,UAAU,IAAIR,EAAE;AAAEa,IAAAA,GAAG,EAAEb,EAAAA;AAAE,GAAA,EAAKG,MAAM,CAAE,CAAA;EAEhD,oBAAOW,GAAA,CAACL,WAAW,EAAAG,eAAA,CAAAA,eAAA,KAAKD,SAAS,CAAA,EAAA,EAAA,EAAA;AAAAT,IAAAA,QAAA,EAAGA,QAAAA;AAAQ,GAAA,CAAc,CAAC,CAAA;AAC7D;;ACnBO,IAAMa,cAAc,GAAG;AAC5BC,EAAAA,WAAW,EAAE,aAAa;AAC1BC,EAAAA,QAAQ,EAAE,UAAA;AACZ,CAAC,CAAA;AAEM,IAAMC,mCAAmC,GAAG,uBAAsB;AAElE,IAAMC,iBAAiB,GAAG,IAAG;AAE7B,IAAMC,iBAAiB,GAAG,gCAA+B;AACnDC,IAAAA,iBAAiB,GAAG,IAAI,GAAG,GAAE;AAC7BC,IAAAA,iBAAiB,GAAG,EAAE,GAAG,GAAE;AAC3BC,IAAAA,qBAAqB,GAAG,EAAE,GAAG;;ACTnC,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,QAAQ,EAAEC,QAAQ,EAAK;EACtD,IAAMC,iBAAiB,GAAG,IAAIC,GAAG,CAC/BF,QAAQ,CAACG,QAAQ,GAAGH,QAAQ,CAACI,MAAM,GAAGJ,QAAQ,CAACK,IAAI,EACnDC,MAAM,CAACN,QAAQ,CAACO,MAClB,CAAC,CAAA;AACD,EAAA,IAAMC,SAAS,GAAG,IAAIN,GAAG,CAACH,QAAQ,EAAEO,MAAM,CAACN,QAAQ,CAACO,MAAM,CAAC,CAAA;AAE3D,EAAA,IAAME,kBAAkB,GAAGD,SAAS,CAACE,YAAY,CAAA;EACjD,IAAMC,gBAAgB,GAAGC,KAAK,CAACC,IAAI,CAACJ,kBAAkB,CAACK,IAAI,EAAE,CAAC,CAAA;EAE9D,OACEC,GAAG,CACD,UAAA5B,GAAG,EAAA;AAAA,IAAA,OACDc,iBAAiB,CAACS,YAAY,CAACM,GAAG,CAAC7B,GAAG,CAAC,KAAKsB,kBAAkB,CAACO,GAAG,CAAC7B,GAAG,CAAC,CAAA;AAAA,GAAA,EACzEwB,gBACF,CAAC,IAAIM,MAAM,CAAChB,iBAAiB,CAACE,QAAQ,EAAEK,SAAS,CAACL,QAAQ,CAAC,CAAA;AAE/D,CAAC,CAAA;IAEYe,8BAA8B,GAAG,SAAjCA,8BAA8BA,GAAS;EAAA,IAAAC,iBAAA,EAAAC,kBAAA,CAAA;EAClD,IAAMC,IAAI,GAAG,CAAA,CAAAF,iBAAA,GAAAG,WAAW,CAACD,IAAI,MAAAF,IAAAA,IAAAA,iBAAA,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,iBAAA,CAAkBI,KAAK,MAAA,CAAAH,kBAAA,GAAIE,WAAW,CAACD,IAAI,MAAA,IAAA,IAAAD,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,kBAAA,CAAkBI,WAAW,CAAA,CAAA;EAErE,OAAAC,eAAAA,CAAAA,MAAA,CAAuBJ,IAAI,CAAA,CAAA;AAC7B,EAAC;IAEYK,mBAAmB,GAAGC,KAAK,CAAC,UAAAvD,IAAA,EAAqB;AAAA,EAAA,IAAlBwD,WAAW,GAAAxD,IAAA,CAAXwD,WAAW,CAAA;AACrD,EAAA,IAAIA,WAAW,IAAIC,UAAU,CAACD,WAAW,CAAC,EAAE;AAC1C,IAAA,OAAOE,EAAE,CAAClB,KAAK,EAAEgB,WAAW,CAAC,GACzBA,WAAW,CAACG,IAAI,CAACC,QAAQ,CAACC,EAAE,EAAEX,WAAW,CAACM,WAAW,CAAC,CAAC,GACvDN,WAAW,CAACM,WAAW,CAACI,QAAQ,CAACJ,WAAW,CAAC,CAAA;AACnD,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACb,CAAC,EAAC;IAEWM,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAAC,KAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEpC,QAAQ,GAAAmC,KAAA,CAARnC,QAAQ,CAAA;AAAA,EAAA,OAC7DoC,QAAQ,CAACC,IAAI,CAAC,UAAAC,IAAI,EAAI;AAAA,IAAA,IAAAC,QAAA,CAAA;AACpB,IAAA,IAAAC,KAAA,GAAuB,CAAA,CAAAD,QAAA,GAAAD,IAAI,CAAChE,EAAE,MAAA,IAAA,IAAAiE,QAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,QAAA,CAASE,KAAK,CAAC,GAAG,CAAC,KAAI,EAAE;MAAAC,KAAA,GAAAC,cAAA,CAAAH,KAAA,EAAA,CAAA,CAAA;AAAzCI,MAAAA,YAAY,GAAAF,KAAA,CAAA,CAAA,CAAA,CAAA;AAEnB,IAAA,OACEG,SAAS,CAACP,IAAI,CAACQ,kBAAkB,CAAC,IAClCR,IAAI,CAACQ,kBAAkB,IACvB9C,QAAQ,CAACG,QAAQ,CAAC4C,UAAU,CAACH,YAAY,CAAC,CAAA;AAE9C,GAAC,CAAC,CAAA;AAAA,EAAA;IAESI,oBAAoB,GAAG,SAAvBA,oBAAoBA,GAAS;EACxCC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,kBAAkB,CAAC,CAAA;AAC/CH,EAAAA,QAAQ,CAACC,IAAI,CAACG,KAAK,CAACC,MAAM,GAAG,YAAY,CAAA;AACzCL,EAAAA,QAAQ,CAACC,IAAI,CAACG,KAAK,CAACE,UAAU,GAAG,MAAM,CAAA;AACzC,EAAC;IAEYC,qBAAqB,GAAG,SAAxBA,qBAAqBA,GAAS;EACzCP,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACM,MAAM,CAAC,kBAAkB,CAAC,CAAA;AAClDR,EAAAA,QAAQ,CAACC,IAAI,CAACG,KAAK,CAACC,MAAM,GAAG,EAAE,CAAA;AAC/BL,EAAAA,QAAQ,CAACC,IAAI,CAACG,KAAK,CAACE,UAAU,GAAG,EAAE,CAAA;AACrC;;ACjDA,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAAtF,IAAA,EAaP;AAAA,EAAA,IAZJE,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJoF,KAAK,GAAAvF,IAAA,CAALuF,KAAK;IAAAC,SAAA,GAAAxF,IAAA,CACLyF,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGvE,cAAc,CAACC,WAAW,GAAAsE,SAAA;IACjCE,KAAK,GAAA1F,IAAA,CAAL0F,KAAK;IACLC,eAAe,GAAA3F,IAAA,CAAf2F,eAAe;IACfC,eAAe,GAAA5F,IAAA,CAAf4F,eAAe;IACJC,MAAM,GAAA7F,IAAA,CAAjB,SAAS,CAAA;IAAA8F,WAAA,GAAA9F,IAAA,CACT+F,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,WAAA;IAAAE,YAAA,GAAAhG,IAAA,CACXiG,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;IACZE,OAAO,GAAAlG,IAAA,CAAPkG,OAAO;IACPC,QAAQ,GAAAnG,IAAA,CAARmG,QAAQ,CAAA;AAER,EAAA,IAAIV,IAAI,KAAKxE,cAAc,CAACE,QAAQ,EAAE;IACpC,oBAAOH,GAAA,CAACoF,QAAQ,EAAA;AAAOF,MAAAA,OAAO,EAAPA,OAAO;AAAED,MAAAA,OAAO,EAAPA,OAAO;AAAEF,MAAAA,MAAM,EAANA,MAAM;AAAIM,MAAAA,aAAa,EAAE,KAAA;AAAM,KAAE,CAAC,CAAA;AAC7E,GAAA;AAEA,EAAA,IAAMC,YAAY,GAAGT,MAAM,IAAIU,SAAS,CAAChB,KAAK,CAAC,CAAA;AAE/C,EAAA,IAAMiB,WAAW,GAAG,SAAdA,WAAWA,CAAGd,KAAK,EAAA;AAAA,IAAA,OAAKA,KAAK,GAAG,GAAG,GAAG,MAAM,GAAGA,KAAK,CAAA;GAAC,CAAA;AAE3D,EAAA,IAAMe,eAAe,GAAG,SAAlBA,eAAeA,GAAA;IAAA,OACnB,CAACd,eAAe,KACfjC,EAAE,CAACgD,QAAQ,EAAEP,QAAQ,CAAC,GAAGA,QAAQ,EAAE,GAAGzE,gBAAgB,CAACxB,EAAE,EAAE0B,QAAQ,CAAC,CAAC,CAAA;AAAA,GAAA,CAAA;EAExE,oBACE+E,IAAA,CAAC5G,kBAAkB,EAAA;AACXI,IAAAA,IAAI,EAAJA,IAAI;AAAED,IAAAA,EAAE,EAAFA,EAAE;AACd0G,IAAAA,eAAe,EAAC,QAAQ;AACxBC,IAAAA,SAAS,EAAC,2FAA2F;IACrG,SAAAxD,EAAAA,EAAAA,CAAAA,MAAA,CAAYiD,YAAY,EAAY,WAAA,CAAA;AACpCH,IAAAA,QAAQ,EAAEM,eAAgB;IAAArG,QAAA,EAAA,cAE1BY,GAAA,CAAC8F,UAAU,EAAA;AACTD,MAAAA,SAAS,EAAC,4DAA4D;AACtEE,MAAAA,SAAS,EAAC,MAAM;MAChB,SAAA1D,EAAAA,EAAAA,CAAAA,MAAA,CAAYiD,YAAY,EAAkB,iBAAA,CAAA;AAC1CrB,MAAAA,KAAK,EAAC,OAAO;AAAA7E,MAAAA,QAAA,EAEZmF,KAAAA;AAAK,KACI,CAAC,eACbvE,GAAA,CAAC8F,UAAU,EAAA;AACTD,MAAAA,SAAS,EAAC,gEAAgE;AAC1EE,MAAAA,SAAS,EAAC,MAAM;MAChB,SAAA1D,EAAAA,EAAAA,CAAAA,MAAA,CAAYiD,YAAY,EAAkB,iBAAA,CAAA;AAC1CrB,MAAAA,KAAK,EAAC,OAAO;MAAA7E,QAAA,EAEZwF,eAAe,gBACd5E,GAAA,CAAA,KAAA,EAAA;AAAK6F,QAAAA,SAAS,EAAC,6DAAA;AAA6D,OAAE,CAAC,GAE/EL,WAAW,CAACd,KAAK,CAAA;AAClB,KACS,CAAC,CAAA;AAAA,GACK,CAAC,CAAA;AAEzB,CAAC;;;;AC1DD,IAAMsB,MAAK,GAAG,SAARA,KAAKA,CAAAhH,IAAA,EAAA;AAAA,EAAA,IAAMiH,KAAK,GAAAjH,IAAA,CAALiH,KAAK;IAAAC,oBAAA,GAAAlH,IAAA,CAAEmH,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA;IAAEtB,eAAe,GAAA5F,IAAA,CAAf4F,eAAe,CAAA;AAAA,EAAA,oBAC9D5E,GAAA,CAAA,KAAA,EAAA;AACE6F,IAAAA,SAAS,EAAC,0CAA0C;AACpD,IAAA,SAAA,EAAQ,0BAA0B;AAAAzG,IAAAA,QAAA,EAEjC6G,KAAK,CAACG,MAAM,CAAC9D,mBAAmB,CAAC,CAAC+D,GAAG,CAAC,UAACC,OAAO,EAAEC,QAAQ,EAAA;AAAA,MAAA,IAAAC,WAAA,CAAA;MAAA,oBACvDb,IAAA,CAACc,QAAQ,EAAA;AAAArH,QAAAA,QAAA,EACPY,cAAAA,GAAA,CAACsE,OAAO,EAAAxE,eAAA,CAAAA,eAAA,CAAAA,EAAAA,EAAAA,eAAA,CAAAA,eAAA,KACGwG,OAAO,CAAA,EAAA,EAAA,EAAA;AAAE1B,UAAAA,eAAe,EAAfA,eAAAA;AAAe,SAAA,CAAA,CAAA,EAAA,EAAA,EAAA;UACjCzF,IAAI,EAAEmH,OAAO,CAACnH,IAAK;UACnBgG,QAAQ,EAAEmB,OAAO,CAACnB,QAAS;AAC3BR,UAAAA,eAAe,EAAElB,SAAS,CAAC6C,OAAO,CAACI,IAAI,CAAE;AACzCxH,UAAAA,EAAE,EAAAsH,CAAAA,WAAA,GAAEF,OAAO,CAACpH,EAAE,MAAAsH,IAAAA,IAAAA,WAAA,KAAAA,KAAAA,CAAAA,GAAAA,WAAA,GAAIF,OAAO,CAACK,IAAAA;AAAK,SAAA,CAChC,CAAC,EACDR,eAAe,IAAI1C,SAAS,CAAC6C,OAAO,CAACL,KAAK,CAAC,iBAC1CN,IAAA,CAAAiB,UAAA,EAAA;UAAAxH,QAAA,EAAA,cACEY,GAAA,CAAC6G,MAAK,EAAA;AAAOV,YAAAA,eAAe,EAAfA,eAAe;YAAIF,KAAK,EAAEK,OAAO,CAACL,KAAAA;WAAQ,CAAC,EACvDA,KAAK,CAACa,MAAM,GAAG,CAAC,KAAKP,QAAQ,iBAC5BvG,GAAA,CAAA,IAAA,EAAA;AAAI6F,YAAAA,SAAS,EAAC,6DAAA;AAA6D,WAAE,CAC9E,CAAA;AAAA,SACD,CACH,CAAA;AAAA,OAAA,EAfYU,QAgBL,CAAC,CAAA;KACZ,CAAA;AAAC,GACC,CAAC,CAAA;AAAA;;;;;ACtBR,IAAMQ,YAAY,GAAG,SAAfA,YAAYA,CAAA/H,IAAA,EAKZ;AAAA,EAAA,IAAAgI,YAAA,GAAAhI,IAAA,CAJJiI,OAAO;IAAPA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA;AAAEzC,MAAAA,KAAK,EAAE,EAAE;AAAE0B,MAAAA,KAAK,EAAE,EAAE;AAAEvC,MAAAA,kBAAkB,EAAE,KAAA;AAAM,KAAC,GAAAsD,YAAA;IAC7DE,YAAY,GAAAlI,IAAA,CAAZkI,YAAY;IACZC,kBAAkB,GAAAnI,IAAA,CAAlBmI,kBAAkB;IAClBC,QAAQ,GAAApI,IAAA,CAARoI,QAAQ,CAAA;AAER,EAAA,IAAMC,OAAO,GAAGC,UAAU,EAAE,CAAA;AAC5B,EAAA,IAAQ/C,KAAK,GAA+C0C,OAAO,CAA3D1C,KAAK;IAAE0B,KAAK,GAAwCgB,OAAO,CAApDhB,KAAK;IAAEvC,kBAAkB,GAAoBuD,OAAO,CAA7CvD,kBAAkB;AAAK6D,IAAAA,UAAU,GAAAjI,wBAAA,CAAK2H,OAAO,EAAA1H,SAAA,CAAA,CAAA;AAEnE,EAAA,IAAMiI,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAGC,CAAC,EAAI;IACjCA,CAAC,CAACC,eAAe,EAAE,CAAA;AACnBC,IAAAA,eAAe,CAACN,OAAO,EAAED,QAAQ,EAAEK,CAAC,CAAC,CAAA;GACtC,CAAA;AAED,EAAA,oBACE9B,IAAA,CAAA,KAAA,EAAA;AACEE,IAAAA,SAAS,EAAC,kHAAkH;AAC5H,IAAA,SAAA,EAAQ,yBAAyB;AAAAzG,IAAAA,QAAA,EAEjCuG,cAAAA,IAAA,CAAA7F,KAAAA,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACE+F,MAAAA,SAAS,EAAC,oIAAoI;AAC9I+B,MAAAA,OAAO,EAAEV,YAAAA;KAAapH,EAAAA,aAAA,KACb+H,IAAI,CAAC,CAAC,MAAM,CAAC,EAAEN,UAAU,CAAC,CAAA,CAAA,EAAA,EAAA,EAAA;MAAAnI,QAAA,EAAA,CAElCsE,kBAAkB,iBACjBiC,IAAA,CAAA,MAAA,EAAA;AAAME,QAAAA,SAAS,EAAC,2DAA2D;QAAAzG,QAAA,EAAA,cACzEY,GAAA,CAAC8H,MAAM,EAAA;AACL,UAAA,SAAA,EAAA,EAAA,CAAAzF,MAAA,CAAY0F,SAAS,CAACxD,KAAK,CAAC,EAAkB,iBAAA,CAAA;UAC9C,aAAAlC,EAAAA,EAAAA,CAAAA,MAAA,CAAgBkC,KAAK,EAAkB,iBAAA,CAAA;AACvCyD,UAAAA,IAAI,EAAEC,IAAK;AACXhE,UAAAA,KAAK,EAAC,MAAM;AACZ2D,UAAAA,OAAO,EAAEJ,qBAAAA;SACV,CAAC,eACFxH,GAAA,CAAA,MAAA,EAAA;AAAM6F,UAAAA,SAAS,EAAC,cAAc;AAAAzG,UAAAA,QAAA,EAAC,GAAA;AAAC,SAAM,CAAC,CAAA;AAAA,OACnC,CACP,eACDY,GAAA,CAAC8F,UAAU,EAAA;AACTC,QAAAA,SAAS,EAAC,MAAM;AAChB9B,QAAAA,KAAK,EAAC,OAAO;AACb4B,QAAAA,SAAS,EAAEqC,UAAU,CAAC,qCAAqC,EAAAC,eAAA,CAAA;AACzD,UAAA,gDAAgD,EAC9CzE,kBAAAA;AAAkB,SAAA,EACnB,MAAM,EAAGyD,kBAAkB,CAC7B,CAAE;AAAA/H,QAAAA,QAAA,EAEFmF,KAAAA;AAAK,OACI,CAAC,CAAA;AAAA,KAAA,CACV,CAAC,EACL0B,KAAK,iBAAIjG,GAAA,CAACgG,MAAK,EAAA;AAAOC,MAAAA,KAAK,EAALA,KAAK;MAAIE,eAAe,EAAA,IAAA;AAAA,KAAE,CAAC,CAAA;AAAA,GAC/C,CAAC,CAAA;AAEV;;;;;AC7DA,IAAMiC,OAAO,GAAG,SAAVA,OAAOA,CAAApJ,IAAA,EAAA;AAAA,EAAA,IAAMiF,KAAK,GAAAjF,IAAA,CAALiF,KAAK,CAAA;AAAA,EAAA,oBACtBjE,GAAA,CAAA,KAAA,EAAA;AAAWiE,IAAAA,KAAK,EAALA,KAAK;AAAIoE,IAAAA,MAAM,EAAC,IAAI;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,KAAK,EAAC,IAAI;AAAAnJ,IAAAA,QAAA,eAC5DY,GAAA,CAAA,MAAA,EAAA;AACEwI,MAAAA,CAAC,EAAC,y5BAAy5B;AAC35BC,MAAAA,IAAI,EAAC,cAAA;KACN,CAAA;AAAC,GACC,CAAC,CAAA;AAAA;;;;"}

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-DfSoxXBs.js';
+import { S as SelectedLink, C as Chevron } from './Chevron-CFpCkNj1.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/dist/Sidebar.js

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { memo, useState, Fragment, useEffect, useMemo } from 'react';
+import { memo, useState, Fragment, useRef, useEffect, useMemo } from 'react';
 import classnames from 'classnames';
 import { capitalize, isPresent, hyphenate, isNotEmpty, findBy } from '@bigbinary/neeto-cist';
 import useFetchNeetoApps from '@bigbinary/neeto-commons-frontend/react-utils/useFetchNeetoApps';
@@ -10,7 +10,7 @@ import Typography from '@bigbinary/neetoui/Typography';
 import { not, is, findLast } from 'ramda';
 import { useTranslation } from 'react-i18next';
 import { Link, useLocation, useHistory } from 'react-router-dom';
-import { f as filterByPermissions, a as CheckPointNavLinks, _ as _Items, b as SELECTED_NAV_LINK_ROUTE_STORAGE_KEY, g as getSidebarStateLocalStorageKey, D as DEFAULT_HOME_PATH, S as SelectedLink, C as Chevron, c as getActiveConfigurePageLink } from './Chevron-DfSoxXBs.js';
+import { f as filterByPermissions, a as CheckPointNavLinks, _ as _Items, b as SELECTED_NAV_LINK_ROUTE_STORAGE_KEY, g as getSidebarStateLocalStorageKey, c as SIDEBAR_WIDTH_KEY, D as DEFAULT_SIDEBAR_WIDTH, d as DEFAULT_HOME_PATH, S as SelectedLink, C as Chevron, e as enableDraggingStyles, h as disableDraggingStyles, i as getActiveConfigurePageLink, M as MIN_SIDEBAR_WIDTH, j as MAX_SIDEBAR_WIDTH } from './Chevron-CFpCkNj1.js';
 import Neeto from '@bigbinary/neeto-icons/typeface-logos/Neeto';
 import * as AppIcons from '@bigbinary/neeto-icons/typeface-logos';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
@@ -157,7 +157,9 @@ var Sidebar = function Sidebar(_ref) {
     _ref$isCountsLoading = _ref.isCountsLoading,
     isCountsLoading = _ref$isCountsLoading === void 0 ? false : _ref$isCountsLoading,
     _ref$showWorkspaceNam = _ref.showWorkspaceName,
-    showWorkspaceName = _ref$showWorkspaceNam === void 0 ? false : _ref$showWorkspaceNam;
+    showWorkspaceName = _ref$showWorkspaceNam === void 0 ? false : _ref$showWorkspaceNam,
+    _ref$isExpandable = _ref.isExpandable,
+    isExpandable = _ref$isExpandable === void 0 ? false : _ref$isExpandable;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isSidebarPaneOpen = _useState2[0],
@@ -170,6 +172,14 @@ var Sidebar = function Sidebar(_ref) {
     _useLocalStorage4 = _slicedToArray(_useLocalStorage3, 2),
     isSidebarCollapsed = _useLocalStorage4[0],
     setIsSidebarCollapsed = _useLocalStorage4[1];
+  var _useLocalStorage5 = useLocalStorage(SIDEBAR_WIDTH_KEY, "".concat(DEFAULT_SIDEBAR_WIDTH, "px")),
+    _useLocalStorage6 = _slicedToArray(_useLocalStorage5, 2),
+    sidebarWidth = _useLocalStorage6[0],
+    setSidebarWidth = _useLocalStorage6[1];
+  var sidebarRef = useRef(null);
+  var isMouseDownRef = useRef(false);
+  var startXRef = useRef(null);
+  var startWidthRef = useRef(null);
   var location = useLocation();
   var history = useHistory();
   var _useTranslation = useTranslation(),
@@ -203,6 +213,41 @@ var Sidebar = function Sidebar(_ref) {
       return window.removeEventListener("resize", handleResize);
     };
   }, []);
+  useEffect(function () {
+    if (!isExpandable) return undefined;
+    var handle = document.querySelector(".neeto-molecules-sidebar__resize-handle");
+    if (!handle) return undefined;
+    var onMouseDown = function onMouseDown(e) {
+      var _sidebarRef$current;
+      isMouseDownRef.current = true;
+      startXRef.current = e.clientX;
+      startWidthRef.current = ((_sidebarRef$current = sidebarRef.current) === null || _sidebarRef$current === void 0 ? void 0 : _sidebarRef$current.getBoundingClientRect().width) || DEFAULT_SIDEBAR_WIDTH;
+      enableDraggingStyles();
+    };
+    var onMouseMove = function onMouseMove(e) {
+      if (!isMouseDownRef.current) return;
+      var dx = e.clientX - startXRef.current;
+      var newWidth = startWidthRef.current + dx;
+      newWidth = Math.max(MIN_SIDEBAR_WIDTH, Math.min(newWidth, MAX_SIDEBAR_WIDTH));
+      setSidebarWidth("".concat(newWidth, "px"));
+    };
+    var onMouseUp = function onMouseUp() {
+      if (!isMouseDownRef.current) return;
+      isMouseDownRef.current = false;
+      disableDraggingStyles();
+    };
+    handle.addEventListener("mousedown", onMouseDown);
+    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mouseup", onMouseUp);
+    return function () {
+      handle.removeEventListener("mousedown", onMouseDown);
+      document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseup", onMouseUp);
+    };
+  }, [isExpandable]);
+  useEffect(function () {
+    document.documentElement.style.setProperty("--neeto-molecules-sidebar-width", "".concat(parseInt(sidebarWidth) / 16, "rem"));
+  }, [sidebarWidth]);
   var handleGoBack = function handleGoBack(event) {
     event.preventDefault();
     setSelectedNavLinkRoute(null);
@@ -230,67 +275,75 @@ var Sidebar = function Sidebar(_ref) {
     });
   }, [location.pathname, navLinks]);
   var isSelectedNavLinkVisible = selectedNavLinkRoute && (activeLink === null || activeLink === void 0 ? void 0 : activeLink.to) === selectedNavLinkRoute && isNotEmpty(navLinks);
-  return /*#__PURE__*/jsxs("div", {
-    "data-testid": "sidebar-container",
-    className: classnames("neeto-molecules-sidebar__wrapper", {
-      "neeto-molecules-sidebar__wrapper--collapsed": isLargerScreen() ? isSidebarCollapsed : not(isSidebarPaneOpen)
-    }),
-    children: [/*#__PURE__*/jsx("div", {
-      className: "neeto-molecules-sidebar__backdrop",
-      onClick: function onClick() {
-        setIsSidebarPaneOpen(false);
-        setSelectedNavLinkRoute(null);
-      }
-    }), /*#__PURE__*/jsxs("div", {
-      "data-cy": "sidebar-wrapper",
-      "data-testid": "sidebar",
-      className: classnames("neeto-molecules-sidebar 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": isPresent(selectedNavLinkRoute)
+  return /*#__PURE__*/jsxs(Fragment$1, {
+    children: [/*#__PURE__*/jsxs("div", {
+      "data-testid": "sidebar-container",
+      ref: sidebarRef,
+      style: {
+        width: isSidebarCollapsed ? "0" : sidebarWidth
+      },
+      className: classnames("neeto-molecules-sidebar__wrapper", {
+        "neeto-molecules-sidebar__wrapper--collapsed": isLargerScreen() ? isSidebarCollapsed : not(isSidebarPaneOpen)
       }),
-      children: [/*#__PURE__*/jsx(Header$1, {
-        customLogo: customLogo,
-        homePath: homePath,
-        clearSettingsNav: function clearSettingsNav() {
-          return setSelectedNavLinkRoute(null);
+      children: [/*#__PURE__*/jsx("div", {
+        className: "neeto-molecules-sidebar__backdrop",
+        onClick: function onClick() {
+          setIsSidebarPaneOpen(false);
+          setSelectedNavLinkRoute(null);
         }
-      }), showWorkspaceName && /*#__PURE__*/jsxs("div", {
-        className: "neeto-ui-bg-gray-100 neeto-molecules-sidebar__workspace-info",
-        children: [/*#__PURE__*/jsx(Typography, {
-          className: "neeto-ui-mb-1",
-          style: "h5",
-          weight: "semibold",
-          children: t("neetoMolecules.sidebar.myWorkspace")
-        }), /*#__PURE__*/jsx(Typography, {
-          className: "neeto-ui-truncate",
-          style: "body2",
-          children: globalProps.organization.name
+      }), /*#__PURE__*/jsxs("div", {
+        "data-cy": "sidebar-wrapper",
+        "data-testid": "sidebar",
+        className: classnames("neeto-molecules-sidebar 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": isPresent(selectedNavLinkRoute)
+        }),
+        children: [/*#__PURE__*/jsx(Header$1, {
+          customLogo: customLogo,
+          homePath: homePath,
+          clearSettingsNav: function clearSettingsNav() {
+            return setSelectedNavLinkRoute(null);
+          }
+        }), showWorkspaceName && /*#__PURE__*/jsxs("div", {
+          className: "neeto-ui-bg-gray-100 neeto-molecules-sidebar__workspace-info",
+          children: [/*#__PURE__*/jsx(Typography, {
+            className: "neeto-ui-mb-1",
+            style: "h5",
+            weight: "semibold",
+            children: t("neetoMolecules.sidebar.myWorkspace")
+          }), /*#__PURE__*/jsx(Typography, {
+            className: "neeto-ui-truncate",
+            style: "body2",
+            children: globalProps.organization.name
+          })]
+        }), isSelectedNavLinkVisible ? /*#__PURE__*/jsx(SelectedLink, {
+          handleGoBack: handleGoBack,
+          homePath: homePath,
+          navLink: activeLink
+        }) : /*#__PURE__*/jsx(Links, {
+          isCountsLoading: isCountsLoading,
+          navLinks: navLinks,
+          setSelectedNavLinkRoute: setSelectedNavLinkRoute
         })]
-      }), isSelectedNavLinkVisible ? /*#__PURE__*/jsx(SelectedLink, {
-        handleGoBack: handleGoBack,
-        homePath: homePath,
-        navLink: activeLink
-      }) : /*#__PURE__*/jsx(Links, {
-        isCountsLoading: isCountsLoading,
-        navLinks: navLinks,
-        setSelectedNavLinkRoute: setSelectedNavLinkRoute
+      }), /*#__PURE__*/jsx(Button, {
+        className: "neeto-molecules-sidebar__toggler",
+        "data-cy": "neeto-molecules-sidebar-toggler",
+        "data-testid": "sidebar-toggleButton",
+        icon: function icon() {
+          return /*#__PURE__*/jsx(Chevron, {});
+        },
+        style: isLargerScreen() ? "text" : "secondary",
+        tooltipProps: {
+          content: isSidebarClosed ? t("neetoMolecules.sidebar.showMenu") : t("neetoMolecules.sidebar.hideMenu"),
+          position: "bottom",
+          touch: ["hold", 500]
+        },
+        onClick: function onClick() {
+          setIsSidebarCollapsed(!isSidebarCollapsed);
+          setIsSidebarPaneOpen(not);
+        }
       })]
-    }), /*#__PURE__*/jsx(Button, {
-      className: "neeto-molecules-sidebar__toggler",
-      "data-cy": "neeto-molecules-sidebar-toggler",
-      "data-testid": "sidebar-toggleButton",
-      icon: function icon() {
-        return /*#__PURE__*/jsx(Chevron, {});
-      },
-      style: isLargerScreen() ? "text" : "secondary",
-      tooltipProps: {
-        content: isSidebarClosed ? t("neetoMolecules.sidebar.showMenu") : t("neetoMolecules.sidebar.hideMenu"),
-        position: "bottom",
-        touch: ["hold", 500]
-      },
-      onClick: function onClick() {
-        setIsSidebarCollapsed(!isSidebarCollapsed);
-        setIsSidebarPaneOpen(not);
-      }
+    }), isExpandable && /*#__PURE__*/jsx("div", {
+      className: "neeto-molecules-sidebar__resize-handle"
     })]
   });
 };