@elliemae/ds-left-navigation 2.3.0-alpha.1 → 2.3.0-alpha.10

package/{types → dist/types}/outOfTheBox/ItemSubmenu/styled.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/{types/outOfTheBox/ItemLink → dist/types/outOfTheBox/ItemTextLabel}/styled.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/{types → dist/types}/outOfTheBox/ItemUncontrolledDrilldown/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     labelBold: boolean;
 }, never>;
-export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/{types/outOfTheBox/ItemControlledDrilldown → dist/types/outOfTheBox/ItemWithDate}/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     labelBold: boolean;
 }, never>;
-export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/{types → dist/types}/parts/LeftNavFooterItem/styled.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-export declare const StyledFooterMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+export declare const StyledFooterMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     theme: any;
     selected: boolean;
 }, never>;
-export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     theme: any;
     selected: boolean;
     opened: boolean;
 }, never>;
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledMenuCollapse: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/package.json

@@ -1,215 +1,218 @@
 {
   "name": "@elliemae/ds-left-navigation",
-  "version": "2.3.0-alpha.1",
+  "version": "2.3.0-alpha.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Left Navigation",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./prop-types": {
-      "import": "./esm/prop-types.js",
-      "require": "./cjs/prop-types.js"
+      "import": "./dist/esm/prop-types.js",
+      "require": "./dist/cjs/prop-types.js"
     },
     "./parts/OutOfTheBoxMapItem": {
-      "import": "./esm/parts/OutOfTheBoxMapItem.js",
-      "require": "./cjs/parts/OutOfTheBoxMapItem.js"
+      "import": "./dist/esm/parts/OutOfTheBoxMapItem.js",
+      "require": "./dist/cjs/parts/OutOfTheBoxMapItem.js"
     },
     "./parts/LeftNavLoading": {
-      "import": "./esm/parts/LeftNavLoading/index.js",
-      "require": "./cjs/parts/LeftNavLoading/index.js"
+      "import": "./dist/esm/parts/LeftNavLoading/index.js",
+      "require": "./dist/cjs/parts/LeftNavLoading/index.js"
     },
     "./parts/LeftNavFooterItem/styled": {
-      "import": "./esm/parts/LeftNavFooterItem/styled.js",
-      "require": "./cjs/parts/LeftNavFooterItem/styled.js"
+      "import": "./dist/esm/parts/LeftNavFooterItem/styled.js",
+      "require": "./dist/cjs/parts/LeftNavFooterItem/styled.js"
     },
     "./parts/LeftNavFooterItem": {
-      "import": "./esm/parts/LeftNavFooterItem/index.js",
-      "require": "./cjs/parts/LeftNavFooterItem/index.js"
+      "import": "./dist/esm/parts/LeftNavFooterItem/index.js",
+      "require": "./dist/cjs/parts/LeftNavFooterItem/index.js"
     },
     "./parts/LeftNavContentWithScrollbar": {
-      "import": "./esm/parts/LeftNavContentWithScrollbar/index.js",
-      "require": "./cjs/parts/LeftNavContentWithScrollbar/index.js"
+      "import": "./dist/esm/parts/LeftNavContentWithScrollbar/index.js",
+      "require": "./dist/cjs/parts/LeftNavContentWithScrollbar/index.js"
     },
     "./parts/LeftNavContent/styled": {
-      "import": "./esm/parts/LeftNavContent/styled.js",
-      "require": "./cjs/parts/LeftNavContent/styled.js"
+      "import": "./dist/esm/parts/LeftNavContent/styled.js",
+      "require": "./dist/cjs/parts/LeftNavContent/styled.js"
     },
     "./parts/LeftNavContent": {
-      "import": "./esm/parts/LeftNavContent/index.js",
-      "require": "./cjs/parts/LeftNavContent/index.js"
+      "import": "./dist/esm/parts/LeftNavContent/index.js",
+      "require": "./dist/cjs/parts/LeftNavContent/index.js"
     },
     "./outOfTheBox/ItemWithDate/styled": {
-      "import": "./esm/outOfTheBox/ItemWithDate/styled.js",
-      "require": "./cjs/outOfTheBox/ItemWithDate/styled.js"
+      "import": "./dist/esm/outOfTheBox/ItemWithDate/styled.js",
+      "require": "./dist/cjs/outOfTheBox/ItemWithDate/styled.js"
     },
     "./outOfTheBox/ItemWithDate": {
-      "import": "./esm/outOfTheBox/ItemWithDate/index.js",
-      "require": "./cjs/outOfTheBox/ItemWithDate/index.js"
+      "import": "./dist/esm/outOfTheBox/ItemWithDate/index.js",
+      "require": "./dist/cjs/outOfTheBox/ItemWithDate/index.js"
     },
     "./outOfTheBox/ItemUncontrolledDrilldown/styled": {
-      "import": "./esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js",
-      "require": "./cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js"
+      "import": "./dist/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js",
+      "require": "./dist/cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js"
     },
     "./outOfTheBox/ItemUncontrolledDrilldown": {
-      "import": "./esm/outOfTheBox/ItemUncontrolledDrilldown/index.js",
-      "require": "./cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js"
+      "import": "./dist/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js",
+      "require": "./dist/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js"
     },
     "./outOfTheBox/ItemTextLabel/styled": {
-      "import": "./esm/outOfTheBox/ItemTextLabel/styled.js",
-      "require": "./cjs/outOfTheBox/ItemTextLabel/styled.js"
+      "import": "./dist/esm/outOfTheBox/ItemTextLabel/styled.js",
+      "require": "./dist/cjs/outOfTheBox/ItemTextLabel/styled.js"
     },
     "./outOfTheBox/ItemTextLabel": {
-      "import": "./esm/outOfTheBox/ItemTextLabel/index.js",
-      "require": "./cjs/outOfTheBox/ItemTextLabel/index.js"
+      "import": "./dist/esm/outOfTheBox/ItemTextLabel/index.js",
+      "require": "./dist/cjs/outOfTheBox/ItemTextLabel/index.js"
     },
     "./outOfTheBox/ItemSubmenu/styled": {
-      "import": "./esm/outOfTheBox/ItemSubmenu/styled.js",
-      "require": "./cjs/outOfTheBox/ItemSubmenu/styled.js"
+      "import": "./dist/esm/outOfTheBox/ItemSubmenu/styled.js",
+      "require": "./dist/cjs/outOfTheBox/ItemSubmenu/styled.js"
     },
     "./outOfTheBox/ItemSubmenu": {
-      "import": "./esm/outOfTheBox/ItemSubmenu/index.js",
-      "require": "./cjs/outOfTheBox/ItemSubmenu/index.js"
+      "import": "./dist/esm/outOfTheBox/ItemSubmenu/index.js",
+      "require": "./dist/cjs/outOfTheBox/ItemSubmenu/index.js"
     },
     "./outOfTheBox/ItemSeparator": {
-      "import": "./esm/outOfTheBox/ItemSeparator/index.js",
-      "require": "./cjs/outOfTheBox/ItemSeparator/index.js"
+      "import": "./dist/esm/outOfTheBox/ItemSeparator/index.js",
+      "require": "./dist/cjs/outOfTheBox/ItemSeparator/index.js"
     },
     "./outOfTheBox/ItemSection/styled": {
-      "import": "./esm/outOfTheBox/ItemSection/styled.js",
-      "require": "./cjs/outOfTheBox/ItemSection/styled.js"
+      "import": "./dist/esm/outOfTheBox/ItemSection/styled.js",
+      "require": "./dist/cjs/outOfTheBox/ItemSection/styled.js"
     },
     "./outOfTheBox/ItemSection": {
-      "import": "./esm/outOfTheBox/ItemSection/index.js",
-      "require": "./cjs/outOfTheBox/ItemSection/index.js"
+      "import": "./dist/esm/outOfTheBox/ItemSection/index.js",
+      "require": "./dist/cjs/outOfTheBox/ItemSection/index.js"
     },
     "./outOfTheBox/ItemLink/styled": {
-      "import": "./esm/outOfTheBox/ItemLink/styled.js",
-      "require": "./cjs/outOfTheBox/ItemLink/styled.js"
+      "import": "./dist/esm/outOfTheBox/ItemLink/styled.js",
+      "require": "./dist/cjs/outOfTheBox/ItemLink/styled.js"
     },
     "./outOfTheBox/ItemLink": {
-      "import": "./esm/outOfTheBox/ItemLink/index.js",
-      "require": "./cjs/outOfTheBox/ItemLink/index.js"
+      "import": "./dist/esm/outOfTheBox/ItemLink/index.js",
+      "require": "./dist/cjs/outOfTheBox/ItemLink/index.js"
     },
     "./outOfTheBox/ItemHeader/styled": {
-      "import": "./esm/outOfTheBox/ItemHeader/styled.js",
-      "require": "./cjs/outOfTheBox/ItemHeader/styled.js"
+      "import": "./dist/esm/outOfTheBox/ItemHeader/styled.js",
+      "require": "./dist/cjs/outOfTheBox/ItemHeader/styled.js"
     },
     "./outOfTheBox/ItemHeader": {
-      "import": "./esm/outOfTheBox/ItemHeader/index.js",
-      "require": "./cjs/outOfTheBox/ItemHeader/index.js"
+      "import": "./dist/esm/outOfTheBox/ItemHeader/index.js",
+      "require": "./dist/cjs/outOfTheBox/ItemHeader/index.js"
     },
     "./outOfTheBox/ItemControlledDrilldown/styled": {
-      "import": "./esm/outOfTheBox/ItemControlledDrilldown/styled.js",
-      "require": "./cjs/outOfTheBox/ItemControlledDrilldown/styled.js"
+      "import": "./dist/esm/outOfTheBox/ItemControlledDrilldown/styled.js",
+      "require": "./dist/cjs/outOfTheBox/ItemControlledDrilldown/styled.js"
     },
     "./outOfTheBox/ItemControlledDrilldown": {
-      "import": "./esm/outOfTheBox/ItemControlledDrilldown/index.js",
-      "require": "./cjs/outOfTheBox/ItemControlledDrilldown/index.js"
+      "import": "./dist/esm/outOfTheBox/ItemControlledDrilldown/index.js",
+      "require": "./dist/cjs/outOfTheBox/ItemControlledDrilldown/index.js"
     },
     "./outOfTheBox": {
-      "import": "./esm/outOfTheBox/index.js",
-      "require": "./cjs/outOfTheBox/index.js"
+      "import": "./dist/esm/outOfTheBox/index.js",
+      "require": "./dist/cjs/outOfTheBox/index.js"
     },
     "./LeftNavigationContext": {
-      "import": "./esm/LeftNavigationContext.js",
-      "require": "./cjs/LeftNavigationContext.js"
+      "import": "./dist/esm/LeftNavigationContext.js",
+      "require": "./dist/cjs/LeftNavigationContext.js"
     },
     "./LeftNavigation": {
-      "import": "./esm/LeftNavigation.js",
-      "require": "./cjs/LeftNavigation.js"
+      "import": "./dist/esm/LeftNavigation.js",
+      "require": "./dist/cjs/LeftNavigation.js"
     },
     "./hooks/useSelectFirstBodyItem": {
-      "import": "./esm/hooks/useSelectFirstBodyItem.js",
-      "require": "./cjs/hooks/useSelectFirstBodyItem.js"
+      "import": "./dist/esm/hooks/useSelectFirstBodyItem.js",
+      "require": "./dist/cjs/hooks/useSelectFirstBodyItem.js"
     },
     "./hooks/useOpenableOnClickHandler": {
-      "import": "./esm/hooks/useOpenableOnClickHandler.js",
-      "require": "./cjs/hooks/useOpenableOnClickHandler.js"
+      "import": "./dist/esm/hooks/useOpenableOnClickHandler.js",
+      "require": "./dist/cjs/hooks/useOpenableOnClickHandler.js"
     },
     "./hooks/useKeyboardNavigation": {
-      "import": "./esm/hooks/useKeyboardNavigation.js",
-      "require": "./cjs/hooks/useKeyboardNavigation.js"
+      "import": "./dist/esm/hooks/useKeyboardNavigation.js",
+      "require": "./dist/cjs/hooks/useKeyboardNavigation.js"
     },
     "./hooks/useExpandableOnClickHandler": {
-      "import": "./esm/hooks/useExpandableOnClickHandler.js",
-      "require": "./cjs/hooks/useExpandableOnClickHandler.js"
+      "import": "./dist/esm/hooks/useExpandableOnClickHandler.js",
+      "require": "./dist/cjs/hooks/useExpandableOnClickHandler.js"
     },
     "./hooks": {
-      "import": "./esm/hooks/index.js",
-      "require": "./cjs/hooks/index.js"
+      "import": "./dist/esm/hooks/index.js",
+      "require": "./dist/cjs/hooks/index.js"
     },
     "./exported-related/OpenWindowItem": {
-      "import": "./esm/exported-related/OpenWindowItem/index.js",
-      "require": "./cjs/exported-related/OpenWindowItem/index.js"
+      "import": "./dist/esm/exported-related/OpenWindowItem/index.js",
+      "require": "./dist/cjs/exported-related/OpenWindowItem/index.js"
     },
     "./exported-related/Notifications": {
-      "import": "./esm/exported-related/Notifications/index.js",
-      "require": "./cjs/exported-related/Notifications/index.js"
+      "import": "./dist/esm/exported-related/Notifications/index.js",
+      "require": "./dist/cjs/exported-related/Notifications/index.js"
     },
     "./exported-related/ItemRenderer/usePropsWithDefaults": {
-      "import": "./esm/exported-related/ItemRenderer/usePropsWithDefaults.js",
-      "require": "./cjs/exported-related/ItemRenderer/usePropsWithDefaults.js"
+      "import": "./dist/esm/exported-related/ItemRenderer/usePropsWithDefaults.js",
+      "require": "./dist/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js"
     },
     "./exported-related/ItemRenderer/styled": {
-      "import": "./esm/exported-related/ItemRenderer/styled.js",
-      "require": "./cjs/exported-related/ItemRenderer/styled.js"
+      "import": "./dist/esm/exported-related/ItemRenderer/styled.js",
+      "require": "./dist/cjs/exported-related/ItemRenderer/styled.js"
     },
     "./exported-related/ItemRenderer": {
-      "import": "./esm/exported-related/ItemRenderer/index.js",
-      "require": "./cjs/exported-related/ItemRenderer/index.js"
+      "import": "./dist/esm/exported-related/ItemRenderer/index.js",
+      "require": "./dist/cjs/exported-related/ItemRenderer/index.js"
     },
     "./exported-related": {
-      "import": "./esm/exported-related/index.js",
-      "require": "./cjs/exported-related/index.js"
+      "import": "./dist/esm/exported-related/index.js",
+      "require": "./dist/cjs/exported-related/index.js"
     },
     "./exported-related/Icon": {
-      "import": "./esm/exported-related/Icon/index.js",
-      "require": "./cjs/exported-related/Icon/index.js"
+      "import": "./dist/esm/exported-related/Icon/index.js",
+      "require": "./dist/cjs/exported-related/Icon/index.js"
     },
     "./exported-related/constants": {
-      "import": "./esm/exported-related/constants.js",
-      "require": "./cjs/exported-related/constants.js"
+      "import": "./dist/esm/exported-related/constants.js",
+      "require": "./dist/cjs/exported-related/constants.js"
     },
     "./exported-related/ChevronItem": {
-      "import": "./esm/exported-related/ChevronItem/index.js",
-      "require": "./cjs/exported-related/ChevronItem/index.js"
+      "import": "./dist/esm/exported-related/ChevronItem/index.js",
+      "require": "./dist/cjs/exported-related/ChevronItem/index.js"
     },
     "./configs/useLeftNavSmoothExpand": {
-      "import": "./esm/configs/useLeftNavSmoothExpand.js",
-      "require": "./cjs/configs/useLeftNavSmoothExpand.js"
+      "import": "./dist/esm/configs/useLeftNavSmoothExpand.js",
+      "require": "./dist/cjs/configs/useLeftNavSmoothExpand.js"
     },
     "./configs/useLeftNavItems": {
-      "import": "./esm/configs/useLeftNavItems.js",
-      "require": "./cjs/configs/useLeftNavItems.js"
+      "import": "./dist/esm/configs/useLeftNavItems.js",
+      "require": "./dist/cjs/configs/useLeftNavItems.js"
     },
     "./configs/useLeftNavConfig": {
-      "import": "./esm/configs/useLeftNavConfig.js",
-      "require": "./cjs/configs/useLeftNavConfig.js"
+      "import": "./dist/esm/configs/useLeftNavConfig.js",
+      "require": "./dist/cjs/configs/useLeftNavConfig.js"
     },
     "./configs": {
-      "import": "./esm/configs/index.js",
-      "require": "./cjs/configs/index.js"
+      "import": "./dist/esm/configs/index.js",
+      "require": "./dist/cjs/configs/index.js"
     },
     "./common": {
-      "import": "./esm/common/index.js",
-      "require": "./cjs/common/index.js"
+      "import": "./dist/esm/common/index.js",
+      "require": "./dist/cjs/common/index.js"
     },
     "./common/getScrollbarStyle": {
-      "import": "./esm/common/getScrollbarStyle.js",
-      "require": "./cjs/common/getScrollbarStyle.js"
+      "import": "./dist/esm/common/getScrollbarStyle.js",
+      "require": "./dist/cjs/common/getScrollbarStyle.js"
     },
     "./common/getLeftBorderStyle": {
-      "import": "./esm/common/getLeftBorderStyle.js",
-      "require": "./cjs/common/getLeftBorderStyle.js"
+      "import": "./dist/esm/common/getLeftBorderStyle.js",
+      "require": "./dist/cjs/common/getLeftBorderStyle.js"
     },
     "./common/getItemBackgroundStyle": {
-      "import": "./esm/common/getItemBackgroundStyle.js",
-      "require": "./cjs/common/getItemBackgroundStyle.js"
+      "import": "./dist/esm/common/getItemBackgroundStyle.js",
+      "require": "./dist/cjs/common/getItemBackgroundStyle.js"
     }
   },
   "repository": {
@@ -217,27 +220,20 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "dev": "node ../../scripts/build/build.js -w",
-    "build": "node ../../scripts/build/build.js"
-  },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
   },
   "dependencies": {
-    "@elliemae/ds-circular-progress-indicator": "2.3.0-alpha.1",
-    "@elliemae/ds-grid": "2.3.0-alpha.1",
-    "@elliemae/ds-icons": "2.3.0-alpha.1",
-    "@elliemae/ds-system": "2.3.0-alpha.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.1",
+    "@elliemae/ds-circular-progress-indicator": "2.3.0-alpha.10",
+    "@elliemae/ds-grid": "2.3.0-alpha.10",
+    "@elliemae/ds-icons": "2.3.0-alpha.10",
+    "@elliemae/ds-system": "2.3.0-alpha.10",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.10",
     "overlayscrollbars": "1.13.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
@@ -252,5 +248,11 @@
     "react": "~17.0.2",
     "react-dom": "^17.0.2",
     "styled-components": "^5.3.3"
+  },
+  "scripts": {
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "dev": "node ../../scripts/build/build.js -w",
+    "build": "node ../../scripts/build/build.js"
   }
 }

