@elliemae/ds-legacy-left-navigation 1.0.0-rc.1

package/dist/types/configs/useLeftNavItems.d.ts

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

package/dist/types/configs/useLeftNavSmoothExpand.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="node" />
+import React from 'react';
+import type { DSLeftNavigationT } from '../react-desc-prop-types.js';
+interface SmoothExpandOptsT {
+    expandedForAnimation: boolean;
+    timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>;
+    setExpandedForAnimation: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const useLeftNavSmoothExpand: (props: DSLeftNavigationT.Props, smoothExpandOpts: SmoothExpandOptsT) => void;
+export default useLeftNavSmoothExpand;

package/dist/types/constants/constants.d.ts

@@ -0,0 +1,32 @@
+export declare const DSLeftNavigationName = "DSLeftNavigation";
+export declare const DSLeftNavigationSlots: {
+    ROOT: string;
+    AREAS_CONTAINER: string;
+    BODY_AREAS_CONTAINER: string;
+    FOOTER_AREA: string;
+    LOADER_WRAPPER: string;
+    HEADER_AREA: string;
+    BODY_HEADER_AREA: string;
+    BODY_ITEMS_AREA: string;
+    FOOTER_MENU: string;
+    FOOTER_ITEM: string;
+    FOOTER_LABEL: string;
+    FOOTER_SEPARATOR: string;
+    FOOTER_MENU_COLLAPSE: string;
+    NOTIFICATIONS_CONTAINER: string;
+    ITEM_SEPARATOR: string;
+    SECTION_LABEL: string;
+    SECTION_RIGHT_LABEL: string;
+    VERTICAL_SEPARATOR: string;
+    SECTION_CONTAINER: string;
+    ITEM_LABEL: string;
+    LEFT_CONTAINER: string;
+    BOTTOM_CONTAINER: string;
+    RIGHT_CONTAINER: string;
+    ITEM_DATE: string;
+    ITEM_CHEVRON_BACK: string;
+    ITEM: string;
+    COLLAPSED_CONTAINER: string;
+    ARROW_CONTAINER: string;
+    ITEM_BORDER_BOTTOM: string;
+};

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

@@ -0,0 +1 @@
+export * from './constants.js';

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type SvgIconT } from '@elliemae/ds-legacy-icons';
+export declare const ChevronItem: (props?: SvgIconT.Props) => JSX.Element;
+export default ChevronItem;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type SvgIconT } from '@elliemae/ds-legacy-icons';
+export declare const Icon: (IconComponent: React.ComponentType<{
+    color: unknown;
+    tabIndex: number;
+}>) => (props?: SvgIconT.Props) => JSX.Element;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DSLeftNavigationT } from '../../react-desc-prop-types.js';
+export declare const ItemRenderer: React.ComponentType<DSLeftNavigationT.ItemRendererT>;

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { type Theme } from '@elliemae/ds-legacy-system';
+interface ItemProps {
+    selected: boolean;
+    selectable: boolean;
+    opened: boolean;
+    theme: Theme;
+    shadowStyle: (theme: Theme) => string;
+}
+export declare const borderOutside: (color: string, weight?: number) => string;
+export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
+    minHeight: string;
+    selectedParent: boolean;
+} & ItemProps & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledCollapsedContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledBorderBottom: import("styled-components").StyledComponent<"div", Theme, {
+    opened: boolean;
+    borderBottomMr?: string | undefined;
+} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export {};

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

@@ -0,0 +1,2 @@
+import type { DSLeftNavigationT } from '../../react-desc-prop-types.js';
+export declare const usePropsWithDefaults: (props: DSLeftNavigationT.ItemRendererT) => Required<DSLeftNavigationT.ItemRendererT>;

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type SvgIconT } from '@elliemae/ds-legacy-icons';
+export declare const OpenWindow: (props: SvgIconT.Props) => JSX.Element;
+export default OpenWindow;

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

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

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

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

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

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

package/dist/types/hooks/useExpandableOnClickHandler.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+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/dist/types/hooks/useKeyboardNavigation.d.ts

@@ -0,0 +1,8 @@
+import type React from 'react';
+import type { DSLeftNavigationT } from '../react-desc-prop-types.js';
+type UseKeyboardNavigationProps = {
+    item: DSLeftNavigationT.GenericItemItemProps;
+    onClick: (e: any) => void;
+};
+export declare const useKeyboardNavigation: ({ item, onClick }: UseKeyboardNavigationProps) => React.KeyboardEventHandler;
+export {};

