@elliemae/ds-left-navigation 2.3.0-alpha.8 → 2.3.0-alpha.9
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.
- package/dist/types/LeftNavigation.d.ts +55 -0
- package/dist/types/LeftNavigationContext.d.ts +18 -0
- package/dist/types/common/getItemBackgroundStyle.d.ts +5 -0
- package/dist/types/common/getLeftBorderStyle.d.ts +4 -0
- package/dist/types/common/getScrollbarStyle.d.ts +1 -0
- package/dist/types/common/index.d.ts +3 -0
- package/dist/types/configs/index.d.ts +3 -0
- package/dist/types/configs/useLeftNavConfig.d.ts +4 -0
- package/dist/types/configs/useLeftNavItems.d.ts +12 -0
- package/dist/types/configs/useLeftNavSmoothExpand.d.ts +10 -0
- package/dist/types/exported-related/ChevronItem/index.d.ts +3 -0
- package/dist/types/exported-related/Icon/index.d.ts +5 -0
- package/dist/types/exported-related/ItemRenderer/index.d.ts +3 -0
- package/dist/types/exported-related/ItemRenderer/styled.d.ts +16 -0
- package/dist/types/exported-related/ItemRenderer/usePropsWithDefaults.d.ts +2 -0
- package/dist/types/exported-related/Notifications/index.d.ts +8 -0
- package/dist/types/exported-related/OpenWindowItem/index.d.ts +3 -0
- package/dist/types/exported-related/constants.d.ts +19 -0
- package/dist/types/exported-related/index.d.ts +6 -0
- package/dist/types/hooks/index.d.ts +3 -0
- package/dist/types/hooks/useExpandableOnClickHandler.d.ts +9 -0
- package/dist/types/hooks/useKeyboardNavigation.d.ts +8 -0
- package/dist/types/hooks/useOpenableOnClickHandler.d.ts +10 -0
- package/dist/types/hooks/useSelectFirstBodyItem.d.ts +3 -0
- package/dist/types/index.d.d.ts +77 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/types/outOfTheBox/ItemControlledDrilldown/index.d.ts +3 -0
- package/dist/types/outOfTheBox/ItemControlledDrilldown/styled.d.ts +5 -0
- package/dist/types/outOfTheBox/ItemHeader/index.d.ts +3 -0
- package/dist/types/outOfTheBox/ItemHeader/styled.d.ts +3 -0
- package/dist/types/outOfTheBox/ItemLink/index.d.ts +3 -0
- package/dist/types/outOfTheBox/ItemLink/styled.d.ts +2 -0
- package/dist/types/outOfTheBox/ItemSection/index.d.ts +3 -0
- package/dist/types/outOfTheBox/ItemSection/styled.d.ts +3 -0
- package/dist/types/outOfTheBox/ItemSeparator/index.d.ts +3 -0
- package/dist/types/outOfTheBox/ItemSubmenu/index.d.ts +3 -0
- package/dist/types/outOfTheBox/ItemSubmenu/styled.d.ts +3 -0
- package/dist/types/outOfTheBox/ItemTextLabel/index.d.ts +3 -0
- package/dist/types/outOfTheBox/ItemTextLabel/styled.d.ts +2 -0
- package/dist/types/outOfTheBox/ItemUncontrolledDrilldown/index.d.ts +3 -0
- package/dist/types/outOfTheBox/ItemUncontrolledDrilldown/styled.d.ts +5 -0
- package/dist/types/outOfTheBox/ItemWithDate/index.d.ts +3 -0
- package/dist/types/outOfTheBox/ItemWithDate/styled.d.ts +5 -0
- package/dist/types/outOfTheBox/index.d.ts +13 -0
- package/dist/types/parts/LeftNavContent/index.d.ts +3 -0
- package/dist/types/parts/LeftNavContent/styled.d.ts +14 -0
- package/dist/types/parts/LeftNavContentWithScrollbar/index.d.ts +6 -0
- package/dist/types/parts/LeftNavFooterItem/index.d.ts +8 -0
- package/dist/types/parts/LeftNavFooterItem/styled.d.ts +14 -0
- package/dist/types/parts/LeftNavLoading/index.d.ts +4 -0
- package/dist/types/parts/OutOfTheBoxMapItem.d.ts +3 -0
- package/dist/types/prop-types.d.ts +91 -0
- package/dist/types/tests/LeftNavigation.collapsed.test.d.ts +1 -0
- package/dist/types/tests/LeftNavigation.expanded.test.d.ts +1 -0
- package/dist/types/tests/LeftNavigation.opened.test.d.ts +1 -0
- package/dist/types/tests/events/LeftNavigation.events.keyboard.test.d.ts +1 -0
- package/dist/types/tests/events/LeftNavigation.events.subitems.test.d.ts +1 -0
- package/dist/types/tests/events/LeftNavigation.events.test.d.ts +1 -0
- package/dist/types/tests/events/LeftNavigation.focus.events.test.d.ts +1 -0
- package/package.json +6 -6
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
import type { LeftNavProps } from './index.d';
|
|
4
|
+
export declare const LeftNavigation: {
|
|
5
|
+
(props: LeftNavProps): JSX.Element;
|
|
6
|
+
propTypes: {
|
|
7
|
+
containerProps: {
|
|
8
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
9
|
+
};
|
|
10
|
+
expanded: {
|
|
11
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
12
|
+
};
|
|
13
|
+
loading: {
|
|
14
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
15
|
+
};
|
|
16
|
+
tabIndex: {
|
|
17
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
18
|
+
};
|
|
19
|
+
openedItem: {
|
|
20
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
21
|
+
};
|
|
22
|
+
footerLabel: {
|
|
23
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
24
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
25
|
+
};
|
|
26
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
27
|
+
};
|
|
28
|
+
onFooterExpand: {
|
|
29
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
30
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
31
|
+
};
|
|
32
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
33
|
+
};
|
|
34
|
+
onFooterClose: {
|
|
35
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
36
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
37
|
+
};
|
|
38
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
39
|
+
};
|
|
40
|
+
onSelectedChange: {
|
|
41
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
42
|
+
};
|
|
43
|
+
onFocusChange: {
|
|
44
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
45
|
+
};
|
|
46
|
+
items: {
|
|
47
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
48
|
+
};
|
|
49
|
+
disableDefaultSelection: {
|
|
50
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
defaultProps: LeftNavProps;
|
|
54
|
+
};
|
|
55
|
+
export declare const LeftNavigationWithSchema: any;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React, { MutableRefObject, RefObject } from 'react';
|
|
2
|
+
import type { LeftNavProps } from './index.d';
|
|
3
|
+
export declare type ContextProps = {
|
|
4
|
+
selectedItem: string | null;
|
|
5
|
+
setSelectedItem: React.Dispatch<React.SetStateAction<string | null>>;
|
|
6
|
+
focusedItem: string | null;
|
|
7
|
+
setFocusedItem: React.Dispatch<React.SetStateAction<string | null>>;
|
|
8
|
+
openedDrilldowns: string[];
|
|
9
|
+
setOpenedDrilldowns: React.Dispatch<React.SetStateAction<string[]>>;
|
|
10
|
+
visibleItems: string[];
|
|
11
|
+
visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;
|
|
12
|
+
leftNavProps: LeftNavProps;
|
|
13
|
+
expandedForAnimation: boolean;
|
|
14
|
+
};
|
|
15
|
+
export declare const defaultProps: LeftNavProps;
|
|
16
|
+
export declare const defaultContext: ContextProps;
|
|
17
|
+
export declare const LeftNavContext: React.Context<ContextProps>;
|
|
18
|
+
export default LeftNavContext;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getScrolbarStyle: () => string;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { 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,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface ItemProps {
|
|
3
|
+
selected: boolean;
|
|
4
|
+
selectable: boolean;
|
|
5
|
+
opened: boolean;
|
|
6
|
+
theme: any;
|
|
7
|
+
shadowStyle: (theme: any) => string;
|
|
8
|
+
}
|
|
9
|
+
export declare const borderOutside: (color: any, weight?: number) => string;
|
|
10
|
+
export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
|
|
11
|
+
shadowStyle: (theme: any) => string;
|
|
12
|
+
}, never>;
|
|
13
|
+
export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
|
|
14
|
+
minHeight: string;
|
|
15
|
+
} & ItemProps, never>;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare type NotificationsProps = {
|
|
3
|
+
exceptions?: boolean;
|
|
4
|
+
alerts?: boolean;
|
|
5
|
+
messages?: boolean;
|
|
6
|
+
};
|
|
7
|
+
export declare const Notifications: ({ exceptions, alerts, messages, }: NotificationsProps) => JSX.Element;
|
|
8
|
+
export default Notifications;
|
|
@@ -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,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare 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 React from 'react';
|
|
2
|
+
import { GenericItemItemProps } from '../index.d';
|
|
3
|
+
declare 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
|
+
declare 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 React from 'react';
|
|
2
|
+
import { 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 React from 'react';
|
|
2
|
+
import type { ContextProps } from './LeftNavigationContext';
|
|
3
|
+
export declare type LabelOveflowT = 'wrap' | 'wrapAll' | 'truncate';
|
|
4
|
+
export interface LeftNavProps {
|
|
5
|
+
expanded: boolean;
|
|
6
|
+
expandedWidth: string;
|
|
7
|
+
openedItem: string;
|
|
8
|
+
items: GenericItemItemProps[];
|
|
9
|
+
footerLabel: string;
|
|
10
|
+
labelOverflow: LabelOveflowT;
|
|
11
|
+
onSelectedChange: (item: string | null) => void;
|
|
12
|
+
onFocusChange: (item: string | null) => void;
|
|
13
|
+
onFooterExpand: () => void;
|
|
14
|
+
onFooterClose: () => void;
|
|
15
|
+
onItemClick: (item: GenericItemItemProps, e: React.MouseEvent<HTMLElement>) => void;
|
|
16
|
+
HeaderComponent?: GenericItemItemProps;
|
|
17
|
+
BodyHeaderComponent?: GenericItemItemProps;
|
|
18
|
+
tabIndex: number;
|
|
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 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';
|
|
29
|
+
export interface itemOptsT {
|
|
30
|
+
label?: string | JSX.Element;
|
|
31
|
+
labelBold?: boolean;
|
|
32
|
+
labelColor?: [string, string];
|
|
33
|
+
labelOverflow?: LabelOveflowT;
|
|
34
|
+
labelRightSection?: string | React.ComponentType;
|
|
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>;
|
|
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?: (theme: any) => string;
|
|
74
|
+
hasBorderBottom?: boolean;
|
|
75
|
+
borderBottomMr?: string;
|
|
76
|
+
children: React.ReactNode;
|
|
77
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
|
|
3
|
+
labelBold: boolean;
|
|
4
|
+
}, never>;
|
|
5
|
+
export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export declare const StyledLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
+
export declare const StyledVerticalSeparator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const StyledRightLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
|
|
3
|
+
labelBold: boolean;
|
|
4
|
+
}, never>;
|
|
5
|
+
export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
|
|
3
|
+
labelBold: boolean;
|
|
4
|
+
}, never>;
|
|
5
|
+
export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { 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,14 @@
|
|
|
1
|
+
declare type LeftNavProps = {
|
|
2
|
+
expanded: boolean;
|
|
3
|
+
expandedWidth: string;
|
|
4
|
+
};
|
|
5
|
+
export declare const StyledLeftNavExpandAnimationWrapper: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, LeftNavProps, never>;
|
|
6
|
+
export declare const StyledLeftNavAreasContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, LeftNavProps, never>;
|
|
7
|
+
export declare const StyledLeftNavHeaderArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
8
|
+
export declare const StyledLeftNavBodyAreasContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
9
|
+
export declare const StyledLeftNavBodyHeaderArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
10
|
+
export declare const StyledLeftNavBodyItemsArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
11
|
+
selected: boolean;
|
|
12
|
+
}, never>;
|
|
13
|
+
export declare const StyledLeftNavFooterArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import 'overlayscrollbars/css/OverlayScrollbars.css';
|
|
3
|
+
export interface OverlayScrollbarsComponentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare const LeftNavContentWithScrollbar: React.ComponentType<OverlayScrollbarsComponentProps>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare 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,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledFooterMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
|
|
3
|
+
theme: any;
|
|
4
|
+
selected: boolean;
|
|
5
|
+
}, never>;
|
|
6
|
+
export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
|
|
8
|
+
theme: any;
|
|
9
|
+
selected: boolean;
|
|
10
|
+
opened: boolean;
|
|
11
|
+
}, never>;
|
|
12
|
+
export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
13
|
+
export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
14
|
+
export declare const StyledMenuCollapse: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
export declare const leftNavItemProps: {
|
|
4
|
+
type: {
|
|
5
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
6
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
7
|
+
};
|
|
8
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
9
|
+
};
|
|
10
|
+
dsId: {
|
|
11
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
12
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
13
|
+
};
|
|
14
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
15
|
+
};
|
|
16
|
+
Component: {
|
|
17
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
18
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
19
|
+
};
|
|
20
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
21
|
+
};
|
|
22
|
+
CollapsedComponent: {
|
|
23
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
24
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
25
|
+
};
|
|
26
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
27
|
+
};
|
|
28
|
+
itemOpts: {
|
|
29
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
30
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
31
|
+
};
|
|
32
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export declare const leftNavigationProps: {
|
|
36
|
+
containerProps: {
|
|
37
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
38
|
+
};
|
|
39
|
+
expanded: {
|
|
40
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
41
|
+
};
|
|
42
|
+
loading: {
|
|
43
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
44
|
+
};
|
|
45
|
+
tabIndex: {
|
|
46
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
47
|
+
};
|
|
48
|
+
openedItem: {
|
|
49
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
50
|
+
};
|
|
51
|
+
footerLabel: {
|
|
52
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
53
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
54
|
+
};
|
|
55
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
56
|
+
};
|
|
57
|
+
onFooterExpand: {
|
|
58
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
59
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
60
|
+
};
|
|
61
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
62
|
+
};
|
|
63
|
+
onFooterClose: {
|
|
64
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
65
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
66
|
+
};
|
|
67
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
68
|
+
};
|
|
69
|
+
onSelectedChange: {
|
|
70
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
71
|
+
};
|
|
72
|
+
onFocusChange: {
|
|
73
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
74
|
+
};
|
|
75
|
+
items: {
|
|
76
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
77
|
+
};
|
|
78
|
+
disableDefaultSelection: {
|
|
79
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
export declare const LeftNavItemPropsSchema: {
|
|
83
|
+
(props?: unknown): JSX.Element;
|
|
84
|
+
propTypes: unknown;
|
|
85
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
86
|
+
};
|
|
87
|
+
export declare const LeftNavItemOptionsSchema: {
|
|
88
|
+
(props?: unknown): JSX.Element;
|
|
89
|
+
propTypes: unknown;
|
|
90
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
91
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -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": "2.3.0-alpha.
|
|
3
|
+
"version": "2.3.0-alpha.9",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Left Navigation",
|
|
6
6
|
"files": [
|
|
@@ -229,11 +229,11 @@
|
|
|
229
229
|
"typeSafety": false
|
|
230
230
|
},
|
|
231
231
|
"dependencies": {
|
|
232
|
-
"@elliemae/ds-circular-progress-indicator": "2.3.0-alpha.
|
|
233
|
-
"@elliemae/ds-grid": "2.3.0-alpha.
|
|
234
|
-
"@elliemae/ds-icons": "2.3.0-alpha.
|
|
235
|
-
"@elliemae/ds-system": "2.3.0-alpha.
|
|
236
|
-
"@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.
|
|
232
|
+
"@elliemae/ds-circular-progress-indicator": "2.3.0-alpha.9",
|
|
233
|
+
"@elliemae/ds-grid": "2.3.0-alpha.9",
|
|
234
|
+
"@elliemae/ds-icons": "2.3.0-alpha.9",
|
|
235
|
+
"@elliemae/ds-system": "2.3.0-alpha.9",
|
|
236
|
+
"@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.9",
|
|
237
237
|
"overlayscrollbars": "1.13.1",
|
|
238
238
|
"prop-types": "~15.7.2",
|
|
239
239
|
"react-desc": "~4.1.3"
|