@elliemae/ds-left-navigation 1.60.0 → 2.0.0-alpha.12

package/package.json

@@ -1,10 +1,226 @@
 {
   "name": "@elliemae/ds-left-navigation",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Left Navigation",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "description": "ICE MT - Dimsum - Left Navigation",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./prop-types": {
+      "import": "./esm/prop-types.js",
+      "require": "./cjs/prop-types.js"
+    },
+    "./parts/OutOfTheBoxMapItem": {
+      "import": "./esm/parts/OutOfTheBoxMapItem.js",
+      "require": "./cjs/parts/OutOfTheBoxMapItem.js"
+    },
+    "./parts/LeftNavLoading": {
+      "import": "./esm/parts/LeftNavLoading/index.js",
+      "require": "./cjs/parts/LeftNavLoading/index.js"
+    },
+    "./parts/LeftNavFooterItem/styled": {
+      "import": "./esm/parts/LeftNavFooterItem/styled.js",
+      "require": "./cjs/parts/LeftNavFooterItem/styled.js"
+    },
+    "./parts/LeftNavFooterItem": {
+      "import": "./esm/parts/LeftNavFooterItem/index.js",
+      "require": "./cjs/parts/LeftNavFooterItem/index.js"
+    },
+    "./parts/LeftNavContentWithScrollbar": {
+      "import": "./esm/parts/LeftNavContentWithScrollbar/index.js",
+      "require": "./cjs/parts/LeftNavContentWithScrollbar/index.js"
+    },
+    "./parts/LeftNavContent/styled": {
+      "import": "./esm/parts/LeftNavContent/styled.js",
+      "require": "./cjs/parts/LeftNavContent/styled.js"
+    },
+    "./parts/LeftNavContent": {
+      "import": "./esm/parts/LeftNavContent/index.js",
+      "require": "./cjs/parts/LeftNavContent/index.js"
+    },
+    "./outOfTheBox/ItemWithDate/styled": {
+      "import": "./esm/outOfTheBox/ItemWithDate/styled.js",
+      "require": "./cjs/outOfTheBox/ItemWithDate/styled.js"
+    },
+    "./outOfTheBox/ItemWithDate": {
+      "import": "./esm/outOfTheBox/ItemWithDate/index.js",
+      "require": "./cjs/outOfTheBox/ItemWithDate/index.js"
+    },
+    "./outOfTheBox/ItemUncontrolledDrilldown/styled": {
+      "import": "./esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js",
+      "require": "./cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js"
+    },
+    "./outOfTheBox/ItemUncontrolledDrilldown": {
+      "import": "./esm/outOfTheBox/ItemUncontrolledDrilldown/index.js",
+      "require": "./cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js"
+    },
+    "./outOfTheBox/ItemTextLabel/styled": {
+      "import": "./esm/outOfTheBox/ItemTextLabel/styled.js",
+      "require": "./cjs/outOfTheBox/ItemTextLabel/styled.js"
+    },
+    "./outOfTheBox/ItemTextLabel": {
+      "import": "./esm/outOfTheBox/ItemTextLabel/index.js",
+      "require": "./cjs/outOfTheBox/ItemTextLabel/index.js"
+    },
+    "./outOfTheBox/ItemSubmenu/styled": {
+      "import": "./esm/outOfTheBox/ItemSubmenu/styled.js",
+      "require": "./cjs/outOfTheBox/ItemSubmenu/styled.js"
+    },
+    "./outOfTheBox/ItemSubmenu": {
+      "import": "./esm/outOfTheBox/ItemSubmenu/index.js",
+      "require": "./cjs/outOfTheBox/ItemSubmenu/index.js"
+    },
+    "./outOfTheBox/ItemSeparator": {
+      "import": "./esm/outOfTheBox/ItemSeparator/index.js",
+      "require": "./cjs/outOfTheBox/ItemSeparator/index.js"
+    },
+    "./outOfTheBox/ItemSection/styled": {
+      "import": "./esm/outOfTheBox/ItemSection/styled.js",
+      "require": "./cjs/outOfTheBox/ItemSection/styled.js"
+    },
+    "./outOfTheBox/ItemSection": {
+      "import": "./esm/outOfTheBox/ItemSection/index.js",
+      "require": "./cjs/outOfTheBox/ItemSection/index.js"
+    },
+    "./outOfTheBox/ItemLink/styled": {
+      "import": "./esm/outOfTheBox/ItemLink/styled.js",
+      "require": "./cjs/outOfTheBox/ItemLink/styled.js"
+    },
+    "./outOfTheBox/ItemLink": {
+      "import": "./esm/outOfTheBox/ItemLink/index.js",
+      "require": "./cjs/outOfTheBox/ItemLink/index.js"
+    },
+    "./outOfTheBox/ItemHeader/styled": {
+      "import": "./esm/outOfTheBox/ItemHeader/styled.js",
+      "require": "./cjs/outOfTheBox/ItemHeader/styled.js"
+    },
+    "./outOfTheBox/ItemHeader": {
+      "import": "./esm/outOfTheBox/ItemHeader/index.js",
+      "require": "./cjs/outOfTheBox/ItemHeader/index.js"
+    },
+    "./outOfTheBox/ItemControlledDrilldown/styled": {
+      "import": "./esm/outOfTheBox/ItemControlledDrilldown/styled.js",
+      "require": "./cjs/outOfTheBox/ItemControlledDrilldown/styled.js"
+    },
+    "./outOfTheBox/ItemControlledDrilldown": {
+      "import": "./esm/outOfTheBox/ItemControlledDrilldown/index.js",
+      "require": "./cjs/outOfTheBox/ItemControlledDrilldown/index.js"
+    },
+    "./outOfTheBox": {
+      "import": "./esm/outOfTheBox/index.js",
+      "require": "./cjs/outOfTheBox/index.js"
+    },
+    "./LeftNavigationContext": {
+      "import": "./esm/LeftNavigationContext.js",
+      "require": "./cjs/LeftNavigationContext.js"
+    },
+    "./LeftNavigation": {
+      "import": "./esm/LeftNavigation.js",
+      "require": "./cjs/LeftNavigation.js"
+    },
+    "./hooks/useSelectFirstBodyItem": {
+      "import": "./esm/hooks/useSelectFirstBodyItem.js",
+      "require": "./cjs/hooks/useSelectFirstBodyItem.js"
+    },
+    "./hooks/useOpenableOnClickHandler": {
+      "import": "./esm/hooks/useOpenableOnClickHandler.js",
+      "require": "./cjs/hooks/useOpenableOnClickHandler.js"
+    },
+    "./hooks/useKeyboardNavigation": {
+      "import": "./esm/hooks/useKeyboardNavigation.js",
+      "require": "./cjs/hooks/useKeyboardNavigation.js"
+    },
+    "./hooks/useExpandableOnClickHandler": {
+      "import": "./esm/hooks/useExpandableOnClickHandler.js",
+      "require": "./cjs/hooks/useExpandableOnClickHandler.js"
+    },
+    "./hooks": {
+      "import": "./esm/hooks/index.js",
+      "require": "./cjs/hooks/index.js"
+    },
+    "./exported-related/OpenWindowItem": {
+      "import": "./esm/exported-related/OpenWindowItem/index.js",
+      "require": "./cjs/exported-related/OpenWindowItem/index.js"
+    },
+    "./exported-related/Notifications": {
+      "import": "./esm/exported-related/Notifications/index.js",
+      "require": "./cjs/exported-related/Notifications/index.js"
+    },
+    "./exported-related/ItemRenderer/usePropsWithDefaults": {
+      "import": "./esm/exported-related/ItemRenderer/usePropsWithDefaults.js",
+      "require": "./cjs/exported-related/ItemRenderer/usePropsWithDefaults.js"
+    },
+    "./exported-related/ItemRenderer/styled": {
+      "import": "./esm/exported-related/ItemRenderer/styled.js",
+      "require": "./cjs/exported-related/ItemRenderer/styled.js"
+    },
+    "./exported-related/ItemRenderer": {
+      "import": "./esm/exported-related/ItemRenderer/index.js",
+      "require": "./cjs/exported-related/ItemRenderer/index.js"
+    },
+    "./exported-related": {
+      "import": "./esm/exported-related/index.js",
+      "require": "./cjs/exported-related/index.js"
+    },
+    "./exported-related/Icon": {
+      "import": "./esm/exported-related/Icon/index.js",
+      "require": "./cjs/exported-related/Icon/index.js"
+    },
+    "./exported-related/constants": {
+      "import": "./esm/exported-related/constants.js",
+      "require": "./cjs/exported-related/constants.js"
+    },
+    "./exported-related/ChevronItem": {
+      "import": "./esm/exported-related/ChevronItem/index.js",
+      "require": "./cjs/exported-related/ChevronItem/index.js"
+    },
+    "./configs/useLeftNavSmoothExpand": {
+      "import": "./esm/configs/useLeftNavSmoothExpand.js",
+      "require": "./cjs/configs/useLeftNavSmoothExpand.js"
+    },
+    "./configs/useLeftNavItems": {
+      "import": "./esm/configs/useLeftNavItems.js",
+      "require": "./cjs/configs/useLeftNavItems.js"
+    },
+    "./configs/useLeftNavConfig": {
+      "import": "./esm/configs/useLeftNavConfig.js",
+      "require": "./cjs/configs/useLeftNavConfig.js"
+    },
+    "./configs": {
+      "import": "./esm/configs/index.js",
+      "require": "./cjs/configs/index.js"
+    },
+    "./common": {
+      "import": "./esm/common/index.js",
+      "require": "./cjs/common/index.js"
+    },
+    "./common/getScrollbarStyle": {
+      "import": "./esm/common/getScrollbarStyle.js",
+      "require": "./cjs/common/getScrollbarStyle.js"
+    },
+    "./common/getLeftBorderStyle": {
+      "import": "./esm/common/getLeftBorderStyle.js",
+      "require": "./cjs/common/getLeftBorderStyle.js"
+    },
+    "./common/getItemBackgroundStyle": {
+      "import": "./esm/common/getItemBackgroundStyle.js",
+      "require": "./cjs/common/getItemBackgroundStyle.js"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "prebuild": "exit 0",
     "predev": "exit 0",
@@ -13,25 +229,28 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.60.0",
-    "@elliemae/ds-grid": "1.60.0",
-    "@elliemae/ds-icons": "1.60.0",
-    "@elliemae/ds-system": "1.60.0",
-    "@elliemae/ds-truncated-tooltip-text": "1.60.0",
+    "@elliemae/ds-circular-progress-indicator": "2.0.0-alpha.12",
+    "@elliemae/ds-grid": "2.0.0-alpha.12",
+    "@elliemae/ds-icons": "2.0.0-alpha.12",
+    "@elliemae/ds-system": "2.0.0-alpha.12",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.12",
     "overlayscrollbars": "1.13.1",
     "prop-types": "~15.7.2",
-    "react-desc": "^4.1.2"
+    "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "@testing-library/react": "~12.1.2",
+    "@testing-library/user-event": "~13.5.0",
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "~17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "lodash": "^4.17.21",
+    "react": "~17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
   }
 }

