@elliemae/ds-left-navigation 3.60.0-next.4 → 3.60.0-next.41

package/dist/types/exported-related/index.d.ts

@@ -1,6 +1,5 @@
-export * from './constants.js';
-export * from './ItemRenderer/index.js';
-export * from './ChevronItem/index.js';
-export * from './Notifications/index.js';
-export * from './OpenWindowItem/index.js';
-export * from './Icon/index.js';
+export { ItemRenderer } from './ItemRenderer/index.js';
+export { ChevronItem } from './ChevronItem/index.js';
+export { Notifications } from './Notifications/index.js';
+export { OpenWindow } from './OpenWindowItem/index.js';
+export { Icon } from './Icon/index.js';

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 import { LeftNavigation } from './LeftNavigation.js';
 export default LeftNavigation;
-export { LeftNavItemPropsSchema, LeftNavItemOptionsSchema, type DSLeftNavigationT } from './react-desc-prop-types.js';
+export { CHEVRON_BACK_DS_ID, DSLeftNavigationName, DSLeftNavigationSlots, FOOTER_DS_ID, FOOTER_MENU_CLOSE_DS_ID, ITEM_TYPES, LABEL_OVERFLOW, LEFT_NAVIGATION_DATA_TESTID, LEFT_NAVIGATION_REGION_FOCUSES, LEFT_NAVIGATION_SLOTS, MAP_ITEMS_TO_SKELETON, } from './constants/index.js';
+export { ChevronItem, Icon, ItemRenderer, Notifications, OpenWindow } from './exported-related/index.js';
 export { LeftNavigation, LeftNavigationWithSchema } from './LeftNavigation.js';
-export * from './exported-related/index.js';
-export { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS, LEFT_NAVIGATION_REGION_FOCUSES, LEFT_NAVIGATION_DATA_TESTID, DSLeftNavigationSlots, } from './constants/constants.js';
+export { DSLeftNavigationItemPropTypesSchema, DSLeftNavigationPropTypesSchema, LeftNavItemOptionsSchema, LeftNavItemPropsSchema, type DSLeftNavigationT, } from './react-desc-prop-types.js';

package/dist/types/outOfTheBox/ItemSkeleton/index.d.ts

@@ -1,5 +1,5 @@
 import type { DSLeftNavigationT } from '../../react-desc-prop-types.js';
