@elliemae/ds-menu 1.57.0-rc.1 → 1.57.0-rc.5
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/Menu.js +4 -9
- package/cjs/Menu.js.map +1 -1
- package/cjs/MenuCombobox.js +4 -10
- package/cjs/MenuCombobox.js.map +1 -1
- package/cjs/MenuItems/MenuItem.js +4 -9
- package/cjs/MenuItems/MenuItem.js.map +1 -1
- package/cjs/MenuItems/MenuItemCheckable.js +4 -9
- package/cjs/MenuItems/MenuItemCheckable.js.map +1 -1
- package/cjs/MenuItems/MenuItemCheckbox.js +4 -9
- package/cjs/MenuItems/MenuItemCheckbox.js.map +1 -1
- package/cjs/MenuItems/MenuItemRadio.js +4 -9
- package/cjs/MenuItems/MenuItemRadio.js.map +1 -1
- package/cjs/MenuItems/SearchableList.js +4 -5
- package/cjs/MenuItems/SearchableList.js.map +1 -1
- package/cjs/MenuItems/SelectionGroup.js +4 -9
- package/cjs/MenuItems/SelectionGroup.js.map +1 -1
- package/cjs/MenuItems/SubMenu.js +4 -9
- package/cjs/MenuItems/SubMenu.js.map +1 -1
- package/cjs/MenuItems/menuItemFactory.js +4 -9
- package/cjs/MenuItems/menuItemFactory.js.map +1 -1
- package/cjs/{SubMenu-61659870.js → SubMenu-22be0a18.js} +15 -24
- package/cjs/SubMenu-22be0a18.js.map +1 -0
- package/cjs/index.js +4 -10
- package/cjs/index.js.map +1 -1
- package/esm/Menu.js +4 -9
- package/esm/Menu.js.map +1 -1
- package/esm/MenuCombobox.js +4 -10
- package/esm/MenuCombobox.js.map +1 -1
- package/esm/MenuItems/MenuItem.js +4 -9
- package/esm/MenuItems/MenuItem.js.map +1 -1
- package/esm/MenuItems/MenuItemCheckable.js +4 -9
- package/esm/MenuItems/MenuItemCheckable.js.map +1 -1
- package/esm/MenuItems/MenuItemCheckbox.js +4 -9
- package/esm/MenuItems/MenuItemCheckbox.js.map +1 -1
- package/esm/MenuItems/MenuItemRadio.js +4 -9
- package/esm/MenuItems/MenuItemRadio.js.map +1 -1
- package/esm/MenuItems/SearchableList.js +2 -2
- package/esm/MenuItems/SearchableList.js.map +1 -1
- package/esm/MenuItems/SelectionGroup.js +4 -9
- package/esm/MenuItems/SelectionGroup.js.map +1 -1
- package/esm/MenuItems/SubMenu.js +4 -9
- package/esm/MenuItems/SubMenu.js.map +1 -1
- package/esm/MenuItems/menuItemFactory.js +4 -9
- package/esm/MenuItems/menuItemFactory.js.map +1 -1
- package/esm/{SubMenu-c7199825.js → SubMenu-a25e69ec.js} +7 -12
- package/esm/SubMenu-a25e69ec.js.map +1 -0
- package/esm/index.js +4 -10
- package/esm/index.js.map +1 -1
- package/package.json +11 -11
- package/cjs/SubMenu-61659870.js.map +0 -1
- package/esm/SubMenu-c7199825.js.map +0 -1
package/cjs/Menu.js
CHANGED
|
@@ -10,31 +10,26 @@ require('react-desc');
|
|
|
10
10
|
require('lodash');
|
|
11
11
|
require('@elliemae/ds-classnames');
|
|
12
12
|
require('react-spring/web.cjs');
|
|
13
|
-
require('@elliemae/ds-utilities
|
|
14
|
-
require('@elliemae/ds-utilities/system');
|
|
13
|
+
require('@elliemae/ds-utilities');
|
|
15
14
|
require('@elliemae/ds-shared/FocusGroup');
|
|
16
15
|
require('@elliemae/ds-hidden');
|
|
17
|
-
var MenuItems_SelectionGroup = require('./SubMenu-
|
|
16
|
+
var MenuItems_SelectionGroup = require('./SubMenu-22be0a18.js');
|
|
18
17
|
require('./MenuItems/CheckboxGroup.js');
|
|
19
18
|
require('./MenuItems/RadioGroup.js');
|
|
20
19
|
require('./MenuItems/Separator.js');
|
|
21
20
|
require('./MenuItems/SearchableGroup.js');
|
|
22
21
|
require('./MenuContext.js');
|
|
23
22
|
require('@babel/runtime/helpers/slicedToArray');
|
|
24
|
-
require('@elliemae/ds-icons
|
|
25
|
-
require('@elliemae/ds-icons/MoreOptionsVert');
|
|
23
|
+
require('@elliemae/ds-icons');
|
|
26
24
|
require('@elliemae/ds-button');
|
|
27
25
|
require('@elliemae/ds-popper');
|
|
28
|
-
require('@elliemae/ds-popper/interaction');
|
|
29
26
|
require('styled-components');
|
|
30
|
-
require('@elliemae/ds-icons/Checkmark');
|
|
31
|
-
require('@elliemae/ds-utilities/utils');
|
|
32
27
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
33
28
|
require('@elliemae/ds-shared/CheckableGroup');
|
|
34
29
|
require('./VirtualMenuList.js');
|
|
35
30
|
require('react-window');
|
|
36
31
|
require('./utils/useHeightByAmountOfItems.js');
|
|
37
|
-
require('@elliemae/ds-form
|
|
32
|
+
require('@elliemae/ds-form');
|
|
38
33
|
require('@elliemae/ds-separator');
|
|
39
34
|
require('@elliemae/ds-form/SearchBox');
|
|
40
35
|
|
package/cjs/Menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/cjs/MenuCombobox.js
CHANGED
|
@@ -5,26 +5,21 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var PropTypes = require('prop-types');
|
|
7
7
|
var MenuItems_SearchableList = require('./MenuItems/SearchableList.js');
|
|
8
|
-
var MenuItems_SelectionGroup = require('./SubMenu-
|
|
8
|
+
var MenuItems_SelectionGroup = require('./SubMenu-22be0a18.js');
|
|
9
9
|
require('@babel/runtime/helpers/defineProperty');
|
|
10
10
|
require('@babel/runtime/helpers/slicedToArray');
|
|
11
11
|
require('react-desc');
|
|
12
|
-
require('@elliemae/ds-utilities
|
|
13
|
-
require('@elliemae/ds-form
|
|
14
|
-
require('@elliemae/ds-icons
|
|
15
|
-
require('@elliemae/ds-icons/MoreOptionsVert');
|
|
12
|
+
require('@elliemae/ds-utilities');
|
|
13
|
+
require('@elliemae/ds-form');
|
|
14
|
+
require('@elliemae/ds-icons');
|
|
16
15
|
require('@elliemae/ds-shared/FocusGroup');
|
|
17
16
|
require('@elliemae/ds-hidden');
|
|
18
17
|
require('@elliemae/ds-button');
|
|
19
18
|
require('@elliemae/ds-popper');
|
|
20
|
-
require('@elliemae/ds-popper/interaction');
|
|
21
19
|
require('styled-components');
|
|
22
20
|
require('lodash');
|
|
23
21
|
require('@elliemae/ds-classnames');
|
|
24
22
|
require('react-spring/web.cjs');
|
|
25
|
-
require('@elliemae/ds-utilities/hooks');
|
|
26
|
-
require('@elliemae/ds-utilities/system');
|
|
27
|
-
require('@elliemae/ds-icons/Checkmark');
|
|
28
23
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
29
24
|
require('./MenuItems/Separator.js');
|
|
30
25
|
require('@elliemae/ds-separator');
|
|
@@ -35,7 +30,6 @@ require('./VirtualMenuList.js');
|
|
|
35
30
|
require('react-window');
|
|
36
31
|
require('./utils/useHeightByAmountOfItems.js');
|
|
37
32
|
require('./MenuContext.js');
|
|
38
|
-
require('@elliemae/ds-form/Checkbox');
|
|
39
33
|
require('./MenuItems/CheckboxGroup.js');
|
|
40
34
|
require('./MenuItems/RadioGroup.js');
|
|
41
35
|
|
package/cjs/MenuCombobox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuCombobox.js","sources":["../../src/MenuCombobox.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport SearchableList from './MenuItems/SearchableList';\nimport Menu from './Menu';\n\nfunction MenuCombobox({\n dropdownFilterOptions = {},\n options = [],\n onSelectMenuItem = () => null,\n innerRef,\n maxOptions = 10,\n loading = false,\n ...rest\n}) {\n return (\n <Menu\n {...rest}\n classProps={{ menuComboBox: true }}\n innerRef={innerRef}\n visible\n >\n <SearchableList\n appendTermInList\n extraListProps={dropdownFilterOptions}\n items={options}\n onSelectMenuItem={onSelectMenuItem}\n maxOptions={maxOptions}\n loading={loading}\n />\n </Menu>\n );\n}\n\nMenuCombobox.propTypes = {\n /** Options */\n dropdownFilterOptions: PropTypes.shape({}),\n /** The option or menu items to render */\n options: PropTypes.arrayOf(PropTypes.object),\n /** Handler when a menu item is selected */\n onSelectMenuItem: PropTypes.func,\n /** Internal ref */\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n /** Max options to display in the list */\n maxOptions: PropTypes.number,\n /** Is loading */\n loading: PropTypes.bool,\n};\n\nexport default MenuCombobox;\n"],"names":["MenuCombobox","dropdownFilterOptions","options","onSelectMenuItem","innerRef","maxOptions","loading","rest","React","Menu","menuComboBox","SearchableList","propTypes","PropTypes","shape","arrayOf","object","func","oneOfType","number","bool"],"mappings":"
|
|
1
|
+
{"version":3,"file":"MenuCombobox.js","sources":["../../src/MenuCombobox.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport SearchableList from './MenuItems/SearchableList';\nimport Menu from './Menu';\n\nfunction MenuCombobox({\n dropdownFilterOptions = {},\n options = [],\n onSelectMenuItem = () => null,\n innerRef,\n maxOptions = 10,\n loading = false,\n ...rest\n}) {\n return (\n <Menu\n {...rest}\n classProps={{ menuComboBox: true }}\n innerRef={innerRef}\n visible\n >\n <SearchableList\n appendTermInList\n extraListProps={dropdownFilterOptions}\n items={options}\n onSelectMenuItem={onSelectMenuItem}\n maxOptions={maxOptions}\n loading={loading}\n />\n </Menu>\n );\n}\n\nMenuCombobox.propTypes = {\n /** Options */\n dropdownFilterOptions: PropTypes.shape({}),\n /** The option or menu items to render */\n options: PropTypes.arrayOf(PropTypes.object),\n /** Handler when a menu item is selected */\n onSelectMenuItem: PropTypes.func,\n /** Internal ref */\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n /** Max options to display in the list */\n maxOptions: PropTypes.number,\n /** Is loading */\n loading: PropTypes.bool,\n};\n\nexport default MenuCombobox;\n"],"names":["MenuCombobox","dropdownFilterOptions","options","onSelectMenuItem","innerRef","maxOptions","loading","rest","React","Menu","menuComboBox","SearchableList","propTypes","PropTypes","shape","arrayOf","object","func","oneOfType","number","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,SAASA,YAAT,OAQG;AAAA,mCAPDC,qBAOC;AAAA,MAPDA,qBAOC,sCAPuB,EAOvB;AAAA,0BANDC,OAMC;AAAA,MANDA,OAMC,6BANS,EAMT;AAAA,mCALDC,gBAKC;AAAA,MALDA,gBAKC,sCALkB;AAAA,WAAM,IAAN;AAAA,GAKlB;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,6BAHDC,UAGC;AAAA,MAHDA,UAGC,gCAHY,EAGZ;AAAA,0BAFDC,OAEC;AAAA,MAFDA,OAEC,6BAFS,KAET;AAAA,MADEC,IACF;;AACD,sBACEC,wCAACC,6BAAD,mCACMF,IADN;AAEE,IAAA,UAAU,EAAE;AAAEG,MAAAA,YAAY,EAAE;AAAhB,KAFd;AAGE,IAAA,QAAQ,EAAEN,QAHZ;AAIE,IAAA,OAAO;AAJT,mBAMEI,wCAACG,mCAAD;AACE,IAAA,gBAAgB,MADlB;AAEE,IAAA,cAAc,EAAEV,qBAFlB;AAGE,IAAA,KAAK,EAAEC,OAHT;AAIE,IAAA,gBAAgB,EAAEC,gBAJpB;AAKE,IAAA,UAAU,EAAEE,UALd;AAME,IAAA,OAAO,EAAEC;AANX,IANF,CADF;AAiBD;;AAEDN,YAAY,CAACY,SAAb,GAAyB;AACvB;AACAX,EAAAA,qBAAqB,EAAEY,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAFA;;AAGvB;AACAZ,EAAAA,OAAO,EAAEW,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,MAA5B,CAJc;;AAKvB;AACAb,EAAAA,gBAAgB,EAAEU,6BAAS,CAACI,IANL;;AAOvB;AACAb,EAAAA,QAAQ,EAAES,6BAAS,CAACK,SAAV,CAAoB,CAACL,6BAAS,CAACI,IAAX,EAAiBJ,6BAAS,CAACG,MAA3B,CAApB,CARa;;AASvB;AACAX,EAAAA,UAAU,EAAEQ,6BAAS,CAACM,MAVC;;AAWvB;AACAb,EAAAA,OAAO,EAAEO,6BAAS,CAACO;AAZI,CAAzB;;;;"}
|
|
@@ -9,23 +9,18 @@ require('react');
|
|
|
9
9
|
require('react-desc');
|
|
10
10
|
require('lodash');
|
|
11
11
|
require('@elliemae/ds-classnames');
|
|
12
|
-
require('@elliemae/ds-utilities
|
|
12
|
+
require('@elliemae/ds-utilities');
|
|
13
13
|
require('@elliemae/ds-shared/FocusGroup');
|
|
14
|
-
require('@elliemae/ds-utilities/utils');
|
|
15
14
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
16
|
-
var MenuItems_SelectionGroup = require('../SubMenu-
|
|
15
|
+
var MenuItems_SelectionGroup = require('../SubMenu-22be0a18.js');
|
|
17
16
|
require('../MenuContext.js');
|
|
18
17
|
require('@babel/runtime/helpers/slicedToArray');
|
|
19
|
-
require('@elliemae/ds-icons
|
|
20
|
-
require('@elliemae/ds-icons/MoreOptionsVert');
|
|
18
|
+
require('@elliemae/ds-icons');
|
|
21
19
|
require('@elliemae/ds-hidden');
|
|
22
20
|
require('@elliemae/ds-button');
|
|
23
21
|
require('@elliemae/ds-popper');
|
|
24
|
-
require('@elliemae/ds-popper/interaction');
|
|
25
22
|
require('styled-components');
|
|
26
23
|
require('react-spring/web.cjs');
|
|
27
|
-
require('@elliemae/ds-utilities/hooks');
|
|
28
|
-
require('@elliemae/ds-icons/Checkmark');
|
|
29
24
|
require('./Separator.js');
|
|
30
25
|
require('@elliemae/ds-separator');
|
|
31
26
|
require('@elliemae/ds-shared/CheckableGroup');
|
|
@@ -34,7 +29,7 @@ require('@elliemae/ds-form/SearchBox');
|
|
|
34
29
|
require('../VirtualMenuList.js');
|
|
35
30
|
require('react-window');
|
|
36
31
|
require('../utils/useHeightByAmountOfItems.js');
|
|
37
|
-
require('@elliemae/ds-form
|
|
32
|
+
require('@elliemae/ds-form');
|
|
38
33
|
require('./CheckboxGroup.js');
|
|
39
34
|
require('./RadioGroup.js');
|
|
40
35
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MenuItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -6,24 +6,19 @@ require('@babel/runtime/helpers/extends');
|
|
|
6
6
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
7
|
require('react');
|
|
8
8
|
require('react-desc');
|
|
9
|
-
require('@elliemae/ds-icons
|
|
10
|
-
require('@elliemae/ds-utilities
|
|
11
|
-
var MenuItems_SelectionGroup = require('../SubMenu-
|
|
9
|
+
require('@elliemae/ds-icons');
|
|
10
|
+
require('@elliemae/ds-utilities');
|
|
11
|
+
var MenuItems_SelectionGroup = require('../SubMenu-22be0a18.js');
|
|
12
12
|
require('@babel/runtime/helpers/slicedToArray');
|
|
13
|
-
require('@elliemae/ds-icons/ChevronSmallRight');
|
|
14
|
-
require('@elliemae/ds-icons/MoreOptionsVert');
|
|
15
13
|
require('@elliemae/ds-shared/FocusGroup');
|
|
16
14
|
require('@elliemae/ds-hidden');
|
|
17
15
|
require('@elliemae/ds-button');
|
|
18
16
|
require('@elliemae/ds-popper');
|
|
19
|
-
require('@elliemae/ds-popper/interaction');
|
|
20
17
|
require('styled-components');
|
|
21
18
|
require('@babel/runtime/helpers/defineProperty');
|
|
22
19
|
require('lodash');
|
|
23
20
|
require('@elliemae/ds-classnames');
|
|
24
21
|
require('react-spring/web.cjs');
|
|
25
|
-
require('@elliemae/ds-utilities/hooks');
|
|
26
|
-
require('@elliemae/ds-utilities/system');
|
|
27
22
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
28
23
|
require('./Separator.js');
|
|
29
24
|
require('@elliemae/ds-separator');
|
|
@@ -34,7 +29,7 @@ require('../VirtualMenuList.js');
|
|
|
34
29
|
require('react-window');
|
|
35
30
|
require('../utils/useHeightByAmountOfItems.js');
|
|
36
31
|
require('../MenuContext.js');
|
|
37
|
-
require('@elliemae/ds-form
|
|
32
|
+
require('@elliemae/ds-form');
|
|
38
33
|
require('./CheckboxGroup.js');
|
|
39
34
|
require('./RadioGroup.js');
|
|
40
35
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItemCheckable.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MenuItemCheckable.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -3,26 +3,21 @@
|
|
|
3
3
|
require('@babel/runtime/helpers/extends');
|
|
4
4
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
5
|
require('react');
|
|
6
|
-
require('@elliemae/ds-form
|
|
7
|
-
var MenuItems_SelectionGroup = require('../SubMenu-
|
|
6
|
+
require('@elliemae/ds-form');
|
|
7
|
+
var MenuItems_SelectionGroup = require('../SubMenu-22be0a18.js');
|
|
8
8
|
require('@babel/runtime/helpers/slicedToArray');
|
|
9
9
|
require('react-desc');
|
|
10
|
-
require('@elliemae/ds-icons
|
|
11
|
-
require('@elliemae/ds-icons/MoreOptionsVert');
|
|
10
|
+
require('@elliemae/ds-icons');
|
|
12
11
|
require('@elliemae/ds-shared/FocusGroup');
|
|
13
12
|
require('@elliemae/ds-hidden');
|
|
14
13
|
require('@elliemae/ds-button');
|
|
15
14
|
require('@elliemae/ds-popper');
|
|
16
|
-
require('@elliemae/ds-popper/interaction');
|
|
17
15
|
require('styled-components');
|
|
18
16
|
require('@babel/runtime/helpers/defineProperty');
|
|
19
17
|
require('lodash');
|
|
20
18
|
require('@elliemae/ds-classnames');
|
|
21
19
|
require('react-spring/web.cjs');
|
|
22
|
-
require('@elliemae/ds-utilities
|
|
23
|
-
require('@elliemae/ds-utilities/system');
|
|
24
|
-
require('@elliemae/ds-icons/Checkmark');
|
|
25
|
-
require('@elliemae/ds-utilities/utils');
|
|
20
|
+
require('@elliemae/ds-utilities');
|
|
26
21
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
27
22
|
require('./Separator.js');
|
|
28
23
|
require('@elliemae/ds-separator');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItemCheckbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MenuItemCheckbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -5,25 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
require('@babel/runtime/helpers/extends');
|
|
6
6
|
require('react');
|
|
7
7
|
require('react-desc');
|
|
8
|
-
var MenuItems_SelectionGroup = require('../SubMenu-
|
|
8
|
+
var MenuItems_SelectionGroup = require('../SubMenu-22be0a18.js');
|
|
9
9
|
require('@babel/runtime/helpers/slicedToArray');
|
|
10
|
-
require('@elliemae/ds-icons
|
|
11
|
-
require('@elliemae/ds-icons/MoreOptionsVert');
|
|
10
|
+
require('@elliemae/ds-icons');
|
|
12
11
|
require('@elliemae/ds-shared/FocusGroup');
|
|
13
12
|
require('@elliemae/ds-hidden');
|
|
14
13
|
require('@elliemae/ds-button');
|
|
15
14
|
require('@elliemae/ds-popper');
|
|
16
|
-
require('@elliemae/ds-popper/interaction');
|
|
17
15
|
require('styled-components');
|
|
18
16
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
19
17
|
require('@babel/runtime/helpers/defineProperty');
|
|
20
18
|
require('lodash');
|
|
21
19
|
require('@elliemae/ds-classnames');
|
|
22
20
|
require('react-spring/web.cjs');
|
|
23
|
-
require('@elliemae/ds-utilities
|
|
24
|
-
require('@elliemae/ds-utilities/system');
|
|
25
|
-
require('@elliemae/ds-icons/Checkmark');
|
|
26
|
-
require('@elliemae/ds-utilities/utils');
|
|
21
|
+
require('@elliemae/ds-utilities');
|
|
27
22
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
28
23
|
require('./Separator.js');
|
|
29
24
|
require('@elliemae/ds-separator');
|
|
@@ -34,7 +29,7 @@ require('../VirtualMenuList.js');
|
|
|
34
29
|
require('react-window');
|
|
35
30
|
require('../utils/useHeightByAmountOfItems.js');
|
|
36
31
|
require('../MenuContext.js');
|
|
37
|
-
require('@elliemae/ds-form
|
|
32
|
+
require('@elliemae/ds-form');
|
|
38
33
|
require('./CheckboxGroup.js');
|
|
39
34
|
require('./RadioGroup.js');
|
|
40
35
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItemRadio.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MenuItemRadio.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -7,8 +7,8 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
|
7
7
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
8
8
|
var React = require('react');
|
|
9
9
|
var reactDesc = require('react-desc');
|
|
10
|
-
var
|
|
11
|
-
var
|
|
10
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
11
|
+
var dsForm = require('@elliemae/ds-form');
|
|
12
12
|
|
|
13
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
14
|
|
|
@@ -16,7 +16,6 @@ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
|
16
16
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
17
17
|
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
18
18
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
|
-
var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
|
|
20
19
|
|
|
21
20
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
22
21
|
|
|
@@ -64,14 +63,14 @@ function SearchableList(_ref) {
|
|
|
64
63
|
}
|
|
65
64
|
}, [searchTerm]);
|
|
66
65
|
var options = React.useMemo(function () {
|
|
67
|
-
return searchTerm && appendTermInList ?
|
|
66
|
+
return searchTerm && appendTermInList ? dsUtilities.uniqBy([{
|
|
68
67
|
id: searchTerm,
|
|
69
68
|
label: searchTerm
|
|
70
69
|
}].concat(items), function (item) {
|
|
71
70
|
return item.label;
|
|
72
71
|
}) : items;
|
|
73
72
|
}, [searchTerm, appendTermInList]);
|
|
74
|
-
return /*#__PURE__*/React__default['default'].createElement(
|
|
73
|
+
return /*#__PURE__*/React__default['default'].createElement(dsForm.DSComboBox, _extends__default['default']({
|
|
75
74
|
autoFocus: true,
|
|
76
75
|
components: _objectSpread({
|
|
77
76
|
DropdownIndicator: null
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchableList.js","sources":["../../../src/MenuItems/SearchableList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { uniqBy } from '@elliemae/ds-utilities
|
|
1
|
+
{"version":3,"file":"SearchableList.js","sources":["../../../src/MenuItems/SearchableList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { uniqBy } from '@elliemae/ds-utilities';\nimport { DSComboBox } from '@elliemae/ds-form';\n\nconst noop = () => {};\n\nfunction SearchableList({\n onSelectMenuItem = noop,\n components = {},\n searchTerm: searchTermProp = '',\n items = [],\n dropdownFilterOptions = {},\n returnValue,\n extraListProps = {},\n appendTermInList = false,\n maxOptions = 10,\n loading = false,\n}) {\n const [searchTerm, setInputValue] = useState(searchTermProp);\n\n const handleInputChange = useCallback(\n (value, args) => {\n const action = args ? args.action : null;\n if (action === 'input-blur' || action === 'menu-close') return;\n setInputValue(value);\n },\n [searchTerm],\n );\n\n const handleFilterByText = useCallback(() => {\n if (searchTerm) onSelectMenuItem(searchTerm);\n }, [searchTerm]);\n\n const handleKeyDown = useCallback(\n (e) => {\n if (e.key === 'ArrowRight') {\n handleFilterByText();\n }\n },\n [searchTerm],\n );\n\n const options = useMemo(\n () =>\n searchTerm && appendTermInList\n ? uniqBy(\n [\n {\n id: searchTerm,\n label: searchTerm,\n },\n ].concat(items),\n (item) => item.label,\n )\n : items,\n [searchTerm, appendTermInList],\n );\n\n return (\n <DSComboBox\n autoFocus\n components={{ DropdownIndicator: null, ...components }}\n customMenuItemOptions={{\n useTruncatedText: true,\n }}\n inlineMenu\n inputValue={searchTerm}\n menuIsOpen\n onChange={onSelectMenuItem}\n onFilterByInputText={handleFilterByText}\n onInputChange={handleInputChange}\n onKeyDown={handleKeyDown}\n options={options}\n returnValue={returnValue}\n valueProperty=\"id\"\n maxOptions={maxOptions}\n loading={loading}\n {...extraListProps}\n {...dropdownFilterOptions}\n />\n );\n}\n\nconst props = {\n /** callback after item gets selected */\n onSelectMenuItem: PropTypes.func.description('callback after item gets selected'),\n /** Object with custom components for react-select */\n components: PropTypes.shape({}).description('Object with custom components for react-select'),\n /** search term to filter for */\n searchTerm: PropTypes.string.description('search term to filter for'),\n /** item options */\n items: PropTypes.array.description('item options'),\n /** options */\n dropdownFilterOptions: PropTypes.shape({}).description('options'),\n /** Whether the combo box is has value to return or not */\n returnValue: PropTypes.bool.description('Whether the combo box is has value to return or not'),\n /** extra props to pass down to combo */\n extraListProps: PropTypes.shape({}).description('extra props to pass down to combo'),\n /** append search term as item on the list */\n appendTermInList: PropTypes.bool.description('append search term as item on the list'),\n /** maxoptions for combobox */\n maxOptions: PropTypes.number.description('maxoptions for combobox'),\n /** loading flag */\n loading: PropTypes.bool.description('loading flag'),\n};\n\nSearchableList.propTypes = props;\n\nconst DSMenuSearchableListWithSchema = describe(SearchableList);\n\nDSMenuSearchableListWithSchema.propTypes = props;\n\nexport default SearchableList;\nexport { DSMenuSearchableListWithSchema };\n"],"names":["noop","SearchableList","onSelectMenuItem","components","searchTerm","searchTermProp","items","dropdownFilterOptions","returnValue","extraListProps","appendTermInList","maxOptions","loading","useState","setInputValue","handleInputChange","useCallback","value","args","action","handleFilterByText","handleKeyDown","e","key","options","useMemo","uniqBy","id","label","concat","item","React","DSComboBox","DropdownIndicator","useTruncatedText","props","PropTypes","func","description","shape","string","array","bool","number","propTypes","DSMenuSearchableListWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;AAEA,SAASC,cAAT,OAWG;AAAA,mCAVDC,gBAUC;AAAA,MAVDA,gBAUC,sCAVkBF,IAUlB;AAAA,6BATDG,UASC;AAAA,MATDA,UASC,gCATY,EASZ;AAAA,6BARDC,UAQC;AAAA,MARWC,cAQX,gCAR4B,EAQ5B;AAAA,wBAPDC,KAOC;AAAA,MAPDA,KAOC,2BAPO,EAOP;AAAA,mCANDC,qBAMC;AAAA,MANDA,qBAMC,sCANuB,EAMvB;AAAA,MALDC,WAKC,QALDA,WAKC;AAAA,iCAJDC,cAIC;AAAA,MAJDA,cAIC,oCAJgB,EAIhB;AAAA,mCAHDC,gBAGC;AAAA,MAHDA,gBAGC,sCAHkB,KAGlB;AAAA,6BAFDC,UAEC;AAAA,MAFDA,UAEC,gCAFY,EAEZ;AAAA,0BADDC,OACC;AAAA,MADDA,OACC,6BADS,KACT;;AACD,kBAAoCC,cAAQ,CAACR,cAAD,CAA5C;AAAA;AAAA,MAAOD,UAAP;AAAA,MAAmBU,aAAnB;;AAEA,MAAMC,iBAAiB,GAAGC,iBAAW,CACnC,UAACC,KAAD,EAAQC,IAAR,EAAiB;AACf,QAAMC,MAAM,GAAGD,IAAI,GAAGA,IAAI,CAACC,MAAR,GAAiB,IAApC;AACA,QAAIA,MAAM,KAAK,YAAX,IAA2BA,MAAM,KAAK,YAA1C,EAAwD;AACxDL,IAAAA,aAAa,CAACG,KAAD,CAAb;AACD,GALkC,EAMnC,CAACb,UAAD,CANmC,CAArC;AASA,MAAMgB,kBAAkB,GAAGJ,iBAAW,CAAC,YAAM;AAC3C,QAAIZ,UAAJ,EAAgBF,gBAAgB,CAACE,UAAD,CAAhB;AACjB,GAFqC,EAEnC,CAACA,UAAD,CAFmC,CAAtC;AAIA,MAAMiB,aAAa,GAAGL,iBAAW,CAC/B,UAACM,CAAD,EAAO;AACL,QAAIA,CAAC,CAACC,GAAF,KAAU,YAAd,EAA4B;AAC1BH,MAAAA,kBAAkB;AACnB;AACF,GAL8B,EAM/B,CAAChB,UAAD,CAN+B,CAAjC;AASA,MAAMoB,OAAO,GAAGC,aAAO,CACrB;AAAA,WACErB,UAAU,IAAIM,gBAAd,GACIgB,kBAAM,CACJ,CACE;AACEC,MAAAA,EAAE,EAAEvB,UADN;AAEEwB,MAAAA,KAAK,EAAExB;AAFT,KADF,EAKEyB,MALF,CAKSvB,KALT,CADI,EAOJ,UAACwB,IAAD;AAAA,aAAUA,IAAI,CAACF,KAAf;AAAA,KAPI,CADV,GAUItB,KAXN;AAAA,GADqB,EAarB,CAACF,UAAD,EAAaM,gBAAb,CAbqB,CAAvB;AAgBA,sBACEqB,wCAACC,iBAAD;AACE,IAAA,SAAS,MADX;AAEE,IAAA,UAAU;AAAIC,MAAAA,iBAAiB,EAAE;AAAvB,OAAgC9B,UAAhC,CAFZ;AAGE,IAAA,qBAAqB,EAAE;AACrB+B,MAAAA,gBAAgB,EAAE;AADG,KAHzB;AAME,IAAA,UAAU,MANZ;AAOE,IAAA,UAAU,EAAE9B,UAPd;AAQE,IAAA,UAAU,MARZ;AASE,IAAA,QAAQ,EAAEF,gBATZ;AAUE,IAAA,mBAAmB,EAAEkB,kBAVvB;AAWE,IAAA,aAAa,EAAEL,iBAXjB;AAYE,IAAA,SAAS,EAAEM,aAZb;AAaE,IAAA,OAAO,EAAEG,OAbX;AAcE,IAAA,WAAW,EAAEhB,WAdf;AAeE,IAAA,aAAa,EAAC,IAfhB;AAgBE,IAAA,UAAU,EAAEG,UAhBd;AAiBE,IAAA,OAAO,EAAEC;AAjBX,KAkBMH,cAlBN,EAmBMF,qBAnBN,EADF;AAuBD;;AAED,IAAM4B,KAAK,GAAG;AACZ;AACAjC,EAAAA,gBAAgB,EAAEkC,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,mCAA3B,CAFN;;AAGZ;AACAnC,EAAAA,UAAU,EAAEiC,mBAAS,CAACG,KAAV,CAAgB,EAAhB,EAAoBD,WAApB,CAAgC,gDAAhC,CAJA;;AAKZ;AACAlC,EAAAA,UAAU,EAAEgC,mBAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,2BAA7B,CANA;;AAOZ;AACAhC,EAAAA,KAAK,EAAE8B,mBAAS,CAACK,KAAV,CAAgBH,WAAhB,CAA4B,cAA5B,CARK;;AASZ;AACA/B,EAAAA,qBAAqB,EAAE6B,mBAAS,CAACG,KAAV,CAAgB,EAAhB,EAAoBD,WAApB,CAAgC,SAAhC,CAVX;;AAWZ;AACA9B,EAAAA,WAAW,EAAE4B,mBAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,qDAA3B,CAZD;;AAaZ;AACA7B,EAAAA,cAAc,EAAE2B,mBAAS,CAACG,KAAV,CAAgB,EAAhB,EAAoBD,WAApB,CAAgC,mCAAhC,CAdJ;;AAeZ;AACA5B,EAAAA,gBAAgB,EAAE0B,mBAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,wCAA3B,CAhBN;;AAiBZ;AACA3B,EAAAA,UAAU,EAAEyB,mBAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,yBAA7B,CAlBA;;AAmBZ;AACA1B,EAAAA,OAAO,EAAEwB,mBAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,cAA3B;AApBG,CAAd;AAuBArC,cAAc,CAAC2C,SAAf,GAA2BT,KAA3B;IAEMU,8BAA8B,GAAGC,kBAAQ,CAAC7C,cAAD;AAE/C4C,8BAA8B,CAACD,SAA/B,GAA2CT,KAA3C;;;;;"}
|
|
@@ -7,7 +7,7 @@ require('react');
|
|
|
7
7
|
require('react-desc');
|
|
8
8
|
require('@elliemae/ds-shared/CheckableGroup');
|
|
9
9
|
require('./SearchableGroup.js');
|
|
10
|
-
var MenuItems_SelectionGroup = require('../SubMenu-
|
|
10
|
+
var MenuItems_SelectionGroup = require('../SubMenu-22be0a18.js');
|
|
11
11
|
require('../VirtualMenuList.js');
|
|
12
12
|
require('@babel/runtime/helpers/slicedToArray');
|
|
13
13
|
require('@elliemae/ds-classnames');
|
|
@@ -16,25 +16,20 @@ require('@elliemae/ds-form/SearchBox');
|
|
|
16
16
|
require('../MenuContext.js');
|
|
17
17
|
require('react-window');
|
|
18
18
|
require('../utils/useHeightByAmountOfItems.js');
|
|
19
|
-
require('@elliemae/ds-icons
|
|
20
|
-
require('@elliemae/ds-icons/MoreOptionsVert');
|
|
19
|
+
require('@elliemae/ds-icons');
|
|
21
20
|
require('@elliemae/ds-hidden');
|
|
22
21
|
require('@elliemae/ds-button');
|
|
23
22
|
require('@elliemae/ds-popper');
|
|
24
|
-
require('@elliemae/ds-popper/interaction');
|
|
25
23
|
require('styled-components');
|
|
26
24
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
27
25
|
require('@babel/runtime/helpers/defineProperty');
|
|
28
26
|
require('lodash');
|
|
29
27
|
require('react-spring/web.cjs');
|
|
30
|
-
require('@elliemae/ds-utilities
|
|
31
|
-
require('@elliemae/ds-utilities/system');
|
|
32
|
-
require('@elliemae/ds-icons/Checkmark');
|
|
33
|
-
require('@elliemae/ds-utilities/utils');
|
|
28
|
+
require('@elliemae/ds-utilities');
|
|
34
29
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
35
30
|
require('./Separator.js');
|
|
36
31
|
require('@elliemae/ds-separator');
|
|
37
|
-
require('@elliemae/ds-form
|
|
32
|
+
require('@elliemae/ds-form');
|
|
38
33
|
require('./CheckboxGroup.js');
|
|
39
34
|
require('./RadioGroup.js');
|
|
40
35
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectionGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectionGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/cjs/MenuItems/SubMenu.js
CHANGED
|
@@ -6,24 +6,19 @@ require('@babel/runtime/helpers/extends');
|
|
|
6
6
|
require('@babel/runtime/helpers/slicedToArray');
|
|
7
7
|
require('react');
|
|
8
8
|
require('react-desc');
|
|
9
|
-
require('@elliemae/ds-icons
|
|
10
|
-
require('@elliemae/ds-icons/MoreOptionsVert');
|
|
9
|
+
require('@elliemae/ds-icons');
|
|
11
10
|
require('@elliemae/ds-shared/FocusGroup');
|
|
12
11
|
require('@elliemae/ds-hidden');
|
|
13
12
|
require('@elliemae/ds-button');
|
|
14
13
|
require('@elliemae/ds-popper');
|
|
15
|
-
require('@elliemae/ds-popper/interaction');
|
|
16
14
|
require('styled-components');
|
|
17
|
-
var MenuItems_SelectionGroup = require('../SubMenu-
|
|
15
|
+
var MenuItems_SelectionGroup = require('../SubMenu-22be0a18.js');
|
|
18
16
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
19
17
|
require('@babel/runtime/helpers/defineProperty');
|
|
20
18
|
require('lodash');
|
|
21
19
|
require('@elliemae/ds-classnames');
|
|
22
20
|
require('react-spring/web.cjs');
|
|
23
|
-
require('@elliemae/ds-utilities
|
|
24
|
-
require('@elliemae/ds-utilities/system');
|
|
25
|
-
require('@elliemae/ds-icons/Checkmark');
|
|
26
|
-
require('@elliemae/ds-utilities/utils');
|
|
21
|
+
require('@elliemae/ds-utilities');
|
|
27
22
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
28
23
|
require('./Separator.js');
|
|
29
24
|
require('@elliemae/ds-separator');
|
|
@@ -34,7 +29,7 @@ require('../VirtualMenuList.js');
|
|
|
34
29
|
require('react-window');
|
|
35
30
|
require('../utils/useHeightByAmountOfItems.js');
|
|
36
31
|
require('../MenuContext.js');
|
|
37
|
-
require('@elliemae/ds-form
|
|
32
|
+
require('@elliemae/ds-form');
|
|
38
33
|
require('./CheckboxGroup.js');
|
|
39
34
|
require('./RadioGroup.js');
|
|
40
35
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubMenu.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SubMenu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -4,28 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
require('@babel/runtime/helpers/extends');
|
|
6
6
|
require('react');
|
|
7
|
-
require('@elliemae/ds-utilities
|
|
7
|
+
require('@elliemae/ds-utilities');
|
|
8
8
|
require('./Separator.js');
|
|
9
|
-
var MenuItems_SelectionGroup = require('../SubMenu-
|
|
9
|
+
var MenuItems_SelectionGroup = require('../SubMenu-22be0a18.js');
|
|
10
10
|
require('react-desc');
|
|
11
11
|
require('@elliemae/ds-classnames');
|
|
12
12
|
require('@elliemae/ds-separator');
|
|
13
13
|
require('styled-components');
|
|
14
14
|
require('@babel/runtime/helpers/slicedToArray');
|
|
15
|
-
require('@elliemae/ds-icons
|
|
16
|
-
require('@elliemae/ds-icons/MoreOptionsVert');
|
|
15
|
+
require('@elliemae/ds-icons');
|
|
17
16
|
require('@elliemae/ds-shared/FocusGroup');
|
|
18
17
|
require('@elliemae/ds-hidden');
|
|
19
18
|
require('@elliemae/ds-button');
|
|
20
19
|
require('@elliemae/ds-popper');
|
|
21
|
-
require('@elliemae/ds-popper/interaction');
|
|
22
20
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
23
21
|
require('@babel/runtime/helpers/defineProperty');
|
|
24
22
|
require('lodash');
|
|
25
23
|
require('react-spring/web.cjs');
|
|
26
|
-
require('@elliemae/ds-utilities/hooks');
|
|
27
|
-
require('@elliemae/ds-utilities/system');
|
|
28
|
-
require('@elliemae/ds-icons/Checkmark');
|
|
29
24
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
30
25
|
require('@elliemae/ds-shared/CheckableGroup');
|
|
31
26
|
require('./SearchableGroup.js');
|
|
@@ -34,7 +29,7 @@ require('../VirtualMenuList.js');
|
|
|
34
29
|
require('react-window');
|
|
35
30
|
require('../utils/useHeightByAmountOfItems.js');
|
|
36
31
|
require('../MenuContext.js');
|
|
37
|
-
require('@elliemae/ds-form
|
|
32
|
+
require('@elliemae/ds-form');
|
|
38
33
|
require('./CheckboxGroup.js');
|
|
39
34
|
require('./RadioGroup.js');
|
|
40
35
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuItemFactory.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"menuItemFactory.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -4,29 +4,24 @@ var _extends = require('@babel/runtime/helpers/extends');
|
|
|
4
4
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var reactDesc = require('react-desc');
|
|
7
|
-
var
|
|
8
|
-
var VerticalElipsis = require('@elliemae/ds-icons/MoreOptionsVert');
|
|
7
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
9
8
|
var FocusGroup = require('@elliemae/ds-shared/FocusGroup');
|
|
10
9
|
var dsHidden = require('@elliemae/ds-hidden');
|
|
11
10
|
var DSButton = require('@elliemae/ds-button');
|
|
12
11
|
var DSPopper = require('@elliemae/ds-popper');
|
|
13
|
-
var interaction = require('@elliemae/ds-popper/interaction');
|
|
14
12
|
var styled = require('styled-components');
|
|
15
13
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
16
14
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
17
15
|
var lodash = require('lodash');
|
|
18
16
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
19
17
|
var web_cjs = require('react-spring/web.cjs');
|
|
20
|
-
var
|
|
21
|
-
var system = require('@elliemae/ds-utilities/system');
|
|
22
|
-
var Checkmark = require('@elliemae/ds-icons/Checkmark');
|
|
23
|
-
var utils = require('@elliemae/ds-utilities/utils');
|
|
18
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
24
19
|
var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
|
|
25
20
|
var MenuItems_Separator = require('./MenuItems/Separator.js');
|
|
26
21
|
var CheckableGroup = require('@elliemae/ds-shared/CheckableGroup');
|
|
27
22
|
var MenuItems_SearchableGroup = require('./MenuItems/SearchableGroup.js');
|
|
28
23
|
var VirtualMenuList = require('./VirtualMenuList.js');
|
|
29
|
-
var
|
|
24
|
+
var dsForm = require('@elliemae/ds-form');
|
|
30
25
|
var MenuContext = require('./MenuContext.js');
|
|
31
26
|
var MenuItems_CheckboxGroup = require('./MenuItems/CheckboxGroup.js');
|
|
32
27
|
var MenuItems_RadioGroup = require('./MenuItems/RadioGroup.js');
|
|
@@ -36,16 +31,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
36
31
|
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
37
32
|
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
38
33
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
39
|
-
var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
|
|
40
|
-
var VerticalElipsis__default = /*#__PURE__*/_interopDefaultLegacy(VerticalElipsis);
|
|
41
34
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
42
35
|
var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
|
|
43
36
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
44
37
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
45
38
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
46
|
-
var Checkmark__default = /*#__PURE__*/_interopDefaultLegacy(Checkmark);
|
|
47
39
|
var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
|
|
48
|
-
var DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
|
|
49
40
|
|
|
50
41
|
var noop$2 = function noop() {
|
|
51
42
|
return null;
|
|
@@ -137,7 +128,7 @@ function MenuItemCheckbox(_ref) {
|
|
|
137
128
|
rest = _objectWithoutProperties__default['default'](_ref, _excluded$3);
|
|
138
129
|
|
|
139
130
|
return /*#__PURE__*/React__default['default'].createElement(MenuItemCheckable, _extends__default['default']({}, rest, {
|
|
140
|
-
leftAddon: /*#__PURE__*/React__default['default'].createElement(
|
|
131
|
+
leftAddon: /*#__PURE__*/React__default['default'].createElement(dsForm.DSCheckbox, {
|
|
141
132
|
checked: checked
|
|
142
133
|
}),
|
|
143
134
|
role: "menuitemcheckbox"
|
|
@@ -166,7 +157,7 @@ function menuItemFactory() {
|
|
|
166
157
|
function renderMenuItems(options) {
|
|
167
158
|
var factory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : menuItemFactory;
|
|
168
159
|
return options.map(function (option, index) {
|
|
169
|
-
if (
|
|
160
|
+
if (dsUtilities.isFunction(option.renderer)) {
|
|
170
161
|
return option.renderer({
|
|
171
162
|
key: option.id,
|
|
172
163
|
item: option
|
|
@@ -297,8 +288,8 @@ function MenuItem(props) {
|
|
|
297
288
|
type: otherProps.type
|
|
298
289
|
},
|
|
299
290
|
id: otherProps.id,
|
|
300
|
-
innerRef: otherProps.type !== 'disabled' ?
|
|
301
|
-
onKeyDown: !fixedItem &&
|
|
291
|
+
innerRef: otherProps.type !== 'disabled' ? dsUtilities.mergeRefs(innerRef, ref) : innerRef,
|
|
292
|
+
onKeyDown: !fixedItem && dsUtilities.runAll(function (e) {
|
|
302
293
|
if (e.key === ' ' || e.key === 'Enter') {
|
|
303
294
|
e.preventDefault();
|
|
304
295
|
e.target.dispatchEvent(new MouseEvent('click', {
|
|
@@ -390,7 +381,7 @@ function MenuItemCheckable(_ref2) {
|
|
|
390
381
|
_ref2$name = _ref2.name,
|
|
391
382
|
name = _ref2$name === void 0 ? '' : _ref2$name,
|
|
392
383
|
_ref2$checkIcon = _ref2.checkIcon,
|
|
393
|
-
checkIcon = _ref2$checkIcon === void 0 ? /*#__PURE__*/React__default['default'].createElement(
|
|
384
|
+
checkIcon = _ref2$checkIcon === void 0 ? /*#__PURE__*/React__default['default'].createElement(dsIcons.Checkmark, {
|
|
394
385
|
color: ['brand-primary', 600]
|
|
395
386
|
}) : _ref2$checkIcon;
|
|
396
387
|
_ref2.children;
|
|
@@ -405,7 +396,7 @@ function MenuItemCheckable(_ref2) {
|
|
|
405
396
|
});
|
|
406
397
|
|
|
407
398
|
var handleClick = function handleClick() {
|
|
408
|
-
return
|
|
399
|
+
return dsUtilities.runAll(otherProps.onClick, checkableProps.onClick)({
|
|
409
400
|
target: {
|
|
410
401
|
value: name,
|
|
411
402
|
checked: checked
|
|
@@ -544,7 +535,7 @@ function DSMenu(_ref3) {
|
|
|
544
535
|
}));
|
|
545
536
|
});
|
|
546
537
|
}, [children]);
|
|
547
|
-
|
|
538
|
+
dsUtilities.useOnClickOutside(menuRef, onClickOutside);
|
|
548
539
|
React.useEffect(function () {
|
|
549
540
|
if (focusOnOpen && visible) {
|
|
550
541
|
setTimeout(function () {
|
|
@@ -565,7 +556,7 @@ function DSMenu(_ref3) {
|
|
|
565
556
|
classProps: _objectSpread(_objectSpread({}, otherProps.classProps || {}), {}, {
|
|
566
557
|
type: otherProps.type
|
|
567
558
|
}),
|
|
568
|
-
innerRef:
|
|
559
|
+
innerRef: dsUtilities.mergeRefs(innerRef, menuRef),
|
|
569
560
|
role: "menu"
|
|
570
561
|
}, lodash.omit(otherProps, ['scheduleUpdate']), hiddenProps), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
571
562
|
className: "menu-component-internal-wrapper",
|
|
@@ -701,7 +692,7 @@ function SubMenu(_ref) {
|
|
|
701
692
|
"aria-label": "vertical-elipsis",
|
|
702
693
|
"data-testid": "vertical-elipsis",
|
|
703
694
|
buttonType: "text",
|
|
704
|
-
leftIcon: /*#__PURE__*/React__default['default'].createElement(
|
|
695
|
+
leftIcon: /*#__PURE__*/React__default['default'].createElement(dsIcons.MoreOptionsVert, {
|
|
705
696
|
className: "submenu-arrow",
|
|
706
697
|
color: visible || isAddonHovered ? ['brand-primary', 800] : ['neutral', 500],
|
|
707
698
|
size: "s"
|
|
@@ -711,7 +702,7 @@ function SubMenu(_ref) {
|
|
|
711
702
|
},
|
|
712
703
|
size: "m",
|
|
713
704
|
variant: DSButton.BUTTON_VARIANT.DEFAULT
|
|
714
|
-
}) : /*#__PURE__*/React__default['default'].createElement(ChevronRightComp, null, /*#__PURE__*/React__default['default'].createElement(
|
|
705
|
+
}) : /*#__PURE__*/React__default['default'].createElement(ChevronRightComp, null, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallRight, {
|
|
715
706
|
"data-testid": "chevron-right",
|
|
716
707
|
className: "submenu-arrow",
|
|
717
708
|
color: visible || isAddonHovered ? ['brand-primary', 800] : ['neutral', 500],
|
|
@@ -771,7 +762,7 @@ var props = {
|
|
|
771
762
|
label: reactDesc.PropTypes.string.description('submenu label'),
|
|
772
763
|
|
|
773
764
|
/** A type indicating how to open/close the tooltip */
|
|
774
|
-
interactionType: reactDesc.PropTypes.oneOf(
|
|
765
|
+
interactionType: reactDesc.PropTypes.oneOf(DSPopper.interactions).description('A type indicating how to open/close the tooltip'),
|
|
775
766
|
|
|
776
767
|
/** sub menu items */
|
|
777
768
|
children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.array, reactDesc.PropTypes.node]).description('sub menu items'),
|
|
@@ -812,4 +803,4 @@ exports.SelectionGroup = SelectionGroup;
|
|
|
812
803
|
exports.SubMenu = SubMenu;
|
|
813
804
|
exports.menuItemFactory = menuItemFactory;
|
|
814
805
|
exports.renderMenuItems = renderMenuItems;
|
|
815
|
-
//# sourceMappingURL=SubMenu-
|
|
806
|
+
//# sourceMappingURL=SubMenu-22be0a18.js.map
|