@bigbinary/neeto-molecules 4.0.86 → 4.0.88

package/types/DndTable.d.ts

@@ -0,0 +1,168 @@
+interface DndTableProps<RowData = any> {
+  /**
+   * The data for the rows of the table.
+   */
+  rowData: RowData[];
+  /**
+   * The data for the columns of the table.
+   */
+  columnData: any[];
+  /**
+   * The index of the column to display the overlay for.
+   */
+  overlayColumnIndex?: number;
+  /**
+   * A function that determines if a row is droppable based on checks on the data.
+   */
+  isRowDroppable?: (data: RowData) => boolean;
+  /**
+   * A function that is called when a row is dropped.
+   */
+  onDrop: (active: RowData, over: RowData) => void;
+  [key: string]: any;
+}
+interface UseDndTableProps<RowData = any> {
+  rowData: RowData[];
+  onUpdate: (active: RowData, over: RowData) => void;
+}
+declare const useDndTable: (props: UseDndTableProps<RowData>) => {
+  rowData: RowData[];
+  onDrop: (active: RowData, over: RowData) => void;
+};
+/**
+ *
+ * The DndTable component is a drag-and-drop enabled table that allows users to
+ *
+ * reorder rows by dragging and dropping them. It provides visual feedback during
+ *
+ * drag operations and supports custom overlay rendering.
+ *
+ * The main table component with drag-and-drop functionality built on top of the
+ *
+ * neetoui Table component.
+ *
+ * A custom hook that provides state management and error handling for
+ *
+ * drag-and-drop operations. It automatically handles optimistic updates and
+ *
+ * rollback on errors.
+ *
+ * @example 
+ *
+ * import DndTable, { useDndTable } from "@bigbinary/neeto-molecules/DndTable";
+ * 
+ * const MyComponent = () => {
+ *   const [data, setData] = useState([
+ *     { id: 1, name: "John Doe", email: "john.doe@example.com" },
+ *     { id: 2, name: "Jane Doe", email: "jane.doe@example.com" },
+ *     { id: 3, name: "Alice Smith", email: "alice.smith@example.com" },
+ *     { id: 4, name: "Bob Johnson", email: "bob.johnson@example.com" },
+ *     { id: 5, name: "Carol Williams", email: "carol.williams@example.com" },
+ *     { id: 6, name: "David Brown", email: "david.brown@example.com" },
+ *     { id: 7, name: "Emma Davis", email: "emma.davis@example.com" },
+ *     { id: 8, name: "Frank Miller", email: "frank.miller@example.com" },
+ *     { id: 9, name: "Grace Wilson", email: "grace.wilson@example.com" },
+ *     { id: 10, name: "Henry Moore", email: "henry.moore@example.com" },
+ *     { id: 11, name: "Ivy Taylor", email: "ivy.taylor@example.com" },
+ *     { id: 12, name: "Jack Anderson", email: "jack.anderson@example.com" },
+ *     { id: 13, name: "Kate Thomas", email: "kate.thomas@example.com" },
+ *     { id: 14, name: "Liam Jackson", email: "liam.jackson@example.com" },
+ *     { id: 15, name: "Maya White", email: "maya.white@example.com" },
+ *     { id: 16, name: "Noah Harris", email: "noah.harris@example.com" },
+ *     { id: 17, name: "Olivia Martin", email: "olivia.martin@example.com" },
+ *     { id: 18, name: "Paul Thompson", email: "paul.thompson@example.com" },
+ *     { id: 19, name: "Quinn Garcia", email: "quinn.garcia@example.com" },
+ *     { id: 20, name: "Rachel Martinez", email: "rachel.martinez@example.com" },
+ *     { id: 21, name: "Sam Robinson", email: "sam.robinson@example.com" },
+ *     { id: 22, name: "Tina Clark", email: "tina.clark@example.com" },
+ *     { id: 23, name: "Uma Rodriguez", email: "uma.rodriguez@example.com" },
+ *     { id: 24, name: "Victor Lewis", email: "victor.lewis@example.com" },
+ *     { id: 25, name: "Wendy Lee", email: "wendy.lee@example.com" },
+ *     { id: 26, name: "Xavier Walker", email: "xavier.walker@example.com" },
+ *     { id: 27, name: "Yara Hall", email: "yara.hall@example.com" },
+ *     { id: 28, name: "Zoe Allen", email: "zoe.allen@example.com" },
+ *     { id: 29, name: "Aaron Young", email: "aaron.young@example.com" },
+ *     { id: 30, name: "Bella King", email: "bella.king@example.com" },
+ *   ]);
+ * 
+ *   const { rowData, onDrop } = useDndTable({
+ *     rowData: data,
+ *     onUpdate: async (active, over) => {
+ *       // Make API call to update order, the item is automatically removed from the local state by the hook.
+ *       await updateRowOrder(active.id, over.id);
+ *     },
+ *   });
+ * 
+ *   const columnData = [
+ *     { key: "name", dataIndex: "name", title: "Name" },
+ *     { key: "email", dataIndex: "email", title: "Email" },
+ *   ];
+ * 
+ *   return (
+ *     <DndTable
+ *       rowData={rowData}
+ *       columnData={columnData}
+ *       onDrop={onDrop}
+ *       isRowDroppable={row => row.status !== "archived"}
+ *     />
+ *   );
+ * };
+ * @endexample
+ * You can customize the drag overlay by providing a render function in your
+ *
+ * column configuration:
+ *
+ * @example 
+ *
+ * const columnData = [
+ *   {
+ *     key: "name",
+ *     dataIndex: "name",
+ *     title: "Name",
+ *     render: (value, record) => (
+ *       <div className="flex items-center">
+ *         <Avatar name={record.name} />
+ *         <span className="ml-2">{value}</span>
+ *       </div>
+ *     ),
+ *   },
+ *   { key: "email", dataIndex: "email", title: "Email" },
+ * ];
+ * 
+ * <DndTable
+ *   rowData={rowData}
+ *   columnData={columnData}
+ *   overlayColumnIndex={0} // Use the first column for overlay
+ *   onDrop={onDrop}
+ * />;
+ * @endexample
+ * You can make certain rows non-droppable based on their data:
+ *
+ * @example 
+ *
+ * <DndTable
+ *   rowData={rowData}
+ *   columnData={columnData}
+ *   onDrop={onDrop}
+ *   isRowDroppable={row => {
+ *     // Only allow dropping if row is not locked
+ *     return !row.isLocked;
+ *   }}
+ * />
+ * @endexample
+ * The useDndTable hook automatically handles errors and shows toast
+ *
+ * notifications:
+ *
+ * @example 
+ *
+ * const { rowData, onDrop } = useDndTable({
+ *   rowData: data,
+ *   onUpdate: (active, over) => api.updateOrder(active.id, over.id);
+ *   // Note: Changes to local state are automatically rolled back by the hook on error.
+ * });
+ * @endexample
+*/
+declare const DndTable: <RowData = any>(props: DndTableProps<RowData>) => JSX.Element | null;
+
+export { DndTable as default, useDndTable };