package/cjs/LeftNavigationContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/LeftNavigationContext.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { createContext, MutableRefObject, RefObject } from 'react';\nimport type { LeftNavProps, LabelOveflowT } from './index.d';\n\nexport type ContextProps = {\n  selectedItem: string;\n  setSelectedItem: React.Dispatch<React.SetStateAction<string>>;\n  focusedItem: string;\n  setFocusedItem: React.Dispatch<React.SetStateAction<string>>;\n  openedDrilldowns: string[];\n  setOpenedDrilldowns: React.Dispatch<React.SetStateAction<string[]>>;\n  visibleItems: string[];\n  visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;\n  leftNavProps: LeftNavProps;\n  expandedForAnimation: boolean;\n};\n\nexport const defaultProps: LeftNavProps = {\n  expandedWidth: '240px',\n  tabIndex: 0,\n  loading: false,\n  expanded: false,\n  openedItem: null,\n  footerLabel: '',\n  onSelectedChange: () => null,\n  onFocusChange: () => null,\n  onFooterExpand: () => null,\n  onFooterClose: () => null,\n  items: [],\n  labelOverflow: 'wrap' as LabelOveflowT,\n  onItemClick: () => null,\n};\n\nexport const defaultContext: ContextProps = {\n  leftNavProps: defaultProps,\n  selectedItem: null,\n  setSelectedItem: () => null,\n  focusedItem: null,\n  setFocusedItem: () => null,\n  expandedForAnimation: true,\n  openedDrilldowns: [],\n  setOpenedDrilldowns: () => null,\n  visibleItems: [],\n  visibleItemsRefs: { current: {} },\n};\n\nexport const LeftNavContext = createContext<ContextProps>(defaultContext);\n\nexport default LeftNavContext;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkE;AAgB3D,MAAM,eAA6B;AAAA,EACxC,eAAe;AAAA,EACf,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB,MAAM;AAAA,EACxB,eAAe,MAAM;AAAA,EACrB,gBAAgB,MAAM;AAAA,EACtB,eAAe,MAAM;AAAA,EACrB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,aAAa,MAAM;AAAA;AAGd,MAAM,iBAA+B;AAAA,EAC1C,cAAc;AAAA,EACd,cAAc;AAAA,EACd,iBAAiB,MAAM;AAAA,EACvB,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EACtB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,qBAAqB,MAAM;AAAA,EAC3B,cAAc;AAAA,EACd,kBAAkB,EAAE,SAAS;AAAA;AAGxB,MAAM,iBAAiB,gCAA4B;AAE1D,IAAO,gCAAQ;",
-  "names": []
-}

