@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.
- package/cjs/Menu.js +176 -39
- package/cjs/MenuCombobox.js +33 -80
- package/cjs/MenuContext.js +1 -2
- package/cjs/MenuItems/CheckboxGroup.js +12 -10
- package/cjs/MenuItems/MenuItem.js +186 -36
- package/cjs/MenuItems/MenuItemCheckable.js +109 -35
- package/cjs/MenuItems/MenuItemCheckbox.js +35 -34
- package/cjs/MenuItems/MenuItemRadio.js +31 -35
- package/cjs/MenuItems/RadioGroup.js +12 -10
- package/cjs/MenuItems/SearchableGroup.js +44 -59
- package/cjs/MenuItems/SearchableList.js +35 -56
- package/cjs/MenuItems/SelectionGroup.js +93 -36
- package/cjs/MenuItems/Separator.js +14 -16
- package/cjs/MenuItems/SubMenu.js +197 -36
- package/cjs/MenuItems/menuItemFactory.js +56 -36
- package/cjs/VirtualMenuList.js +23 -26
- package/cjs/index.js +27 -48
- package/cjs/utils/useHeightByAmountOfItems.js +8 -10
- package/esm/Menu.js +165 -31
- package/esm/MenuCombobox.js +28 -74
- package/esm/MenuContext.js +0 -1
- package/esm/MenuItems/CheckboxGroup.js +10 -7
- package/esm/MenuItems/MenuItem.js +178 -31
- package/esm/MenuItems/MenuItemCheckable.js +101 -30
- package/esm/MenuItems/MenuItemCheckbox.js +28 -30
- package/esm/MenuItems/MenuItemRadio.js +26 -30
- package/esm/MenuItems/RadioGroup.js +10 -7
- package/esm/MenuItems/SearchableGroup.js +42 -56
- package/esm/MenuItems/SearchableList.js +32 -51
- package/esm/MenuItems/SelectionGroup.js +87 -31
- package/esm/MenuItems/Separator.js +12 -14
- package/esm/MenuItems/SubMenu.js +186 -31
- package/esm/MenuItems/menuItemFactory.js +51 -31
- package/esm/VirtualMenuList.js +21 -24
- package/esm/index.js +7 -28
- package/esm/utils/useHeightByAmountOfItems.js +8 -10
- package/package.json +106 -21
- package/types/Menu.d.ts +5 -0
- package/types/MenuCombobox.d.ts +28 -0
- package/types/MenuContext.d.ts +3 -0
- package/types/MenuItems/CheckboxGroup.d.ts +12 -0
- package/types/MenuItems/MenuItem.d.ts +29 -0
- package/types/MenuItems/MenuItemCheckable.d.ts +42 -0
- package/types/MenuItems/MenuItemCheckbox.d.ts +6 -0
- package/types/MenuItems/MenuItemRadio.d.ts +13 -0
- package/types/MenuItems/RadioGroup.d.ts +11 -0
- package/types/MenuItems/SearchableGroup.d.ts +4 -0
- package/types/MenuItems/SearchableList.d.ts +40 -0
- package/types/MenuItems/SelectionGroup.d.ts +36 -0
- package/types/MenuItems/Separator.d.ts +16 -0
- package/types/MenuItems/SubMenu.d.ts +44 -0
- package/types/MenuItems/menuItemFactory.d.ts +3 -0
- package/types/VirtualMenuList.d.ts +8 -0
- package/types/index.d.ts +13 -0
- package/types/tests/Menu.test.d.ts +1 -0
- package/types/tests/MenuItem.test.d.ts +1 -0
- package/types/utils/useHeightByAmountOfItems.d.ts +5 -0
- package/Menu/package.json +0 -10
- package/MenuCombobox/package.json +0 -10
- package/MenuContext/package.json +0 -10
- package/MenuItems/CheckboxGroup/package.json +0 -10
- package/MenuItems/MenuItem/package.json +0 -10
- package/MenuItems/MenuItemCheckable/package.json +0 -10
- package/MenuItems/MenuItemCheckbox/package.json +0 -10
- package/MenuItems/MenuItemRadio/package.json +0 -10
- package/MenuItems/RadioGroup/package.json +0 -10
- package/MenuItems/SearchableGroup/package.json +0 -10
- package/MenuItems/SearchableList/package.json +0 -10
- package/MenuItems/SelectionGroup/package.json +0 -10
- package/MenuItems/Separator/package.json +0 -10
- package/MenuItems/SubMenu/package.json +0 -10
- package/MenuItems/menuItemFactory/package.json +0 -10
- package/VirtualMenuList/package.json +0 -10
- package/cjs/Menu.js.map +0 -1
- package/cjs/MenuCombobox.js.map +0 -1
- package/cjs/MenuContext.js.map +0 -1
- package/cjs/MenuItems/CheckboxGroup.js.map +0 -1
- package/cjs/MenuItems/MenuItem.js.map +0 -1
- package/cjs/MenuItems/MenuItemCheckable.js.map +0 -1
- package/cjs/MenuItems/MenuItemCheckbox.js.map +0 -1
- package/cjs/MenuItems/MenuItemRadio.js.map +0 -1
- package/cjs/MenuItems/RadioGroup.js.map +0 -1
- package/cjs/MenuItems/SearchableGroup.js.map +0 -1
- package/cjs/MenuItems/SearchableList.js.map +0 -1
- package/cjs/MenuItems/SelectionGroup.js.map +0 -1
- package/cjs/MenuItems/Separator.js.map +0 -1
- package/cjs/MenuItems/SubMenu.js.map +0 -1
- package/cjs/MenuItems/menuItemFactory.js.map +0 -1
- package/cjs/SubMenu-22be0a18.js +0 -806
- package/cjs/SubMenu-22be0a18.js.map +0 -1
- package/cjs/VirtualMenuList.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/utils/useHeightByAmountOfItems.js.map +0 -1
- package/esm/Menu.js.map +0 -1
- package/esm/MenuCombobox.js.map +0 -1
- package/esm/MenuContext.js.map +0 -1
- package/esm/MenuItems/CheckboxGroup.js.map +0 -1
- package/esm/MenuItems/MenuItem.js.map +0 -1
- package/esm/MenuItems/MenuItemCheckable.js.map +0 -1
- package/esm/MenuItems/MenuItemCheckbox.js.map +0 -1
- package/esm/MenuItems/MenuItemRadio.js.map +0 -1
- package/esm/MenuItems/RadioGroup.js.map +0 -1
- package/esm/MenuItems/SearchableGroup.js.map +0 -1
- package/esm/MenuItems/SearchableList.js.map +0 -1
- package/esm/MenuItems/SelectionGroup.js.map +0 -1
- package/esm/MenuItems/Separator.js.map +0 -1
- package/esm/MenuItems/SubMenu.js.map +0 -1
- package/esm/MenuItems/menuItemFactory.js.map +0 -1
- package/esm/SubMenu-a25e69ec.js +0 -778
- package/esm/SubMenu-a25e69ec.js.map +0 -1
- package/esm/VirtualMenuList.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/utils/useHeightByAmountOfItems.js.map +0 -1
- package/utils/useHeightByAmountOfItems/package.json +0 -10
package/cjs/Menu.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/cjs/MenuCombobox.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;;;;"}
|
package/cjs/MenuContext.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuContext.js","sources":["../../src/MenuContext.tsx"],"sourcesContent":["import React from 'react';\n\nexport default React.createContext();\n"],"names":["React","createContext"],"mappings":";;;;;;;;AAEA,+BAAeA,yBAAK,CAACC,aAAN,EAAf;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.js","sources":["../../../src/MenuItems/CheckboxGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport CheckableGroup from '@elliemae/ds-shared/CheckableGroup';\n\nfunction CheckboxGroup(props) {\n return <CheckableGroup {...props} multi />;\n}\n\nconst props = {\n /* The item (if multi false) or items (if multi true) selected */\n active: PropTypes.arrayOf(PropTypes.string).description(\n 'The item (if multi false) or items (if multi true) selected',\n ),\n /* Whether is multi select or not */\n multi: PropTypes.bool.description('Whether is multi select or not'),\n /* Handler when a user checks an item */\n onCheck: PropTypes.func.description('Handler when a user checks an item'),\n};\n\nCheckboxGroup.propTypes = props;\n\nconst DSMenuCheckboxGroupWithSchema = describe(CheckboxGroup);\nDSMenuCheckboxGroupWithSchema.propTypes = props;\n\nexport default CheckboxGroup;\n\nexport { DSMenuCheckboxGroupWithSchema };\n"],"names":["CheckboxGroup","props","React","CheckableGroup","active","PropTypes","arrayOf","string","description","multi","bool","onCheck","func","propTypes","DSMenuCheckboxGroupWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;AAIA,SAASA,aAAT,CAAuBC,KAAvB,EAA8B;AAC5B,sBAAOC,wCAACC,kCAAD,mCAAoBF,KAApB;AAA2B,IAAA,KAAK;AAAhC,KAAP;AACD;;AAED,IAAMA,KAAK,GAAG;AACZ;AACAG,EAAAA,MAAM,EAAEC,mBAAS,CAACC,OAAV,CAAkBD,mBAAS,CAACE,MAA5B,EAAoCC,WAApC,CACN,6DADM,CAFI;;AAKZ;AACAC,EAAAA,KAAK,EAAEJ,mBAAS,CAACK,IAAV,CAAeF,WAAf,CAA2B,gCAA3B,CANK;;AAOZ;AACAG,EAAAA,OAAO,EAAEN,mBAAS,CAACO,IAAV,CAAeJ,WAAf,CAA2B,oCAA3B;AARG,CAAd;AAWAR,aAAa,CAACa,SAAd,GAA0BZ,KAA1B;IAEMa,6BAA6B,GAAGC,kBAAQ,CAACf,aAAD;AAC9Cc,6BAA6B,CAACD,SAA9B,GAA0CZ,KAA1C;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItemCheckable.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItemCheckbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItemRadio.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sources":["../../../src/MenuItems/RadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport CheckableGroup from '@elliemae/ds-shared/CheckableGroup';\n\nfunction RadioGroup(props) {\n return <CheckableGroup {...props} multi={false} />;\n}\n\nconst props = {\n /* The item selected */\n active: PropTypes.arrayOf(PropTypes.string).description('the item selected'),\n /* Handler when a user checks an item */\n onCheck: PropTypes.func.description('Handler when a user checks an item'),\n};\n\nRadioGroup.propTypes = props;\n\nconst DSMenuRadioGroupWithSchema = describe(RadioGroup);\n\nDSMenuRadioGroupWithSchema.propTypes = props;\n\nexport default RadioGroup;\n\nexport { DSMenuRadioGroupWithSchema };\n"],"names":["RadioGroup","props","React","CheckableGroup","active","PropTypes","arrayOf","string","description","onCheck","func","propTypes","DSMenuRadioGroupWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;AAIA,SAASA,UAAT,CAAoBC,KAApB,EAA2B;AACzB,sBAAOC,wCAACC,kCAAD,mCAAoBF,KAApB;AAA2B,IAAA,KAAK,EAAE;AAAlC,KAAP;AACD;;AAED,IAAMA,KAAK,GAAG;AACZ;AACAG,EAAAA,MAAM,EAAEC,mBAAS,CAACC,OAAV,CAAkBD,mBAAS,CAACE,MAA5B,EAAoCC,WAApC,CAAgD,mBAAhD,CAFI;;AAGZ;AACAC,EAAAA,OAAO,EAAEJ,mBAAS,CAACK,IAAV,CAAeF,WAAf,CAA2B,oCAA3B;AAJG,CAAd;AAOAR,UAAU,CAACW,SAAX,GAAuBV,KAAvB;IAEMW,0BAA0B,GAAGC,kBAAQ,CAACb,UAAD;AAE3CY,0BAA0B,CAACD,SAA3B,GAAuCV,KAAvC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SearchableGroup.js","sources":["../../../src/MenuItems/SearchableGroup.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState, useRef, useContext } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { focusGroupManagerHoc } from '@elliemae/ds-shared/FocusGroup';\nimport DSSearchBox from '@elliemae/ds-form/SearchBox';\nimport { PropTypes, describe } from 'react-desc';\nimport VirtualMenuList from '../VirtualMenuList';\nimport MenuContext from '../MenuContext';\n\nconst SearchBoxWrapper = aggregatedClasses('div')(\n 'menu-search-group',\n 'search-wrapper',\n);\nconst NoOptionsWrapper = aggregatedClasses('div')(\n 'menu-search-group',\n 'no-options',\n);\n\nfunction SearchableGroup({\n children,\n amountItemsInWindow = 5,\n searchTerm: searchTermProp = '',\n noOptionsText = 'No options',\n height,\n width,\n focusOnOpen = false,\n}) {\n const searchRef = useRef(null);\n const [searchTerm, setSearchTerm] = useState(searchTermProp);\n\n useEffect(() => {\n if (searchRef.current) searchRef.current.focus();\n }, []);\n\n const { visible } = useContext(MenuContext) || {};\n\n useEffect(() => {\n if (focusOnOpen && visible) {\n setTimeout(() => {\n if (searchRef.current) searchRef.current.focus();\n }, 0);\n }\n }, [focusOnOpen, visible]);\n\n const filteredChildren = useMemo(\n () =>\n children.filter(\n (child) =>\n !searchTerm ||\n child.props.label.toLowerCase().startsWith(searchTerm.toLowerCase()),\n ),\n [children, searchTerm],\n );\n\n return (\n <>\n <SearchBoxWrapper>\n <DSSearchBox\n innerRef={searchRef}\n onSearch={({ value }) => setSearchTerm(value)}\n searchOnEnter={false}\n showIcon={false}\n value={searchTerm}\n />\n </SearchBoxWrapper>\n {!filteredChildren.length && (\n <NoOptionsWrapper>{noOptionsText}</NoOptionsWrapper>\n )}\n <VirtualMenuList\n amountItemsInWindow={amountItemsInWindow}\n height={height}\n items={filteredChildren}\n width={width}\n />\n </>\n );\n}\n\nconst props = {\n /** The amount of items that are going to be rendered in the group */\n amountItemsInWindow: PropTypes.number.description(\n 'The amount of items that are going to be rendered in the group',\n ),\n /** A search term */\n searchTerm: PropTypes.string.description('A search term'),\n /** Text to show when there's no options to show */\n noOptionsText: PropTypes.string.description(\n \"Text to show when there's no options to show\",\n ),\n /** array of children for search list */\n children: PropTypes.array.description('array of children for search list'),\n /** height for virtual list wrapper */\n height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'height for virtual list wrapper',\n ),\n /** width for virtual list wrapper */\n width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'width for virtual list wrapper',\n ),\n /** weather to focus on searchable group on open */\n focusOnOpen: PropTypes.bool.description(\n 'weather to focus on searchable group on open',\n ),\n};\n\nSearchableGroup.propTypes = props;\n\nconst DSMenuSearchableGroupWithSchema = describe(SearchableGroup);\nDSMenuSearchableGroupWithSchema.propTypes = props;\n\nexport default focusGroupManagerHoc(SearchableGroup);\n\nexport { DSMenuSearchableGroupWithSchema };\n"],"names":["SearchBoxWrapper","aggregatedClasses","NoOptionsWrapper","SearchableGroup","children","amountItemsInWindow","searchTerm","searchTermProp","noOptionsText","height","width","focusOnOpen","searchRef","useRef","useState","setSearchTerm","useEffect","current","focus","useContext","MenuContext","visible","setTimeout","filteredChildren","useMemo","filter","child","props","label","toLowerCase","startsWith","React","DSSearchBox","value","length","PropTypes","number","description","string","array","oneOfType","bool","propTypes","DSMenuSearchableGroupWithSchema","describe","focusGroupManagerHoc"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
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;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectionGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.js","sources":["../../../src/MenuItems/Separator.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSSeparator from '@elliemae/ds-separator';\nimport styled from 'styled-components';\n\nconst blockName = 'menu-separator';\nconst Li = styled.li`\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n`;\n\nconst Title = aggregatedClasses('h5')(blockName, 'title');\nconst MenuSeparator = ({ title, showSeparator = true }) => (\n <Li>\n {showSeparator && <DSSeparator />}\n {title && <Title>{title}</Title>}\n </Li>\n);\n\nconst props = {\n /** menu separator h5 title */\n title: PropTypes.string.description('menu separator h5 title'),\n /** toggle separator on and off */\n showSeparator: PropTypes.bool.description('toggle separator on and off'),\n};\n\nMenuSeparator.propTypes = props;\n\nconst DSMenuSeparatorWithSchema = describe(MenuSeparator);\nDSMenuSeparatorWithSchema.propTypes = props;\n\nexport default MenuSeparator;\n\nexport { DSMenuSeparatorWithSchema };\n"],"names":["blockName","Li","styled","li","Title","aggregatedClasses","MenuSeparator","title","showSeparator","React","DSSeparator","props","PropTypes","string","description","bool","propTypes","DSMenuSeparatorWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,GAAG,gBAAlB;AACA,IAAMC,EAAE,gBAAGC,0BAAM,CAACC,EAAV;AAAA;AAAA,kEAAR;AAMA,IAAMC,KAAK,GAAGC,8BAAiB,CAAC,IAAD,CAAjB,CAAwBL,SAAxB,EAAmC,OAAnC,CAAd;;IACMM,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,gCAAUC,aAAV;AAAA,MAAUA,aAAV,mCAA0B,IAA1B;AAAA,sBACpBC,wCAAC,EAAD,QACGD,aAAa,iBAAIC,wCAACC,+BAAD,OADpB,EAEGH,KAAK,iBAAIE,wCAAC,KAAD,QAAQF,KAAR,CAFZ,CADoB;AAAA;;AAOtB,IAAMI,KAAK,GAAG;AACZ;AACAJ,EAAAA,KAAK,EAAEK,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,yBAA7B,CAFK;;AAGZ;AACAN,EAAAA,aAAa,EAAEI,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,6BAA3B;AAJH,CAAd;AAOAR,aAAa,CAACU,SAAd,GAA0BL,KAA1B;IAEMM,yBAAyB,GAAGC,kBAAQ,CAACZ,aAAD;AAC1CW,yBAAyB,CAACD,SAA1B,GAAsCL,KAAtC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SubMenu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menuItemFactory.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|