@elliemae/ds-menu 1.57.1-rc.0 → 2.0.0-alpha.11

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 (114) hide show
  1. package/cjs/Menu.js +176 -39
  2. package/cjs/MenuCombobox.js +33 -80
  3. package/cjs/MenuContext.js +1 -2
  4. package/cjs/MenuItems/CheckboxGroup.js +12 -10
  5. package/cjs/MenuItems/MenuItem.js +186 -36
  6. package/cjs/MenuItems/MenuItemCheckable.js +109 -35
  7. package/cjs/MenuItems/MenuItemCheckbox.js +35 -34
  8. package/cjs/MenuItems/MenuItemRadio.js +31 -35
  9. package/cjs/MenuItems/RadioGroup.js +12 -10
  10. package/cjs/MenuItems/SearchableGroup.js +44 -59
  11. package/cjs/MenuItems/SearchableList.js +35 -56
  12. package/cjs/MenuItems/SelectionGroup.js +93 -36
  13. package/cjs/MenuItems/Separator.js +14 -16
  14. package/cjs/MenuItems/SubMenu.js +197 -36
  15. package/cjs/MenuItems/menuItemFactory.js +56 -36
  16. package/cjs/VirtualMenuList.js +23 -26
  17. package/cjs/index.js +27 -48
  18. package/cjs/utils/useHeightByAmountOfItems.js +8 -10
  19. package/esm/Menu.js +165 -31
  20. package/esm/MenuCombobox.js +28 -74
  21. package/esm/MenuContext.js +0 -1
  22. package/esm/MenuItems/CheckboxGroup.js +10 -7
  23. package/esm/MenuItems/MenuItem.js +178 -31
  24. package/esm/MenuItems/MenuItemCheckable.js +101 -30
  25. package/esm/MenuItems/MenuItemCheckbox.js +28 -30
  26. package/esm/MenuItems/MenuItemRadio.js +26 -30
  27. package/esm/MenuItems/RadioGroup.js +10 -7
  28. package/esm/MenuItems/SearchableGroup.js +42 -56
  29. package/esm/MenuItems/SearchableList.js +32 -51
  30. package/esm/MenuItems/SelectionGroup.js +87 -31
  31. package/esm/MenuItems/Separator.js +12 -14
  32. package/esm/MenuItems/SubMenu.js +186 -31
  33. package/esm/MenuItems/menuItemFactory.js +51 -31
  34. package/esm/VirtualMenuList.js +21 -24
  35. package/esm/index.js +7 -28
  36. package/esm/utils/useHeightByAmountOfItems.js +8 -10
  37. package/package.json +106 -21
  38. package/types/Menu.d.ts +5 -0
  39. package/types/MenuCombobox.d.ts +28 -0
  40. package/types/MenuContext.d.ts +3 -0
  41. package/types/MenuItems/CheckboxGroup.d.ts +12 -0
  42. package/types/MenuItems/MenuItem.d.ts +29 -0
  43. package/types/MenuItems/MenuItemCheckable.d.ts +42 -0
  44. package/types/MenuItems/MenuItemCheckbox.d.ts +6 -0
  45. package/types/MenuItems/MenuItemRadio.d.ts +13 -0
  46. package/types/MenuItems/RadioGroup.d.ts +11 -0
  47. package/types/MenuItems/SearchableGroup.d.ts +4 -0
  48. package/types/MenuItems/SearchableList.d.ts +40 -0
  49. package/types/MenuItems/SelectionGroup.d.ts +36 -0
  50. package/types/MenuItems/Separator.d.ts +16 -0
  51. package/types/MenuItems/SubMenu.d.ts +44 -0
  52. package/types/MenuItems/menuItemFactory.d.ts +3 -0
  53. package/types/VirtualMenuList.d.ts +8 -0
  54. package/types/index.d.ts +13 -0
  55. package/types/tests/Menu.test.d.ts +1 -0
  56. package/types/tests/MenuItem.test.d.ts +1 -0
  57. package/types/utils/useHeightByAmountOfItems.d.ts +5 -0
  58. package/Menu/package.json +0 -10
  59. package/MenuCombobox/package.json +0 -10
  60. package/MenuContext/package.json +0 -10
  61. package/MenuItems/CheckboxGroup/package.json +0 -10
  62. package/MenuItems/MenuItem/package.json +0 -10
  63. package/MenuItems/MenuItemCheckable/package.json +0 -10
  64. package/MenuItems/MenuItemCheckbox/package.json +0 -10
  65. package/MenuItems/MenuItemRadio/package.json +0 -10
  66. package/MenuItems/RadioGroup/package.json +0 -10
  67. package/MenuItems/SearchableGroup/package.json +0 -10
  68. package/MenuItems/SearchableList/package.json +0 -10
  69. package/MenuItems/SelectionGroup/package.json +0 -10
  70. package/MenuItems/Separator/package.json +0 -10
  71. package/MenuItems/SubMenu/package.json +0 -10
  72. package/MenuItems/menuItemFactory/package.json +0 -10
  73. package/VirtualMenuList/package.json +0 -10
  74. package/cjs/Menu.js.map +0 -1
  75. package/cjs/MenuCombobox.js.map +0 -1
  76. package/cjs/MenuContext.js.map +0 -1
  77. package/cjs/MenuItems/CheckboxGroup.js.map +0 -1
  78. package/cjs/MenuItems/MenuItem.js.map +0 -1
  79. package/cjs/MenuItems/MenuItemCheckable.js.map +0 -1
  80. package/cjs/MenuItems/MenuItemCheckbox.js.map +0 -1
  81. package/cjs/MenuItems/MenuItemRadio.js.map +0 -1
  82. package/cjs/MenuItems/RadioGroup.js.map +0 -1
  83. package/cjs/MenuItems/SearchableGroup.js.map +0 -1
  84. package/cjs/MenuItems/SearchableList.js.map +0 -1
  85. package/cjs/MenuItems/SelectionGroup.js.map +0 -1
  86. package/cjs/MenuItems/Separator.js.map +0 -1
  87. package/cjs/MenuItems/SubMenu.js.map +0 -1
  88. package/cjs/MenuItems/menuItemFactory.js.map +0 -1
  89. package/cjs/SubMenu-22be0a18.js +0 -806
  90. package/cjs/SubMenu-22be0a18.js.map +0 -1
  91. package/cjs/VirtualMenuList.js.map +0 -1
  92. package/cjs/index.js.map +0 -1
  93. package/cjs/utils/useHeightByAmountOfItems.js.map +0 -1
  94. package/esm/Menu.js.map +0 -1
  95. package/esm/MenuCombobox.js.map +0 -1
  96. package/esm/MenuContext.js.map +0 -1
  97. package/esm/MenuItems/CheckboxGroup.js.map +0 -1
  98. package/esm/MenuItems/MenuItem.js.map +0 -1
  99. package/esm/MenuItems/MenuItemCheckable.js.map +0 -1
  100. package/esm/MenuItems/MenuItemCheckbox.js.map +0 -1
  101. package/esm/MenuItems/MenuItemRadio.js.map +0 -1
  102. package/esm/MenuItems/RadioGroup.js.map +0 -1
  103. package/esm/MenuItems/SearchableGroup.js.map +0 -1
  104. package/esm/MenuItems/SearchableList.js.map +0 -1
  105. package/esm/MenuItems/SelectionGroup.js.map +0 -1
  106. package/esm/MenuItems/Separator.js.map +0 -1
  107. package/esm/MenuItems/SubMenu.js.map +0 -1
  108. package/esm/MenuItems/menuItemFactory.js.map +0 -1
  109. package/esm/SubMenu-a25e69ec.js +0 -778
  110. package/esm/SubMenu-a25e69ec.js.map +0 -1
  111. package/esm/VirtualMenuList.js.map +0 -1
  112. package/esm/index.js.map +0 -1
  113. package/esm/utils/useHeightByAmountOfItems.js.map +0 -1
  114. package/utils/useHeightByAmountOfItems/package.json +0 -10