package/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 type { LeftNavProps } from '../index.d';\nimport { ContextProps } from '../LeftNavigationContext';\nimport useLeftNavItems from './useLeftNavItems';\nimport { useLeftNavSmoothExpand } from './useLeftNavSmoothExpand';\nimport { useSelectFirstBodyItem } from '../hooks/useSelectFirstBodyItem';\n\nexport const useLeftNavConfig = (props: LeftNavProps): ContextProps => {\n  const { expanded, openedItem, onSelectedChange, onFocusChange, items } = props;\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                         INTERNAL STATE                         *\n  // ************************** ------------ **************************\n  // Selection related\n  const [selectedItem, setSelectedItem] = React.useState(null);\n  const [selectedSubitem, setSelectedSubitem] = React.useState(null);\n  const [selectedParent, setSelectedParent] = React.useState(null);\n  // Focus related\n  const [focusedItem, setFocusedItem] = React.useState(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(props, smoothExpandOpts);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                          SIDE EFFECTS                          *\n  // ************************** ------------ **************************\n  React.useEffect(() => {\n    onSelectedChange(selectedItem);\n  }, [selectedItem, onSelectedChange]);\n\n  React.useEffect(() => {\n    if (openedItem !== null) setSelectedParent(openedItem);\n  }, [openedItem]);\n\n  React.useEffect(() => {\n    onFocusChange(focusedItem);\n  }, [focusedItem, onFocusChange]);\n\n  useSelectFirstBodyItem(\n    items,\n    openedItem,\n    props.selectedItem !== undefined ? props.selectedItem : selectedItem,\n    setSelectedItem,\n    props.disableDefaultSelection,\n  );\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                        ITEMS MANAGEMENT                        *\n  // ************************** ------------ **************************\n\n  const leftNavItemsProps = React.useMemo(\n    () => ({\n      headerItem: props.HeaderComponent,\n      bodyHeaderItem: props.BodyHeaderComponent,\n      items: props.items,\n      openedDrilldowns,\n    }),\n    [props.HeaderComponent, props.BodyHeaderComponent, props.items, openedDrilldowns],\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  const finalConfig = React.useMemo(\n    () => ({\n      leftNavProps: props,\n      expandedForAnimation,\n      selectedItem: props.selectedItem !== undefined ? props.selectedItem : selectedItem,\n      setSelectedItem,\n      selectedParent: props.selectedParent !== undefined ? props.selectedParent : selectedParent,\n      setSelectedParent,\n      focusedItem,\n      setFocusedItem,\n      openedDrilldowns,\n      setOpenedDrilldowns,\n      visibleItems,\n      visibleItemsRefs,\n    }),\n    [\n      props,\n      expandedForAnimation,\n      selectedItem,\n      setSelectedItem,\n      setSelectedParent,\n      selectedParent,\n      focusedItem,\n      setFocusedItem,\n      openedDrilldowns,\n      setOpenedDrilldowns,\n      visibleItems,\n      visibleItemsRefs,\n    ],\n  );\n\n  return finalConfig;\n};\n\nexport default useLeftNavConfig;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAGlB,6BAA4B;AAC5B,oCAAuC;AACvC,oCAAuC;AAEhC,MAAM,mBAAmB,CAAC,UAAsC;AACrE,QAAM,EAAE,UAAU,YAAY,kBAAkB,eAAe,UAAU;AAOzE,QAAM,CAAC,cAAc,mBAAmB,qBAAM,SAAS;AACvD,QAAM,CAAC,iBAAiB,sBAAsB,qBAAM,SAAS;AAC7D,QAAM,CAAC,gBAAgB,qBAAqB,qBAAM,SAAS;AAE3D,QAAM,CAAC,aAAa,kBAAkB,qBAAM,SAAS;AAErD,QAAM,CAAC,kBAAkB,uBAAuB,qBAAM,SAAmB;AAMzE,QAAM,CAAC,sBAAsB,2BAA2B,qBAAM,SAAS;AACvE,QAAM,aAAa,qBAAM,OAAsC;AAC/D,QAAM,mBAAmB,qBAAM,QAC7B,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,sBAAsB,YAAY;AAErC,4DAAuB,OAAO;AAM9B,uBAAM,UAAU,MAAM;AACpB,qBAAiB;AAAA,KAChB,CAAC,cAAc;AAElB,uBAAM,UAAU,MAAM;AACpB,QAAI,eAAe;AAAM,wBAAkB;AAAA,KAC1C,CAAC;AAEJ,uBAAM,UAAU,MAAM;AACpB,kBAAc;AAAA,KACb,CAAC,aAAa;AAEjB,4DACE,OACA,YACA,MAAM,iBAAiB,SAAY,MAAM,eAAe,cACxD,iBACA,MAAM;AAQR,QAAM,oBAAoB,qBAAM,QAC9B,MAAO;AAAA,IACL,YAAY,MAAM;AAAA,IAClB,gBAAgB,MAAM;AAAA,IACtB,OAAO,MAAM;AAAA,IACb;AAAA,MAEF,CAAC,MAAM,iBAAiB,MAAM,qBAAqB,MAAM,OAAO;AAIlE,QAAM,EAAE,cAAc,qBAAqB,oCAAgB;AAM3D,QAAM,cAAc,qBAAM,QACxB,MAAO;AAAA,IACL,cAAc;AAAA,IACd;AAAA,IACA,cAAc,MAAM,iBAAiB,SAAY,MAAM,eAAe;AAAA,IACtE;AAAA,IACA,gBAAgB,MAAM,mBAAmB,SAAY,MAAM,iBAAiB;AAAA,IAC5E;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO;AAAA;AAGT,IAAO,2BAAQ;",
-  "names": []
-}