package/dist/Chevron-DXA34GCh.js

@@ -1,263 +0,0 @@
-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-C2dztUxs.js';
-
-var SUB_LINK_TYPES = {
-  SYSTEM_VIEW: "system_view",
-  SEGMENTS: "segments"
-};
-var SELECTED_NAV_LINK_ROUTE_STORAGE_KEY = "selectedNavLinkRoute";
-var DEFAULT_HOME_PATH = "/admin";
-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 PINNED_MORE_NAV_LINKS_KEY = "pinnedMoreNavLinks";
-
-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; }
-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 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,
-    onClick = _ref.onClick,
-    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,
-    onClick: onClick,
-    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), 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 _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,
-          onClick: subItem.onClick
-        })), 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), 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 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;
-  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, DEFAULT_HOME_PATH, 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;top:.5rem}.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;height:100dvh;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;height:calc(100dvh - 7.75rem)!important;overflow-y:auto;padding-bottom:4rem}.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__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;height:calc(100dvh - 8.5rem)!important}@media screen and (max-width:768px){.neeto-molecules-sidebar__configure-page .neeto-molecules-sidebar__links{height:calc(100vh - 5rem)!important;height:calc(100dvh - 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--caret{opacity:0;transition:opacity .3s ease-in-out}.neeto-molecules-sidebar__link-icon--rotate{opacity:1;transform:rotate(90deg)}.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]{color:rgb(var(--neeto-ui-black));outline:none}.neeto-molecules-sidebar__link--hover-active{background-color:rgb(var(--neeto-ui-gray-100))}.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: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);height:calc(100dvh - 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);height:calc(100dvh - 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-200));bottom:0;content:\"\";left:0;position:absolute;top:0;transition:background-color .15s ease-in-out,width .15s ease-in-out;width:0}.neeto-molecules-sidebar__resize-handle:hover:before{background-color:rgb(var(--neeto-ui-gray-400));width:2px}.neeto-molecules-sidebar__resize-handle:active:before{background-color:rgb(var(--neeto-ui-primary-500));width:2px}.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_HOME_PATH as D, MIN_SIDEBAR_WIDTH as M, PINNED_MORE_NAV_LINKS_KEY as P, SelectedLink as S, _Items as _, CheckPointNavLinks as a, SELECTED_NAV_LINK_ROUTE_STORAGE_KEY as b, SIDEBAR_WIDTH_KEY as c, DEFAULT_SIDEBAR_WIDTH as d, enableDraggingStyles as e, filterByPermissions as f, getSidebarStateLocalStorageKey as g, disableDraggingStyles as h, getActiveConfigurePageLink as i, MAX_SIDEBAR_WIDTH as j };
-//# sourceMappingURL=Chevron-DXA34GCh.js.map