package/types/LeftNavigation.d.ts

@@ -0,0 +1,55 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import type { LeftNavProps } from './index.d';
+export declare const LeftNavigation: {
+    (props: LeftNavProps): JSX.Element;
+    propTypes: {
+        containerProps: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        expanded: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        loading: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        tabIndex: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        openedItem: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        footerLabel: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onFooterExpand: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onFooterClose: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onSelectedChange: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onFocusChange: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        items: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        disableDefaultSelection: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+    };
+    defaultProps: LeftNavProps;
+};
+export declare const LeftNavigationWithSchema: any;

package/types/LeftNavigationContext.d.ts

@@ -0,0 +1,18 @@
+import React, { MutableRefObject, RefObject } from 'react';
+import type { LeftNavProps } from './index.d';
+export declare type ContextProps = {
+    selectedItem: string;
+    setSelectedItem: React.Dispatch<React.SetStateAction<string>>;
+    focusedItem: string;
+    setFocusedItem: React.Dispatch<React.SetStateAction<string>>;
+    openedDrilldowns: string[];
+    setOpenedDrilldowns: React.Dispatch<React.SetStateAction<string[]>>;
+    visibleItems: string[];
+    visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;
+    leftNavProps: LeftNavProps;
+    expandedForAnimation: boolean;
+};
+export declare const defaultProps: LeftNavProps;
+export declare const defaultContext: ContextProps;
+export declare const LeftNavContext: React.Context<ContextProps>;
+export default LeftNavContext;