package/esm/index.js CHANGED
@@ -1,34 +1,13 @@
1
- export { b as DSMenuItemCheckeableWithSchema, c as DSMenuItemRadioWithSchema, D as DSMenuItemWithSchema, d as DSMenuSelectionGroupWithSchema, e as DSMenuWithSchema, a as DSSubMenuWithSchema, M as Menu, M as default, m as menuItemFactory, r as renderMenuItems } from './SubMenu-a25e69ec.js';
1
+ export { DSMenuWithSchema, Menu, Menu as default } from './Menu.js';
2
+ export { DSMenuItemWithSchema } from './MenuItems/MenuItem.js';
3
+ export { DSSubMenuWithSchema } from './MenuItems/SubMenu.js';
2
4
  export { DSMenuCheckboxGroupWithSchema } from './MenuItems/CheckboxGroup.js';
5
+ export { DSMenuItemCheckeableWithSchema } from './MenuItems/MenuItemCheckable.js';
6
+ export { DSMenuItemRadioWithSchema } from './MenuItems/MenuItemRadio.js';
3
7
  export { DSMenuRadioGroupWithSchema } from './MenuItems/RadioGroup.js';
4
8
  export { DSMenuSearchableGroupWithSchema } from './MenuItems/SearchableGroup.js';
5
9
  export { DSMenuSearchableListWithSchema } from './MenuItems/SearchableList.js';
