@elliemae/ds-menu 2.2.0-beta.0 → 2.2.0-next.4
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/cjs/MenuItems/menuItemFactory.js +4 -6
- package/esm/MenuItems/menuItemFactory.js +4 -6
- package/package.json +11 -11
- package/types/Menu.d.ts +19 -2
- package/types/MenuItems/CheckboxGroup.d.ts +1 -1
- package/types/MenuItems/MenuItem.d.ts +1 -1
- package/types/MenuItems/MenuItemCheckable.d.ts +11 -2
- package/types/MenuItems/MenuItemRadio.d.ts +10 -1
- package/types/MenuItems/RadioGroup.d.ts +1 -1
- package/types/MenuItems/SearchableGroup.d.ts +9 -1
- package/types/MenuItems/SearchableList.d.ts +12 -1
- package/types/MenuItems/SelectionGroup.d.ts +12 -1
- package/types/MenuItems/Separator.d.ts +4 -1
- package/types/MenuItems/SubMenu.d.ts +14 -1
|
@@ -26,24 +26,22 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
26
26
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
27
|
|
|
28
28
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
29
|
-
|
|
30
|
-
const itemTypes = () => ({
|
|
29
|
+
const itemTypes = {
|
|
31
30
|
separator: Separator["default"],
|
|
32
31
|
menuitem: MenuItem["default"],
|
|
33
32
|
radio: MenuItemRadio["default"],
|
|
34
33
|
checkbox: MenuItemCheckbox,
|
|
35
34
|
submenu: SubMenu["default"],
|
|
36
35
|
'selection-group': SelectionGroup["default"]
|
|
37
|
-
}
|
|
38
|
-
|
|
36
|
+
};
|
|
39
37
|
const fallback = {
|
|
40
38
|
SelectionGroup: 'selection-group'
|
|
41
39
|
};
|
|
42
40
|
function menuItemFactory() {
|
|
43
41
|
let type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
44
42
|
let items = arguments.length > 1 ? arguments[1] : undefined;
|
|
45
|
-
let defaultItem = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : itemTypes
|
|
46
|
-
const itemsObject = items || itemTypes
|
|
43
|
+
let defaultItem = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : itemTypes.menuitem;
|
|
44
|
+
const itemsObject = items || itemTypes;
|
|
47
45
|
const parsedType = fallback[type] || type.toLowerCase();
|
|
48
46
|
return itemsObject[parsedType] || defaultItem;
|
|
49
47
|
}
|
|
@@ -18,24 +18,22 @@ import MenuItemRadio from './MenuItemRadio.js';
|
|
|
18
18
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
19
19
|
|
|
20
20
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
21
|
-
|
|
22
|
-
const itemTypes = () => ({
|
|
21
|
+
const itemTypes = {
|
|
23
22
|
separator: MenuSeparator,
|
|
24
23
|
menuitem: MenuItem,
|
|
25
24
|
radio: MenuItemRadio,
|
|
26
25
|
checkbox: MenuItemCheckbox,
|
|
27
26
|
submenu: SubMenu,
|
|
28
27
|
'selection-group': SelectionGroup
|
|
29
|
-
}
|
|
30
|
-
|
|
28
|
+
};
|
|
31
29
|
const fallback = {
|
|
32
30
|
SelectionGroup: 'selection-group'
|
|
33
31
|
};
|
|
34
32
|
function menuItemFactory() {
|
|
35
33
|
let type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
36
34
|
let items = arguments.length > 1 ? arguments[1] : undefined;
|
|
37
|
-
let defaultItem = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : itemTypes
|
|
38
|
-
const itemsObject = items || itemTypes
|
|
35
|
+
let defaultItem = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : itemTypes.menuitem;
|
|
36
|
+
const itemsObject = items || itemTypes;
|
|
39
37
|
const parsedType = fallback[type] || type.toLowerCase();
|
|
40
38
|
return itemsObject[parsedType] || defaultItem;
|
|
41
39
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-menu",
|
|
3
|
-
"version": "2.2.0-
|
|
3
|
+
"version": "2.2.0-next.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Menu",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -100,16 +100,16 @@
|
|
|
100
100
|
"build": "node ../../scripts/build/build.js"
|
|
101
101
|
},
|
|
102
102
|
"dependencies": {
|
|
103
|
-
"@elliemae/ds-button": "2.2.0-
|
|
104
|
-
"@elliemae/ds-classnames": "2.2.0-
|
|
105
|
-
"@elliemae/ds-form": "2.2.0-
|
|
106
|
-
"@elliemae/ds-hidden": "2.2.0-
|
|
107
|
-
"@elliemae/ds-icons": "2.2.0-
|
|
108
|
-
"@elliemae/ds-popper": "2.2.0-
|
|
109
|
-
"@elliemae/ds-separator": "2.2.0-
|
|
110
|
-
"@elliemae/ds-shared": "2.2.0-
|
|
111
|
-
"@elliemae/ds-truncated-tooltip-text": "2.2.0-
|
|
112
|
-
"@elliemae/ds-utilities": "2.2.0-
|
|
103
|
+
"@elliemae/ds-button": "2.2.0-next.4",
|
|
104
|
+
"@elliemae/ds-classnames": "2.2.0-next.4",
|
|
105
|
+
"@elliemae/ds-form": "2.2.0-next.4",
|
|
106
|
+
"@elliemae/ds-hidden": "2.2.0-next.4",
|
|
107
|
+
"@elliemae/ds-icons": "2.2.0-next.4",
|
|
108
|
+
"@elliemae/ds-popper": "2.2.0-next.4",
|
|
109
|
+
"@elliemae/ds-separator": "2.2.0-next.4",
|
|
110
|
+
"@elliemae/ds-shared": "2.2.0-next.4",
|
|
111
|
+
"@elliemae/ds-truncated-tooltip-text": "2.2.0-next.4",
|
|
112
|
+
"@elliemae/ds-utilities": "2.2.0-next.4",
|
|
113
113
|
"prop-types": "~15.7.2",
|
|
114
114
|
"react-desc": "~4.1.3",
|
|
115
115
|
"react-spring": "~8.0.27",
|
package/types/Menu.d.ts
CHANGED
|
@@ -1,9 +1,26 @@
|
|
|
1
1
|
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
-
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import { renderMenuItems, menuItemFactory } from './MenuItems/menuItemFactory';
|
|
4
4
|
declare const Menu: any;
|
|
5
5
|
declare const DSMenuWithSchema: {
|
|
6
|
-
(props?:
|
|
6
|
+
(props?: {
|
|
7
|
+
[x: string]: any;
|
|
8
|
+
containerProps?: {} | undefined;
|
|
9
|
+
innerRef: any;
|
|
10
|
+
as?: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "key" | keyof React.HTMLAttributes<HTMLUListElement>> & {
|
|
11
|
+
ref?: ((instance: HTMLUListElement | null) => void) | React.RefObject<HTMLUListElement> | null | undefined;
|
|
12
|
+
}> | undefined;
|
|
13
|
+
children?: undefined;
|
|
14
|
+
onClickOutside?: (() => void) | undefined;
|
|
15
|
+
visible?: undefined;
|
|
16
|
+
focusOnOpen?: boolean | undefined;
|
|
17
|
+
maxOption?: number | undefined;
|
|
18
|
+
style?: {} | undefined;
|
|
19
|
+
minWidth?: undefined;
|
|
20
|
+
maxWidth?: undefined;
|
|
21
|
+
closeMenu: any;
|
|
22
|
+
responsiveHeight?: boolean | undefined;
|
|
23
|
+
} | undefined): JSX.Element;
|
|
7
24
|
propTypes: unknown;
|
|
8
25
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
9
26
|
};
|
|
@@ -69,9 +69,18 @@ declare namespace MenuItemCheckable {
|
|
|
69
69
|
};
|
|
70
70
|
}
|
|
71
71
|
declare const DSMenuItemCheckeableWithSchema: {
|
|
72
|
-
(props?:
|
|
72
|
+
(props?: {
|
|
73
|
+
[x: string]: any;
|
|
74
|
+
role?: string | undefined;
|
|
75
|
+
checked?: boolean | undefined;
|
|
76
|
+
name?: string | undefined;
|
|
77
|
+
checkIcon?: JSX.Element | undefined;
|
|
78
|
+
children: any;
|
|
79
|
+
leftAddon: any;
|
|
80
|
+
item?: undefined;
|
|
81
|
+
} | undefined): JSX.Element;
|
|
73
82
|
propTypes: unknown;
|
|
74
|
-
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
83
|
+
toTypescript: () => import("react-desc").TypescriptSchema; /** left addon component */
|
|
75
84
|
};
|
|
76
85
|
export default MenuItemCheckable;
|
|
77
86
|
export { DSMenuItemCheckeableWithSchema };
|
|
@@ -20,7 +20,16 @@ declare namespace MenuItemRadio {
|
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
22
|
declare const DSMenuItemRadioWithSchema: {
|
|
23
|
-
(props?:
|
|
23
|
+
(props?: {
|
|
24
|
+
[x: string]: any;
|
|
25
|
+
role?: string | undefined;
|
|
26
|
+
checked?: boolean | undefined;
|
|
27
|
+
name?: string | undefined;
|
|
28
|
+
checkIcon?: JSX.Element | undefined;
|
|
29
|
+
children: any;
|
|
30
|
+
leftAddon: any;
|
|
31
|
+
item?: undefined;
|
|
32
|
+
} | undefined): JSX.Element;
|
|
24
33
|
propTypes: unknown;
|
|
25
34
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
26
35
|
};
|
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
2
|
/// <reference types="react" />
|
|
3
3
|
declare const DSMenuSearchableGroupWithSchema: {
|
|
4
|
-
(props?:
|
|
4
|
+
(props?: {
|
|
5
|
+
children: any;
|
|
6
|
+
amountItemsInWindow?: number | undefined;
|
|
7
|
+
searchTerm?: string | undefined;
|
|
8
|
+
noOptionsText?: string | undefined;
|
|
9
|
+
height: any;
|
|
10
|
+
width: any;
|
|
11
|
+
focusOnOpen?: boolean | undefined;
|
|
12
|
+
} | undefined): JSX.Element;
|
|
5
13
|
propTypes: unknown;
|
|
6
14
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
7
15
|
};
|
|
@@ -87,7 +87,18 @@ declare namespace SearchableList {
|
|
|
87
87
|
};
|
|
88
88
|
}
|
|
89
89
|
declare const DSMenuSearchableListWithSchema: {
|
|
90
|
-
(props?:
|
|
90
|
+
(props?: {
|
|
91
|
+
onSelectMenuItem?: (() => void) | undefined;
|
|
92
|
+
components?: {} | undefined;
|
|
93
|
+
searchTerm?: string | undefined;
|
|
94
|
+
items?: never[] | undefined;
|
|
95
|
+
dropdownFilterOptions?: {} | undefined;
|
|
96
|
+
returnValue: any;
|
|
97
|
+
extraListProps?: {} | undefined;
|
|
98
|
+
appendTermInList?: boolean | undefined;
|
|
99
|
+
maxOptions?: number | undefined;
|
|
100
|
+
loading?: boolean | undefined;
|
|
101
|
+
} | undefined): JSX.Element;
|
|
91
102
|
propTypes: unknown;
|
|
92
103
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
93
104
|
};
|
|
@@ -79,7 +79,18 @@ declare namespace SelectionGroup {
|
|
|
79
79
|
};
|
|
80
80
|
}
|
|
81
81
|
declare const DSMenuSelectionGroupWithSchema: {
|
|
82
|
-
(props?:
|
|
82
|
+
(props?: {
|
|
83
|
+
multi?: boolean | undefined;
|
|
84
|
+
searchable?: boolean | undefined;
|
|
85
|
+
focusOnOpen?: boolean | undefined;
|
|
86
|
+
onSelect?: (() => null) | undefined;
|
|
87
|
+
children: any;
|
|
88
|
+
items?: undefined;
|
|
89
|
+
active?: string | never[] | undefined;
|
|
90
|
+
width: any;
|
|
91
|
+
height: any;
|
|
92
|
+
maxOptions?: number | undefined;
|
|
93
|
+
} | undefined): JSX.Element;
|
|
83
94
|
propTypes: unknown;
|
|
84
95
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
85
96
|
};
|
|
@@ -23,7 +23,10 @@ declare const MenuSeparator: {
|
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
25
|
declare const DSMenuSeparatorWithSchema: {
|
|
26
|
-
(props?:
|
|
26
|
+
(props?: {
|
|
27
|
+
title: any;
|
|
28
|
+
showSeparator?: boolean | undefined;
|
|
29
|
+
} | undefined): JSX.Element;
|
|
27
30
|
propTypes: unknown;
|
|
28
31
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
29
32
|
};
|
|
@@ -101,7 +101,20 @@ declare namespace SubMenu {
|
|
|
101
101
|
};
|
|
102
102
|
}
|
|
103
103
|
declare const DSSubMenuWithSchema: {
|
|
104
|
-
(props?:
|
|
104
|
+
(props?: {
|
|
105
|
+
noAddon: any;
|
|
106
|
+
leftAddon?: undefined;
|
|
107
|
+
label?: undefined;
|
|
108
|
+
interactionType?: string | undefined;
|
|
109
|
+
children: any;
|
|
110
|
+
rightAddonType: any;
|
|
111
|
+
disabledAddonInactive: any;
|
|
112
|
+
checkableProps?: {} | undefined;
|
|
113
|
+
customRenderer: any;
|
|
114
|
+
onClick: any;
|
|
115
|
+
closeMenu: any;
|
|
116
|
+
id: any;
|
|
117
|
+
} | undefined): JSX.Element;
|
|
105
118
|
propTypes: unknown;
|
|
106
119
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
107
120
|
};
|