@elliemae/ds-app-picker 1.61.12 → 1.61.13
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/AppPickerImpl.js.map +1 -1
- package/cjs/DSAppPicker.js.map +1 -1
- package/cjs/propTypes.js.map +1 -1
- package/cjs/utils.js.map +1 -1
- package/esm/AppPickerImpl.js.map +1 -1
- package/esm/DSAppPicker.js.map +1 -1
- package/esm/propTypes.js.map +1 -1
- package/esm/utils.js.map +1 -1
- package/package.json +6 -6
package/cjs/AppPickerImpl.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppPickerImpl.js","sources":["../../src/AppPickerImpl.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable object-curly-newline */\n/* eslint-disable prefer-template */\nimport React, { useEffect, useCallback, useRef } from 'react';\nimport { chunk } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { keys } from './utils';\nimport { DSAppPickerImplType } from './types/AppPickerTypes';\n\nconst blockName = 'app-picker';\nconst Wrapper = aggregatedClasses('ul')(blockName, 'wrapper');\nconst Grid = aggregatedClasses('div')(blockName, 'grid');\nconst Row = aggregatedClasses('div')(blockName, 'row');\nconst Chip = aggregatedClasses('button')(blockName, 'chip', ({ disabled, selected }) => ({\n disabled,\n selected,\n}));\nconst ChipLabel = aggregatedClasses('p')(blockName, 'chip-label');\nconst Separator = aggregatedClasses('hr')(blockName, 'separator');\nconst SectionTitle = aggregatedClasses('p')(blockName, 'section-title');\n\nconst AppPickerImpl: DSAppPickerImplType = ({\n apps = [],\n customApps = [],\n sectionTitle = 'APPLICATIONS',\n customSectionTitle = 'CUSTOM APPLICATIONS',\n close = () => null,\n wrapperRef,\n onKeyDown,\n triggerRef,\n}) => {\n const allFocusableButtons = useRef([]);\n const selectedButton = useRef(null);\n\n useEffect(() => {\n wrapperRef?.current?.querySelectorAll('button').forEach((e, index) => {\n if (!e.hasAttribute('disabled')) {\n allFocusableButtons?.current?.push(e);\n }\n if (e.getAttribute('aria-selected') === 'true') {\n selectedButton.current = index;\n }\n });\n\n if (selectedButton.current) {\n wrapperRef?.current?.querySelectorAll('button')[selectedButton.current].focus();\n } else {\n allFocusableButtons?.current[0]?.focus();\n }\n }, [wrapperRef]);\n\n // eslint-disable-next-line max-statements\n const handleKeyDown = (e) => {\n switch (e.key) {\n case keys.ESC:\n triggerRef?.current?.focus();\n close();\n break;\n case keys.TAB:\n if (e.shiftKey) {\n if (e.target === allFocusableButtons.current[0]) {\n e.preventDefault();\n allFocusableButtons?.current[allFocusableButtons.current.length - 1]?.focus();\n }\n } else if (e.target === allFocusableButtons.current[allFocusableButtons.current.length - 1]) {\n e.preventDefault();\n allFocusableButtons?.current[0]?.focus();\n }\n break;\n default:\n break;\n }\n };\n\n const handleOnClick = useCallback((e, app) => {\n if (app.onClick) app.onClick(e, app);\n }, []);\n\n const handleOnKeyDownWrapper = useCallback(\n (e) => {\n if (onKeyDown) onKeyDown(e);\n if (!onKeyDown && e.key === keys.ESC) {\n close();\n }\n },\n [onKeyDown, close],\n );\n\n const buildRows = (appList, prevIndex = 0) => {\n const rows = chunk(appList, 3); // divides array in subarrays of 3 items\n const formattedRows = rows.map((row, index) => (\n <Row key={index}>\n {row.map((app, key) => {\n const { label, disabled, selected, icon: Icon } = app;\n return (\n <Chip\n key={key}\n classProps={{ disabled, selected }}\n onClick={(e) => handleOnClick(e, app)}\n onKeyDown={handleKeyDown}\n data-testid=\"app-picker__chip\"\n aria-disabled={disabled}\n disabled={disabled}\n aria-selected={selected}\n aria-setsize={apps.length + customApps.length}\n aria-posinset={key + prevIndex}\n >\n <Icon className=\"app-picker__icon\" size=\"m\" />\n <ChipLabel>{label}</ChipLabel>\n </Chip>\n );\n })}\n </Row>\n ));\n return formattedRows;\n };\n\n const AppsRows = () => buildRows(apps, 1);\n const CustomRows = () => buildRows(customApps, apps.length);\n\n return (\n <Wrapper role=\"listbox\" ref={wrapperRef} onKeyDown={handleOnKeyDownWrapper} data-testid=\"app-picker__wrapper\">\n <SectionTitle data-testid=\"app-picker__main-title\" aria-hidden>\n {sectionTitle}\n </SectionTitle>\n <Grid data-testid=\"app-picker__main-grid\">\n <AppsRows />\n </Grid>\n {!!customApps.length && (\n <>\n <Separator aria-hidden />\n <SectionTitle data-testid=\"app-picker__custom-title\" aria-hidden>\n {customSectionTitle}\n </SectionTitle>\n <Grid data-testid=\"app-picker__custom-grid\">\n <CustomRows />\n </Grid>\n </>\n )}\n </Wrapper>\n );\n};\n\nexport default AppPickerImpl;\n"],"names":["blockName","Wrapper","aggregatedClasses","Grid","Row","Chip","disabled","selected","ChipLabel","Separator","SectionTitle","AppPickerImpl","apps","customApps","sectionTitle","customSectionTitle","close","wrapperRef","onKeyDown","triggerRef","allFocusableButtons","useRef","selectedButton","useEffect","current","querySelectorAll","forEach","e","index","hasAttribute","push","getAttribute","focus","handleKeyDown","key","keys","ESC","TAB","shiftKey","target","preventDefault","length","handleOnClick","useCallback","app","onClick","handleOnKeyDownWrapper","buildRows","appList","prevIndex","rows","chunk","formattedRows","map","row","React","label","Icon","icon","AppsRows","CustomRows"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AppPickerImpl.js","sources":["../../src/AppPickerImpl.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable object-curly-newline */\n/* eslint-disable prefer-template */\nimport React, { useEffect, useCallback, useRef } from 'react';\nimport { chunk } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { keys } from './utils';\nimport { DSAppPickerImplType } from './types/AppPickerTypes';\n\nconst blockName = 'app-picker';\nconst Wrapper = aggregatedClasses('ul')(blockName, 'wrapper');\nconst Grid = aggregatedClasses('div')(blockName, 'grid');\nconst Row = aggregatedClasses('div')(blockName, 'row');\nconst Chip = aggregatedClasses('button')(blockName, 'chip', ({ disabled, selected }) => ({\n disabled,\n selected,\n}));\nconst ChipLabel = aggregatedClasses('p')(blockName, 'chip-label');\nconst Separator = aggregatedClasses('hr')(blockName, 'separator');\nconst SectionTitle = aggregatedClasses('p')(blockName, 'section-title');\n\nconst AppPickerImpl: DSAppPickerImplType = ({\n apps = [],\n customApps = [],\n sectionTitle = 'APPLICATIONS',\n customSectionTitle = 'CUSTOM APPLICATIONS',\n close = () => null,\n wrapperRef,\n onKeyDown,\n triggerRef,\n}) => {\n const allFocusableButtons = useRef([]);\n const selectedButton = useRef(null);\n\n useEffect(() => {\n wrapperRef?.current?.querySelectorAll('button').forEach((e, index) => {\n if (!e.hasAttribute('disabled')) {\n allFocusableButtons?.current?.push(e);\n }\n if (e.getAttribute('aria-selected') === 'true') {\n selectedButton.current = index;\n }\n });\n\n if (selectedButton.current) {\n wrapperRef?.current?.querySelectorAll('button')[selectedButton.current].focus();\n } else {\n allFocusableButtons?.current[0]?.focus();\n }\n }, [wrapperRef]);\n\n // eslint-disable-next-line max-statements\n const handleKeyDown = (e) => {\n switch (e.key) {\n case keys.ESC:\n triggerRef?.current?.focus();\n close();\n break;\n case keys.TAB:\n if (e.shiftKey) {\n if (e.target === allFocusableButtons.current[0]) {\n e.preventDefault();\n allFocusableButtons?.current[allFocusableButtons.current.length - 1]?.focus();\n }\n } else if (e.target === allFocusableButtons.current[allFocusableButtons.current.length - 1]) {\n e.preventDefault();\n allFocusableButtons?.current[0]?.focus();\n }\n break;\n default:\n break;\n }\n };\n\n const handleOnClick = useCallback((e, app) => {\n if (app.onClick) app.onClick(e, app);\n }, []);\n\n const handleOnKeyDownWrapper = useCallback(\n (e) => {\n if (onKeyDown) onKeyDown(e);\n if (!onKeyDown && e.key === keys.ESC) {\n close();\n }\n },\n [onKeyDown, close],\n );\n\n const buildRows = (appList, prevIndex = 0) => {\n const rows = chunk(appList, 3); // divides array in subarrays of 3 items\n const formattedRows = rows.map((row, index) => (\n <Row key={index}>\n {row.map((app, key) => {\n const { label, disabled, selected, icon: Icon } = app;\n return (\n <Chip\n key={key}\n classProps={{ disabled, selected }}\n onClick={(e) => handleOnClick(e, app)}\n onKeyDown={handleKeyDown}\n data-testid=\"app-picker__chip\"\n aria-disabled={disabled}\n disabled={disabled}\n aria-selected={selected}\n aria-setsize={apps.length + customApps.length}\n aria-posinset={key + prevIndex}\n >\n <Icon className=\"app-picker__icon\" size=\"m\" />\n <ChipLabel>{label}</ChipLabel>\n </Chip>\n );\n })}\n </Row>\n ));\n return formattedRows;\n };\n\n const AppsRows = () => buildRows(apps, 1);\n const CustomRows = () => buildRows(customApps, apps.length);\n\n return (\n <Wrapper role=\"listbox\" ref={wrapperRef} onKeyDown={handleOnKeyDownWrapper} data-testid=\"app-picker__wrapper\">\n <SectionTitle data-testid=\"app-picker__main-title\" aria-hidden>\n {sectionTitle}\n </SectionTitle>\n <Grid data-testid=\"app-picker__main-grid\">\n <AppsRows />\n </Grid>\n {!!customApps.length && (\n <>\n <Separator aria-hidden />\n <SectionTitle data-testid=\"app-picker__custom-title\" aria-hidden>\n {customSectionTitle}\n </SectionTitle>\n <Grid data-testid=\"app-picker__custom-grid\">\n <CustomRows />\n </Grid>\n </>\n )}\n </Wrapper>\n );\n};\n\nexport default AppPickerImpl;\n"],"names":["blockName","Wrapper","aggregatedClasses","Grid","Row","Chip","disabled","selected","ChipLabel","Separator","SectionTitle","AppPickerImpl","apps","customApps","sectionTitle","customSectionTitle","close","wrapperRef","onKeyDown","triggerRef","allFocusableButtons","useRef","selectedButton","useEffect","current","querySelectorAll","forEach","e","index","hasAttribute","push","getAttribute","focus","handleKeyDown","key","keys","ESC","TAB","shiftKey","target","preventDefault","length","handleOnClick","useCallback","app","onClick","handleOnKeyDownWrapper","buildRows","appList","prevIndex","rows","chunk","formattedRows","map","row","React","label","Icon","icon","AppsRows","CustomRows"],"mappings":"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"}
|
package/cjs/DSAppPicker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSAppPicker.js","sources":["../../src/DSAppPicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { describe } from 'react-desc';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport DSPopover from '@elliemae/ds-popover';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport AppPickerImpl from './AppPickerImpl';\nimport { propTypes } from './propTypes';\nimport type { DSAppPickerType } from './types/AppPickerTypes';\n\nconst DSAppPicker: DSAppPickerType = ({\n apps = [],\n customApps = [],\n sectionTitle = 'APPLICATIONS',\n customSectionTitle = 'CUSTOM APPLICATIONS',\n icon: Icon = () => <MenuPicker fill={['brand-primary', 700]} size=\"m\" />,\n renderTrigger,\n isOpen,\n onClose = () => null,\n actionRef,\n onKeyDown,\n onClick = () => null,\n onClickOutside = () => null,\n triggerRef,\n}) => {\n const [open, setOpen] = useState(false);\n const wrapperRef = useRef(null);\n const defaultTriggerRef = useRef(null);\n\n useEffect(() => {\n if (actionRef) {\n actionRef.current.focusToIndex = (index) => {\n if (wrapperRef.current) {\n const parent = wrapperRef.current;\n const buttons = [...parent.querySelectorAll('button')];\n buttons[index].focus();\n }\n };\n }\n }, [actionRef, apps, customApps]);\n\n const handleOnClose = () => {\n if (typeof isOpen === 'boolean') {\n setOpen(isOpen);\n } else {\n setOpen(false);\n }\n onClose();\n };\n\n const handleOnClickOutside = (e: MouseEvent) => {\n setOpen(false);\n onClose();\n onClickOutside(e);\n };\n\n const AppPickerContent = () => (\n <AppPickerImpl\n apps={apps}\n customApps={customApps}\n sectionTitle={sectionTitle}\n customSectionTitle={customSectionTitle}\n close={handleOnClose}\n wrapperRef={wrapperRef}\n onKeyDown={onKeyDown}\n triggerRef={triggerRef || defaultTriggerRef}\n />\n );\n\n const RenderTrigger =\n renderTrigger ||\n (({ ref }) => (\n <DSButton\n data-testid=\"app-picker__button\"\n id=\"app-picker__button\"\n buttonType=\"text\"\n icon={<Icon />}\n innerRef={mergeRefs(ref, defaultTriggerRef)}\n onClick={(e) => {\n onClick(e);\n setOpen(true);\n }}\n />\n ));\n\n return (\n <DSPopover\n content={<AppPickerContent />}\n isOpen={typeof isOpen === 'boolean' ? isOpen : open}\n onClickOutside={handleOnClickOutside}\n placement=\"bottom\"\n interactionType=\"click\"\n renderTrigger={RenderTrigger}\n showArrow\n style={{\n padding: '0',\n width: 'fit-content',\n }}\n />\n );\n};\n\nDSAppPicker.propTypes = propTypes;\n\nconst AppPickerWithSchema = describe(DSAppPicker);\nAppPickerWithSchema.propTypes = propTypes;\n\nexport { DSAppPicker, AppPickerWithSchema };\nexport default DSAppPicker;\n"],"names":["DSAppPicker","apps","customApps","sectionTitle","customSectionTitle","icon","Icon","React","MenuPicker","renderTrigger","isOpen","onClose","actionRef","onKeyDown","onClick","onClickOutside","triggerRef","useState","open","setOpen","wrapperRef","useRef","defaultTriggerRef","useEffect","current","focusToIndex","index","parent","buttons","querySelectorAll","focus","handleOnClose","handleOnClickOutside","e","AppPickerContent","RenderTrigger","ref","DSButton","mergeRefs","DSPopover","padding","width","propTypes","AppPickerWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAUMA,WAA4B,GAAG,SAA/BA,WAA+B,OAc/B;
|
|
1
|
+
{"version":3,"file":"DSAppPicker.js","sources":["../../src/DSAppPicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { describe } from 'react-desc';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport DSPopover from '@elliemae/ds-popover';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport AppPickerImpl from './AppPickerImpl';\nimport { propTypes } from './propTypes';\nimport type { DSAppPickerType } from './types/AppPickerTypes';\n\nconst DSAppPicker: DSAppPickerType = ({\n apps = [],\n customApps = [],\n sectionTitle = 'APPLICATIONS',\n customSectionTitle = 'CUSTOM APPLICATIONS',\n icon: Icon = () => <MenuPicker fill={['brand-primary', 700]} size=\"m\" />,\n renderTrigger,\n isOpen,\n onClose = () => null,\n actionRef,\n onKeyDown,\n onClick = () => null,\n onClickOutside = () => null,\n triggerRef,\n}) => {\n const [open, setOpen] = useState(false);\n const wrapperRef = useRef(null);\n const defaultTriggerRef = useRef(null);\n\n useEffect(() => {\n if (actionRef) {\n actionRef.current.focusToIndex = (index) => {\n if (wrapperRef.current) {\n const parent = wrapperRef.current;\n const buttons = [...parent.querySelectorAll('button')];\n buttons[index].focus();\n }\n };\n }\n }, [actionRef, apps, customApps]);\n\n const handleOnClose = () => {\n if (typeof isOpen === 'boolean') {\n setOpen(isOpen);\n } else {\n setOpen(false);\n }\n onClose();\n };\n\n const handleOnClickOutside = (e: MouseEvent) => {\n setOpen(false);\n onClose();\n onClickOutside(e);\n };\n\n const AppPickerContent = () => (\n <AppPickerImpl\n apps={apps}\n customApps={customApps}\n sectionTitle={sectionTitle}\n customSectionTitle={customSectionTitle}\n close={handleOnClose}\n wrapperRef={wrapperRef}\n onKeyDown={onKeyDown}\n triggerRef={triggerRef || defaultTriggerRef}\n />\n );\n\n const RenderTrigger =\n renderTrigger ||\n (({ ref }) => (\n <DSButton\n data-testid=\"app-picker__button\"\n id=\"app-picker__button\"\n buttonType=\"text\"\n icon={<Icon />}\n innerRef={mergeRefs(ref, defaultTriggerRef)}\n onClick={(e) => {\n onClick(e);\n setOpen(true);\n }}\n />\n ));\n\n return (\n <DSPopover\n content={<AppPickerContent />}\n isOpen={typeof isOpen === 'boolean' ? isOpen : open}\n onClickOutside={handleOnClickOutside}\n placement=\"bottom\"\n interactionType=\"click\"\n renderTrigger={RenderTrigger}\n showArrow\n style={{\n padding: '0',\n width: 'fit-content',\n }}\n />\n );\n};\n\nDSAppPicker.propTypes = propTypes;\n\nconst AppPickerWithSchema = describe(DSAppPicker);\nAppPickerWithSchema.propTypes = propTypes;\n\nexport { DSAppPicker, AppPickerWithSchema };\nexport default DSAppPicker;\n"],"names":["DSAppPicker","apps","customApps","sectionTitle","customSectionTitle","icon","Icon","React","MenuPicker","renderTrigger","isOpen","onClose","actionRef","onKeyDown","onClick","onClickOutside","triggerRef","useState","open","setOpen","wrapperRef","useRef","defaultTriggerRef","useEffect","current","focusToIndex","index","parent","buttons","querySelectorAll","focus","handleOnClose","handleOnClickOutside","e","AppPickerContent","RenderTrigger","ref","DSButton","mergeRefs","DSPopover","padding","width","propTypes","AppPickerWithSchema","describe"],"mappings":"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"}
|
package/cjs/propTypes.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propTypes.js","sources":["../../src/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { MenuPicker } from '@elliemae/ds-icons';\n\nexport const propTypes = {\n apps: PropTypes.array.description(\n 'Main items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]',\n ).isRequired,\n customApps: PropTypes.array.description(\n 'Custom items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]',\n ),\n sectionTitle: PropTypes.string.description('main section title').defaultValue('APPLICATIONS'),\n customSectionTitle: PropTypes.string.description('custom section title').defaultValue('CUSTOM APPLICATIONS'),\n icon: PropTypes.func.description('trigger button s icon').defaultValue(MenuPicker),\n renderTrigger: PropTypes.func.description('Custom trigger component.'),\n actionRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n 'Ref containing a focusToIndex method. This method allows you to focus any App inside the AppPicker.',\n ),\n isOpen: PropTypes.bool.description('Wether the AppPicker should be open or not.'),\n onClose: PropTypes.func.description('Callback function when the AppPicker closes'),\n onKeyDown: PropTypes.func.description('OnKeyDown handler callback.'),\n onClick: PropTypes.func.description('Custom onClick for Trigger component.'),\n onClickOutside: PropTypes.func.description('Callback event when the user clicks outside the App Picker.'),\n};\n"],"names":["propTypes","apps","PropTypes","array","description","isRequired","customApps","sectionTitle","string","defaultValue","customSectionTitle","icon","func","MenuPicker","renderTrigger","actionRef","oneOfType","shape","current","any","isOpen","bool","onClose","onKeyDown","onClick","onClickOutside"],"mappings":";;;;;;;IAGaA,SAAS,GAAG;
|
|
1
|
+
{"version":3,"file":"propTypes.js","sources":["../../src/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { MenuPicker } from '@elliemae/ds-icons';\n\nexport const propTypes = {\n apps: PropTypes.array.description(\n 'Main items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]',\n ).isRequired,\n customApps: PropTypes.array.description(\n 'Custom items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]',\n ),\n sectionTitle: PropTypes.string.description('main section title').defaultValue('APPLICATIONS'),\n customSectionTitle: PropTypes.string.description('custom section title').defaultValue('CUSTOM APPLICATIONS'),\n icon: PropTypes.func.description('trigger button s icon').defaultValue(MenuPicker),\n renderTrigger: PropTypes.func.description('Custom trigger component.'),\n actionRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n 'Ref containing a focusToIndex method. This method allows you to focus any App inside the AppPicker.',\n ),\n isOpen: PropTypes.bool.description('Wether the AppPicker should be open or not.'),\n onClose: PropTypes.func.description('Callback function when the AppPicker closes'),\n onKeyDown: PropTypes.func.description('OnKeyDown handler callback.'),\n onClick: PropTypes.func.description('Custom onClick for Trigger component.'),\n onClickOutside: PropTypes.func.description('Callback event when the user clicks outside the App Picker.'),\n};\n"],"names":["propTypes","apps","PropTypes","array","description","isRequired","customApps","sectionTitle","string","defaultValue","customSectionTitle","icon","func","MenuPicker","renderTrigger","actionRef","oneOfType","shape","current","any","isOpen","bool","onClose","onKeyDown","onClick","onClickOutside"],"mappings":";;;;;;;IAGaA,SAAS,GAAG;EACvBC,IAAI,EAAEC,mBAAS,CAACC,KAAV,CAAgBC,WAAhB,CACJ,oGADI,EAEJC,UAHqB;EAIvBC,UAAU,EAAEJ,mBAAS,CAACC,KAAV,CAAgBC,WAAhB,CACV,sGADU,CAJW;EAOvBG,YAAY,EAAEL,mBAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,oBAA7B,EAAmDK,YAAnD,CAAgE,cAAhE,CAPS;EAQvBC,kBAAkB,EAAER,mBAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,sBAA7B,EAAqDK,YAArD,CAAkE,qBAAlE,CARG;EASvBE,IAAI,EAAET,mBAAS,CAACU,IAAV,CAAeR,WAAf,CAA2B,uBAA3B,EAAoDK,YAApD,CAAiEI,kBAAjE,CATiB;EAUvBC,aAAa,EAAEZ,mBAAS,CAACU,IAAV,CAAeR,WAAf,CAA2B,2BAA3B,CAVQ;EAWvBW,SAAS,EAAEb,mBAAS,CAACc,SAAV,CAAoB,CAACd,mBAAS,CAACU,IAAX,EAAiBV,mBAAS,CAACe,KAAV,CAAgB;IAAEC,OAAO,EAAEhB,mBAAS,CAACiB;GAArC,CAAjB,CAApB,EAAmFf,WAAnF,CACT,qGADS,CAXY;EAcvBgB,MAAM,EAAElB,mBAAS,CAACmB,IAAV,CAAejB,WAAf,CAA2B,6CAA3B,CAde;EAevBkB,OAAO,EAAEpB,mBAAS,CAACU,IAAV,CAAeR,WAAf,CAA2B,6CAA3B,CAfc;EAgBvBmB,SAAS,EAAErB,mBAAS,CAACU,IAAV,CAAeR,WAAf,CAA2B,6BAA3B,CAhBY;EAiBvBoB,OAAO,EAAEtB,mBAAS,CAACU,IAAV,CAAeR,WAAf,CAA2B,uCAA3B,CAjBc;EAkBvBqB,cAAc,EAAEvB,mBAAS,CAACU,IAAV,CAAeR,WAAf,CAA2B,6DAA3B;AAlBO;;;;"}
|
package/cjs/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../src/utils.tsx"],"sourcesContent":["export const keys = {\n LEFT: 'ArrowLeft',\n UP: 'ArrowUp',\n RIGHT: 'ArrowRight',\n DOWN: 'ArrowDown',\n ENTER: 'Enter',\n SPACE: '',\n TAB: 'Tab',\n ESC: 'Escape',\n HOME: 'Home',\n END: 'End',\n};\n"],"names":["keys","LEFT","UP","RIGHT","DOWN","ENTER","SPACE","TAB","ESC","HOME","END"],"mappings":";;;;IAAaA,IAAI,GAAG;
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../src/utils.tsx"],"sourcesContent":["export const keys = {\n LEFT: 'ArrowLeft',\n UP: 'ArrowUp',\n RIGHT: 'ArrowRight',\n DOWN: 'ArrowDown',\n ENTER: 'Enter',\n SPACE: '',\n TAB: 'Tab',\n ESC: 'Escape',\n HOME: 'Home',\n END: 'End',\n};\n"],"names":["keys","LEFT","UP","RIGHT","DOWN","ENTER","SPACE","TAB","ESC","HOME","END"],"mappings":";;;;IAAaA,IAAI,GAAG;EAClBC,IAAI,EAAE,WADY;EAElBC,EAAE,EAAE,SAFc;EAGlBC,KAAK,EAAE,YAHW;EAIlBC,IAAI,EAAE,WAJY;EAKlBC,KAAK,EAAE,OALW;EAMlBC,KAAK,EAAE,EANW;EAOlBC,GAAG,EAAE,KAPa;EAQlBC,GAAG,EAAE,QARa;EASlBC,IAAI,EAAE,MATY;EAUlBC,GAAG,EAAE;AAVa;;;;"}
|
package/esm/AppPickerImpl.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppPickerImpl.js","sources":["../../src/AppPickerImpl.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable object-curly-newline */\n/* eslint-disable prefer-template */\nimport React, { useEffect, useCallback, useRef } from 'react';\nimport { chunk } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { keys } from './utils';\nimport { DSAppPickerImplType } from './types/AppPickerTypes';\n\nconst blockName = 'app-picker';\nconst Wrapper = aggregatedClasses('ul')(blockName, 'wrapper');\nconst Grid = aggregatedClasses('div')(blockName, 'grid');\nconst Row = aggregatedClasses('div')(blockName, 'row');\nconst Chip = aggregatedClasses('button')(blockName, 'chip', ({ disabled, selected }) => ({\n disabled,\n selected,\n}));\nconst ChipLabel = aggregatedClasses('p')(blockName, 'chip-label');\nconst Separator = aggregatedClasses('hr')(blockName, 'separator');\nconst SectionTitle = aggregatedClasses('p')(blockName, 'section-title');\n\nconst AppPickerImpl: DSAppPickerImplType = ({\n apps = [],\n customApps = [],\n sectionTitle = 'APPLICATIONS',\n customSectionTitle = 'CUSTOM APPLICATIONS',\n close = () => null,\n wrapperRef,\n onKeyDown,\n triggerRef,\n}) => {\n const allFocusableButtons = useRef([]);\n const selectedButton = useRef(null);\n\n useEffect(() => {\n wrapperRef?.current?.querySelectorAll('button').forEach((e, index) => {\n if (!e.hasAttribute('disabled')) {\n allFocusableButtons?.current?.push(e);\n }\n if (e.getAttribute('aria-selected') === 'true') {\n selectedButton.current = index;\n }\n });\n\n if (selectedButton.current) {\n wrapperRef?.current?.querySelectorAll('button')[selectedButton.current].focus();\n } else {\n allFocusableButtons?.current[0]?.focus();\n }\n }, [wrapperRef]);\n\n // eslint-disable-next-line max-statements\n const handleKeyDown = (e) => {\n switch (e.key) {\n case keys.ESC:\n triggerRef?.current?.focus();\n close();\n break;\n case keys.TAB:\n if (e.shiftKey) {\n if (e.target === allFocusableButtons.current[0]) {\n e.preventDefault();\n allFocusableButtons?.current[allFocusableButtons.current.length - 1]?.focus();\n }\n } else if (e.target === allFocusableButtons.current[allFocusableButtons.current.length - 1]) {\n e.preventDefault();\n allFocusableButtons?.current[0]?.focus();\n }\n break;\n default:\n break;\n }\n };\n\n const handleOnClick = useCallback((e, app) => {\n if (app.onClick) app.onClick(e, app);\n }, []);\n\n const handleOnKeyDownWrapper = useCallback(\n (e) => {\n if (onKeyDown) onKeyDown(e);\n if (!onKeyDown && e.key === keys.ESC) {\n close();\n }\n },\n [onKeyDown, close],\n );\n\n const buildRows = (appList, prevIndex = 0) => {\n const rows = chunk(appList, 3); // divides array in subarrays of 3 items\n const formattedRows = rows.map((row, index) => (\n <Row key={index}>\n {row.map((app, key) => {\n const { label, disabled, selected, icon: Icon } = app;\n return (\n <Chip\n key={key}\n classProps={{ disabled, selected }}\n onClick={(e) => handleOnClick(e, app)}\n onKeyDown={handleKeyDown}\n data-testid=\"app-picker__chip\"\n aria-disabled={disabled}\n disabled={disabled}\n aria-selected={selected}\n aria-setsize={apps.length + customApps.length}\n aria-posinset={key + prevIndex}\n >\n <Icon className=\"app-picker__icon\" size=\"m\" />\n <ChipLabel>{label}</ChipLabel>\n </Chip>\n );\n })}\n </Row>\n ));\n return formattedRows;\n };\n\n const AppsRows = () => buildRows(apps, 1);\n const CustomRows = () => buildRows(customApps, apps.length);\n\n return (\n <Wrapper role=\"listbox\" ref={wrapperRef} onKeyDown={handleOnKeyDownWrapper} data-testid=\"app-picker__wrapper\">\n <SectionTitle data-testid=\"app-picker__main-title\" aria-hidden>\n {sectionTitle}\n </SectionTitle>\n <Grid data-testid=\"app-picker__main-grid\">\n <AppsRows />\n </Grid>\n {!!customApps.length && (\n <>\n <Separator aria-hidden />\n <SectionTitle data-testid=\"app-picker__custom-title\" aria-hidden>\n {customSectionTitle}\n </SectionTitle>\n <Grid data-testid=\"app-picker__custom-grid\">\n <CustomRows />\n </Grid>\n </>\n )}\n </Wrapper>\n );\n};\n\nexport default AppPickerImpl;\n"],"names":["blockName","Wrapper","aggregatedClasses","Grid","Row","Chip","disabled","selected","ChipLabel","Separator","SectionTitle","AppPickerImpl","apps","customApps","sectionTitle","customSectionTitle","close","wrapperRef","onKeyDown","triggerRef","allFocusableButtons","useRef","selectedButton","useEffect","current","querySelectorAll","forEach","e","index","hasAttribute","push","getAttribute","focus","handleKeyDown","key","keys","ESC","TAB","shiftKey","target","preventDefault","length","handleOnClick","useCallback","app","onClick","handleOnKeyDownWrapper","buildRows","appList","prevIndex","rows","chunk","formattedRows","map","row","label","Icon","icon","AppsRows","CustomRows"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AppPickerImpl.js","sources":["../../src/AppPickerImpl.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable object-curly-newline */\n/* eslint-disable prefer-template */\nimport React, { useEffect, useCallback, useRef } from 'react';\nimport { chunk } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { keys } from './utils';\nimport { DSAppPickerImplType } from './types/AppPickerTypes';\n\nconst blockName = 'app-picker';\nconst Wrapper = aggregatedClasses('ul')(blockName, 'wrapper');\nconst Grid = aggregatedClasses('div')(blockName, 'grid');\nconst Row = aggregatedClasses('div')(blockName, 'row');\nconst Chip = aggregatedClasses('button')(blockName, 'chip', ({ disabled, selected }) => ({\n disabled,\n selected,\n}));\nconst ChipLabel = aggregatedClasses('p')(blockName, 'chip-label');\nconst Separator = aggregatedClasses('hr')(blockName, 'separator');\nconst SectionTitle = aggregatedClasses('p')(blockName, 'section-title');\n\nconst AppPickerImpl: DSAppPickerImplType = ({\n apps = [],\n customApps = [],\n sectionTitle = 'APPLICATIONS',\n customSectionTitle = 'CUSTOM APPLICATIONS',\n close = () => null,\n wrapperRef,\n onKeyDown,\n triggerRef,\n}) => {\n const allFocusableButtons = useRef([]);\n const selectedButton = useRef(null);\n\n useEffect(() => {\n wrapperRef?.current?.querySelectorAll('button').forEach((e, index) => {\n if (!e.hasAttribute('disabled')) {\n allFocusableButtons?.current?.push(e);\n }\n if (e.getAttribute('aria-selected') === 'true') {\n selectedButton.current = index;\n }\n });\n\n if (selectedButton.current) {\n wrapperRef?.current?.querySelectorAll('button')[selectedButton.current].focus();\n } else {\n allFocusableButtons?.current[0]?.focus();\n }\n }, [wrapperRef]);\n\n // eslint-disable-next-line max-statements\n const handleKeyDown = (e) => {\n switch (e.key) {\n case keys.ESC:\n triggerRef?.current?.focus();\n close();\n break;\n case keys.TAB:\n if (e.shiftKey) {\n if (e.target === allFocusableButtons.current[0]) {\n e.preventDefault();\n allFocusableButtons?.current[allFocusableButtons.current.length - 1]?.focus();\n }\n } else if (e.target === allFocusableButtons.current[allFocusableButtons.current.length - 1]) {\n e.preventDefault();\n allFocusableButtons?.current[0]?.focus();\n }\n break;\n default:\n break;\n }\n };\n\n const handleOnClick = useCallback((e, app) => {\n if (app.onClick) app.onClick(e, app);\n }, []);\n\n const handleOnKeyDownWrapper = useCallback(\n (e) => {\n if (onKeyDown) onKeyDown(e);\n if (!onKeyDown && e.key === keys.ESC) {\n close();\n }\n },\n [onKeyDown, close],\n );\n\n const buildRows = (appList, prevIndex = 0) => {\n const rows = chunk(appList, 3); // divides array in subarrays of 3 items\n const formattedRows = rows.map((row, index) => (\n <Row key={index}>\n {row.map((app, key) => {\n const { label, disabled, selected, icon: Icon } = app;\n return (\n <Chip\n key={key}\n classProps={{ disabled, selected }}\n onClick={(e) => handleOnClick(e, app)}\n onKeyDown={handleKeyDown}\n data-testid=\"app-picker__chip\"\n aria-disabled={disabled}\n disabled={disabled}\n aria-selected={selected}\n aria-setsize={apps.length + customApps.length}\n aria-posinset={key + prevIndex}\n >\n <Icon className=\"app-picker__icon\" size=\"m\" />\n <ChipLabel>{label}</ChipLabel>\n </Chip>\n );\n })}\n </Row>\n ));\n return formattedRows;\n };\n\n const AppsRows = () => buildRows(apps, 1);\n const CustomRows = () => buildRows(customApps, apps.length);\n\n return (\n <Wrapper role=\"listbox\" ref={wrapperRef} onKeyDown={handleOnKeyDownWrapper} data-testid=\"app-picker__wrapper\">\n <SectionTitle data-testid=\"app-picker__main-title\" aria-hidden>\n {sectionTitle}\n </SectionTitle>\n <Grid data-testid=\"app-picker__main-grid\">\n <AppsRows />\n </Grid>\n {!!customApps.length && (\n <>\n <Separator aria-hidden />\n <SectionTitle data-testid=\"app-picker__custom-title\" aria-hidden>\n {customSectionTitle}\n </SectionTitle>\n <Grid data-testid=\"app-picker__custom-grid\">\n <CustomRows />\n </Grid>\n </>\n )}\n </Wrapper>\n );\n};\n\nexport default AppPickerImpl;\n"],"names":["blockName","Wrapper","aggregatedClasses","Grid","Row","Chip","disabled","selected","ChipLabel","Separator","SectionTitle","AppPickerImpl","apps","customApps","sectionTitle","customSectionTitle","close","wrapperRef","onKeyDown","triggerRef","allFocusableButtons","useRef","selectedButton","useEffect","current","querySelectorAll","forEach","e","index","hasAttribute","push","getAttribute","focus","handleKeyDown","key","keys","ESC","TAB","shiftKey","target","preventDefault","length","handleOnClick","useCallback","app","onClick","handleOnKeyDownWrapper","buildRows","appList","prevIndex","rows","chunk","formattedRows","map","row","label","Icon","icon","AppsRows","CustomRows"],"mappings":";;;;;AAAA;AAaA,IAAMA,SAAS,GAAG,YAAlB;AACA,IAAMC,OAAO,GAAGC,iBAAiB,CAAC,IAAD,CAAjB,CAAwBF,SAAxB,EAAmC,SAAnC,CAAhB;AACA,IAAMG,IAAI,GAAGD,iBAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,EAAoC,MAApC,CAAb;AACA,IAAMI,GAAG,GAAGF,iBAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,EAAoC,KAApC,CAAZ;AACA,IAAMK,IAAI,GAAGH,iBAAiB,CAAC,QAAD,CAAjB,CAA4BF,SAA5B,EAAuC,MAAvC,EAA+C;EAAA,IAAGM,QAAH,QAAGA,QAAH;MAAaC,QAAb,QAAaA,QAAb;EAAA,OAA6B;IACvFD,QAAQ,EAARA,QADuF;IAEvFC,QAAQ,EAARA;GAF0D;AAAA,CAA/C,CAAb;AAIA,IAAMC,SAAS,GAAGN,iBAAiB,CAAC,GAAD,CAAjB,CAAuBF,SAAvB,EAAkC,YAAlC,CAAlB;AACA,IAAMS,SAAS,GAAGP,iBAAiB,CAAC,IAAD,CAAjB,CAAwBF,SAAxB,EAAmC,WAAnC,CAAlB;AACA,IAAMU,YAAY,GAAGR,iBAAiB,CAAC,GAAD,CAAjB,CAAuBF,SAAvB,EAAkC,eAAlC,CAArB;;IAEMW,aAAkC,GAAG,SAArCA,aAAqC,QASrC;EAAA,uBARJC,IAQI;MARJA,IAQI,2BARG,EAQH;+BAPJC,UAOI;MAPJA,UAOI,iCAPS,EAOT;iCANJC,YAMI;MANJA,YAMI,mCANW,cAMX;oCALJC,kBAKI;MALJA,kBAKI,sCALiB,qBAKjB;0BAJJC,KAII;MAJJA,KAII,4BAJI;IAAA,OAAM,IAAN;GAIJ;MAHJC,UAGI,SAHJA,UAGI;MAFJC,SAEI,SAFJA,SAEI;MADJC,UACI,SADJA,UACI;EACJ,IAAMC,mBAAmB,GAAGC,MAAM,CAAC,EAAD,CAAlC;EACA,IAAMC,cAAc,GAAGD,MAAM,CAAC,IAAD,CAA7B;EAEAE,SAAS,CAAC,YAAM;IAAA;;IACdN,UAAU,SAAV,IAAAA,UAAU,WAAV,mCAAAA,UAAU,CAAEO,OAAZ,4EAAqBC,gBAArB,CAAsC,QAAtC,EAAgDC,OAAhD,CAAwD,UAACC,CAAD,EAAIC,KAAJ,EAAc;MACpE,IAAI,CAACD,CAAC,CAACE,YAAF,CAAe,UAAf,CAAL,EAAiC;QAAA;;QAC/BT,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,qCAAAA,mBAAmB,CAAEI,OAArB,gFAA8BM,IAA9B,CAAmCH,CAAnC;;;MAEF,IAAIA,CAAC,CAACI,YAAF,CAAe,eAAf,MAAoC,MAAxC,EAAgD;QAC9CT,cAAc,CAACE,OAAf,GAAyBI,KAAzB;;KALJ;;IASA,IAAIN,cAAc,CAACE,OAAnB,EAA4B;MAAA;;MAC1BP,UAAU,SAAV,IAAAA,UAAU,WAAV,oCAAAA,UAAU,CAAEO,OAAZ,8EAAqBC,gBAArB,CAAsC,QAAtC,EAAgDH,cAAc,CAACE,OAA/D,EAAwEQ,KAAxE;KADF,MAEO;MAAA;;MACLZ,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,sCAAAA,mBAAmB,CAAEI,OAArB,CAA6B,CAA7B,mFAAiCQ,KAAjC;;GAbK,EAeN,CAACf,UAAD,CAfM,CAAT,CAJI;;EAsBJ,IAAMgB,aAAa,GAAG,SAAhBA,aAAgB,CAACN,CAAD,EAAO;IAAA;;IAC3B,QAAQA,CAAC,CAACO,GAAV;MACE,KAAKC,IAAI,CAACC,GAAV;QACEjB,UAAU,SAAV,IAAAA,UAAU,WAAV,mCAAAA,UAAU,CAAEK,OAAZ,4EAAqBQ,KAArB;QACAhB,KAAK;QACL;;MACF,KAAKmB,IAAI,CAACE,GAAV;QACE,IAAIV,CAAC,CAACW,QAAN,EAAgB;UACd,IAAIX,CAAC,CAACY,MAAF,KAAanB,mBAAmB,CAACI,OAApB,CAA4B,CAA5B,CAAjB,EAAiD;YAAA;;YAC/CG,CAAC,CAACa,cAAF;YACApB,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,sCAAAA,mBAAmB,CAAEI,OAArB,CAA6BJ,mBAAmB,CAACI,OAApB,CAA4BiB,MAA5B,GAAqC,CAAlE,mFAAsET,KAAtE;;SAHJ,MAKO,IAAIL,CAAC,CAACY,MAAF,KAAanB,mBAAmB,CAACI,OAApB,CAA4BJ,mBAAmB,CAACI,OAApB,CAA4BiB,MAA5B,GAAqC,CAAjE,CAAjB,EAAsF;UAAA;;UAC3Fd,CAAC,CAACa,cAAF;UACApB,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,sCAAAA,mBAAmB,CAAEI,OAArB,CAA6B,CAA7B,mFAAiCQ,KAAjC;;;QAEF;;GAhBN;;EAsBA,IAAMU,aAAa,GAAGC,WAAW,CAAC,UAAChB,CAAD,EAAIiB,GAAJ,EAAY;IAC5C,IAAIA,GAAG,CAACC,OAAR,EAAiBD,GAAG,CAACC,OAAJ,CAAYlB,CAAZ,EAAeiB,GAAf;GADc,EAE9B,EAF8B,CAAjC;EAIA,IAAME,sBAAsB,GAAGH,WAAW,CACxC,UAAChB,CAAD,EAAO;IACL,IAAIT,SAAJ,EAAeA,SAAS,CAACS,CAAD,CAAT;;IACf,IAAI,CAACT,SAAD,IAAcS,CAAC,CAACO,GAAF,KAAUC,IAAI,CAACC,GAAjC,EAAsC;MACpCpB,KAAK;;GAJ+B,EAOxC,CAACE,SAAD,EAAYF,KAAZ,CAPwC,CAA1C;;EAUA,IAAM+B,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD,EAA4B;IAAA,IAAlBC,SAAkB,uEAAN,CAAM;IAC5C,IAAMC,IAAI,GAAGC,KAAK,CAACH,OAAD,EAAU,CAAV,CAAlB,CAD4C;;IAE5C,IAAMI,aAAa,GAAGF,IAAI,CAACG,GAAL,CAAS,UAACC,GAAD,EAAM1B,KAAN;MAAA,oBAC7B,oBAAC,GAAD;QAAK,GAAG,EAAEA;SACP0B,GAAG,CAACD,GAAJ,CAAQ,UAACT,GAAD,EAAMV,GAAN,EAAc;QACrB,IAAQqB,KAAR,GAAkDX,GAAlD,CAAQW,KAAR;YAAejD,QAAf,GAAkDsC,GAAlD,CAAetC,QAAf;YAAyBC,QAAzB,GAAkDqC,GAAlD,CAAyBrC,QAAzB;YAAyCiD,IAAzC,GAAkDZ,GAAlD,CAAmCa,IAAnC;QACA,oBACE,oBAAC,IAAD;UACE,GAAG,EAAEvB,GADP;UAEE,UAAU,EAAE;YAAE5B,QAAQ,EAARA,QAAF;YAAYC,QAAQ,EAARA;WAF1B;UAGE,OAAO,EAAE,iBAACoB,CAAD;YAAA,OAAOe,aAAa,CAACf,CAAD,EAAIiB,GAAJ,CAApB;WAHX;UAIE,SAAS,EAAEX,aAJb;UAKE,eAAY,kBALd;UAME,iBAAe3B,QANjB;UAOE,QAAQ,EAAEA,QAPZ;UAQE,iBAAeC,QARjB;UASE,gBAAcK,IAAI,CAAC6B,MAAL,GAAc5B,UAAU,CAAC4B,MATzC;UAUE,iBAAeP,GAAG,GAAGe;wBAErB,oBAAC,IAAD;UAAM,SAAS,EAAC,kBAAhB;UAAmC,IAAI,EAAC;UAZ1C,eAaE,oBAAC,SAAD,QAAYM,KAAZ,CAbF,CADF;OAFD,CADH,CAD6B;KAAT,CAAtB;IAwBA,OAAOH,aAAP;GA1BF;;EA6BA,IAAMM,QAAQ,GAAG,SAAXA,QAAW;IAAA,OAAMX,SAAS,CAACnC,IAAD,EAAO,CAAP,CAAf;GAAjB;;EACA,IAAM+C,UAAU,GAAG,SAAbA,UAAa;IAAA,OAAMZ,SAAS,CAAClC,UAAD,EAAaD,IAAI,CAAC6B,MAAlB,CAAf;GAAnB;;EAEA,oBACE,oBAAC,OAAD;IAAS,IAAI,EAAC,SAAd;IAAwB,GAAG,EAAExB,UAA7B;IAAyC,SAAS,EAAE6B,sBAApD;IAA4E,eAAY;kBACtF,oBAAC,YAAD;IAAc,eAAY,wBAA1B;IAAmD;KAChDhC,YADH,CADF,eAIE,oBAAC,IAAD;IAAM,eAAY;kBAChB,oBAAC,QAAD,OADF,CAJF,EAOG,CAAC,CAACD,UAAU,CAAC4B,MAAb,iBACC,uDACE,oBAAC,SAAD;IAAW;IADb,eAEE,oBAAC,YAAD;IAAc,eAAY,0BAA1B;IAAqD;KAClD1B,kBADH,CAFF,eAKE,oBAAC,IAAD;IAAM,eAAY;kBAChB,oBAAC,UAAD,OADF,CALF,CARJ,CADF;AAqBD;;;;"}
|
package/esm/DSAppPicker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSAppPicker.js","sources":["../../src/DSAppPicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { describe } from 'react-desc';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport DSPopover from '@elliemae/ds-popover';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport AppPickerImpl from './AppPickerImpl';\nimport { propTypes } from './propTypes';\nimport type { DSAppPickerType } from './types/AppPickerTypes';\n\nconst DSAppPicker: DSAppPickerType = ({\n apps = [],\n customApps = [],\n sectionTitle = 'APPLICATIONS',\n customSectionTitle = 'CUSTOM APPLICATIONS',\n icon: Icon = () => <MenuPicker fill={['brand-primary', 700]} size=\"m\" />,\n renderTrigger,\n isOpen,\n onClose = () => null,\n actionRef,\n onKeyDown,\n onClick = () => null,\n onClickOutside = () => null,\n triggerRef,\n}) => {\n const [open, setOpen] = useState(false);\n const wrapperRef = useRef(null);\n const defaultTriggerRef = useRef(null);\n\n useEffect(() => {\n if (actionRef) {\n actionRef.current.focusToIndex = (index) => {\n if (wrapperRef.current) {\n const parent = wrapperRef.current;\n const buttons = [...parent.querySelectorAll('button')];\n buttons[index].focus();\n }\n };\n }\n }, [actionRef, apps, customApps]);\n\n const handleOnClose = () => {\n if (typeof isOpen === 'boolean') {\n setOpen(isOpen);\n } else {\n setOpen(false);\n }\n onClose();\n };\n\n const handleOnClickOutside = (e: MouseEvent) => {\n setOpen(false);\n onClose();\n onClickOutside(e);\n };\n\n const AppPickerContent = () => (\n <AppPickerImpl\n apps={apps}\n customApps={customApps}\n sectionTitle={sectionTitle}\n customSectionTitle={customSectionTitle}\n close={handleOnClose}\n wrapperRef={wrapperRef}\n onKeyDown={onKeyDown}\n triggerRef={triggerRef || defaultTriggerRef}\n />\n );\n\n const RenderTrigger =\n renderTrigger ||\n (({ ref }) => (\n <DSButton\n data-testid=\"app-picker__button\"\n id=\"app-picker__button\"\n buttonType=\"text\"\n icon={<Icon />}\n innerRef={mergeRefs(ref, defaultTriggerRef)}\n onClick={(e) => {\n onClick(e);\n setOpen(true);\n }}\n />\n ));\n\n return (\n <DSPopover\n content={<AppPickerContent />}\n isOpen={typeof isOpen === 'boolean' ? isOpen : open}\n onClickOutside={handleOnClickOutside}\n placement=\"bottom\"\n interactionType=\"click\"\n renderTrigger={RenderTrigger}\n showArrow\n style={{\n padding: '0',\n width: 'fit-content',\n }}\n />\n );\n};\n\nDSAppPicker.propTypes = propTypes;\n\nconst AppPickerWithSchema = describe(DSAppPicker);\nAppPickerWithSchema.propTypes = propTypes;\n\nexport { DSAppPicker, AppPickerWithSchema };\nexport default DSAppPicker;\n"],"names":["DSAppPicker","apps","customApps","sectionTitle","customSectionTitle","icon","Icon","renderTrigger","isOpen","onClose","actionRef","onKeyDown","onClick","onClickOutside","triggerRef","useState","open","setOpen","wrapperRef","useRef","defaultTriggerRef","useEffect","current","focusToIndex","index","parent","buttons","querySelectorAll","focus","handleOnClose","handleOnClickOutside","e","AppPickerContent","RenderTrigger","ref","mergeRefs","padding","width","propTypes","AppPickerWithSchema","describe"],"mappings":";;;;;;;;;;;;;;IAUMA,WAA4B,GAAG,SAA/BA,WAA+B,OAc/B;
|
|
1
|
+
{"version":3,"file":"DSAppPicker.js","sources":["../../src/DSAppPicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { describe } from 'react-desc';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport DSPopover from '@elliemae/ds-popover';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport AppPickerImpl from './AppPickerImpl';\nimport { propTypes } from './propTypes';\nimport type { DSAppPickerType } from './types/AppPickerTypes';\n\nconst DSAppPicker: DSAppPickerType = ({\n apps = [],\n customApps = [],\n sectionTitle = 'APPLICATIONS',\n customSectionTitle = 'CUSTOM APPLICATIONS',\n icon: Icon = () => <MenuPicker fill={['brand-primary', 700]} size=\"m\" />,\n renderTrigger,\n isOpen,\n onClose = () => null,\n actionRef,\n onKeyDown,\n onClick = () => null,\n onClickOutside = () => null,\n triggerRef,\n}) => {\n const [open, setOpen] = useState(false);\n const wrapperRef = useRef(null);\n const defaultTriggerRef = useRef(null);\n\n useEffect(() => {\n if (actionRef) {\n actionRef.current.focusToIndex = (index) => {\n if (wrapperRef.current) {\n const parent = wrapperRef.current;\n const buttons = [...parent.querySelectorAll('button')];\n buttons[index].focus();\n }\n };\n }\n }, [actionRef, apps, customApps]);\n\n const handleOnClose = () => {\n if (typeof isOpen === 'boolean') {\n setOpen(isOpen);\n } else {\n setOpen(false);\n }\n onClose();\n };\n\n const handleOnClickOutside = (e: MouseEvent) => {\n setOpen(false);\n onClose();\n onClickOutside(e);\n };\n\n const AppPickerContent = () => (\n <AppPickerImpl\n apps={apps}\n customApps={customApps}\n sectionTitle={sectionTitle}\n customSectionTitle={customSectionTitle}\n close={handleOnClose}\n wrapperRef={wrapperRef}\n onKeyDown={onKeyDown}\n triggerRef={triggerRef || defaultTriggerRef}\n />\n );\n\n const RenderTrigger =\n renderTrigger ||\n (({ ref }) => (\n <DSButton\n data-testid=\"app-picker__button\"\n id=\"app-picker__button\"\n buttonType=\"text\"\n icon={<Icon />}\n innerRef={mergeRefs(ref, defaultTriggerRef)}\n onClick={(e) => {\n onClick(e);\n setOpen(true);\n }}\n />\n ));\n\n return (\n <DSPopover\n content={<AppPickerContent />}\n isOpen={typeof isOpen === 'boolean' ? isOpen : open}\n onClickOutside={handleOnClickOutside}\n placement=\"bottom\"\n interactionType=\"click\"\n renderTrigger={RenderTrigger}\n showArrow\n style={{\n padding: '0',\n width: 'fit-content',\n }}\n />\n );\n};\n\nDSAppPicker.propTypes = propTypes;\n\nconst AppPickerWithSchema = describe(DSAppPicker);\nAppPickerWithSchema.propTypes = propTypes;\n\nexport { DSAppPicker, AppPickerWithSchema };\nexport default DSAppPicker;\n"],"names":["DSAppPicker","apps","customApps","sectionTitle","customSectionTitle","icon","Icon","renderTrigger","isOpen","onClose","actionRef","onKeyDown","onClick","onClickOutside","triggerRef","useState","open","setOpen","wrapperRef","useRef","defaultTriggerRef","useEffect","current","focusToIndex","index","parent","buttons","querySelectorAll","focus","handleOnClose","handleOnClickOutside","e","AppPickerContent","RenderTrigger","ref","mergeRefs","padding","width","propTypes","AppPickerWithSchema","describe"],"mappings":"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"}
|
package/esm/propTypes.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propTypes.js","sources":["../../src/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { MenuPicker } from '@elliemae/ds-icons';\n\nexport const propTypes = {\n apps: PropTypes.array.description(\n 'Main items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]',\n ).isRequired,\n customApps: PropTypes.array.description(\n 'Custom items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]',\n ),\n sectionTitle: PropTypes.string.description('main section title').defaultValue('APPLICATIONS'),\n customSectionTitle: PropTypes.string.description('custom section title').defaultValue('CUSTOM APPLICATIONS'),\n icon: PropTypes.func.description('trigger button s icon').defaultValue(MenuPicker),\n renderTrigger: PropTypes.func.description('Custom trigger component.'),\n actionRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n 'Ref containing a focusToIndex method. This method allows you to focus any App inside the AppPicker.',\n ),\n isOpen: PropTypes.bool.description('Wether the AppPicker should be open or not.'),\n onClose: PropTypes.func.description('Callback function when the AppPicker closes'),\n onKeyDown: PropTypes.func.description('OnKeyDown handler callback.'),\n onClick: PropTypes.func.description('Custom onClick for Trigger component.'),\n onClickOutside: PropTypes.func.description('Callback event when the user clicks outside the App Picker.'),\n};\n"],"names":["propTypes","apps","PropTypes","array","description","isRequired","customApps","sectionTitle","string","defaultValue","customSectionTitle","icon","func","MenuPicker","renderTrigger","actionRef","oneOfType","shape","current","any","isOpen","bool","onClose","onKeyDown","onClick","onClickOutside"],"mappings":";;;IAGaA,SAAS,GAAG;
|
|
1
|
+
{"version":3,"file":"propTypes.js","sources":["../../src/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { MenuPicker } from '@elliemae/ds-icons';\n\nexport const propTypes = {\n apps: PropTypes.array.description(\n 'Main items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]',\n ).isRequired,\n customApps: PropTypes.array.description(\n 'Custom items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]',\n ),\n sectionTitle: PropTypes.string.description('main section title').defaultValue('APPLICATIONS'),\n customSectionTitle: PropTypes.string.description('custom section title').defaultValue('CUSTOM APPLICATIONS'),\n icon: PropTypes.func.description('trigger button s icon').defaultValue(MenuPicker),\n renderTrigger: PropTypes.func.description('Custom trigger component.'),\n actionRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n 'Ref containing a focusToIndex method. This method allows you to focus any App inside the AppPicker.',\n ),\n isOpen: PropTypes.bool.description('Wether the AppPicker should be open or not.'),\n onClose: PropTypes.func.description('Callback function when the AppPicker closes'),\n onKeyDown: PropTypes.func.description('OnKeyDown handler callback.'),\n onClick: PropTypes.func.description('Custom onClick for Trigger component.'),\n onClickOutside: PropTypes.func.description('Callback event when the user clicks outside the App Picker.'),\n};\n"],"names":["propTypes","apps","PropTypes","array","description","isRequired","customApps","sectionTitle","string","defaultValue","customSectionTitle","icon","func","MenuPicker","renderTrigger","actionRef","oneOfType","shape","current","any","isOpen","bool","onClose","onKeyDown","onClick","onClickOutside"],"mappings":";;;IAGaA,SAAS,GAAG;EACvBC,IAAI,EAAEC,SAAS,CAACC,KAAV,CAAgBC,WAAhB,CACJ,oGADI,EAEJC,UAHqB;EAIvBC,UAAU,EAAEJ,SAAS,CAACC,KAAV,CAAgBC,WAAhB,CACV,sGADU,CAJW;EAOvBG,YAAY,EAAEL,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,oBAA7B,EAAmDK,YAAnD,CAAgE,cAAhE,CAPS;EAQvBC,kBAAkB,EAAER,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,sBAA7B,EAAqDK,YAArD,CAAkE,qBAAlE,CARG;EASvBE,IAAI,EAAET,SAAS,CAACU,IAAV,CAAeR,WAAf,CAA2B,uBAA3B,EAAoDK,YAApD,CAAiEI,UAAjE,CATiB;EAUvBC,aAAa,EAAEZ,SAAS,CAACU,IAAV,CAAeR,WAAf,CAA2B,2BAA3B,CAVQ;EAWvBW,SAAS,EAAEb,SAAS,CAACc,SAAV,CAAoB,CAACd,SAAS,CAACU,IAAX,EAAiBV,SAAS,CAACe,KAAV,CAAgB;IAAEC,OAAO,EAAEhB,SAAS,CAACiB;GAArC,CAAjB,CAApB,EAAmFf,WAAnF,CACT,qGADS,CAXY;EAcvBgB,MAAM,EAAElB,SAAS,CAACmB,IAAV,CAAejB,WAAf,CAA2B,6CAA3B,CAde;EAevBkB,OAAO,EAAEpB,SAAS,CAACU,IAAV,CAAeR,WAAf,CAA2B,6CAA3B,CAfc;EAgBvBmB,SAAS,EAAErB,SAAS,CAACU,IAAV,CAAeR,WAAf,CAA2B,6BAA3B,CAhBY;EAiBvBoB,OAAO,EAAEtB,SAAS,CAACU,IAAV,CAAeR,WAAf,CAA2B,uCAA3B,CAjBc;EAkBvBqB,cAAc,EAAEvB,SAAS,CAACU,IAAV,CAAeR,WAAf,CAA2B,6DAA3B;AAlBO;;;;"}
|
package/esm/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../src/utils.tsx"],"sourcesContent":["export const keys = {\n LEFT: 'ArrowLeft',\n UP: 'ArrowUp',\n RIGHT: 'ArrowRight',\n DOWN: 'ArrowDown',\n ENTER: 'Enter',\n SPACE: '',\n TAB: 'Tab',\n ESC: 'Escape',\n HOME: 'Home',\n END: 'End',\n};\n"],"names":["keys","LEFT","UP","RIGHT","DOWN","ENTER","SPACE","TAB","ESC","HOME","END"],"mappings":"IAAaA,IAAI,GAAG;
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../src/utils.tsx"],"sourcesContent":["export const keys = {\n LEFT: 'ArrowLeft',\n UP: 'ArrowUp',\n RIGHT: 'ArrowRight',\n DOWN: 'ArrowDown',\n ENTER: 'Enter',\n SPACE: '',\n TAB: 'Tab',\n ESC: 'Escape',\n HOME: 'Home',\n END: 'End',\n};\n"],"names":["keys","LEFT","UP","RIGHT","DOWN","ENTER","SPACE","TAB","ESC","HOME","END"],"mappings":"IAAaA,IAAI,GAAG;EAClBC,IAAI,EAAE,WADY;EAElBC,EAAE,EAAE,SAFc;EAGlBC,KAAK,EAAE,YAHW;EAIlBC,IAAI,EAAE,WAJY;EAKlBC,KAAK,EAAE,OALW;EAMlBC,KAAK,EAAE,EANW;EAOlBC,GAAG,EAAE,KAPa;EAQlBC,GAAG,EAAE,QARa;EASlBC,IAAI,EAAE,MATY;EAUlBC,GAAG,EAAE;AAVa;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-app-picker",
|
|
3
|
-
"version": "1.61.
|
|
3
|
+
"version": "1.61.13",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - App Picker",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
"build": "node ../../scripts/build/build.js"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-button": "1.61.
|
|
20
|
-
"@elliemae/ds-classnames": "1.61.
|
|
21
|
-
"@elliemae/ds-icons": "1.61.
|
|
22
|
-
"@elliemae/ds-popover": "1.61.
|
|
23
|
-
"@elliemae/ds-utilities": "1.61.
|
|
19
|
+
"@elliemae/ds-button": "1.61.13",
|
|
20
|
+
"@elliemae/ds-classnames": "1.61.13",
|
|
21
|
+
"@elliemae/ds-icons": "1.61.13",
|
|
22
|
+
"@elliemae/ds-popover": "1.61.13",
|
|
23
|
+
"@elliemae/ds-utilities": "1.61.13",
|
|
24
24
|
"react-desc": "^4.1.2"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|