6
10
  export { DSMenuSeparatorWithSchema } from './MenuItems/Separator.js';
11
+ export { DSMenuSelectionGroupWithSchema } from './MenuItems/SelectionGroup.js';
7
12
  export { default as MenuCombobox } from './MenuCombobox.js';
8
- import '@babel/runtime/helpers/esm/extends';
9
- import '@babel/runtime/helpers/esm/slicedToArray';
10
- import 'react';
11
- import 'react-desc';
12
- import '@elliemae/ds-icons';
13
- import '@elliemae/ds-shared/FocusGroup';
14
- import '@elliemae/ds-hidden';
15
- import '@elliemae/ds-button';
16
- import '@elliemae/ds-popper';
17
- import 'styled-components';
18
- import '@babel/runtime/helpers/esm/objectWithoutProperties';
19
- import '@babel/runtime/helpers/esm/defineProperty';
20
- import 'lodash';
21
- import '@elliemae/ds-classnames';
22
- import 'react-spring/web.cjs';
23
- import '@elliemae/ds-utilities';
24
- import '@elliemae/ds-truncated-tooltip-text';
25
- import '@elliemae/ds-shared/CheckableGroup';
26
- import './VirtualMenuList.js';
27
- import 'react-window';
28
- import './utils/useHeightByAmountOfItems.js';
29
- import '@elliemae/ds-form';
30
- import './MenuContext.js';
31
- import '@elliemae/ds-form/SearchBox';
32
- import '@elliemae/ds-separator';
33
- import 'prop-types';
34
- //# sourceMappingURL=index.js.map
13
+ export { menuItemFactory, renderMenuItems } from './MenuItems/menuItemFactory.js';
@@ -1,19 +1,17 @@
1
1
  import { useMemo } from 'react';
2
2
 
