@elliemae/ds-left-navigation 1.57.1-rc.0 → 2.0.0-alpha.11

package/package.json

@@ -1,10 +1,234 @@
 {
   "name": "@elliemae/ds-left-navigation",
-  "version": "1.57.1-rc.0",
+  "version": "2.0.0-alpha.11",
   "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/useGlobalKeyListeners": {
+      "import": "./esm/configs/useGlobalKeyListeners.js",
+      "require": "./cjs/configs/useGlobalKeyListeners.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"
+    },
+    "./common/getFocusedByKeyboardStyle": {
+      "import": "./esm/common/getFocusedByKeyboardStyle.js",
+      "require": "./cjs/common/getFocusedByKeyboardStyle.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 +237,25 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.57.1-rc.0",
-    "@elliemae/ds-grid": "1.57.1-rc.0",
-    "@elliemae/ds-icons": "1.57.1-rc.0",
-    "@elliemae/ds-system": "1.57.1-rc.0",
-    "@elliemae/ds-truncated-tooltip-text": "1.57.1-rc.0",
-    "overlayscrollbars": "1.13.1",
+    "@elliemae/ds-basic": "2.0.0-alpha.11",
+    "@elliemae/ds-icons": "2.0.0-alpha.11",
+    "@elliemae/ds-system": "2.0.0-alpha.11",
+    "overlayscrollbars": "^1.13.1",
     "prop-types": "~15.7.2",
-    "react-desc": "^4.1.2"
+    "react-virtual": "~2.3.2",
+    "tree-model": "~1.0.7"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "styled-components": "~5.3.1"
   },
   "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.1"
   }
 }

package/types/LeftNavigation.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { LeftNavProps } from './index.d';
+export declare const LeftNavigation: {
+    (props: LeftNavProps): JSX.Element;
+    propTypes: {
+        containerProps: any;
+        expanded: any;
+        loading: any;
+        tabIndex: any;
+        openedItem: any;
+        footerLabel: any;
+        onFooterExpand: any;
+        onFooterClose: any;
+        onSelectedChange: any;
+        onFocusChange: any;
+        items: any;
+    };
+    defaultProps: LeftNavProps;
+};
+export declare const LeftNavigationWithSchema: any;

package/types/LeftNavigationContext.d.ts

@@ -0,0 +1,22 @@
+import React, { MutableRefObject, RefObject } from 'react';
+import type { LeftNavProps } from './index.d';
+export declare type ContextProps = {
+    selectedItem: string;
+    setSelectedItem: React.Dispatch<React.SetStateAction<string>>;
+    selectedSubitem: string;
+    setSelectedSubitem: React.Dispatch<React.SetStateAction<string>>;
+    focusedItem: string;
+    setFocusedItem: React.Dispatch<React.SetStateAction<string>>;
+    focusedByKey: boolean;
+    setFocusedByKey: React.Dispatch<React.SetStateAction<boolean>>;
+    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/getFocusedByKeyboardStyle.d.ts

@@ -0,0 +1,4 @@
+export declare const getFocusedByKeyboardBorderStyle: (props: {
+    focused: boolean;
+    focusedByKey: boolean;
+}, height?: string, width?: string) => string;

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,4 @@
+export * from './getFocusedByKeyboardStyle';
+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/useGlobalKeyListeners.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface optsT {
+    setFocusedByKey: React.Dispatch<boolean>;
+}
+export declare const useGlobalKeyListeners: (opts: optsT) => void;
+export default useGlobalKeyListeners;

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,15 @@
+/// <reference types="react" />
+interface ItemProps {
+    selected: boolean;
+    selectable: boolean;
+    opened: boolean;
+    theme: any;
+    shadowStyle: (theme: any) => string;
+}
+export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {
+    shadowStyle: (theme: any) => string;
+}, never>;
+export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {
+    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, setSelectedItem: React.Dispatch<React.SetStateAction<string>>) => void;

package/types/index.d.d.ts

@@ -0,0 +1,69 @@
+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: GenericItemItemProps) => void;
+    onFocusChange: (item: GenericItemItemProps) => void;
+    onFooterExpand: () => void;
+    onFooterClose: () => void;
+    onItemClick: (item: GenericItemItemProps, e: React.MouseEvent<HTMLElement>) => void;
+    HeaderComponent?: GenericItemItemProps;
+    BodyHeaderComponent?: GenericItemItemProps;
+    tabIndex: number;
+    loading: 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[];
+}
+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("react").RefAttributes<unknown>>, any, {
+    labelBold: boolean;
+}, never>;
+export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, 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("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledChevronLeft: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

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("react").RefAttributes<unknown>>, any, {}, never>;

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

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

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

@@ -0,0 +1,3 @@
+export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledVerticalSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledRightLabel: import("styled-components").StyledComponent<"span", any, {}, never>;