@elliemae/ds-left-navigation 3.13.1-rc.1 → 3.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/types/LeftNavigation.d.ts +20 -0
  2. package/dist/types/LeftNavigationContext.d.ts +21 -0
  3. package/dist/types/common/getItemBackgroundStyle.d.ts +6 -0
  4. package/dist/types/common/getLeftBorderStyle.d.ts +6 -0
  5. package/dist/types/common/getScrollbarStyle.d.ts +1 -0
  6. package/dist/types/common/index.d.ts +3 -0
  7. package/dist/types/configs/index.d.ts +3 -0
  8. package/dist/types/configs/useLeftNavConfig.d.ts +4 -0
  9. package/dist/types/configs/useLeftNavItems.d.ts +12 -0
  10. package/dist/types/configs/useLeftNavSmoothExpand.d.ts +10 -0
  11. package/dist/types/constants/constants.d.ts +32 -0
  12. package/dist/types/constants/index.d.ts +1 -0
  13. package/dist/types/exported-related/ChevronItem/index.d.ts +2 -0
  14. package/dist/types/exported-related/Icon/index.d.ts +5 -0
  15. package/dist/types/exported-related/ItemRenderer/index.d.ts +3 -0
  16. package/dist/types/exported-related/ItemRenderer/styled.d.ts +19 -0
  17. package/dist/types/exported-related/ItemRenderer/usePropsWithDefaults.d.ts +2 -0
  18. package/dist/types/exported-related/Notifications/index.d.ts +7 -0
  19. package/dist/types/exported-related/OpenWindowItem/index.d.ts +2 -0
  20. package/dist/types/exported-related/constants.d.ts +19 -0
  21. package/dist/types/exported-related/index.d.ts +6 -0
  22. package/dist/types/hooks/index.d.ts +3 -0
  23. package/dist/types/hooks/useExpandableOnClickHandler.d.ts +9 -0
  24. package/dist/types/hooks/useKeyboardNavigation.d.ts +8 -0
  25. package/dist/types/hooks/useOpenableOnClickHandler.d.ts +10 -0
  26. package/dist/types/hooks/useSelectFirstBodyItem.d.ts +3 -0
  27. package/dist/types/index.d.d.ts +77 -0
  28. package/dist/types/index.d.ts +6 -0
  29. package/dist/types/outOfTheBox/ItemControlledDrilldown/index.d.ts +2 -0
  30. package/dist/types/outOfTheBox/ItemHeader/index.d.ts +2 -0
  31. package/dist/types/outOfTheBox/ItemLink/index.d.ts +2 -0
  32. package/dist/types/outOfTheBox/ItemSection/index.d.ts +2 -0
  33. package/dist/types/outOfTheBox/ItemSeparator/index.d.ts +2 -0
  34. package/dist/types/outOfTheBox/ItemSubmenu/index.d.ts +2 -0
  35. package/dist/types/outOfTheBox/ItemTextLabel/index.d.ts +2 -0
  36. package/dist/types/outOfTheBox/ItemUncontrolledDrilldown/index.d.ts +2 -0
  37. package/dist/types/outOfTheBox/ItemWithDate/index.d.ts +2 -0
  38. package/dist/types/outOfTheBox/index.d.ts +13 -0
  39. package/dist/types/outOfTheBox/styled.d.ts +23 -0
  40. package/dist/types/parts/LeftNavContent/index.d.ts +3 -0
  41. package/dist/types/parts/LeftNavContent/styled.d.ts +21 -0
  42. package/dist/types/parts/LeftNavFooterItem/index.d.ts +8 -0
  43. package/dist/types/parts/LeftNavFooterItem/styled.d.ts +12 -0
  44. package/dist/types/parts/LeftNavLoading/index.d.ts +4 -0
  45. package/dist/types/parts/OutOfTheBoxMapItem.d.ts +3 -0
  46. package/dist/types/prop-types.d.ts +22 -0
  47. package/dist/types/tests/LeftNavigation.collapsed.test.d.ts +1 -0
  48. package/dist/types/tests/LeftNavigation.expanded.test.d.ts +1 -0
  49. package/dist/types/tests/LeftNavigation.opened.test.d.ts +1 -0
  50. package/dist/types/tests/events/LeftNavigation.events.keyboard.test.d.ts +1 -0
  51. package/dist/types/tests/events/LeftNavigation.events.subitems.test.d.ts +1 -0
  52. package/dist/types/tests/events/LeftNavigation.events.test.d.ts +1 -0
  53. package/dist/types/tests/events/LeftNavigation.focus.events.test.d.ts +1 -0
  54. package/package.json +7 -7