3
- var calculateHeight = function calculateHeight(itemHeight, amountItemsInWindow, itemsLength) {
4
- var realAmountItemsInWindow = itemsLength < amountItemsInWindow ? itemsLength : amountItemsInWindow;
3
+ const calculateHeight = (itemHeight, amountItemsInWindow, itemsLength) => {
4
+ const realAmountItemsInWindow = itemsLength < amountItemsInWindow ? itemsLength : amountItemsInWindow;
5
5
  return itemHeight * realAmountItemsInWindow;
6
6
  };
7
7
 
8
- function useHeightByAmountOfItems(_ref) {
9
- var itemHeight = _ref.itemHeight,
10
- amountItems = _ref.amountItems,
11
- items = _ref.items;
12
- var calculatedHeight = useMemo(function () {
13
- return calculateHeight(itemHeight, amountItems, items.length);
14
- }, [amountItems, items]);
8
+ function useHeightByAmountOfItems({
9
+ itemHeight,
10
+ amountItems,
11
+ items
12
+ }) {
13
+ const calculatedHeight = useMemo(() => calculateHeight(itemHeight, amountItems, items.length), [amountItems, items]);
15
14
  return calculatedHeight;
16
15
  }
17
16
 
18
17
  export { useHeightByAmountOfItems as default };
19
- //# sourceMappingURL=useHeightByAmountOfItems.js.map
package/package.json CHANGED
@@ -1,14 +1,98 @@
1
1
  {
2
2
  "name": "@elliemae/ds-menu",
3
- "version": "1.57.1-rc.0",
3
+ "version": "2.0.0-alpha.11",
4
4
  "license": "MIT",
5
- "description": "Ellie Mae - Dim Sum - Menu",
6
- "module": "esm/index.js",
7
- "main": "cjs/index.js",
5
+ "description": "ICE MT - Dimsum - Menu",
6
+ "module": "./esm/index.js",
7
+ "main": "./cjs/index.js",
8
+ "types": "./types/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "import": "./esm/index.js",
12
+ "require": "./cjs/index.js"
13
+ },
14
+ "./VirtualMenuList": {
15
+ "import": "./esm/VirtualMenuList.js",
16
+ "require": "./cjs/VirtualMenuList.js"
17
+ },
18
+ "./utils/useHeightByAmountOfItems": {
19
+ "import": "./esm/utils/useHeightByAmountOfItems.js",
20
+ "require": "./cjs/utils/useHeightByAmountOfItems.js"
21
+ },
22
+ "./MenuItems/SubMenu": {
23
+ "import": "./esm/MenuItems/SubMenu.js",
24
+ "require": "./cjs/MenuItems/SubMenu.js"
25
+ },
26
+ "./MenuItems/Separator": {
27
+ "import": "./esm/MenuItems/Separator.js",
28
+ "require": "./cjs/MenuItems/Separator.js"
29
+ },
30
+ "./MenuItems/SelectionGroup": {
31
+ "import": "./esm/MenuItems/SelectionGroup.js",
32
+ "require": "./cjs/MenuItems/SelectionGroup.js"
33
+ },
34
+ "./MenuItems/SearchableList": {
35
+ "import": "./esm/MenuItems/SearchableList.js",
36
+ "require": "./cjs/MenuItems/SearchableList.js"
37
+ },
38
+ "./MenuItems/SearchableGroup": {
39
+ "import": "./esm/MenuItems/SearchableGroup.js",
40
+ "require": "./cjs/MenuItems/SearchableGroup.js"
41
+ },
42
+ "./MenuItems/RadioGroup": {
43
+ "import": "./esm/MenuItems/RadioGroup.js",
44
+ "require": "./cjs/MenuItems/RadioGroup.js"
45
+ },
46
+ "./MenuItems/MenuItemRadio": {
47
+ "import": "./esm/MenuItems/MenuItemRadio.js",
48
+ "require": "./cjs/MenuItems/MenuItemRadio.js"
49
+ },
50
+ "./MenuItems/menuItemFactory": {
51
+ "import": "./esm/MenuItems/menuItemFactory.js",
52
+ "require": "./cjs/MenuItems/menuItemFactory.js"
53
+ },
54
+ "./MenuItems/MenuItemCheckbox": {
55
+ "import": "./esm/MenuItems/MenuItemCheckbox.js",
56
+ "require": "./cjs/MenuItems/MenuItemCheckbox.js"
57
+ },
58
+ "./MenuItems/MenuItemCheckable": {
59
+ "import": "./esm/MenuItems/MenuItemCheckable.js",
60
+ "require": "./cjs/MenuItems/MenuItemCheckable.js"
61
+ },
62
+ "./MenuItems/MenuItem": {
63
+ "import": "./esm/MenuItems/MenuItem.js",
64
+ "require": "./cjs/MenuItems/MenuItem.js"
65
+ },
66
+ "./MenuItems/CheckboxGroup": {
67
+ "import": "./esm/MenuItems/CheckboxGroup.js",
68
+ "require": "./cjs/MenuItems/CheckboxGroup.js"
69
+ },
70
+ "./MenuContext": {
71
+ "import": "./esm/MenuContext.js",
72
+ "require": "./cjs/MenuContext.js"
73
+ },
74
+ "./MenuCombobox": {
75
+ "import": "./esm/MenuCombobox.js",
76
+ "require": "./cjs/MenuCombobox.js"
77
+ },
78
+ "./Menu": {
79
+ "import": "./esm/Menu.js",
80
+ "require": "./cjs/Menu.js"
81
+ }
82
+ },
8
83
  "sideEffects": [
9
84
  "*.css",
10
85
  "*.scss"
11
86
  ],
87
+ "repository": {
88
+ "type": "git",
89
+ "url": "https://git.elliemae.io/platform-ui/dimsum.git"
90
+ },
91
+ "engines": {
92
+ "npm": ">=7",
93
+ "node": ">=14"
94
+ },
95
+ "author": "ICE MT",
12
96
  "scripts": {
13
97
  "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
14
98
  "prebuild": "exit 0",
@@ -16,32 +100,33 @@
16
100
  "build": "node ../../scripts/build/build.js"
17
101
  },
18
102
  "dependencies": {
19
- "@elliemae/ds-button": "1.57.1-rc.0",
20
- "@elliemae/ds-classnames": "1.57.1-rc.0",
21
- "@elliemae/ds-form": "1.57.1-rc.0",
22
- "@elliemae/ds-hidden": "1.57.1-rc.0",
23
- "@elliemae/ds-icons": "1.57.1-rc.0",
24
- "@elliemae/ds-popper": "1.57.1-rc.0",
25
- "@elliemae/ds-separator": "1.57.1-rc.0",
26
- "@elliemae/ds-shared": "1.57.1-rc.0",
27
- "@elliemae/ds-truncated-tooltip-text": "1.57.1-rc.0",
28
- "@elliemae/ds-utilities": "1.57.1-rc.0",
103
+ "@elliemae/ds-button": "2.0.0-alpha.11",
104
+ "@elliemae/ds-classnames": "2.0.0-alpha.11",
105
+ "@elliemae/ds-form": "2.0.0-alpha.11",
106
+ "@elliemae/ds-hidden": "2.0.0-alpha.11",
107
+ "@elliemae/ds-icons": "2.0.0-alpha.11",
108
+ "@elliemae/ds-popper": "2.0.0-alpha.11",
109
+ "@elliemae/ds-separator": "2.0.0-alpha.11",
110
+ "@elliemae/ds-shared": "2.0.0-alpha.11",
111
+ "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.11",
112
+ "@elliemae/ds-utilities": "2.0.0-alpha.11",
29
113
  "prop-types": "~15.7.2",
30
- "react-desc": "^4.1.2",
114
+ "react-desc": "~4.1.3",
31
115
  "react-spring": "~8.0.27",
32
116
  "react-window": "~1.8.6"
33
117
  },
34
118
  "devDependencies": {
35
- "styled-components": "~5.3.0"
119
+ "styled-components": "~5.3.1"
36
120
  },
37
121
  "peerDependencies": {
38
- "lodash": "^4.17.20",
39
- "react": "^17.0.1",
40
- "react-dom": "^17.0.1",
41
- "styled-components": "^5.3.0"
122
+ "lodash": "^4.17.21",
123
+ "react": "^17.0.2",
124
+ "react-dom": "^17.0.2",
125
+ "styled-components": "^5.3.1"
42
126
  },
43
127
  "publishConfig": {
44
128
  "access": "public",
45
- "directory": "dist"
129
+ "directory": "dist",
130
+ "generateSubmodules": true
46
131
  }
47
132
  }