package/cjs/configs/useLeftNavSmoothExpand.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/configs/useLeftNavSmoothExpand.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport type { LeftNavProps } from '../index.d';\n\ninterface smoothExpandOptsT {\n  expandedForAnimation: boolean;\n  timeoutRef: React.MutableRefObject<NodeJS.Timeout>;\n  setExpandedForAnimation: React.Dispatch<React.SetStateAction<boolean>>;\n}\nexport const useLeftNavSmoothExpand = (\n  props: LeftNavProps,\n  smoothExpandOpts: smoothExpandOptsT,\n): void => {\n  const { expanded } = props;\n  const {\n    expandedForAnimation,\n    timeoutRef,\n    setExpandedForAnimation,\n  } = smoothExpandOpts;\n\n  React.useEffect(() => {\n    // If expanded changes, we need to smoothly transition to the non-expanded state\n    // so we need to wait for 350ms\n    if (!expanded && expandedForAnimation) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = setTimeout(\n        () => setExpandedForAnimation(false),\n        350,\n      );\n    } else if (expanded) setExpandedForAnimation(true);\n  }, [expanded]);\n\n  React.useEffect(() => () => clearTimeout(timeoutRef.current), []);\n};\n\nexport default useLeftNavSmoothExpand;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAQX,MAAM,yBAAyB,CACpC,OACA,qBACS;AACT,QAAM,EAAE,aAAa;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,uBAAM,UAAU,MAAM;AAGpB,QAAI,CAAC,YAAY,sBAAsB;AACrC,mBAAa,WAAW;AACxB,iBAAW,UAAU,WACnB,MAAM,wBAAwB,QAC9B;AAAA,eAEO;AAAU,8BAAwB;AAAA,KAC5C,CAAC;AAEJ,uBAAM,UAAU,MAAM,MAAM,aAAa,WAAW,UAAU;AAAA;AAGhE,IAAO,iCAAQ;",
-  "names": []
-}

package/cjs/hooks/useSelectFirstBodyItem.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useSelectFirstBodyItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useEffect } from 'react';\nimport { GenericItemItemProps } from '../index.d';\nimport { ITEM_TYPES } from '../exported-related/constants';\n\nconst { LEFT_NAV_ITEM_SEPARATOR, LEFT_NAV_ITEM_SECTION } = ITEM_TYPES;\n\nconst isSelectableOutOfTheBox = (elem: GenericItemItemProps) =>\n  typeof elem.type === 'string' && elem.type !== LEFT_NAV_ITEM_SEPARATOR && elem.type !== LEFT_NAV_ITEM_SECTION;\nconst isSelectableCustom = (elem: GenericItemItemProps) => elem.itemOpts.selectable;\n\nconst isItemInsideTheTree = (item: GenericItemItemProps, itemID: string) =>\n  item.dsId === itemID || item?.itemOpts?.items?.some((it) => isItemInsideTheTree(it, itemID));\n\nexport const useSelectFirstBodyItem = (\n  items: GenericItemItemProps[],\n  openedItem: string,\n  selectedItem: string,\n  setSelectedItem: React.Dispatch<React.SetStateAction<string>>,\n  disableDefaultSelection: boolean,\n): void => {\n  useEffect(() => {\n    if (!disableDefaultSelection && items && items.length && openedItem) {\n      const index = items.findIndex((elem) => isSelectableOutOfTheBox(elem) || isSelectableCustom(elem));\n      const isItemInside = items.some((it) => isItemInsideTheTree(it, selectedItem));\n      if (isItemInside) setSelectedItem(selectedItem);\n      else if (index !== -1) setSelectedItem(items[index].dsId);\n    }\n  }, [openedItem, setSelectedItem, disableDefaultSelection]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AAEjC,uBAA2B;AAE3B,MAAM,EAAE,yBAAyB,0BAA0B;AAE3D,MAAM,0BAA0B,CAAC,SAC/B,OAAO,KAAK,SAAS,YAAY,KAAK,SAAS,2BAA2B,KAAK,SAAS;AAC1F,MAAM,qBAAqB,CAAC,SAA+B,KAAK,SAAS;AAEzE,MAAM,sBAAsB,CAAC,MAA4B,WACvD,KAAK,SAAS,UAAU,MAAM,UAAU,OAAO,KAAK,CAAC,OAAO,oBAAoB,IAAI;AAE/E,MAAM,yBAAyB,CACpC,OACA,YACA,cACA,iBACA,4BACS;AACT,8BAAU,MAAM;AACd,QAAI,CAAC,2BAA2B,SAAS,MAAM,UAAU,YAAY;AACnE,YAAM,QAAQ,MAAM,UAAU,CAAC,SAAS,wBAAwB,SAAS,mBAAmB;AAC5F,YAAM,eAAe,MAAM,KAAK,CAAC,OAAO,oBAAoB,IAAI;AAChE,UAAI;AAAc,wBAAgB;AAAA,eACzB,UAAU;AAAI,wBAAgB,MAAM,OAAO;AAAA;AAAA,KAErD,CAAC,YAAY,iBAAiB;AAAA;",
-  "names": []
-}

package/cjs/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.d.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport type { ContextProps } from './LeftNavigationContext';\n\nexport type LabelOveflowT = 'wrap' | 'wrapAll' | 'truncate';\nexport interface LeftNavProps {\n  expanded: boolean;\n  expandedWidth: string;\n  openedItem: string;\n  items: GenericItemItemProps[];\n  footerLabel: string;\n  labelOverflow: LabelOveflowT;\n  onSelectedChange: (item: string) => void;\n  onFocusChange: (item: string) => void;\n  onFooterExpand: () => void;\n  onFooterClose: () => void;\n  onItemClick: (item: GenericItemItemProps, e: React.MouseEvent<HTMLElement>) => void;\n  HeaderComponent?: GenericItemItemProps;\n  BodyHeaderComponent?: GenericItemItemProps;\n  tabIndex: number;\n  loading: boolean;\n  selectedItem?: string;\n  selectedParent?: string;\n  disableDefaultSelection?: boolean;\n  withoutBodyShadow?: boolean;\n}\nexport type OutOfTheBoxT =\n  | 'ds-left-nav-item-header'\n  | 'ds-left-nav-item-link'\n  | 'ds-left-nav-item-submenu'\n  | 'ds-left-nav-item-controlled-drilldown'\n  | 'ds-left-nav-item-uncontrolled-drilldown'\n  | 'ds-left-nav-item-section'\n  | 'ds-left-nav-item-separator'\n  | 'ds-left-nav-item-text-label'\n  | 'ds-left-nav-item-with-date';\n\nexport interface itemOptsT {\n  label?: string | JSX.Element;\n  labelBold?: boolean;\n  labelColor?: [string, string];\n  labelOverflow?: LabelOveflowT;\n  labelRightSection?: string | React.ComponentType;\n  selectable?: boolean;\n  focuseable?: boolean;\n  startOpened?: boolean;\n  isOpened?: boolean;\n  openable?: boolean;\n  closable?: boolean;\n  indent?: number;\n  LeftComponent?: React.ComponentType<ComponentProps>;\n  RightComponent?: React.ComponentType<ComponentProps>;\n  BottomComponent?: React.ComponentType<ComponentProps>;\n  ariaLabel?: string;\n  ariaRole?: string;\n  ariaLive?: string;\n  ariaExpanded?: boolean;\n  ariaDescribedBy?: string;\n  items?: GenericItemItemProps[];\n  labelDataTestId?: string;\n}\n\nexport interface ComponentProps {\n  item: GenericItemItemProps;\n  ctx: ContextProps;\n}\nexport interface GenericItemItemProps {\n  dsId?: string;\n  type?: string;\n  CollapsedComponent?: React.ComponentType<ComponentProps>;\n  Component?: React.ComponentType<ComponentProps>;\n  itemOpts: itemOptsT;\n}\nexport interface OutOfTheBoxMapItemT {\n  item: GenericItemItemProps;\n}\nexport interface ItemRendererT {\n  item: GenericItemItemProps;\n  subitems?: JSX.Element[];\n  minHeight?: string;\n  paddingTop?: string;\n  onClick?: () => void;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  shadowStyle?: (theme: any) => string;\n  hasBorderBottom?: boolean;\n  borderBottomMr?: string;\n  children: React.ReactNode;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
-  "names": []
-}

package/cjs/outOfTheBox/ItemHeader/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/outOfTheBox/ItemHeader/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledChevronLeft } from './styled';\nimport { CHEVRON_BACK_DS_ID } from '../../exported-related/constants';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n  `\n  box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\n  }\n\n  :active {\n    box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n  }\n`;\n\nexport const ItemHeader = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { label, RightComponent, BottomComponent, labelDataTestId },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { openedItem, labelOverflow, onItemClick },\n      expandedForAnimation,\n      setFocusedItem,\n      selectedItem,\n      selectedParent,\n    },\n  } = props;\n\n  const opened = openedItem === dsId;\n\n  const ariaLabel = item.itemOpts.ariaLabel ?? (typeof label === 'string' ? label : 'menuitem');\n\n  const isSelected = selectedItem === dsId || selectedParent === dsId;\n\n  const shadowStyle = useCallback(\n    (opened) => (theme: any) =>\n      !opened ? notOpenedShadowStyle(isSelected)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,\n    [isSelected, openedItem],\n  );\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaLabel,\n          ariaExpanded: opened,\n          ...item.itemOpts,\n          openable: expandedForAnimation && !opened,\n          closable: expandedForAnimation && opened,\n          selectable: !opened,\n        },\n      }}\n      hasBorderBottom\n      borderBottomMr={opened ? '12px' : '0px'}\n      shadowStyle={shadowStyle}\n    >\n      <Grid\n        cols={opened ? ['auto', 'auto'] : ['38px']}\n        gutter=\"1px\"\n        pl={opened ? 'xxs' : 0}\n        justifyItems=\"center\"\n        data-testid=\"leftnav-leftcomponent\"\n      >\n        {opened && (\n          <StyledChevronLeft\n            size=\"m\"\n            color={['brand-primary', 800]}\n            onClick={(e) => {\n              onItemClick(item, e);\n            }}\n            data-testid=\"leftnav-leftcomponent-chevron\"\n            tabIndex={0}\n            onFocus={(e) => {\n              e.stopPropagation();\n              setFocusedItem(CHEVRON_BACK_DS_ID);\n            }}\n            role=\"button\"\n            aria-label={`Close ${ariaLabel}`}\n          />\n        )}\n        <CollapsedComponent item={item} ctx={ctx} />\n      </Grid>\n      <StyledLabel\n        ml={opened ? 'xxs' : '1px'}\n        mt=\"xxxs\"\n        mb=\"15px\"\n        data-testid={labelDataTestId || 'leftnav-itemlabel'}\n        labelOverflow={labelOverflow}\n      >\n        {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n      </StyledLabel>\n      <Grid\n        pl=\"xs\"\n        pr={opened ? 'xxs2' : 'xxs'}\n        onFocus={(e) => {\n          setFocusedItem(null);\n          e.stopPropagation();\n        }}\n        onKeyDown={(e) => e.stopPropagation()}\n        data-testid=\"leftnav-right-component\"\n      >\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </Grid>\n      {BottomComponent && (\n        <Grid\n          style={{ gridColumn: 'span 3' }}\n          pb=\"xxxs\"\n          pl=\"xxs\"\n          pr=\"xxs\"\n          onFocus={(e) => {\n            setFocusedItem(null);\n            e.stopPropagation();\n          }}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          <BottomComponent ctx={ctx} item={item} />\n        </Grid>\n      )}\n    </ItemRenderer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/cjs/outOfTheBox/ItemLink/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/outOfTheBox/ItemLink/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable indent */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel } from './styled';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n  `\n  box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n  :hover {\n    box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\n  }\n\n  :active {\n    box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n  }\n`;\n\nexport const ItemLink = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: { label, RightComponent, labelDataTestId },\n      CollapsedComponent = () => null,\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow, openedItem },\n      selectedItem,\n      selectedParent,\n    },\n  } = props;\n\n  const isSelected = selectedItem === dsId || selectedParent === dsId;\n\n  const shadowStyle = useCallback(\n    (opened) => (theme: any) => !opened ? notOpenedShadowStyle(isSelected)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,\n    [isSelected, openedItem],\n  );\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaLabel: typeof label === 'string' ? label : '',\n          ariaRole: 'link',\n          ...item.itemOpts,\n          selectable: true,\n        },\n      }}\n      shadowStyle={shadowStyle}\n    >\n      <Grid cols={['38px']} gutter=\"1px\" pl={0} justifyItems=\"center\" data-testid=\"leftnav-leftcomponent\">\n        <CollapsedComponent item={item} ctx={ctx} />\n      </Grid>\n      <StyledLabel\n        ml=\"1px\"\n        mt=\"xxxs\"\n        mb=\"15px\"\n        data-testid={labelDataTestId || 'leftnav-itemlabel'}\n        labelOverflow={labelOverflow}\n      >\n        {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n      </StyledLabel>\n      <Grid mt=\"xxxs\" pr=\"xxs2\" data-testid=\"leftnav-right-component\">\n        {RightComponent && <RightComponent ctx={ctx} item={item} />}\n      </Grid>\n    </ItemRenderer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AACnC,qBAAiB;AACjB,uCAA2C;AAC3C,8BAA6B;AAE7B,oBAA4B;AAG5B,MAAM,uBAAuB,CAAC,eAAwB,CAAC,UACrD;AAAA,gCAC8B,aAAa,MAAM,OAAO,MAAM,OAAO;AAAA;AAAA;AAAA,kCAGrC,aAAa,MAAM,OAAO,MAAM,OAAO,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,kCAI1D,MAAM,OAAO,MAAM;AAAA;AAAA;AAI9C,MAAM,WAAW,CAAC,UAAuC;AAC9D,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ;AAAA,MACA,UAAU,EAAE,OAAO,gBAAgB;AAAA,MACnC,qBAAqB,MAAM;AAAA;AAAA,IAE7B;AAAA,IACA,KAAK;AAAA,MACH,cAAc,EAAE,eAAe;AAAA,MAC/B;AAAA,MACA;AAAA;AAAA,MAEA;AAEJ,QAAM,aAAa,iBAAiB,QAAQ,mBAAmB;AAE/D,QAAM,cAAc,8BAClB,CAAC,WAAW,CAAC,UAAe,CAAC,SAAS,qBAAqB,YAAY,SAAS,uCAChF,CAAC,YAAY;AAGf,SACE,mDAAC,sCAAD;AAAA,IACE,MAAM;AAAA,SACD;AAAA,MACH,UAAU;AAAA,QACR,WAAW,OAAO,UAAU,WAAW,QAAQ;AAAA,QAC/C,UAAU;AAAA,WACP,KAAK;AAAA,QACR,YAAY;AAAA;AAAA;AAAA,IAGhB;AAAA,KAEA,mDAAC,wBAAD;AAAA,IAAM,MAAM,CAAC;AAAA,IAAS,QAAO;AAAA,IAAM,IAAI;AAAA,IAAG,cAAa;AAAA,IAAS,eAAY;AAAA,KAC1E,mDAAC,oBAAD;AAAA,IAAoB;AAAA,IAAY;AAAA,OAElC,mDAAC,2BAAD;AAAA,IACE,IAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,IACH,eAAa,mBAAmB;AAAA,IAChC;AAAA,KAEC,kBAAkB,aAAa,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA,IAAO,WAAU;AAAA,OAAoB,QAE1G,mDAAC,wBAAD;AAAA,IAAM,IAAG;AAAA,IAAO,IAAG;AAAA,IAAO,eAAY;AAAA,KACnC,kBAAkB,mDAAC,gBAAD;AAAA,IAAgB;AAAA,IAAU;AAAA;AAAA;",
-  "names": []
-}