-interface SkeletonPropsT {
+interface SkeletonPropsT extends DSLeftNavigationT.ComponentProps {
     item: DSLeftNavigationT.ComponentProps['item'];
     hasBorderBottom?: boolean;
 }

package/dist/types/outOfTheBox/index.d.ts

@@ -1,7 +1,6 @@
 import type React from 'react';
 import type { DSLeftNavigationT } from '../react-desc-prop-types.js';
 export * from './ItemControlledDrilldown/index.js';
-export * from './ItemUncontrolledDrilldown/index.js';
 export * from './ItemHeader/index.js';
 export * from './ItemLink/index.js';
 export * from './ItemSection/index.js';
@@ -9,6 +8,6 @@ export * from './ItemSeparator/index.js';
 export * from './ItemSkeleton/index.js';
 export * from './ItemSubmenu/index.js';
 export * from './ItemTextLabel/index.js';
+export * from './ItemUncontrolledDrilldown/index.js';
 export * from './ItemWithDate/index.js';
-export declare const outOfTheBoxTypes: string[];
 export declare const outOfTheBoxComponents: Record<string, React.ComponentType<DSLeftNavigationT.ComponentProps>>;

package/dist/types/react-desc-prop-types.d.ts

@@ -1,10 +1,47 @@
-import type { WeakValidationMap } from 'react';
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
 import { type Theme } from '@elliemae/ds-system';
-import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
+import type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DSLeftNavigationName, LEFT_NAVIGATION_SLOTS } from './constants/index.js';
 import type { ContextProps } from './LeftNavigationContext.js';
 type ColorsKey = keyof Theme['colors'];
 export declare namespace DSLeftNavigationT {
+    type SlotFunctionArguments = {
+        dsLeftnavigationAlertsIcon: () => object;
+        dsLeftnavigationAreasContainer: () => object;
+        dsLeftnavigationArrowContainer: () => object;
+        dsLeftnavigationBodyAreasContainer: () => object;
+        dsLeftnavigationBodyHeaderArea: () => object;
+        dsLeftnavigationBodyItemsArea: () => object;
+        dsLeftnavigationBottomContainer: () => object;
+        dsLeftnavigationCollapsedContainer: () => object;
+        dsLeftnavigationExceptionsIcon: () => object;
+        dsLeftnavigationFooterItem: () => object;
+        dsLeftnavigationFooterLabel: () => object;
+        dsLeftnavigationFooterMenu: () => object;
+        dsLeftnavigationFooterMenuCollapse: () => object;
+        dsLeftnavigationFooterSeparator: () => object;
+        dsLeftnavigationHeaderArea: () => object;
+        dsLeftnavigationItem: () => object;
+        dsLeftnavigationItemBorderBottom: () => object;
+        dsLeftnavigationItemChevronBack: () => object;
+        dsLeftnavigationItemDate: () => object;
+        dsLeftnavigationItemLabel: () => object;
+        dsLeftnavigationItemSeparator: () => object;
+        dsLeftnavigationLeftContainer: () => object;
+        dsLeftnavigationLoaderWrapper: () => object;
+        dsLeftnavigationMessagesIcon: () => object;
+        dsLeftnavigationNotificationsContainer: () => object;
+        dsLeftnavigationNotificationsIcon: () => object;
+        dsLeftnavigationRightContainer: () => object;
+        dsLeftnavigationRoot: () => object;
+        dsLeftnavigationSectionContainer: () => object;
+        dsLeftnavigationSectionLabel: () => object;
+        dsLeftnavigationSectionRightLabel: () => object;
+        dsLeftnavigationVerticalSeparator: () => object;
+    };
     type LabelOveflowT = 'wrap' | 'wrapAll' | 'truncate';
+    interface RequiredProps {
+    }
     interface DefaultProps {
         expanded: boolean;
         expandedWidth: string;
@@ -21,7 +58,7 @@ export declare namespace DSLeftNavigationT {
         isSkeleton: boolean;
         hideFooterPipe: boolean;
     }
-    interface OptionalProps {
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSLeftNavigationName, typeof LEFT_NAVIGATION_SLOTS> {
         FooterLabelComponent?: React.ComponentType<unknown>;
         selectedItem?: string | null;
         selectedParent?: string | null;
@@ -33,9 +70,9 @@ export declare namespace DSLeftNavigationT {
         HeaderComponent?: GenericItemItemProps;
         BodyHeaderComponent?: GenericItemItemProps;
     }
-    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>, XstyledProps {
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps, RequiredProps {
     }
-    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>, XstyledProps {
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps, RequiredProps {
     }
     type OutOfTheBoxT = 'ds-left-nav-item-header' | 'ds-left-nav-item-link' | 'ds-left-nav-item-submenu' | 'ds-left-nav-item-controlled-drilldown' | 'ds-left-nav-item-uncontrolled-drilldown' | 'ds-left-nav-item-section' | 'ds-left-nav-item-separator' | 'ds-left-nav-item-text-label' | 'ds-left-nav-item-with-date';
     interface ItemOptsT extends Record<string, unknown> {
@@ -89,14 +126,11 @@ export declare namespace DSLeftNavigationT {
         children: React.ReactNode;
     }
 }
-export declare const leftNavItemProps: {
-    type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    dsId: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    Component: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    CollapsedComponent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    itemOpts: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-};
-export declare const leftNavigationProps: WeakValidationMap<DSLeftNavigationT.Props>;
+export declare const defaultProps: DSLeftNavigationT.DefaultProps;
+export declare const DSLeftNavigationPropTypes: DSPropTypesSchema<DSLeftNavigationT.Props>;
+export declare const DSLeftNavigationPropTypesSchema: ValidationMap<DSLeftNavigationT.Props>;
+export declare const DSLeftNavigationItemPropTypes: DSPropTypesSchema<DSLeftNavigationT.GenericItemItemProps>;
+export declare const DSLeftNavigationItemPropTypesSchema: ValidationMap<DSLeftNavigationT.GenericItemItemProps>;
 export declare const LeftNavItemPropsSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<unknown>;
 export declare const LeftNavItemOptionsSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<unknown>;
 export {};

package/dist/types/tests/LeftNavigation.exports.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/typescript-testing/slot-props.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-left-navigation",
-  "version": "3.60.0-next.4",
+  "version": "3.60.0-next.41",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Left Navigation",
   "files": [
@@ -31,41 +31,39 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
-  "scripts": {
-    "test": "pui-cli test --passWithNoTests --coverage=\"false\"",
-    "lint": "node ../../../scripts/lint.mjs --fix",
-    "lint:strict": "node ../../../scripts/lint-strict.mjs",
-    "dts": "node ../../../scripts/dts.mjs",
-    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
-    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
-    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
-  },
   "publishConfig": {
     "access": "public",
     "typeSafety": false
   },
   "dependencies": {
-    "@elliemae/ds-button-v2": "3.60.0-next.4",
-    "@elliemae/ds-circular-progress-indicator": "3.60.0-next.4",
-    "@elliemae/ds-grid": "3.60.0-next.4",
-    "@elliemae/ds-icons": "3.60.0-next.4",
-    "@elliemae/ds-props-helpers": "3.60.0-next.4",
-    "@elliemae/ds-skeleton": "3.60.0-next.4",
-    "@elliemae/ds-system": "3.60.0-next.4",
-    "@elliemae/ds-truncated-tooltip-text": "3.60.0-next.4"
+    "@elliemae/ds-button-v2": "3.60.0-next.41",
+    "@elliemae/ds-circular-progress-indicator": "3.60.0-next.41",
+    "@elliemae/ds-icons": "3.60.0-next.41",
+    "@elliemae/ds-props-helpers": "3.60.0-next.41",
+    "@elliemae/ds-skeleton": "3.60.0-next.41",
+    "@elliemae/ds-grid": "3.60.0-next.41",
+    "@elliemae/ds-system": "3.60.0-next.41",
+    "@elliemae/ds-truncated-tooltip-text": "3.60.0-next.41"
   },
   "devDependencies": {
-    "@elliemae/ds-monorepo-devops": "3.60.0-next.4",
-    "@elliemae/ds-test-utils": "3.60.0-next.4",
-    "@elliemae/pui-cli": "catalog:",
-    "jest": "catalog:",
-    "styled-components": "catalog:"
+    "jest": "^30.0.0",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-monorepo-devops": "3.60.0-next.41",
+    "@elliemae/ds-test-utils": "3.60.0-next.41"
   },
   "peerDependencies": {
-    "lodash-es": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:",
-    "styled-components": "catalog:"
+    "lodash-es": "^4.17.21",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "styled-components": "~5.3.9"
   },
-  "gitHead": "bcc10d7a07fb79a164f583f4e25438ca936aa656"
-}
+  "scripts": {
+    "test": "ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
+    "lint": "node ../../../scripts/lint.mjs --fix",
+    "lint:strict": "node ../../../scripts/lint-strict.mjs",
+    "dts": "node ../../../scripts/dts.mjs",
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}

package/dist/cjs/configs/useLeftNavConfig.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/configs/useLeftNavConfig.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { DSLeftNavigationT } from '../react-desc-prop-types.js';\nimport { defaultProps } from '../LeftNavigationContext.js';\n// import { leftNavigationProps } from '../react-desc-prop-types.js';\n// import { DSLeftNavigationName } from '../constants/constants.js';\nimport useLeftNavItems from './useLeftNavItems.js';\nimport { useLeftNavSmoothExpand } from './useLeftNavSmoothExpand.js';\nimport { useSelectFirstBodyItem } from '../hooks/useSelectFirstBodyItem.js';\n\nexport const useLeftNavConfig = (props: DSLeftNavigationT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSLeftNavigationT.InternalProps>(props, defaultProps);\n  // useValidateTypescriptPropTypes(propsWithDefaults, leftNavigationProps, DSLeftNavigationName);\n  const { expanded, openedItem, onSelectedChange, onFocusChange, items } = propsWithDefaults;\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                         INTERNAL STATE                         *\n  // ************************** ------------ **************************\n  // Selection related\n  const [selectedItem, setSelectedItem] = React.useState<string | null>(null);\n  const [selectedParent, setSelectedParent] = React.useState<string | null>(null);\n  // Focus related\n  const [focusedItem, setFocusedItem] = React.useState<string | null>(null);\n  // Opened uncontrolled drilldowns\n  const [openedDrilldowns, setOpenedDrilldowns] = React.useState<string[]>([]);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                        EXPAND ANIMATION                        *\n  // ************************** ------------ **************************\n  const [expandedForAnimation, setExpandedForAnimation] = React.useState(expanded);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout>>(null);\n  const smoothExpandOpts = React.useMemo(\n    () => ({\n      expandedForAnimation,\n      timeoutRef,\n      setExpandedForAnimation,\n    }),\n    [expandedForAnimation, timeoutRef, setExpandedForAnimation],\n  );\n  useLeftNavSmoothExpand(propsWithDefaults, smoothExpandOpts);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                          SIDE EFFECTS                          *\n  // ************************** ------------ **************************\n  React.useEffect(() => {\n    if (onSelectedChange) onSelectedChange(selectedItem);\n  }, [selectedItem, onSelectedChange]);\n\n  React.useEffect(() => {\n    if (propsWithDefaults.actionRef && propsWithDefaults.actionRef.current) {\n      propsWithDefaults.actionRef.current.setFocusedItem = setFocusedItem;\n    }\n  }, [propsWithDefaults.actionRef]);\n\n  React.useEffect(() => {\n    if (openedItem) setSelectedParent(openedItem);\n  }, [openedItem]);\n\n  React.useEffect(() => {\n    if (onFocusChange) onFocusChange(focusedItem);\n  }, [focusedItem, onFocusChange]);\n\n  useSelectFirstBodyItem(\n    items ?? [],\n    openedItem ?? '',\n    propsWithDefaults.selectedItem !== undefined ? propsWithDefaults.selectedItem : selectedItem,\n    setSelectedItem,\n    propsWithDefaults.disableDefaultSelection,\n  );\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                        ITEMS MANAGEMENT                        *\n  // ************************** ------------ **************************\n\n  const leftNavItemsProps = React.useMemo(\n    () => ({\n      headerItem: propsWithDefaults.HeaderComponent,\n      bodyHeaderItem: propsWithDefaults.BodyHeaderComponent,\n      items: propsWithDefaults.items,\n      openedDrilldowns,\n    }),\n    [\n      propsWithDefaults.HeaderComponent,\n      propsWithDefaults.BodyHeaderComponent,\n      propsWithDefaults.items,\n      openedDrilldowns,\n    ],\n  );\n\n  // We need to know the current visible items since we have drilldowns\n  const { visibleItems, visibleItemsRefs } = useLeftNavItems(leftNavItemsProps);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                         LEFTNAV CONFIG                         *\n  // ************************** ------------ **************************\n  return React.useMemo(\n    () => ({\n      leftNavProps: propsWithDefaults,\n      expandedForAnimation,\n      selectedItem: propsWithDefaults.selectedItem !== undefined ? propsWithDefaults.selectedItem : selectedItem,\n      setSelectedItem,\n      selectedParent:\n        propsWithDefaults.selectedParent !== undefined ? propsWithDefaults.selectedParent : selectedParent,\n      setSelectedParent,\n      focusedItem,\n      setFocusedItem,\n      openedDrilldowns,\n      setOpenedDrilldowns,\n      visibleItems,\n      visibleItemsRefs,\n    }),\n    [\n      propsWithDefaults,\n      expandedForAnimation,\n      selectedItem,\n      selectedParent,\n      focusedItem,\n      openedDrilldowns,\n      visibleItems,\n      visibleItemsRefs,\n    ],\n  );\n};\n\nexport default useLeftNavConfig;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAA6C;AAE7C,mCAA6B;AAG7B,6BAA4B;AAC5B,oCAAuC;AACvC,oCAAuC;AAEhC,MAAM,mBAAmB,CAAC,UAAmC;AAClE,QAAM,wBAAoB,sDAA8D,OAAO,yCAAY;AAE3G,QAAM,EAAE,UAAU,YAAY,kBAAkB,eAAe,MAAM,IAAI;AAOzE,QAAM,CAAC,cAAc,eAAe,IAAI,aAAAA,QAAM,SAAwB,IAAI;AAC1E,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,aAAAA,QAAM,SAAwB,IAAI;AAE9E,QAAM,CAAC,aAAa,cAAc,IAAI,aAAAA,QAAM,SAAwB,IAAI;AAExE,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,aAAAA,QAAM,SAAmB,CAAC,CAAC;AAM3E,QAAM,CAAC,sBAAsB,uBAAuB,IAAI,aAAAA,QAAM,SAAS,QAAQ;AAC/E,QAAM,aAAa,aAAAA,QAAM,OAAsC,IAAI;AACnE,QAAM,mBAAmB,aAAAA,QAAM;AAAA,IAC7B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,sBAAsB,YAAY,uBAAuB;AAAA,EAC5D;AACA,4DAAuB,mBAAmB,gBAAgB;AAM1D,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,iBAAkB,kBAAiB,YAAY;AAAA,EACrD,GAAG,CAAC,cAAc,gBAAgB,CAAC;AAEnC,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,kBAAkB,aAAa,kBAAkB,UAAU,SAAS;AACtE,wBAAkB,UAAU,QAAQ,iBAAiB;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,kBAAkB,SAAS,CAAC;AAEhC,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,WAAY,mBAAkB,UAAU;AAAA,EAC9C,GAAG,CAAC,UAAU,CAAC;AAEf,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,cAAe,eAAc,WAAW;AAAA,EAC9C,GAAG,CAAC,aAAa,aAAa,CAAC;AAE/B;AAAA,IACE,SAAS,CAAC;AAAA,IACV,cAAc;AAAA,IACd,kBAAkB,iBAAiB,SAAY,kBAAkB,eAAe;AAAA,IAChF;AAAA,IACA,kBAAkB;AAAA,EACpB;AAOA,QAAM,oBAAoB,aAAAA,QAAM;AAAA,IAC9B,OAAO;AAAA,MACL,YAAY,kBAAkB;AAAA,MAC9B,gBAAgB,kBAAkB;AAAA,MAClC,OAAO,kBAAkB;AAAA,MACzB;AAAA,IACF;AAAA,IACA;AAAA,MACE,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAGA,QAAM,EAAE,cAAc,iBAAiB,QAAI,uBAAAC,SAAgB,iBAAiB;AAM5E,SAAO,aAAAD,QAAM;AAAA,IACX,OAAO;AAAA,MACL,cAAc;AAAA,MACd;AAAA,MACA,cAAc,kBAAkB,iBAAiB,SAAY,kBAAkB,eAAe;AAAA,MAC9F;AAAA,MACA,gBACE,kBAAkB,mBAAmB,SAAY,kBAAkB,iBAAiB;AAAA,MACtF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,2BAAQ;",
-  "names": ["React", "useLeftNavItems"]
-}

package/dist/cjs/configs/useLeftNavItems.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/configs/useLeftNavItems.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport type { MutableRefObject, RefObject } from 'react';\nimport { createRef, useMemo, useRef } from 'react';\nimport { ITEM_TYPES } from '../exported-related/index.js';\nimport type { DSLeftNavigationT } from '../react-desc-prop-types.js';\nimport { FOOTER_DS_ID } from '../exported-related/constants.js';\n\nconst notFocuseableItems = [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, ITEM_TYPES.LEFT_NAV_ITEM_SECTION];\n\n// Walks the array of items\n// Drilldowns are tree-like structures\nconst walkItems = (\n  items: DSLeftNavigationT.GenericItemItemProps[],\n  openedDrilldowns: string[],\n  callback: (dsId: string) => void,\n) => {\n  items.forEach((item) => {\n    if (typeof item.type === 'string' && item.dsId) {\n      // Out of the box item\n      if (notFocuseableItems.includes(item.type)) return; // not focuseable\n\n      callback(item.dsId);\n\n      // If it's an opened uncontrolled drilldown\n      if (item.type === ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN && openedDrilldowns.includes(item.dsId))\n        walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n\n      // If it's an opened controlled drilldown\n      if (item.type === ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN && item.itemOpts?.isOpened)\n        walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n    } else if (item.dsId) {\n      // Custom item\n      if (!item.itemOpts?.focuseable) return; // not focuseable specified\n      callback(item.dsId);\n    }\n  });\n};\n\nexport const useLeftNavItems = (props: {\n  headerItem?: DSLeftNavigationT.GenericItemItemProps;\n  bodyHeaderItem?: DSLeftNavigationT.GenericItemItemProps;\n  items?: DSLeftNavigationT.GenericItemItemProps[];\n  openedDrilldowns: string[];\n}): {\n  visibleItems: string[];\n  visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLDivElement>>>;\n} => {\n  const { headerItem, bodyHeaderItem, items: bodyItems, openedDrilldowns } = props;\n\n  // Place the header and body header items into the array of items\n  const items = useMemo(() => {\n    if (!bodyItems) return [];\n    const itemsArray: DSLeftNavigationT.GenericItemItemProps[] = [...bodyItems];\n    if (bodyHeaderItem) itemsArray.unshift(bodyHeaderItem);\n    if (headerItem) itemsArray.unshift(headerItem);\n    return itemsArray;\n  }, [headerItem, bodyHeaderItem, bodyItems]);\n\n  const visibleItemsRefs = useRef<Record<string, RefObject<HTMLDivElement>>>({});\n\n  const visibleItems: string[] = useMemo(() => {\n    const visibleItemsArray: string[] = [];\n    walkItems(items, openedDrilldowns, (dsId: string) => {\n      visibleItemsArray.push(dsId);\n    });\n    visibleItemsArray.push(FOOTER_DS_ID);\n    return visibleItemsArray;\n  }, [items, openedDrilldowns]);\n\n  visibleItems.forEach((dsId) => {\n    if (!(dsId in visibleItemsRefs.current)) visibleItemsRefs.current[dsId] = createRef();\n  });\n\n  return { visibleItems, visibleItemsRefs };\n};\n\nexport default useLeftNavItems;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA2C;AAC3C,8BAA2B;AAE3B,uBAA6B;AAE7B,MAAM,qBAAqB,CAAC,mCAAW,yBAAyB,mCAAW,qBAAqB;AAIhG,MAAM,YAAY,CAChB,OACA,kBACA,aACG;AACH,QAAM,QAAQ,CAAC,SAAS;AACtB,QAAI,OAAO,KAAK,SAAS,YAAY,KAAK,MAAM;AAE9C,UAAI,mBAAmB,SAAS,KAAK,IAAI,EAAG;AAE5C,eAAS,KAAK,IAAI;AAGlB,UAAI,KAAK,SAAS,mCAAW,wCAAwC,iBAAiB,SAAS,KAAK,IAAI;AACtG,kBAAU,KAAK,UAAU,SAAS,CAAC,GAAG,kBAAkB,QAAQ;AAGlE,UAAI,KAAK,SAAS,mCAAW,sCAAsC,KAAK,UAAU;AAChF,kBAAU,KAAK,UAAU,SAAS,CAAC,GAAG,kBAAkB,QAAQ;AAAA,IACpE,WAAW,KAAK,MAAM;AAEpB,UAAI,CAAC,KAAK,UAAU,WAAY;AAChC,eAAS,KAAK,IAAI;AAAA,IACpB;AAAA,EACF,CAAC;AACH;AAEO,MAAM,kBAAkB,CAAC,UAQ3B;AACH,QAAM,EAAE,YAAY,gBAAgB,OAAO,WAAW,iBAAiB,IAAI;AAG3E,QAAM,YAAQ,sBAAQ,MAAM;AAC1B,QAAI,CAAC,UAAW,QAAO,CAAC;AACxB,UAAM,aAAuD,CAAC,GAAG,SAAS;AAC1E,QAAI,eAAgB,YAAW,QAAQ,cAAc;AACrD,QAAI,WAAY,YAAW,QAAQ,UAAU;AAC7C,WAAO;AAAA,EACT,GAAG,CAAC,YAAY,gBAAgB,SAAS,CAAC;AAE1C,QAAM,uBAAmB,qBAAkD,CAAC,CAAC;AAE7E,QAAM,mBAAyB,sBAAQ,MAAM;AAC3C,UAAM,oBAA8B,CAAC;AACrC,cAAU,OAAO,kBAAkB,CAAC,SAAiB;AACnD,wBAAkB,KAAK,IAAI;AAAA,IAC7B,CAAC;AACD,sBAAkB,KAAK,6BAAY;AACnC,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,gBAAgB,CAAC;AAE5B,eAAa,QAAQ,CAAC,SAAS;AAC7B,QAAI,EAAE,QAAQ,iBAAiB,SAAU,kBAAiB,QAAQ,IAAI,QAAI,wBAAU;AAAA,EACtF,CAAC;AAED,SAAO,EAAE,cAAc,iBAAiB;AAC1C;AAEA,IAAO,0BAAQ;",
-  "names": []
-}

package/dist/cjs/exported-related/constants.js

@@ -1,71 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var constants_exports = {};
-__export(constants_exports, {
-  CHEVRON_BACK_DS_ID: () => CHEVRON_BACK_DS_ID,
-  FOOTER_DS_ID: () => FOOTER_DS_ID,
-  FOOTER_MENU_CLOSE_DS_ID: () => FOOTER_MENU_CLOSE_DS_ID,
-  ITEM_TYPES: () => ITEM_TYPES,
-  LABEL_OVERFLOW: () => LABEL_OVERFLOW,
-  MAP_ITEMS_TO_SKELETON: () => MAP_ITEMS_TO_SKELETON
-});
-module.exports = __toCommonJS(constants_exports);
-var React = __toESM(require("react"));
-const LABEL_OVERFLOW = {
-  WRAP: "wrap",
-  WRAP_ALL: "wrapAll",
-  TRUNCATE: "truncate"
-};
-const ITEM_TYPES = {
-  LEFT_NAV_ITEM_HEADER: "ds-left-nav-item-header",
-  LEFT_NAV_ITEM_LINK: "ds-left-nav-item-link",
-  LEFT_NAV_ITEM_SUBMENU: "ds-left-nav-item-submenu",
-  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: "ds-left-nav-item-controlled-drilldown",
-  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: "ds-left-nav-item-uncontrolled-drilldown",
-  LEFT_NAV_ITEM_SECTION: "ds-left-nav-item-section",
-  LEFT_NAV_ITEM_SEPARATOR: "ds-left-nav-item-separator",
-  LEFT_NAV_ITEM_SKELETON: "ds-left-nav-item-skeleton",
-  LEFT_NAV_ITEM_TEXT_LABEL: "ds-left-nav-item-text-label",
-  LEFT_NAV_ITEM_WITH_DATE: "ds-left-nav-item-with-date"
-};
-const MAP_ITEMS_TO_SKELETON = {
-  "ds-left-nav-item-header": "item",
-  "ds-left-nav-item-link": "subitem",
-  "ds-left-nav-item-submenu": "item",
-  "ds-left-nav-item-controlled-drilldown": "subitem",
-  "ds-left-nav-item-uncontrolled-drilldown": "subitem",
-  "ds-left-nav-item-section": "subitem",
-  "ds-left-nav-item-separator": "subitem",
-  "ds-left-nav-item-text-label": "subitem",
-  "ds-left-nav-item-with-date": "subitem"
-};
-const FOOTER_DS_ID = "ds-left-nav-__internal__-footer";
-const FOOTER_MENU_CLOSE_DS_ID = "ds-left-nav-__internal__-footer-menu-close";
-const CHEVRON_BACK_DS_ID = "ds-left-nav-__internal__-chevron-back";
-//# sourceMappingURL=constants.js.map

package/dist/cjs/exported-related/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/exported-related/constants.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const LABEL_OVERFLOW = {\n  WRAP: 'wrap',\n  WRAP_ALL: 'wrapAll',\n  TRUNCATE: 'truncate',\n};\n\nexport const ITEM_TYPES = {\n  LEFT_NAV_ITEM_HEADER: 'ds-left-nav-item-header',\n  LEFT_NAV_ITEM_LINK: 'ds-left-nav-item-link',\n  LEFT_NAV_ITEM_SUBMENU: 'ds-left-nav-item-submenu',\n  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: 'ds-left-nav-item-controlled-drilldown',\n  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: 'ds-left-nav-item-uncontrolled-drilldown',\n  LEFT_NAV_ITEM_SECTION: 'ds-left-nav-item-section',\n  LEFT_NAV_ITEM_SEPARATOR: 'ds-left-nav-item-separator',\n  LEFT_NAV_ITEM_SKELETON: 'ds-left-nav-item-skeleton',\n  LEFT_NAV_ITEM_TEXT_LABEL: 'ds-left-nav-item-text-label',\n  LEFT_NAV_ITEM_WITH_DATE: 'ds-left-nav-item-with-date',\n};\n\nexport const MAP_ITEMS_TO_SKELETON = {\n  'ds-left-nav-item-header': 'item',\n  'ds-left-nav-item-link': 'subitem',\n  'ds-left-nav-item-submenu': 'item',\n  'ds-left-nav-item-controlled-drilldown': 'subitem',\n  'ds-left-nav-item-uncontrolled-drilldown': 'subitem',\n  'ds-left-nav-item-section': 'subitem',\n  'ds-left-nav-item-separator': 'subitem',\n  'ds-left-nav-item-text-label': 'subitem',\n  'ds-left-nav-item-with-date': 'subitem',\n} as const;\n\nexport const FOOTER_DS_ID = 'ds-left-nav-__internal__-footer';\n\nexport const FOOTER_MENU_CLOSE_DS_ID = 'ds-left-nav-__internal__-footer-menu-close';\n\nexport const CHEVRON_BACK_DS_ID = 'ds-left-nav-__internal__-chevron-back';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,MAAM,aAAa;AAAA,EACxB,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,oCAAoC;AAAA,EACpC,sCAAsC;AAAA,EACtC,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,yBAAyB;AAC3B;AAEO,MAAM,wBAAwB;AAAA,EACnC,2BAA2B;AAAA,EAC3B,yBAAyB;AAAA,EACzB,4BAA4B;AAAA,EAC5B,yCAAyC;AAAA,EACzC,2CAA2C;AAAA,EAC3C,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,+BAA+B;AAAA,EAC/B,8BAA8B;AAChC;AAEO,MAAM,eAAe;AAErB,MAAM,0BAA0B;AAEhC,MAAM,qBAAqB;",
-  "names": []
-}

package/dist/esm/configs/useLeftNavConfig.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useLeftNavConfig.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { DSLeftNavigationT } from '../react-desc-prop-types.js';\nimport { defaultProps } from '../LeftNavigationContext.js';\n// import { leftNavigationProps } from '../react-desc-prop-types.js';\n// import { DSLeftNavigationName } from '../constants/constants.js';\nimport useLeftNavItems from './useLeftNavItems.js';\nimport { useLeftNavSmoothExpand } from './useLeftNavSmoothExpand.js';\nimport { useSelectFirstBodyItem } from '../hooks/useSelectFirstBodyItem.js';\n\nexport const useLeftNavConfig = (props: DSLeftNavigationT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSLeftNavigationT.InternalProps>(props, defaultProps);\n  // useValidateTypescriptPropTypes(propsWithDefaults, leftNavigationProps, DSLeftNavigationName);\n  const { expanded, openedItem, onSelectedChange, onFocusChange, items } = propsWithDefaults;\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                         INTERNAL STATE                         *\n  // ************************** ------------ **************************\n  // Selection related\n  const [selectedItem, setSelectedItem] = React.useState<string | null>(null);\n  const [selectedParent, setSelectedParent] = React.useState<string | null>(null);\n  // Focus related\n  const [focusedItem, setFocusedItem] = React.useState<string | null>(null);\n  // Opened uncontrolled drilldowns\n  const [openedDrilldowns, setOpenedDrilldowns] = React.useState<string[]>([]);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                        EXPAND ANIMATION                        *\n  // ************************** ------------ **************************\n  const [expandedForAnimation, setExpandedForAnimation] = React.useState(expanded);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout>>(null);\n  const smoothExpandOpts = React.useMemo(\n    () => ({\n      expandedForAnimation,\n      timeoutRef,\n      setExpandedForAnimation,\n    }),\n    [expandedForAnimation, timeoutRef, setExpandedForAnimation],\n  );\n  useLeftNavSmoothExpand(propsWithDefaults, smoothExpandOpts);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                          SIDE EFFECTS                          *\n  // ************************** ------------ **************************\n  React.useEffect(() => {\n    if (onSelectedChange) onSelectedChange(selectedItem);\n  }, [selectedItem, onSelectedChange]);\n\n  React.useEffect(() => {\n    if (propsWithDefaults.actionRef && propsWithDefaults.actionRef.current) {\n      propsWithDefaults.actionRef.current.setFocusedItem = setFocusedItem;\n    }\n  }, [propsWithDefaults.actionRef]);\n\n  React.useEffect(() => {\n    if (openedItem) setSelectedParent(openedItem);\n  }, [openedItem]);\n\n  React.useEffect(() => {\n    if (onFocusChange) onFocusChange(focusedItem);\n  }, [focusedItem, onFocusChange]);\n\n  useSelectFirstBodyItem(\n    items ?? [],\n    openedItem ?? '',\n    propsWithDefaults.selectedItem !== undefined ? propsWithDefaults.selectedItem : selectedItem,\n    setSelectedItem,\n    propsWithDefaults.disableDefaultSelection,\n  );\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                        ITEMS MANAGEMENT                        *\n  // ************************** ------------ **************************\n\n  const leftNavItemsProps = React.useMemo(\n    () => ({\n      headerItem: propsWithDefaults.HeaderComponent,\n      bodyHeaderItem: propsWithDefaults.BodyHeaderComponent,\n      items: propsWithDefaults.items,\n      openedDrilldowns,\n    }),\n    [\n      propsWithDefaults.HeaderComponent,\n      propsWithDefaults.BodyHeaderComponent,\n      propsWithDefaults.items,\n      openedDrilldowns,\n    ],\n  );\n\n  // We need to know the current visible items since we have drilldowns\n  const { visibleItems, visibleItemsRefs } = useLeftNavItems(leftNavItemsProps);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                         LEFTNAV CONFIG                         *\n  // ************************** ------------ **************************\n  return React.useMemo(\n    () => ({\n      leftNavProps: propsWithDefaults,\n      expandedForAnimation,\n      selectedItem: propsWithDefaults.selectedItem !== undefined ? propsWithDefaults.selectedItem : selectedItem,\n      setSelectedItem,\n      selectedParent:\n        propsWithDefaults.selectedParent !== undefined ? propsWithDefaults.selectedParent : selectedParent,\n      setSelectedParent,\n      focusedItem,\n      setFocusedItem,\n      openedDrilldowns,\n      setOpenedDrilldowns,\n      visibleItems,\n      visibleItemsRefs,\n    }),\n    [\n      propsWithDefaults,\n      expandedForAnimation,\n      selectedItem,\n      selectedParent,\n      focusedItem,\n      openedDrilldowns,\n      visibleItems,\n      visibleItemsRefs,\n    ],\n  );\n};\n\nexport default useLeftNavConfig;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,oCAAoC;AAE7C,SAAS,oBAAoB;AAG7B,OAAO,qBAAqB;AAC5B,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AAEhC,MAAM,mBAAmB,CAAC,UAAmC;AAClE,QAAM,oBAAoB,6BAA8D,OAAO,YAAY;AAE3G,QAAM,EAAE,UAAU,YAAY,kBAAkB,eAAe,MAAM,IAAI;AAOzE,QAAM,CAAC,cAAc,eAAe,IAAIA,OAAM,SAAwB,IAAI;AAC1E,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,OAAM,SAAwB,IAAI;AAE9E,QAAM,CAAC,aAAa,cAAc,IAAIA,OAAM,SAAwB,IAAI;AAExE,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,OAAM,SAAmB,CAAC,CAAC;AAM3E,QAAM,CAAC,sBAAsB,uBAAuB,IAAIA,OAAM,SAAS,QAAQ;AAC/E,QAAM,aAAaA,OAAM,OAAsC,IAAI;AACnE,QAAM,mBAAmBA,OAAM;AAAA,IAC7B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,sBAAsB,YAAY,uBAAuB;AAAA,EAC5D;AACA,yBAAuB,mBAAmB,gBAAgB;AAM1D,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,iBAAkB,kBAAiB,YAAY;AAAA,EACrD,GAAG,CAAC,cAAc,gBAAgB,CAAC;AAEnC,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,kBAAkB,aAAa,kBAAkB,UAAU,SAAS;AACtE,wBAAkB,UAAU,QAAQ,iBAAiB;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,kBAAkB,SAAS,CAAC;AAEhC,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,WAAY,mBAAkB,UAAU;AAAA,EAC9C,GAAG,CAAC,UAAU,CAAC;AAEf,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,cAAe,eAAc,WAAW;AAAA,EAC9C,GAAG,CAAC,aAAa,aAAa,CAAC;AAE/B;AAAA,IACE,SAAS,CAAC;AAAA,IACV,cAAc;AAAA,IACd,kBAAkB,iBAAiB,SAAY,kBAAkB,eAAe;AAAA,IAChF;AAAA,IACA,kBAAkB;AAAA,EACpB;AAOA,QAAM,oBAAoBA,OAAM;AAAA,IAC9B,OAAO;AAAA,MACL,YAAY,kBAAkB;AAAA,MAC9B,gBAAgB,kBAAkB;AAAA,MAClC,OAAO,kBAAkB;AAAA,MACzB;AAAA,IACF;AAAA,IACA;AAAA,MACE,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAGA,QAAM,EAAE,cAAc,iBAAiB,IAAI,gBAAgB,iBAAiB;AAM5E,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL,cAAc;AAAA,MACd;AAAA,MACA,cAAc,kBAAkB,iBAAiB,SAAY,kBAAkB,eAAe;AAAA,MAC9F;AAAA,MACA,gBACE,kBAAkB,mBAAmB,SAAY,kBAAkB,iBAAiB;AAAA,MACtF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,2BAAQ;",
-  "names": ["React"]
-}

package/dist/esm/configs/useLeftNavItems.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useLeftNavItems.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport type { MutableRefObject, RefObject } from 'react';\nimport { createRef, useMemo, useRef } from 'react';\nimport { ITEM_TYPES } from '../exported-related/index.js';\nimport type { DSLeftNavigationT } from '../react-desc-prop-types.js';\nimport { FOOTER_DS_ID } from '../exported-related/constants.js';\n\nconst notFocuseableItems = [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, ITEM_TYPES.LEFT_NAV_ITEM_SECTION];\n\n// Walks the array of items\n// Drilldowns are tree-like structures\nconst walkItems = (\n  items: DSLeftNavigationT.GenericItemItemProps[],\n  openedDrilldowns: string[],\n  callback: (dsId: string) => void,\n) => {\n  items.forEach((item) => {\n    if (typeof item.type === 'string' && item.dsId) {\n      // Out of the box item\n      if (notFocuseableItems.includes(item.type)) return; // not focuseable\n\n      callback(item.dsId);\n\n      // If it's an opened uncontrolled drilldown\n      if (item.type === ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN && openedDrilldowns.includes(item.dsId))\n        walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n\n      // If it's an opened controlled drilldown\n      if (item.type === ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN && item.itemOpts?.isOpened)\n        walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n    } else if (item.dsId) {\n      // Custom item\n      if (!item.itemOpts?.focuseable) return; // not focuseable specified\n      callback(item.dsId);\n    }\n  });\n};\n\nexport const useLeftNavItems = (props: {\n  headerItem?: DSLeftNavigationT.GenericItemItemProps;\n  bodyHeaderItem?: DSLeftNavigationT.GenericItemItemProps;\n  items?: DSLeftNavigationT.GenericItemItemProps[];\n  openedDrilldowns: string[];\n}): {\n  visibleItems: string[];\n  visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLDivElement>>>;\n} => {\n  const { headerItem, bodyHeaderItem, items: bodyItems, openedDrilldowns } = props;\n\n  // Place the header and body header items into the array of items\n  const items = useMemo(() => {\n    if (!bodyItems) return [];\n    const itemsArray: DSLeftNavigationT.GenericItemItemProps[] = [...bodyItems];\n    if (bodyHeaderItem) itemsArray.unshift(bodyHeaderItem);\n    if (headerItem) itemsArray.unshift(headerItem);\n    return itemsArray;\n  }, [headerItem, bodyHeaderItem, bodyItems]);\n\n  const visibleItemsRefs = useRef<Record<string, RefObject<HTMLDivElement>>>({});\n\n  const visibleItems: string[] = useMemo(() => {\n    const visibleItemsArray: string[] = [];\n    walkItems(items, openedDrilldowns, (dsId: string) => {\n      visibleItemsArray.push(dsId);\n    });\n    visibleItemsArray.push(FOOTER_DS_ID);\n    return visibleItemsArray;\n  }, [items, openedDrilldowns]);\n\n  visibleItems.forEach((dsId) => {\n    if (!(dsId in visibleItemsRefs.current)) visibleItemsRefs.current[dsId] = createRef();\n  });\n\n  return { visibleItems, visibleItemsRefs };\n};\n\nexport default useLeftNavItems;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,SAAS,cAAc;AAC3C,SAAS,kBAAkB;AAE3B,SAAS,oBAAoB;AAE7B,MAAM,qBAAqB,CAAC,WAAW,yBAAyB,WAAW,qBAAqB;AAIhG,MAAM,YAAY,CAChB,OACA,kBACA,aACG;AACH,QAAM,QAAQ,CAAC,SAAS;AACtB,QAAI,OAAO,KAAK,SAAS,YAAY,KAAK,MAAM;AAE9C,UAAI,mBAAmB,SAAS,KAAK,IAAI,EAAG;AAE5C,eAAS,KAAK,IAAI;AAGlB,UAAI,KAAK,SAAS,WAAW,wCAAwC,iBAAiB,SAAS,KAAK,IAAI;AACtG,kBAAU,KAAK,UAAU,SAAS,CAAC,GAAG,kBAAkB,QAAQ;AAGlE,UAAI,KAAK,SAAS,WAAW,sCAAsC,KAAK,UAAU;AAChF,kBAAU,KAAK,UAAU,SAAS,CAAC,GAAG,kBAAkB,QAAQ;AAAA,IACpE,WAAW,KAAK,MAAM;AAEpB,UAAI,CAAC,KAAK,UAAU,WAAY;AAChC,eAAS,KAAK,IAAI;AAAA,IACpB;AAAA,EACF,CAAC;AACH;AAEO,MAAM,kBAAkB,CAAC,UAQ3B;AACH,QAAM,EAAE,YAAY,gBAAgB,OAAO,WAAW,iBAAiB,IAAI;AAG3E,QAAM,QAAQ,QAAQ,MAAM;AAC1B,QAAI,CAAC,UAAW,QAAO,CAAC;AACxB,UAAM,aAAuD,CAAC,GAAG,SAAS;AAC1E,QAAI,eAAgB,YAAW,QAAQ,cAAc;AACrD,QAAI,WAAY,YAAW,QAAQ,UAAU;AAC7C,WAAO;AAAA,EACT,GAAG,CAAC,YAAY,gBAAgB,SAAS,CAAC;AAE1C,QAAM,mBAAmB,OAAkD,CAAC,CAAC;AAE7E,QAAM,eAAyB,QAAQ,MAAM;AAC3C,UAAM,oBAA8B,CAAC;AACrC,cAAU,OAAO,kBAAkB,CAAC,SAAiB;AACnD,wBAAkB,KAAK,IAAI;AAAA,IAC7B,CAAC;AACD,sBAAkB,KAAK,YAAY;AACnC,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,gBAAgB,CAAC;AAE5B,eAAa,QAAQ,CAAC,SAAS;AAC7B,QAAI,EAAE,QAAQ,iBAAiB,SAAU,kBAAiB,QAAQ,IAAI,IAAI,UAAU;AAAA,EACtF,CAAC;AAED,SAAO,EAAE,cAAc,iBAAiB;AAC1C;AAEA,IAAO,0BAAQ;",
-  "names": []
-}

package/dist/esm/exported-related/constants.js

@@ -1,41 +0,0 @@
-import * as React from "react";
-const LABEL_OVERFLOW = {
-  WRAP: "wrap",
-  WRAP_ALL: "wrapAll",
-  TRUNCATE: "truncate"
-};
-const ITEM_TYPES = {
-  LEFT_NAV_ITEM_HEADER: "ds-left-nav-item-header",
-  LEFT_NAV_ITEM_LINK: "ds-left-nav-item-link",
-  LEFT_NAV_ITEM_SUBMENU: "ds-left-nav-item-submenu",
-  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: "ds-left-nav-item-controlled-drilldown",
-  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: "ds-left-nav-item-uncontrolled-drilldown",
-  LEFT_NAV_ITEM_SECTION: "ds-left-nav-item-section",
-  LEFT_NAV_ITEM_SEPARATOR: "ds-left-nav-item-separator",
-  LEFT_NAV_ITEM_SKELETON: "ds-left-nav-item-skeleton",
-  LEFT_NAV_ITEM_TEXT_LABEL: "ds-left-nav-item-text-label",
-  LEFT_NAV_ITEM_WITH_DATE: "ds-left-nav-item-with-date"
-};
-const MAP_ITEMS_TO_SKELETON = {
-  "ds-left-nav-item-header": "item",
-  "ds-left-nav-item-link": "subitem",
-  "ds-left-nav-item-submenu": "item",
-  "ds-left-nav-item-controlled-drilldown": "subitem",
-  "ds-left-nav-item-uncontrolled-drilldown": "subitem",
-  "ds-left-nav-item-section": "subitem",
-  "ds-left-nav-item-separator": "subitem",
-  "ds-left-nav-item-text-label": "subitem",
-  "ds-left-nav-item-with-date": "subitem"
-};
-const FOOTER_DS_ID = "ds-left-nav-__internal__-footer";
-const FOOTER_MENU_CLOSE_DS_ID = "ds-left-nav-__internal__-footer-menu-close";
-const CHEVRON_BACK_DS_ID = "ds-left-nav-__internal__-chevron-back";
-export {
-  CHEVRON_BACK_DS_ID,
-  FOOTER_DS_ID,
-  FOOTER_MENU_CLOSE_DS_ID,
-  ITEM_TYPES,
-  LABEL_OVERFLOW,
-  MAP_ITEMS_TO_SKELETON
-};
-//# sourceMappingURL=constants.js.map

package/dist/esm/exported-related/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/constants.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const LABEL_OVERFLOW = {\n  WRAP: 'wrap',\n  WRAP_ALL: 'wrapAll',\n  TRUNCATE: 'truncate',\n};\n\nexport const ITEM_TYPES = {\n  LEFT_NAV_ITEM_HEADER: 'ds-left-nav-item-header',\n  LEFT_NAV_ITEM_LINK: 'ds-left-nav-item-link',\n  LEFT_NAV_ITEM_SUBMENU: 'ds-left-nav-item-submenu',\n  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: 'ds-left-nav-item-controlled-drilldown',\n  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: 'ds-left-nav-item-uncontrolled-drilldown',\n  LEFT_NAV_ITEM_SECTION: 'ds-left-nav-item-section',\n  LEFT_NAV_ITEM_SEPARATOR: 'ds-left-nav-item-separator',\n  LEFT_NAV_ITEM_SKELETON: 'ds-left-nav-item-skeleton',\n  LEFT_NAV_ITEM_TEXT_LABEL: 'ds-left-nav-item-text-label',\n  LEFT_NAV_ITEM_WITH_DATE: 'ds-left-nav-item-with-date',\n};\n\nexport const MAP_ITEMS_TO_SKELETON = {\n  'ds-left-nav-item-header': 'item',\n  'ds-left-nav-item-link': 'subitem',\n  'ds-left-nav-item-submenu': 'item',\n  'ds-left-nav-item-controlled-drilldown': 'subitem',\n  'ds-left-nav-item-uncontrolled-drilldown': 'subitem',\n  'ds-left-nav-item-section': 'subitem',\n  'ds-left-nav-item-separator': 'subitem',\n  'ds-left-nav-item-text-label': 'subitem',\n  'ds-left-nav-item-with-date': 'subitem',\n} as const;\n\nexport const FOOTER_DS_ID = 'ds-left-nav-__internal__-footer';\n\nexport const FOOTER_MENU_CLOSE_DS_ID = 'ds-left-nav-__internal__-footer-menu-close';\n\nexport const CHEVRON_BACK_DS_ID = 'ds-left-nav-__internal__-chevron-back';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,iBAAiB;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,MAAM,aAAa;AAAA,EACxB,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,oCAAoC;AAAA,EACpC,sCAAsC;AAAA,EACtC,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,yBAAyB;AAC3B;AAEO,MAAM,wBAAwB;AAAA,EACnC,2BAA2B;AAAA,EAC3B,yBAAyB;AAAA,EACzB,4BAA4B;AAAA,EAC5B,yCAAyC;AAAA,EACzC,2CAA2C;AAAA,EAC3C,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,+BAA+B;AAAA,EAC/B,8BAA8B;AAChC;AAEO,MAAM,eAAe;AAErB,MAAM,0BAA0B;AAEhC,MAAM,qBAAqB;",
-  "names": []
-}