@@ -0,0 +1,5 @@
1
+ import { renderMenuItems, menuItemFactory } from './MenuItems/menuItemFactory';
2
+ declare const Menu: any;
3
+ declare const DSMenuWithSchema: any;
4
+ export { Menu, menuItemFactory, renderMenuItems, DSMenuWithSchema };
5
+ export default Menu;
@@ -0,0 +1,28 @@
1
+ /// <reference types="react" />
2
+ import PropTypes from 'prop-types';
3
+ declare function MenuCombobox({ dropdownFilterOptions, options, onSelectMenuItem, innerRef, maxOptions, loading, ...rest }: {
4
+ [x: string]: any;
5
+ dropdownFilterOptions?: {} | undefined;
6
+ options?: never[] | undefined;
7
+ onSelectMenuItem?: (() => null) | undefined;
8
+ innerRef: any;
9
+ maxOptions?: number | undefined;
10
+ loading?: boolean | undefined;
11
+ }): JSX.Element;
12
+ declare namespace MenuCombobox {
13
+ var propTypes: {
14
+ /** Options */
15
+ dropdownFilterOptions: PropTypes.Requireable<PropTypes.InferProps<{}>>;
16
+ /** The option or menu items to render */
17
+ options: PropTypes.Requireable<(object | null | undefined)[]>;
18
+ /** Handler when a menu item is selected */
19
+ onSelectMenuItem: PropTypes.Requireable<(...args: any[]) => any>;
20
+ /** Internal ref */
21
+ innerRef: PropTypes.Requireable<object>;
22
+ /** Max options to display in the list */
23
+ maxOptions: PropTypes.Requireable<number>;
24
+ /** Is loading */
25
+ loading: PropTypes.Requireable<boolean>;
26
+ };
27
+ }
28
+ export default MenuCombobox;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const _default: React.Context<unknown>;
3
+ export default _default;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ declare function CheckboxGroup(props: any): JSX.Element;
3
+ declare namespace CheckboxGroup {
4
+ var propTypes: {
5
+ active: any;
6
+ multi: any;
7
+ onCheck: any;
8
+ };
9
+ }
10
+ declare const DSMenuCheckboxGroupWithSchema: any;
11
+ export default CheckboxGroup;
12
+ export { DSMenuCheckboxGroupWithSchema };
@@ -0,0 +1,29 @@
1
+ /// <reference types="react" />
2
+ declare function MenuItem(props: any): JSX.Element;
3
+ declare namespace MenuItem {
4
+ var propTypes: {
5
+ /** Renders the MenuItem with a specific html element */
6
+ as: any;
7
+ /**
8
+ * reference to the component
9
+ */
10
+ innerRef: any;
11
+ /** Renders the passed element to the left */
12
+ leftAddon: any;
13
+ /** Renders the passed element to the right */
14
+ rightAddon: any;
15
+ /** Label for the menu item */
16
+ label: any;
17
+ /** style object for menu item wrapper */
18
+ style: any;
19
+ /** disable menu item */
20
+ disabled: any;
21
+ /** HTML tabindex to manage focus order */
22
+ tabindex: any;
23
+ /** a11y role */
24
+ role: any;
25
+ };
26
+ }
27
+ declare const DSMenuItemWithSchema: any;
28
+ export default MenuItem;
29
+ export { DSMenuItemWithSchema };
@@ -0,0 +1,42 @@
1
+ /// <reference types="react" />
2
+ /**
3
+ * Reuses the same props as the MenuItem
4
+ *
5
+ * @param root0
6
+ * @param root0.role
7
+ * @param root0.checked
8
+ * @param root0.name
9
+ * @param root0.checkIcon
10
+ * @param root0.children
11
+ * @param root0.leftAddon
12
+ * @param root0.item
13
+ */
14
+ declare function MenuItemCheckable({ role, checked, name, checkIcon, children, leftAddon, item, ...otherProps }: {
15
+ [x: string]: any;
16
+ role?: string | undefined;
17
+ checked?: boolean | undefined;
18
+ name?: string | undefined;
19
+ checkIcon?: JSX.Element | undefined;
20
+ children: any;
21
+ leftAddon: any;
22
+ item?: undefined;
23
+ }): JSX.Element;
24
+ declare namespace MenuItemCheckable {
25
+ var propTypes: {
26
+ /** Whether the item is checked or not */
27
+ checked: any;
28
+ /** A custom item when the item is checked */
29
+ checkIcon: any;
30
+ /** form field name */
31
+ name: any;
32
+ /** menu item object props */
33
+ item: any;
34
+ /** a11y role */
35
+ role: any;
36
+ /** left addon component */
37
+ leftAddon: any;
38
+ };
39
+ }
40
+ declare const DSMenuItemCheckeableWithSchema: any;
41
+ export default MenuItemCheckable;
42
+ export { DSMenuItemCheckeableWithSchema };
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ declare function MenuItemCheckbox({ checked, ...rest }: {
3
+ [x: string]: any;
4
+ checked: any;
5
+ }): JSX.Element;
6
+ export default MenuItemCheckbox;
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ declare function MenuItemRadio(props: any): JSX.Element;
3
+ declare namespace MenuItemRadio {
4
+ var propTypes: {
5
+ /** Whether the item is checked or not */
6
+ checked: any;
7
+ /** A custom item when the item is checked */
8
+ checkIcon: any;
9
+ };
10
+ }
11
+ declare const DSMenuItemRadioWithSchema: any;
12
+ export default MenuItemRadio;
13
+ export { DSMenuItemRadioWithSchema };
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ declare function RadioGroup(props: any): JSX.Element;
3
+ declare namespace RadioGroup {
4
+ var propTypes: {
5
+ active: any;
6
+ onCheck: any;
7
+ };
8
+ }
9
+ declare const DSMenuRadioGroupWithSchema: any;
10
+ export default RadioGroup;
11
+ export { DSMenuRadioGroupWithSchema };
@@ -0,0 +1,4 @@
1
+ declare const DSMenuSearchableGroupWithSchema: any;
2
+ declare const _default: any;
3
+ export default _default;
4
+ export { DSMenuSearchableGroupWithSchema };
@@ -0,0 +1,40 @@
1
+ /// <reference types="react" />
2
+ declare function SearchableList({ onSelectMenuItem, components, searchTerm: searchTermProp, items, dropdownFilterOptions, returnValue, extraListProps, appendTermInList, maxOptions, loading, }: {
3
+ onSelectMenuItem?: (() => void) | undefined;
4
+ components?: {} | undefined;
5
+ searchTerm?: string | undefined;
6
+ items?: never[] | undefined;
7
+ dropdownFilterOptions?: {} | undefined;
8
+ returnValue: any;
9
+ extraListProps?: {} | undefined;
10
+ appendTermInList?: boolean | undefined;
11
+ maxOptions?: number | undefined;
12
+ loading?: boolean | undefined;
13
+ }): JSX.Element;
14
+ declare namespace SearchableList {
15
+ var propTypes: {
16
+ /** callback after item gets selected */
17
+ onSelectMenuItem: any;
18
+ /** Object with custom components for react-select */
19
+ components: any;
20
+ /** search term to filter for */
21
+ searchTerm: any;
22
+ /** item options */
23
+ items: any;
24
+ /** options */
25
+ dropdownFilterOptions: any;
26
+ /** Whether the combo box is has value to return or not */
27
+ returnValue: any;
28
+ /** extra props to pass down to combo */
29
+ extraListProps: any;
30
+ /** append search term as item on the list */
31
+ appendTermInList: any;
32
+ /** maxoptions for combobox */
33
+ maxOptions: any;
34
+ /** loading flag */
35
+ loading: any;
36
+ };
37
+ }
38
+ declare const DSMenuSearchableListWithSchema: any;
39
+ export default SearchableList;
40
+ export { DSMenuSearchableListWithSchema };
@@ -0,0 +1,36 @@
1
+ /// <reference types="react" />
2
+ declare function SelectionGroup({ multi, searchable, focusOnOpen, onSelect, children, items, active, width, height, }: {
3
+ multi?: boolean | undefined;
4
+ searchable?: boolean | undefined;
5
+ focusOnOpen?: boolean | undefined;
6
+ onSelect?: (() => null) | undefined;
7
+ children: any;
8
+ items?: undefined;
9
+ active?: string | never[] | undefined;
10
+ width: any;
11
+ height: any;
12
+ }): JSX.Element;
13
+ declare namespace SelectionGroup {
14
+ var propTypes: {
15
+ /** toggle on multi select */
16
+ multi: any;
17
+ /** toggle on searchable behavior */
18
+ searchable: any;
19
+ /** toggle to focus component on open */
20
+ focusOnOpen: any;
21
+ /** callback that triggers when select happens */
22
+ onSelect: any;
23
+ children: any;
24
+ /** selection group items */
25
+ items: any;
26
+ /** array of values for multi and string for single selection */
27
+ active: any;
28
+ /** selection group width */
29
+ width: any;
30
+ /** selection group height */
31
+ height: any;
32
+ };
33
+ }
34
+ declare const DSMenuSelectionGroupWithSchema: any;
35
+ export default SelectionGroup;
36
+ export { DSMenuSelectionGroupWithSchema };
@@ -0,0 +1,16 @@
1
+ /// <reference types="react" />
2
+ declare const MenuSeparator: {
3
+ ({ title, showSeparator }: {
4
+ title: any;
5
+ showSeparator?: boolean | undefined;
6
+ }): JSX.Element;
7
+ propTypes: {
8
+ /** menu separator h5 title */
9
+ title: any;
10
+ /** toggle separator on and off */
11
+ showSeparator: any;
12
+ };
13
+ };
14
+ declare const DSMenuSeparatorWithSchema: any;
15
+ export default MenuSeparator;
16
+ export { DSMenuSeparatorWithSchema };
@@ -0,0 +1,44 @@
1
+ /// <reference types="react" />
2
+ declare function SubMenu({ noAddon, leftAddon, label, interactionType, children: subitems, rightAddonType, disabledAddonInactive, checkableProps, customRenderer, onClick, closeMenu, id, }: {
3
+ noAddon: any;
4
+ leftAddon?: undefined;
5
+ label?: undefined;
6
+ interactionType?: string | undefined;
7
+ children: any;
8
+ rightAddonType: any;
9
+ disabledAddonInactive: any;
10
+ checkableProps?: {} | undefined;
11
+ customRenderer: any;
12
+ onClick: any;
13
+ closeMenu: any;
14
+ id: any;
15
+ }): JSX.Element;
16
+ declare namespace SubMenu {
17
+ var propTypes: {
18
+ /** dont show addon for submenu */
19
+ noAddon: any;
20
+ /** left addon */
21
+ leftAddon: any;
22
+ /** submenu label */
23
+ label: any;
24
+ /** A type indicating how to open/close the tooltip */
25
+ interactionType: any;
26
+ /** sub menu items */
27
+ children: any;
28
+ /** right addon, ellipsis or undefined */
29
+ rightAddonType: any;
30
+ disabledAddonInactive: any;
31
+ /** props passed to MenuItem component */
32
+ checkableProps: any;
33
+ /** custom renderer for menu item */
34
+ customRenderer: any;
35
+ /** on click handler */
36
+ onClick: any;
37
+ closeMenu: any;
38
+ /** component id */
39
+ id: any;
40
+ };
41
+ }
42
+ declare const DSSubMenuWithSchema: any;
43
+ export default SubMenu;
44
+ export { DSSubMenuWithSchema };
@@ -0,0 +1,3 @@
1
+ import MenuItem from './MenuItem';
2
+ export declare function menuItemFactory(type: string | undefined, items: any, defaultItem?: typeof MenuItem): any;
3
+ export declare function renderMenuItems(options: any, factory?: typeof menuItemFactory): any;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export default function VirtualMenuList({ items, itemHeight, amountItemsInWindow, width, height, }: {
3
+ items: any;
4
+ itemHeight?: number | undefined;
5
+ amountItemsInWindow?: number | undefined;
6
+ width: any;
7
+ height: any;
8
+ }): JSX.Element;
@@ -0,0 +1,13 @@
1
+ export * from './Menu';
2
+ export { DSMenuItemWithSchema } from './MenuItems/MenuItem';
3
+ export { DSSubMenuWithSchema } from './MenuItems/SubMenu';
4
+ export { DSMenuCheckboxGroupWithSchema } from './MenuItems/CheckboxGroup';
5
+ export { DSMenuItemCheckeableWithSchema } from './MenuItems/MenuItemCheckable';
6
+ export { DSMenuItemRadioWithSchema } from './MenuItems/MenuItemRadio';
7
+ export { DSMenuRadioGroupWithSchema } from './MenuItems/RadioGroup';
8
+ export { DSMenuSearchableGroupWithSchema } from './MenuItems/SearchableGroup';
9
+ export { DSMenuSearchableListWithSchema } from './MenuItems/SearchableList';
10
+ export { DSMenuSeparatorWithSchema } from './MenuItems/Separator';
11
+ export { DSMenuSelectionGroupWithSchema } from './MenuItems/SelectionGroup';
12
+ export { default as MenuCombobox } from './MenuCombobox';
13
+ export { default } from './Menu';
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,5 @@
1
+ export default function useHeightByAmountOfItems({ itemHeight, amountItems, items, }: {
2
+ itemHeight: any;
3
+ amountItems: any;
4
+ items: any;
5
+ }): number;
package/Menu/package.json DELETED
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-menu/Menu",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/Menu.js",
9
- "module": "../esm/Menu.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-menu/MenuCombobox",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/MenuCombobox.js",
9
- "module": "../esm/MenuCombobox.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-menu/MenuContext",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/MenuContext.js",
9
- "module": "../esm/MenuContext.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-menu/MenuItems/CheckboxGroup",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/MenuItems/CheckboxGroup.js",
9
- "module": "../../esm/MenuItems/CheckboxGroup.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-menu/MenuItems/MenuItem",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/MenuItems/MenuItem.js",
9
- "module": "../../esm/MenuItems/MenuItem.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-menu/MenuItems/MenuItemCheckable",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../../cjs/MenuItems/MenuItemCheckable.js",
9
- "module": "../../esm/MenuItems/MenuItemCheckable.js"
10
- }