@elliemae/ds-legacy-dropdownmenu 1.0.12 → 1.0.16
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.
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
export declare const useReferenceConfig: () => {
|
|
3
3
|
triggerReferenceElement: HTMLDivElement | null;
|
|
4
4
|
setTriggerReferenceElement: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null>>;
|
|
5
|
-
listboxReference: import("react").RefObject<HTMLDivElement>;
|
|
6
|
-
inputReference: import("react").RefObject<HTMLInputElement>;
|
|
5
|
+
listboxReference: import("react").RefObject<HTMLDivElement | null>;
|
|
6
|
+
inputReference: import("react").RefObject<HTMLInputElement | null>;
|
|
7
7
|
};
|
package/dist/types/styled.d.ts
CHANGED
|
@@ -1,20 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export declare const
|
|
4
|
-
export declare const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
|
|
9
|
-
export declare const StyledOptionListWrapper: import("styled-components").StyledComponent<"ul", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
|
|
10
|
-
export declare const StyledLoadingWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, {
|
|
11
|
-
minWidth: number;
|
|
12
|
-
} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
|
|
13
|
-
export declare const StyledEmptyStateWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, {
|
|
14
|
-
minWidth: SizingProps['minWidth'];
|
|
15
|
-
maxHeight: SizingProps['maxHeight'];
|
|
16
|
-
} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
|
|
17
|
-
export declare const StyledInputWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, {
|
|
18
|
-
hasHeader: boolean;
|
|
19
|
-
} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
|
|
20
|
-
export declare const StyledHeaderWrapper: 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>;
|
|
1
|
+
export declare const StyledTriggerWrapper: any;
|
|
2
|
+
export declare const StyledListBoxWrapper: any;
|
|
3
|
+
export declare const StyledOptionListWrapper: any;
|
|
4
|
+
export declare const StyledLoadingWrapper: any;
|
|
5
|
+
export declare const StyledEmptyStateWrapper: any;
|
|
6
|
+
export declare const StyledInputWrapper: any;
|
|
7
|
+
export declare const StyledHeaderWrapper: any;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-legacy-dropdownmenu",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.16",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Dropdown Menu",
|
|
6
6
|
"files": [
|
|
@@ -49,27 +49,27 @@
|
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"@xstyled/system": "~3.7.3",
|
|
51
51
|
"react-virtual": "~2.10.4",
|
|
52
|
-
"@elliemae/ds-legacy-circular-progress-indicator": "1.0.
|
|
53
|
-
"@elliemae/ds-legacy-classnames": "1.0.
|
|
54
|
-
"@elliemae/ds-legacy-common": "1.0.
|
|
55
|
-
"@elliemae/ds-legacy-
|
|
56
|
-
"@elliemae/ds-legacy-
|
|
57
|
-
"@elliemae/ds-legacy-menu-items": "1.0.
|
|
58
|
-
"@elliemae/ds-legacy-popper": "1.0.
|
|
59
|
-
"@elliemae/ds-legacy-popperjs": "1.0.
|
|
60
|
-
"@elliemae/ds-legacy-
|
|
61
|
-
"@elliemae/ds-legacy-
|
|
62
|
-
"@elliemae/ds-legacy-truncated-tooltip-text": "1.0.
|
|
63
|
-
"@elliemae/ds-legacy-utilities": "1.0.
|
|
52
|
+
"@elliemae/ds-legacy-circular-progress-indicator": "1.0.16",
|
|
53
|
+
"@elliemae/ds-legacy-classnames": "1.0.16",
|
|
54
|
+
"@elliemae/ds-legacy-common": "1.0.16",
|
|
55
|
+
"@elliemae/ds-legacy-form-input-text": "1.0.16",
|
|
56
|
+
"@elliemae/ds-legacy-grid": "1.0.16",
|
|
57
|
+
"@elliemae/ds-legacy-menu-items": "1.0.16",
|
|
58
|
+
"@elliemae/ds-legacy-popper": "1.0.16",
|
|
59
|
+
"@elliemae/ds-legacy-popperjs": "1.0.16",
|
|
60
|
+
"@elliemae/ds-legacy-props-helpers": "1.0.16",
|
|
61
|
+
"@elliemae/ds-legacy-system": "1.0.16",
|
|
62
|
+
"@elliemae/ds-legacy-truncated-tooltip-text": "1.0.16",
|
|
63
|
+
"@elliemae/ds-legacy-utilities": "1.0.16"
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
66
|
"@elliemae/pui-cli": "9.0.0-next.50",
|
|
67
67
|
"styled-components": "~5.3.9",
|
|
68
|
-
"@elliemae/ds-legacy-monorepo-devops": "1.0.
|
|
68
|
+
"@elliemae/ds-legacy-monorepo-devops": "1.0.16"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
71
|
"@xstyled/styled-components": "~3.6.0",
|
|
72
|
-
"lodash": "^4.17.21",
|
|
72
|
+
"lodash-es": "^4.17.21",
|
|
73
73
|
"react": "^17.0.2",
|
|
74
74
|
"react-dom": "^17.0.2",
|
|
75
75
|
"styled-components": "~5.3.9",
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import type { WeakValidationMap } from 'react';
|
|
2
|
-
import type React from 'react';
|
|
3
|
-
import type { useVirtual } from 'react-virtual';
|
|
4
|
-
import { type GlobalAttributesT, type XstyledProps } from '@elliemae/ds-legacy-props-helpers';
|
|
5
|
-
import type { SizingProps } from '@elliemae/ds-legacy-system';
|
|
6
|
-
export declare namespace DSDropdownMenuT {
|
|
7
|
-
type PopperPlacementsT = 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
|
|
8
|
-
export interface RequiredProps {
|
|
9
|
-
options: Item[];
|
|
10
|
-
isOpened: boolean;
|
|
11
|
-
}
|
|
12
|
-
export interface DefaultProps {
|
|
13
|
-
onClickOutside: (e: MouseEvent | React.KeyboardEvent | TouchEvent) => void;
|
|
14
|
-
onKeyDown: React.KeyboardEventHandler;
|
|
15
|
-
onMouseEnter: React.MouseEventHandler;
|
|
16
|
-
onMouseLeave: React.MouseEventHandler;
|
|
17
|
-
selectedOptions: Record<string, boolean>;
|
|
18
|
-
onOptionClick: (nextSelectedOptions: Record<string, boolean>, clickedOption: Item, e: React.MouseEvent | React.KeyboardEvent) => void;
|
|
19
|
-
openedSubmenus: Record<string, boolean>;
|
|
20
|
-
onSubmenuToggle: (nextOpenedSubmenus: Record<string, boolean>, submenu: Item, e: React.MouseEvent | React.KeyboardEvent) => void;
|
|
21
|
-
isLoading: boolean;
|
|
22
|
-
hasInput: boolean;
|
|
23
|
-
inputValue: string;
|
|
24
|
-
inputPlaceholder: string;
|
|
25
|
-
onInputChange: React.FormEventHandler<HTMLInputElement>;
|
|
26
|
-
startPlacementPreference: PopperPlacementsT;
|
|
27
|
-
placementOrderPreference: PopperPlacementsT[];
|
|
28
|
-
customOffset: [number, number];
|
|
29
|
-
wrapperStyles: Record<string, unknown>;
|
|
30
|
-
actionRef: React.MutableRefObject<Record<string, unknown>>;
|
|
31
|
-
as: keyof JSX.IntrinsicElements;
|
|
32
|
-
children?: React.ReactNode;
|
|
33
|
-
isSkeleton: false;
|
|
34
|
-
}
|
|
35
|
-
export interface OptionalProps {
|
|
36
|
-
zIndex?: number;
|
|
37
|
-
minWidth?: SizingProps['minWidth'];
|
|
38
|
-
maxHeight?: SizingProps['maxHeight'];
|
|
39
|
-
HeaderComp?: React.ComponentType<{
|
|
40
|
-
ctx?: DSDropdownMenuT.CTX;
|
|
41
|
-
}>;
|
|
42
|
-
}
|
|
43
|
-
export interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>, Omit<XstyledProps, 'zIndex'>, RequiredProps {
|
|
44
|
-
}
|
|
45
|
-
export interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>, Omit<XstyledProps, 'zIndex'>, RequiredProps {
|
|
46
|
-
}
|
|
47
|
-
export interface CTX {
|
|
48
|
-
props: React.PropsWithChildren<InternalProps>;
|
|
49
|
-
triggerReferenceElement: HTMLDivElement | null;
|
|
50
|
-
setTriggerReferenceElement: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
|
|
51
|
-
listboxReference: React.RefObject<HTMLDivElement>;
|
|
52
|
-
inputReference: React.RefObject<HTMLInputElement>;
|
|
53
|
-
activeDescendant: string;
|
|
54
|
-
setActiveDescendant: React.Dispatch<React.SetStateAction<string>>;
|
|
55
|
-
scrollOptionIntoView: (dsId: string) => void;
|
|
56
|
-
virtualListHelpers: ReturnType<typeof useVirtual>;
|
|
57
|
-
DSDropdownMenuV2: React.ComponentType<Props>;
|
|
58
|
-
}
|
|
59
|
-
interface CommonItemOptions {
|
|
60
|
-
dsId: string;
|
|
61
|
-
render?: React.ComponentType<any>;
|
|
62
|
-
onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
|
|
63
|
-
onKeyDown?: (e: React.KeyboardEvent) => null;
|
|
64
|
-
}
|
|
65
|
-
export interface ItemActionOptions extends CommonItemOptions {
|
|
66
|
-
type: 'action';
|
|
67
|
-
label: string;
|
|
68
|
-
value: unknown;
|
|
69
|
-
disabled?: boolean;
|
|
70
|
-
}
|
|
71
|
-
export interface ItemSingleOptions extends CommonItemOptions {
|
|
72
|
-
type: 'single';
|
|
73
|
-
label: string;
|
|
74
|
-
value: unknown;
|
|
75
|
-
disabled?: boolean;
|
|
76
|
-
}
|
|
77
|
-
export interface ItemSingleWithSubmenuOptions extends CommonItemOptions {
|
|
78
|
-
type: 'singleWithSubmenu';
|
|
79
|
-
label: string;
|
|
80
|
-
value: unknown;
|
|
81
|
-
disabled?: boolean;
|
|
82
|
-
rightAddon?: 'chevron' | 'ellipsis';
|
|
83
|
-
options: Item[];
|
|
84
|
-
}
|
|
85
|
-
export interface ItemCheckboxOptions extends CommonItemOptions {
|
|
86
|
-
type: 'checkbox';
|
|
87
|
-
label: string;
|
|
88
|
-
value: unknown;
|
|
89
|
-
disabled?: boolean;
|
|
90
|
-
}
|
|
91
|
-
export interface ItemSubmenuOptions extends CommonItemOptions {
|
|
92
|
-
type: 'submenu';
|
|
93
|
-
label: string;
|
|
94
|
-
value: unknown;
|
|
95
|
-
disabled?: boolean;
|
|
96
|
-
rightAddon?: 'chevron' | 'ellipsis';
|
|
97
|
-
options: Item[];
|
|
98
|
-
}
|
|
99
|
-
export interface ItemSeparatorOptions extends CommonItemOptions {
|
|
100
|
-
type: 'separator';
|
|
101
|
-
}
|
|
102
|
-
export interface ItemSectionOptions extends CommonItemOptions {
|
|
103
|
-
type: 'section';
|
|
104
|
-
label: string;
|
|
105
|
-
}
|
|
106
|
-
export interface ItemSkeletonOptions extends CommonItemOptions {
|
|
107
|
-
type: 'skeleton';
|
|
108
|
-
}
|
|
109
|
-
export type Item = ItemActionOptions | ItemSingleOptions | ItemCheckboxOptions | ItemSubmenuOptions | ItemSingleWithSubmenuOptions | ItemSeparatorOptions | ItemSectionOptions | ItemSkeletonOptions;
|
|
110
|
-
export interface ItemDictionary {
|
|
111
|
-
[dsId: string]: {
|
|
112
|
-
original: Item;
|
|
113
|
-
containerRef: React.RefObject<HTMLDivElement>;
|
|
114
|
-
parent: string | null;
|
|
115
|
-
};
|
|
116
|
-
}
|
|
117
|
-
export {};
|
|
118
|
-
}
|
|
119
|
-
export declare const DSDropdownMenuV2PropTypes: WeakValidationMap<unknown>;
|
|
120
|
-
export declare const defaultProps: DSDropdownMenuT.DefaultProps;
|