package/dist/types/hooks/useOpenableOnClickHandler.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+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/dist/types/hooks/useSelectFirstBodyItem.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+import type { DSLeftNavigationT } from '../react-desc-prop-types.js';
+export declare const useSelectFirstBodyItem: (items: DSLeftNavigationT.GenericItemItemProps[], openedItem: string | null, selectedItem: string | null, setSelectedItem: React.Dispatch<React.SetStateAction<string | null>>, disableDefaultSelection: boolean | undefined) => void;

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+import { LeftNavigation } from './LeftNavigation.js';
+export default LeftNavigation;
+export { LeftNavItemPropsSchema, LeftNavItemOptionsSchema, type DSLeftNavigationT } from './react-desc-prop-types.js';
+export { LeftNavigation, LeftNavigationWithSchema } from './LeftNavigation.js';
+export * from './exported-related/index.js';
+export * from './constants/index.js';

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { DSLeftNavigationT } from '../../react-desc-prop-types.js';
+interface SkeletonPropsT {
+    item: DSLeftNavigationT.ComponentProps['item'];
+    hasBorderBottom?: boolean;
+}
+export declare const ItemSkeleton: (props: SkeletonPropsT) => JSX.Element;
+export {};

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { type Theme } from '@elliemae/ds-legacy-system';
+import type { DSLeftNavigationT } from '../react-desc-prop-types.js';
+type ColorsKey = keyof Theme['colors'];
+interface StyledLabelT {
+    labelBold?: boolean;
+    labelOverflow?: string;
+    labelColor?: [ColorsKey, keyof Theme['colors'][ColorsKey]];
+}
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, StyledLabelT & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledArrowContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledRightContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledSectionLabel: import("styled-components").StyledComponent<"span", Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledVerticalSeparator: import("styled-components").StyledComponent<"div", Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledRightLabel: import("styled-components").StyledComponent<"span", Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledSectionContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledBottomContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledLeftContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledItemLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
+    labelOverflow?: DSLeftNavigationT.LabelOveflowT | undefined;
+} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledChevronLeft: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-legacy-button-v2").DSButtonT.Props>, Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export {};

package/dist/types/parts/LeftNavContent/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LeftNavContent: React.ComponentType;
+export default LeftNavContent;

package/dist/types/parts/LeftNavContent/styled.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import type { Theme } from '@elliemae/ds-legacy-system';
+type LeftNavProps = {
+    expanded: boolean;
+    expandedWidth: string;
+};
+export declare const StyledLeftNavExpandAnimationWrapper: import("styled-components").StyledComponent<"nav", Theme, LeftNavProps & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledLeftNavAreasContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, LeftNavProps & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledLeftNavHeaderArea: import("styled-components").StyledComponent<"div", Theme, {
+    selected: boolean;
+    selectedParent?: boolean | undefined;
+} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledLeftNavBodyAreasContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledLeftNavBodyHeaderArea: import("styled-components").StyledComponent<"div", Theme, {
+    selected: boolean;
+    selectedParent?: boolean | undefined;
+    isSkeleton: boolean;
+} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledLeftNavBodyItemsArea: import("styled-components").StyledComponent<"div", Theme, {
+    selected: boolean;
+    isSkeleton: boolean;
+} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export {};

package/dist/types/parts/LeftNavFooterItem/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type LeftNavFooterItemProps = {
+    footerLabel: string;
+    FooterLabelComponent?: React.ComponentType<unknown>;
+    onFooterExpand: React.MouseEventHandler & React.KeyboardEventHandler;
+    onFooterClose: React.MouseEventHandler & React.KeyboardEventHandler;
+};
+export declare const LeftNavFooterItem: React.ComponentType<LeftNavFooterItemProps>;
+export default LeftNavFooterItem;

package/dist/types/parts/LeftNavFooterItem/styled.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { DSLeftNavigationT } from '../../react-desc-prop-types.js';
+export declare const StyledFooterMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledFooterItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, {
+    expanded?: boolean | undefined;
+    opened?: boolean | undefined;
+    selected?: boolean | undefined;
+    selectedParent?: boolean | undefined;
+} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledFooterLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, {
+    labelOverflow?: DSLeftNavigationT.LabelOveflowT | undefined;
+} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledFooterSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledMenuCollapse: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-legacy-button-v2").DSButtonT.Props>, import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;

package/dist/types/parts/LeftNavLoading/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const LeftNavLoading: React.ComponentType<{
+    expanded: boolean;
+}>;