package/dist/types/exported-related/constants.d.ts

@@ -1,31 +0,0 @@
-export declare const LABEL_OVERFLOW: {
-    WRAP: string;
-    WRAP_ALL: string;
-    TRUNCATE: string;
-};
-export declare const ITEM_TYPES: {
-    LEFT_NAV_ITEM_HEADER: string;
-    LEFT_NAV_ITEM_LINK: string;
-    LEFT_NAV_ITEM_SUBMENU: string;
-    LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: string;
-    LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: string;
-    LEFT_NAV_ITEM_SECTION: string;
-    LEFT_NAV_ITEM_SEPARATOR: string;
-    LEFT_NAV_ITEM_SKELETON: string;
-    LEFT_NAV_ITEM_TEXT_LABEL: string;
-    LEFT_NAV_ITEM_WITH_DATE: string;
-};
-export declare const MAP_ITEMS_TO_SKELETON: {
-    readonly 'ds-left-nav-item-header': "item";
-    readonly 'ds-left-nav-item-link': "subitem";
-    readonly 'ds-left-nav-item-submenu': "item";
-    readonly 'ds-left-nav-item-controlled-drilldown': "subitem";
-    readonly 'ds-left-nav-item-uncontrolled-drilldown': "subitem";
-    readonly 'ds-left-nav-item-section': "subitem";
-    readonly 'ds-left-nav-item-separator': "subitem";
-    readonly 'ds-left-nav-item-text-label': "subitem";
-    readonly 'ds-left-nav-item-with-date': "subitem";
-};
-export declare const FOOTER_DS_ID = "ds-left-nav-__internal__-footer";
-export declare const FOOTER_MENU_CLOSE_DS_ID = "ds-left-nav-__internal__-footer-menu-close";
-export declare const CHEVRON_BACK_DS_ID = "ds-left-nav-__internal__-chevron-back";