@@ -0,0 +1,20 @@
1
+ import type { LeftNavProps } from './index.d';
2
+ export declare const LeftNavigation: {
3
+ (props: LeftNavProps): JSX.Element;
4
+ propTypes: {
5
+ containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
6
+ expanded: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
7
+ loading: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
8
+ openedItem: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
9
+ footerLabel: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
10
+ onFooterExpand: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
11
+ onFooterClose: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
12
+ onSelectedChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
13
+ onFocusChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
14
+ items: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
15
+ disableDefaultSelection: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
16
+ };
17
+ defaultProps: LeftNavProps;
18
+ displayName: string;
19
+ };
20
+ export declare const LeftNavigationWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<LeftNavProps>;
@@ -0,0 +1,21 @@
1
+ import type { MutableRefObject, RefObject } from 'react';
2
+ import type React from 'react';
3
+ import type { LeftNavProps } from './index.d';
4
+ export type ContextProps = {
5
+ selectedItem: string | null;
6
+ setSelectedItem: React.Dispatch<React.SetStateAction<string | null>>;
7
+ selectedParent: string | null;
8
+ setSelectedParent: React.Dispatch<React.SetStateAction<string | null>>;
9
+ focusedItem: string | null;
10
+ setFocusedItem: React.Dispatch<React.SetStateAction<string | null>>;
11
+ openedDrilldowns: string[];
12
+ setOpenedDrilldowns: React.Dispatch<React.SetStateAction<string[]>>;
13
+ visibleItems: string[];
14
+ visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;
15
+ leftNavProps: LeftNavProps;
16
+ expandedForAnimation: boolean;
17
+ };
18
+ export declare const defaultProps: LeftNavProps;
19
+ export declare const defaultContext: ContextProps;
20
+ export declare const LeftNavContext: React.Context<ContextProps>;
21
+ export default LeftNavContext;
@@ -0,0 +1,6 @@
1
+ import type { Theme } from '@elliemae/ds-system';
2
+ export declare const getItemBackgroundStyle: (props: {
3
+ theme: Theme;
4
+ selected: boolean;
5
+ opened: boolean;
6
+ }) => string;
@@ -0,0 +1,6 @@
1
+ import type { Theme } from '@elliemae/ds-system';
2
+ export declare const getLeftBorderStyle: (props: {
3
+ theme: Theme;
4
+ selected: boolean;
5
+ selectedParent: boolean;
6
+ }) => string;
@@ -0,0 +1 @@
1
+ export declare const getScrolbarStyle: () => string;
@@ -0,0 +1,3 @@
1
+ export * from './getItemBackgroundStyle';
2
+ export * from './getLeftBorderStyle';
3
+ export * from './getScrollbarStyle';
@@ -0,0 +1,3 @@
1
+ import { useLeftNavConfig } from './useLeftNavConfig';
2
+ export { useLeftNavConfig } from './useLeftNavConfig';
3
+ export default useLeftNavConfig;
@@ -0,0 +1,4 @@
1
+ import type { LeftNavProps } from '../index.d';
2
+ import type { ContextProps } from '../LeftNavigationContext';
3
+ export declare const useLeftNavConfig: (props: LeftNavProps) => ContextProps;
4
+ export default useLeftNavConfig;
@@ -0,0 +1,12 @@
1
+ import type { MutableRefObject, RefObject } from 'react';
2
+ import type { GenericItemItemProps } from '../index.d';
3
+ export declare const useLeftNavItems: (props: {
4
+ headerItem: GenericItemItemProps;
5
+ bodyHeaderItem: GenericItemItemProps;
6
+ items: GenericItemItemProps[];
7
+ openedDrilldowns: string[];
8
+ }) => {
9
+ visibleItems: string[];
10
+ visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;
11
+ };
12
+ export default useLeftNavItems;
@@ -0,0 +1,10 @@
1
+ /// <reference types="node" />
2
+ import React from 'react';
3
+ import type { LeftNavProps } from '../index.d';
4
+ interface SmoothExpandOptsT {
5
+ expandedForAnimation: boolean;
6
+ timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>;
7
+ setExpandedForAnimation: React.Dispatch<React.SetStateAction<boolean>>;
8
+ }
9
+ export declare const useLeftNavSmoothExpand: (props: LeftNavProps, smoothExpandOpts: SmoothExpandOptsT) => void;
10
+ export default useLeftNavSmoothExpand;
@@ -0,0 +1,32 @@
1
+ export declare const DSLeftNavigationName = "DSLeftNavigation";
2
+ export declare const DSLeftNavigationSlots: {
3
+ ROOT: string;
4
+ AREAS_CONTAINER: string;
5
+ BODY_AREAS_CONTAINER: string;
6
+ FOOTER_AREA: string;
7
+ LOADER_WRAPPER: string;
8
+ HEADER_AREA: string;
9
+ BODY_HEADER_AREA: string;
10
+ BODY_ITEMS_AREA: string;
11
+ FOOTER_MENU: string;
12
+ FOOTER_ITEM: string;
13
+ FOOTER_LABEL: string;
14
+ FOOTER_SEPARATOR: string;
15
+ FOOTER_MENU_COLLAPSE: string;
16
+ NOTIFICATIONS_CONTAINER: string;
17
+ ITEM_SEPARATOR: string;
18
+ SECTION_LABEL: string;
19
+ SECTION_RIGHT_LABEL: string;
20
+ VERTICAL_SEPARATOR: string;
21
+ SECTION_CONTAINER: string;
22
+ ITEM_LABEL: string;
23
+ LEFT_CONTAINER: string;
24
+ BOTTOM_CONTAINER: string;
25
+ RIGHT_CONTAINER: string;
26
+ ITEM_DATE: string;
27
+ ITEM_CHEVRON_BACK: string;
28
+ ITEM: string;
29
+ COLLAPSED_CONTAINER: string;
30
+ ARROW_CONTAINER: string;
31
+ ITEM_BORDER_BOTTOM: string;
32
+ };
@@ -0,0 +1 @@
1
+ export * from './constants';
@@ -0,0 +1,2 @@
1
+ export declare const ChevronItem: (props: unknown) => JSX.Element;
2
+ export default ChevronItem;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ export declare const Icon: (IconComponent: React.ComponentType<{
3
+ color: unknown;
4
+ tabIndex: number;
5
+ }>) => (props: unknown) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import type { ItemRendererT } from '../../index.d';
3
+ export declare const ItemRenderer: React.ComponentType<ItemRendererT>;
@@ -0,0 +1,19 @@
1
+ /// <reference types="react" />
2
+ import { type Theme } from '@elliemae/ds-system';
3
+ interface ItemProps {
4
+ selected: boolean;
5
+ selectable: boolean;
6
+ opened: boolean;
7
+ theme: Theme;
8
+ shadowStyle: (theme: Theme) => string;
9
+ }
10
+ export declare const borderOutside: (color: string, weight?: number) => string;
11
+ export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
12
+ minHeight: string;
13
+ } & ItemProps, never>;
14
+ export declare const StyledCollapsedContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
15
+ export declare const StyledBorderBottom: import("styled-components").StyledComponent<"div", Theme, {
16
+ opened: boolean;
17
+ borderBottomMr?: string | undefined;
18
+ }, never>;
19
+ export {};
@@ -0,0 +1,2 @@
1
+ import type { ItemRendererT } from '../../index.d';
2
+ export declare const usePropsWithDefaults: (props: ItemRendererT) => Required<ItemRendererT>;
@@ -0,0 +1,7 @@
1
+ type NotificationsProps = {
2
+ exceptions?: boolean;
3
+ alerts?: boolean;
4
+ messages?: boolean;
5
+ };
6
+ export declare const Notifications: ({ exceptions, alerts, messages, }: NotificationsProps) => JSX.Element;
7
+ export default Notifications;
@@ -0,0 +1,2 @@
1
+ export declare const OpenWindow: (props: unknown) => JSX.Element;
2
+ export default OpenWindow;
@@ -0,0 +1,19 @@
1
+ export declare const LABEL_OVERFLOW: {
2
+ WRAP: string;
3
+ WRAP_ALL: string;
4
+ TRUNCATE: string;
5
+ };
6
+ export declare const ITEM_TYPES: {
7
+ LEFT_NAV_ITEM_HEADER: string;
8
+ LEFT_NAV_ITEM_LINK: string;
9
+ LEFT_NAV_ITEM_SUBMENU: string;
10
+ LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: string;
11
+ LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: string;
12
+ LEFT_NAV_ITEM_SECTION: string;
13
+ LEFT_NAV_ITEM_SEPARATOR: string;
14
+ LEFT_NAV_ITEM_TEXT_LABEL: string;
15
+ LEFT_NAV_ITEM_WITH_DATE: string;
16
+ };
17
+ export declare const FOOTER_DS_ID = "ds-left-nav-__internal__-footer";
18
+ export declare const FOOTER_MENU_CLOSE_DS_ID = "ds-left-nav-__internal__-footer-menu-close";
19
+ export declare const CHEVRON_BACK_DS_ID = "ds-left-nav-__internal__-chevron-back";
@@ -0,0 +1,6 @@
1
+ export * from './constants';
2
+ export * from './ItemRenderer';
3
+ export * from './ChevronItem';
4
+ export * from './Notifications';
5
+ export * from './OpenWindowItem';
6
+ export * from './Icon';
@@ -0,0 +1,3 @@
1
+ export * from './useOpenableOnClickHandler';
2
+ export * from './useExpandableOnClickHandler';
3
+ export * from './useKeyboardNavigation';
@@ -0,0 +1,9 @@
1
+ import type React from 'react';
2
+ type useExpandableOnClickHandlerProps = {
3
+ id: string;
4
+ onExpand: React.MouseEventHandler & React.KeyboardEventHandler;
5
+ onOpen: React.MouseEventHandler & React.KeyboardEventHandler;
6
+ selectable?: boolean;
7
+ };
8
+ export declare const useExpandableOnClickHandler: ({ id, onExpand, onOpen, selectable, }: useExpandableOnClickHandlerProps) => (e: React.MouseEvent<HTMLElement>) => void;
9
+ export {};
@@ -0,0 +1,8 @@
1
+ import type React from 'react';
2
+ import type { GenericItemItemProps } from '../index.d';
3
+ type useKeyboardNavigationProps = {
4
+ item: GenericItemItemProps;
5
+ onClick: (e: any) => void;
6
+ };
7
+ export declare const useKeyboardNavigation: ({ item, onClick }: useKeyboardNavigationProps) => React.KeyboardEventHandler;
8
+ export {};
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ type useOpenableOnClickHandlerProps = {
3
+ id: string;
4
+ onExpand: React.MouseEventHandler & React.KeyboardEventHandler;
5
+ onOpen: React.MouseEventHandler & React.KeyboardEventHandler;
6
+ onClose: React.MouseEventHandler & React.KeyboardEventHandler;
7
+ opened: boolean;
8
+ };
9
+ export declare const useOpenableOnClickHandler: ({ id, opened, onExpand, onOpen, onClose, }: useOpenableOnClickHandlerProps) => (e: React.MouseEvent<HTMLElement>) => void;
10
+ export {};
@@ -0,0 +1,3 @@
1
+ import type React from 'react';
2
+ import type { GenericItemItemProps } from '../index.d';
3
+ export declare const useSelectFirstBodyItem: (items: GenericItemItemProps[], openedItem: string | null, selectedItem: string | null, setSelectedItem: React.Dispatch<React.SetStateAction<string | null>>, disableDefaultSelection: boolean | undefined) => void;
@@ -0,0 +1,77 @@
1
+ import type React from 'react';
2
+ import { type Theme } from '@elliemae/ds-system';
3
+ import type { ContextProps } from './LeftNavigationContext';
4
+ export type LabelOveflowT = 'wrap' | 'wrapAll' | 'truncate';
5
+ export interface LeftNavProps {
6
+ expanded: boolean;
7
+ expandedWidth: string;
8
+ openedItem: string | null;
9
+ items: GenericItemItemProps[];
10
+ footerLabel: string;
11
+ labelOverflow: LabelOveflowT;
12
+ onSelectedChange: (item: string | null) => void;
13
+ onFocusChange: (item: string | null) => void;
14
+ onFooterExpand: () => void;
15
+ onFooterClose: () => void;
16
+ onItemClick: (item: GenericItemItemProps, e: React.MouseEvent<HTMLElement>) => void;
17
+ HeaderComponent?: GenericItemItemProps;
18
+ BodyHeaderComponent?: GenericItemItemProps;
19
+ loading: boolean;
20
+ selectedItem?: string;
21
+ selectedParent?: string;
22
+ disableDefaultSelection?: boolean;
23
+ withoutBodyShadow?: boolean;
24
+ actionRef?: React.RefObject<{
25
+ setFocusedItem: React.Dispatch<React.SetStateAction<string | null>>;
26
+ }>;
27
+ }
28
+ export 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';
29
+ export interface ItemOptsT {
30
+ label?: string | JSX.Element;
31
+ labelBold?: boolean;
32
+ labelColor?: [string, string];
33
+ labelOverflow?: LabelOveflowT;
34
+ labelRightSection?: string | JSX.Element;
35
+ selectable?: boolean;
36
+ focuseable?: boolean;
37
+ startOpened?: boolean;
38
+ isOpened?: boolean;
39
+ openable?: boolean;
40
+ closable?: boolean;
41
+ indent?: number;
42
+ LeftComponent?: React.ComponentType<ComponentProps>;
43
+ RightComponent?: React.ComponentType<ComponentProps>;
44
+ BottomComponent?: React.ComponentType<ComponentProps>;
45
+ ariaLabel?: string;
46
+ ariaRole?: string;
47
+ ariaLive?: string;
48
+ ariaExpanded?: boolean;
49
+ ariaDescribedBy?: string;
50
+ items?: GenericItemItemProps[];
51
+ labelDataTestId?: string;
52
+ }
53
+ export interface ComponentProps {
54
+ item: GenericItemItemProps;
55
+ ctx: ContextProps;
56
+ }
57
+ export interface GenericItemItemProps {
58
+ dsId?: string;
59
+ type?: string;
60
+ CollapsedComponent?: React.ComponentType<ComponentProps> | null;
61
+ Component?: React.ComponentType<ComponentProps>;
62
+ itemOpts: ItemOptsT;
63
+ }
64
+ export interface OutOfTheBoxMapItemT {
65
+ item: GenericItemItemProps;
66
+ }
67
+ export interface ItemRendererT {
68
+ item: GenericItemItemProps;
69
+ subitems?: JSX.Element[];
70
+ minHeight?: string;
71
+ paddingTop?: string;
72
+ onClick?: () => void;
73
+ shadowStyle?: (opened: boolean, type: string) => (theme: Theme) => string;
74
+ hasBorderBottom?: boolean;
75
+ borderBottomMr?: string;
76
+ children: React.ReactNode;
77
+ }
@@ -0,0 +1,6 @@
1
+ import { LeftNavigation } from './LeftNavigation';
2
+ export default LeftNavigation;
3
+ export { LeftNavItemPropsSchema, LeftNavItemOptionsSchema } from './prop-types';
4
+ export { LeftNavigation, LeftNavigationWithSchema } from './LeftNavigation';
5
+ export * from './exported-related';
6
+ export * from './constants';
@@ -0,0 +1,2 @@
1
+ import type { ComponentProps } from '../../index.d';
2
+ export declare const ItemControlledDrilldown: (props: ComponentProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import type { ComponentProps } from '../../index.d';
2
+ export declare const ItemHeader: (props: ComponentProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import type { ComponentProps } from '../../index.d';
2
+ export declare const ItemLink: (props: ComponentProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import type { ComponentProps } from '../../index.d';
2
+ export declare const ItemSection: (props: ComponentProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import type { ComponentProps } from '../../index.d';
2
+ export declare const ItemSeparator: (props: ComponentProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import type { ComponentProps } from '../../index.d';
2
+ export declare const ItemSubmenu: (props: ComponentProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import type { ComponentProps } from '../../index.d';
2
+ export declare const ItemTextLabel: (props: ComponentProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import type { ComponentProps } from '../../index.d';
2
+ export declare const ItemUncontrolledDrilldown: (props: ComponentProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import type { ComponentProps } from '../../index.d';
2
+ export declare const ItemWithDate: (props: ComponentProps) => JSX.Element;
@@ -0,0 +1,13 @@
1
+ import type React from 'react';
2
+ import type { ComponentProps } from '../index.d';
3
+ export * from './ItemControlledDrilldown';
4
+ export * from './ItemUncontrolledDrilldown';
5
+ export * from './ItemHeader';
6
+ export * from './ItemLink';
7
+ export * from './ItemSection';
8
+ export * from './ItemSeparator';
9
+ export * from './ItemSubmenu';
10
+ export * from './ItemTextLabel';
11
+ export * from './ItemWithDate';
12
+ export declare const outOfTheBoxTypes: string[];
13
+ export declare const outOfTheBoxComponents: Record<string, React.ComponentType<ComponentProps>>;
@@ -0,0 +1,23 @@
1
+ /// <reference types="react" />
2
+ import { type Theme } from '@elliemae/ds-system';
3
+ type ColorsKey = keyof Theme['colors'];
4
+ interface StyledLabelT {
5
+ labelBold?: boolean;
6
+ labelOverflow?: string;
7
+ labelColor?: [ColorsKey, keyof Theme['colors'][ColorsKey]];
8
+ }
9
+ export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, StyledLabelT, never>;
10
+ export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
11
+ export declare const StyledArrowContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
12
+ export declare const StyledRightContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
13
+ export declare const StyledSectionLabel: import("styled-components").StyledComponent<"span", Theme, object, never>;
14
+ export declare const StyledVerticalSeparator: import("styled-components").StyledComponent<"div", Theme, object, never>;
15
+ export declare const StyledRightLabel: import("styled-components").StyledComponent<"span", Theme, object, never>;
16
+ export declare const StyledSectionContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
17
+ export declare const StyledBottomContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
18
+ export declare const StyledLeftContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
19
+ export declare const StyledItemLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
20
+ labelOverflow: string;
21
+ }, never>;
22
+ export declare const StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, Theme, object, never>;
23
+ export {};
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const LeftNavContent: React.ComponentType;
3
+ export default LeftNavContent;
@@ -0,0 +1,21 @@
1
+ /// <reference types="react" />
2
+ import type { Theme } from '@elliemae/ds-system';
3
+ type LeftNavProps = {
4
+ expanded: boolean;
5
+ expandedWidth: string;
6
+ };
7
+ export declare const StyledLeftNavExpandAnimationWrapper: import("styled-components").StyledComponent<"nav", Theme, LeftNavProps, never>;
8
+ export declare const StyledLeftNavAreasContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, LeftNavProps, never>;
9
+ export declare const StyledLeftNavHeaderArea: import("styled-components").StyledComponent<"div", Theme, {
10
+ selected: boolean;
11
+ selectedParent?: boolean | undefined;
12
+ }, never>;
13
+ export declare const StyledLeftNavBodyAreasContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
14
+ export declare const StyledLeftNavBodyHeaderArea: import("styled-components").StyledComponent<"div", Theme, {
15
+ selected: boolean;
16
+ selectedParent?: boolean | undefined;
17
+ }, never>;
18
+ export declare const StyledLeftNavBodyItemsArea: import("styled-components").StyledComponent<"div", Theme, {
19
+ selected: boolean;
20
+ }, never>;
21
+ export {};
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ type LeftNavFooterItemProps = {
3
+ footerLabel: string | JSX.Element;
4
+ onFooterExpand: React.MouseEventHandler & React.KeyboardEventHandler;
5
+ onFooterClose: React.MouseEventHandler & React.KeyboardEventHandler;
6
+ };
7
+ export declare const LeftNavFooterItem: React.ComponentType<LeftNavFooterItemProps>;
8
+ export default LeftNavFooterItem;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ export declare const StyledFooterMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
3
+ export declare const StyledFooterItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
4
+ expanded: boolean;
5
+ opened: boolean;
6
+ selected: boolean;
7
+ }, never>;
8
+ export declare const StyledFooterLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
9
+ labelOverflow: string;
10
+ }, never>;
11
+ export declare const StyledFooterSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
12
+ export declare const StyledMenuCollapse: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("@elliemae/ds-system").Theme, object, never>;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ export declare const LeftNavLoading: React.ComponentType<{
3
+ expanded: boolean;
4
+ }>;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import type { OutOfTheBoxMapItemT } from '../index.d';
3
+ export declare const OutOfTheBoxMapItem: React.ComponentType<OutOfTheBoxMapItemT>;
@@ -0,0 +1,22 @@
1
+ export declare const leftNavItemProps: {
2
+ type: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
3
+ dsId: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
4
+ Component: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
5
+ CollapsedComponent: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
6
+ itemOpts: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
7
+ };
8
+ export declare const leftNavigationProps: {
9
+ containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
10
+ expanded: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
11
+ loading: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
12
+ openedItem: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
13
+ footerLabel: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
14
+ onFooterExpand: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
15
+ onFooterClose: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
16
+ onSelectedChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
17
+ onFocusChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
18
+ items: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
19
+ disableDefaultSelection: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
20
+ };
21
+ export declare const LeftNavItemPropsSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<unknown>;
22
+ export declare const LeftNavItemOptionsSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<unknown>;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-left-navigation",
3
- "version": "3.13.1-rc.1",
3
+ "version": "3.13.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Left Navigation",
6
6
  "files": [
@@ -235,12 +235,12 @@
235
235
  "typeSafety": false
236
236
  },
237
237
  "dependencies": {
238
- "@elliemae/ds-grid": "3.13.1-rc.1",
239
- "@elliemae/ds-circular-progress-indicator": "3.13.1-rc.1",
240
- "@elliemae/ds-system": "3.13.1-rc.1",
241
- "@elliemae/ds-icons": "3.13.1-rc.1",
242
- "@elliemae/ds-truncated-tooltip-text": "3.13.1-rc.1",
243
- "@elliemae/ds-utilities": "3.13.1-rc.1"
238
+ "@elliemae/ds-circular-progress-indicator": "3.13.1",
239
+ "@elliemae/ds-grid": "3.13.1",
240
+ "@elliemae/ds-icons": "3.13.1",
241
+ "@elliemae/ds-system": "3.13.1",
242
+ "@elliemae/ds-truncated-tooltip-text": "3.13.1",
243
+ "@elliemae/ds-utilities": "3.13.1"
244
244
  },
245
245
  "devDependencies": {
246
246
  "@testing-library/react": "~12.1.3",