package/dist/types/parts/OutOfTheBoxMapItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DSLeftNavigationT } from '../react-desc-prop-types.js';
+export declare const OutOfTheBoxMapItem: React.ComponentType<DSLeftNavigationT.OutOfTheBoxMapItemT>;

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

@@ -0,0 +1,101 @@
+import type { WeakValidationMap } from 'react';
+import { type Theme } from '@elliemae/ds-legacy-system';
+import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-legacy-props-helpers';
+import type { ContextProps } from './LeftNavigationContext.js';
+type ColorsKey = keyof Theme['colors'];
+export declare namespace DSLeftNavigationT {
+    type LabelOveflowT = 'wrap' | 'wrapAll' | 'truncate';
+    interface DefaultProps {
+        expanded: boolean;
+        expandedWidth: string;
+        openedItem: string | null;
+        items: GenericItemItemProps[];
+        footerLabel: string;
+        labelOverflow: LabelOveflowT;
+        onSelectedChange: (item: string | null) => void;
+        onFocusChange: (item: string | null) => void;
+        onFooterExpand: () => void;
+        onFooterClose: () => void;
+        onItemClick: (item: GenericItemItemProps, e: React.MouseEvent<HTMLElement>) => void;
+        loading: boolean;
+        isSkeleton: boolean;
+    }
+    interface OptionalProps {
+        FooterLabelComponent?: React.ComponentType<unknown>;
+        selectedItem?: string | null;
+        selectedParent?: string | null;
+        disableDefaultSelection?: boolean;
+        withoutBodyShadow?: boolean;
+        actionRef?: React.RefObject<{
+            setFocusedItem: React.Dispatch<React.SetStateAction<string | null>>;
+        }>;
+        HeaderComponent?: GenericItemItemProps;
+        BodyHeaderComponent?: GenericItemItemProps;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>, XstyledProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>, XstyledProps {
+    }
+    type OutOfTheBoxT = 'ds-left-nav-item-header' | 'ds-left-nav-item-link' | 'ds-left-nav-item-submenu' | 'ds-left-nav-item-controlled-drilldown' | 'ds-left-nav-item-uncontrolled-drilldown' | 'ds-left-nav-item-section' | 'ds-left-nav-item-separator' | 'ds-left-nav-item-text-label' | 'ds-left-nav-item-with-date';
+    interface ItemOptsT extends Record<string, unknown> {
+        label?: string | JSX.Element;
+        labelBold?: boolean;
+        labelColor?: [ColorsKey, keyof Theme['colors'][ColorsKey]];
+        labelOverflow?: LabelOveflowT;
+        labelRightSection?: string | JSX.Element;
+        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;
+        skeletonVariant?: 'item' | 'subitem';
+    }
+    interface ComponentProps {
+        item: GenericItemItemProps;
+        ctx: ContextProps;
+    }
+    interface GenericItemItemProps {
+        dsId?: string;
+        type?: string;
+        CollapsedComponent?: React.ComponentType<ComponentProps> | null;
+        Component?: React.ComponentType<ComponentProps>;
+        itemOpts: ItemOptsT;
+    }
+    interface OutOfTheBoxMapItemT {
+        item: GenericItemItemProps;
+    }
+    interface ItemRendererT {
+        item: GenericItemItemProps;
+        subitems?: JSX.Element[];
+        minHeight?: string;
+        paddingTop?: string;
+        onClick?: () => void;
+        shadowStyle?: (opened: boolean, type?: string) => (theme: Theme) => string;
+        hasBorderBottom?: boolean;
+        borderBottomMr?: string;
+        children: React.ReactNode;
+    }
+}
+export declare const leftNavItemProps: {
+    type: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    dsId: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    Component: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    CollapsedComponent: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    itemOpts: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+};
+export declare const leftNavigationProps: WeakValidationMap<DSLeftNavigationT.Props>;
+export declare const LeftNavItemPropsSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<unknown>;
+export declare const LeftNavItemOptionsSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<unknown>;
+export {};

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

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

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

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

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

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

package/dist/types/tests/a11y/axe-collapsed.test.d.ts

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

package/dist/types/tests/a11y/axe-expanded.test.d.ts

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

package/dist/types/tests/a11y/axe-opened.test.d.ts

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

package/dist/types/tests/events/LeftNavigation.events.keyboard.test.d.ts

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

package/dist/types/tests/events/LeftNavigation.events.subitems.test.d.ts

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

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

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

package/dist/types/tests/events/LeftNavigation.focus.events.test.d.ts

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

package/dist/types/typescript-testing/typescript-left-navigation-valid.d.ts

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