package/types/common/getItemBackgroundStyle.d.ts

@@ -0,0 +1,5 @@
+export declare const getItemBackgroundStyle: (props: {
+    theme: any;
+    selected: boolean;
+    opened: boolean;
+}) => string;

package/types/common/getLeftBorderStyle.d.ts

@@ -0,0 +1,4 @@
+export declare const getLeftBorderStyle: (props: {
+    theme: any;
+    selected: boolean;
+}) => string;

package/types/common/getScrollbarStyle.d.ts

@@ -0,0 +1 @@
+export declare const getScrolbarStyle: () => string;

package/types/common/index.d.ts

@@ -0,0 +1,3 @@
+export * from './getItemBackgroundStyle';
+export * from './getLeftBorderStyle';
+export * from './getScrollbarStyle';

package/types/configs/index.d.ts

@@ -0,0 +1,3 @@
+import { useLeftNavConfig } from './useLeftNavConfig';
+export { useLeftNavConfig } from './useLeftNavConfig';
+export default useLeftNavConfig;

package/types/configs/useLeftNavConfig.d.ts

@@ -0,0 +1,4 @@
+import type { LeftNavProps } from '../index.d';
+import { ContextProps } from '../LeftNavigationContext';
+export declare const useLeftNavConfig: (props: LeftNavProps) => ContextProps;
+export default useLeftNavConfig;

package/types/configs/useLeftNavItems.d.ts

@@ -0,0 +1,12 @@
+import { MutableRefObject, RefObject } from 'react';
+import type { GenericItemItemProps } from '../index.d';
+export declare const useLeftNavItems: (props: {
+    headerItem: GenericItemItemProps;
+    bodyHeaderItem: GenericItemItemProps;
+    items: GenericItemItemProps[];
+    openedDrilldowns: string[];
+}) => {
+    visibleItems: string[];
+    visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;
+};
+export default useLeftNavItems;

package/types/configs/useLeftNavSmoothExpand.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="node" />
+import React from 'react';
+import type { LeftNavProps } from '../index.d';
+interface smoothExpandOptsT {
+    expandedForAnimation: boolean;
+    timeoutRef: React.MutableRefObject<NodeJS.Timeout>;
+    setExpandedForAnimation: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const useLeftNavSmoothExpand: (props: LeftNavProps, smoothExpandOpts: smoothExpandOptsT) => void;
+export default useLeftNavSmoothExpand;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const ChevronItem: (props: unknown) => JSX.Element;
+export default ChevronItem;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const Icon: (IconComponent: React.ComponentType<{
+    color: unknown;
+    tabIndex: number;
+}>) => (props: unknown) => JSX.Element;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ItemRendererT } from '../../index.d';
+export declare const ItemRenderer: (props: ItemRendererT) => JSX.Element;

package/types/exported-related/ItemRenderer/styled.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+interface ItemProps {
+    selected: boolean;
+    selectable: boolean;
+    opened: boolean;
+    theme: any;
+    shadowStyle: (theme: any) => string;
+}
+export declare const borderOutside: (color: any, weight?: number) => string;
+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, {
+    shadowStyle: (theme: any) => string;
+}, 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, {
+    minHeight: string;
+} & ItemProps, never>;
+export {};

package/types/exported-related/ItemRenderer/usePropsWithDefaults.d.ts

@@ -0,0 +1,2 @@
+import { ItemRendererT } from '../../index.d';
+export declare const usePropsWithDefaults: (props: ItemRendererT) => ItemRendererT;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type NotificationsProps = {
+    exceptions?: boolean;
+    alerts?: boolean;
+    messages?: boolean;
+};
+export declare const Notifications: ({ exceptions, alerts, messages, }: NotificationsProps) => JSX.Element;
+export default Notifications;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const OpenWindow: (props: unknown) => JSX.Element;
+export default OpenWindow;

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

@@ -0,0 +1,19 @@
+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_TEXT_LABEL: string;
+    LEFT_NAV_ITEM_WITH_DATE: string;
+};
+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";

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

@@ -0,0 +1,6 @@
+export * from './constants';
+export * from './ItemRenderer';
+export * from './ChevronItem';
+export * from './Notifications';
+export * from './OpenWindowItem';
+export * from './Icon';

package/types/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useOpenableOnClickHandler';
+export * from './useExpandableOnClickHandler';
+export * from './useKeyboardNavigation';

package/types/hooks/useExpandableOnClickHandler.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type useExpandableOnClickHandlerProps = {
+    id: string;
+    onExpand: React.MouseEventHandler & React.KeyboardEventHandler;
+    onOpen: React.MouseEventHandler & React.KeyboardEventHandler;
+    selectable?: boolean;
+};
+export declare const useExpandableOnClickHandler: ({ id, onExpand, onOpen, selectable, }: useExpandableOnClickHandlerProps) => (e: React.MouseEvent<HTMLElement>) => void;
+export {};

package/types/hooks/useKeyboardNavigation.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { GenericItemItemProps } from '../index.d';
+declare type useKeyboardNavigationProps = {
+    item: GenericItemItemProps;
+    onClick: (e: any) => void;
+};
+export declare const useKeyboardNavigation: ({ item, onClick }: useKeyboardNavigationProps) => React.KeyboardEventHandler;
+export {};

package/types/hooks/useOpenableOnClickHandler.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare type useOpenableOnClickHandlerProps = {
+    id: string;
+    onExpand: React.MouseEventHandler & React.KeyboardEventHandler;
+    onOpen: React.MouseEventHandler & React.KeyboardEventHandler;
+    onClose: React.MouseEventHandler & React.KeyboardEventHandler;
+    opened: boolean;
+};
+export declare const useOpenableOnClickHandler: ({ id, opened, onExpand, onOpen, onClose, }: useOpenableOnClickHandlerProps) => (e: React.MouseEvent<HTMLElement>) => void;
+export {};

package/types/hooks/useSelectFirstBodyItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { GenericItemItemProps } from '../index.d';
+export declare const useSelectFirstBodyItem: (items: GenericItemItemProps[], openedItem: string, selectedItem: string, setSelectedItem: React.Dispatch<React.SetStateAction<string>>, disableDefaultSelection: boolean) => void;

package/types/index.d.d.ts

@@ -0,0 +1,74 @@
+import React from 'react';
+import type { ContextProps } from './LeftNavigationContext';
+export declare type LabelOveflowT = 'wrap' | 'wrapAll' | 'truncate';
+export interface LeftNavProps {
+    expanded: boolean;
+    expandedWidth: string;
+    openedItem: string;
+    items: GenericItemItemProps[];
+    footerLabel: string;
+    labelOverflow: LabelOveflowT;
+    onSelectedChange: (item: string) => void;
+    onFocusChange: (item: string) => void;
+    onFooterExpand: () => void;
+    onFooterClose: () => void;
+    onItemClick: (item: GenericItemItemProps, e: React.MouseEvent<HTMLElement>) => void;
+    HeaderComponent?: GenericItemItemProps;
+    BodyHeaderComponent?: GenericItemItemProps;
+    tabIndex: number;
+    loading: boolean;
+    selectedItem?: string;
+    selectedParent?: string;
+    disableDefaultSelection?: boolean;
+    withoutBodyShadow?: boolean;
+}
+export declare 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';
+export interface itemOptsT {
+    label?: string | JSX.Element;
+    labelBold?: boolean;
+    labelColor?: [string, string];
+    labelOverflow?: LabelOveflowT;
+    labelRightSection?: string | React.ComponentType;
+    selectable?: boolean;
+    focuseable?: boolean;
+    startOpened?: boolean;
+    isOpened?: boolean;
+    openable?: boolean;
+    closable?: boolean;
+    indent?: number;
+    LeftComponent?: React.ComponentType<ComponentProps>;
+    RightComponent?: React.ComponentType<ComponentProps>;
+    BottomComponent?: React.ComponentType<ComponentProps>;
+    ariaLabel?: string;
+    ariaRole?: string;
+    ariaLive?: string;
+    ariaExpanded?: boolean;
+    ariaDescribedBy?: string;
+    items?: GenericItemItemProps[];
+    labelDataTestId?: string;
+}
+export interface ComponentProps {
+    item: GenericItemItemProps;
+    ctx: ContextProps;
+}
+export interface GenericItemItemProps {
+    dsId?: string;
+    type?: string;
+    CollapsedComponent?: React.ComponentType<ComponentProps>;
+    Component?: React.ComponentType<ComponentProps>;
+    itemOpts: itemOptsT;
+}
+export interface OutOfTheBoxMapItemT {
+    item: GenericItemItemProps;
+}
+export interface ItemRendererT {
+    item: GenericItemItemProps;
+    subitems?: JSX.Element[];
+    minHeight?: string;
+    paddingTop?: string;
+    onClick?: () => void;
+    shadowStyle?: (theme: any) => string;
+    hasBorderBottom?: boolean;
+    borderBottomMr?: string;
+    children: React.ReactNode;
+}

package/types/index.d.ts

@@ -0,0 +1,3 @@
+export { LeftNavItemPropsSchema, LeftNavItemOptionsSchema } from './prop-types';
+export { LeftNavigation, LeftNavigationWithSchema, LeftNavigation as default } from './LeftNavigation';
+export * from './exported-related';

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { ComponentProps } from '../../index.d';
+export declare const ItemControlledDrilldown: (props: ComponentProps) => JSX.Element;

package/types/outOfTheBox/ItemControlledDrilldown/styled.d.ts

@@ -0,0 +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, {
+    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>;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { ComponentProps } from '../../index.d';
+export declare const ItemHeader: (props: ComponentProps) => JSX.Element;

package/types/outOfTheBox/ItemHeader/styled.d.ts

@@ -0,0 +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 StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { ComponentProps } from '../../index.d';
+export declare const ItemLink: (props: ComponentProps) => JSX.Element;

package/types/outOfTheBox/ItemLink/styled.d.ts

@@ -0,0 +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>;