@elliemae/ds-pills 1.60.0 → 2.0.0-alpha.12
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/components/Pill.js +34 -42
- package/cjs/components/PillButton.js +29 -23
- package/cjs/components/PillGroup.js +29 -37
- package/cjs/components/index.js +10 -36
- package/cjs/components/styled.js +36 -70
- package/cjs/components/types/DropdownPill.js +53 -43
- package/cjs/components/types/InputPill.js +28 -46
- package/cjs/components/types/LabelPill.js +24 -20
- package/cjs/components/types/ReadOnlyPill.js +27 -23
- package/cjs/components/types/RemovablePill.js +31 -37
- package/cjs/components/types/ValuePill.js +28 -24
- package/cjs/components/types/index.js +12 -34
- package/cjs/deprecated/DropdownPill.js +41 -44
- package/cjs/deprecated/InputPill.js +36 -27
- package/cjs/deprecated/LabeledDropdownPills.js +43 -54
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +74 -79
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +81 -116
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +95 -110
- package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js +5 -8
- package/cjs/deprecated/LabeledPills.js +19 -27
- package/cjs/deprecated/OverflowPill.js +25 -42
- package/cjs/deprecated/Pill.js +48 -38
- package/cjs/deprecated/PillGroup.js +31 -18
- package/cjs/deprecated/ReadOnlyPill.js +60 -76
- package/cjs/deprecated/RemovablePill.js +19 -26
- package/cjs/deprecated/index.js +26 -51
- package/cjs/index.d.js +0 -1
- package/cjs/index.js +36 -76
- package/cjs/props.js +21 -44
- package/cjs/utils.js +7 -4
- package/esm/components/Pill.js +21 -29
- package/esm/components/PillButton.js +27 -20
- package/esm/components/PillGroup.js +27 -35
- package/esm/components/index.js +0 -26
- package/esm/components/styled.js +36 -71
- package/esm/components/types/DropdownPill.js +48 -39
- package/esm/components/types/InputPill.js +25 -43
- package/esm/components/types/LabelPill.js +21 -18
- package/esm/components/types/ReadOnlyPill.js +24 -21
- package/esm/components/types/RemovablePill.js +26 -33
- package/esm/components/types/ValuePill.js +25 -22
- package/esm/components/types/index.js +0 -22
- package/esm/deprecated/DropdownPill.js +37 -38
- package/esm/deprecated/InputPill.js +32 -23
- package/esm/deprecated/LabeledDropdownPills.js +33 -44
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +67 -70
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +72 -105
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +84 -96
- package/esm/deprecated/LabeledDropdownPillsTypes/utils.js +5 -8
- package/esm/deprecated/LabeledPills.js +14 -22
- package/esm/deprecated/OverflowPill.js +23 -39
- package/esm/deprecated/Pill.js +43 -32
- package/esm/deprecated/PillGroup.js +30 -18
- package/esm/deprecated/ReadOnlyPill.js +59 -74
- package/esm/deprecated/RemovablePill.js +18 -25
- package/esm/deprecated/index.js +0 -25
- package/esm/index.d.js +0 -1
- package/esm/index.js +0 -40
- package/esm/props.js +21 -44
- package/esm/utils.js +7 -4
- package/package.json +157 -23
- package/types/components/Pill.d.ts +5 -0
- package/types/components/PillButton.d.ts +5 -0
- package/types/components/PillGroup.d.ts +13 -0
- package/types/components/index.d.ts +3 -0
- package/types/components/styled.d.ts +24 -0
- package/types/components/types/DropdownPill.d.ts +3 -0
- package/types/components/types/InputPill.d.ts +3 -0
- package/types/components/types/LabelPill.d.ts +3 -0
- package/types/components/types/ReadOnlyPill.d.ts +3 -0
- package/types/components/types/RemovablePill.d.ts +3 -0
- package/types/components/types/ValuePill.d.ts +3 -0
- package/types/components/types/index.d.ts +6 -0
- package/types/deprecated/DropdownPill.d.ts +75 -0
- package/types/deprecated/InputPill.d.ts +10 -0
- package/types/deprecated/LabeledDropdownPills.d.ts +93 -0
- package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.d.ts +15 -0
- package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.d.ts +13 -0
- package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.d.ts +28 -0
- package/types/deprecated/LabeledDropdownPillsTypes/utils.d.ts +1 -0
- package/types/deprecated/LabeledPills.d.ts +59 -0
- package/types/deprecated/OverflowPill.d.ts +37 -0
- package/types/deprecated/Pill.d.ts +67 -0
- package/types/deprecated/PillGroup.d.ts +56 -0
- package/types/deprecated/ReadOnlyPill.d.ts +63 -0
- package/types/deprecated/RemovablePill.d.ts +55 -0
- package/types/deprecated/index.d.ts +9 -0
- package/types/index.d.ts +3 -0
- package/types/props.d.ts +92 -0
- package/types/tests/DSPill.test.d.ts +1 -0
- package/types/tests/DSPillGroup.test.d.ts +1 -0
- package/types/tests/events/DSPill.events.keyboard.test.d.ts +1 -0
- package/types/tests/events/DSPill.events.test.d.ts +1 -0
- package/types/tests/events/DSPillGroup.events.keyboard.test.d.ts +1 -0
- package/types/tests/events/DSPillGroup.events.test.d.ts +1 -0
- package/types/utils.d.ts +4 -0
- package/cjs/components/Pill.js.map +0 -1
- package/cjs/components/PillButton.js.map +0 -1
- package/cjs/components/PillGroup.js.map +0 -1
- package/cjs/components/index.js.map +0 -1
- package/cjs/components/styled.js.map +0 -1
- package/cjs/components/types/DropdownPill.js.map +0 -1
- package/cjs/components/types/InputPill.js.map +0 -1
- package/cjs/components/types/LabelPill.js.map +0 -1
- package/cjs/components/types/ReadOnlyPill.js.map +0 -1
- package/cjs/components/types/RemovablePill.js.map +0 -1
- package/cjs/components/types/ValuePill.js.map +0 -1
- package/cjs/components/types/index.js.map +0 -1
- package/cjs/deprecated/DropdownPill.js.map +0 -1
- package/cjs/deprecated/InputPill.js.map +0 -1
- package/cjs/deprecated/LabeledDropdownPills.js.map +0 -1
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +0 -1
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +0 -1
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +0 -1
- package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js.map +0 -1
- package/cjs/deprecated/LabeledPills.js.map +0 -1
- package/cjs/deprecated/OverflowPill.js.map +0 -1
- package/cjs/deprecated/Pill.js.map +0 -1
- package/cjs/deprecated/PillGroup.js.map +0 -1
- package/cjs/deprecated/ReadOnlyPill.js.map +0 -1
- package/cjs/deprecated/RemovablePill.js.map +0 -1
- package/cjs/deprecated/index.js.map +0 -1
- package/cjs/index.d.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/props.js.map +0 -1
- package/cjs/utils.js.map +0 -1
- package/components/Pill/package.json +0 -10
- package/components/PillButton/package.json +0 -10
- package/components/PillGroup/package.json +0 -10
- package/components/package.json +0 -10
- package/components/styled/package.json +0 -10
- package/components/types/DropdownPill/package.json +0 -10
- package/components/types/InputPill/package.json +0 -10
- package/components/types/LabelPill/package.json +0 -10
- package/components/types/ReadOnlyPill/package.json +0 -10
- package/components/types/RemovablePill/package.json +0 -10
- package/components/types/ValuePill/package.json +0 -10
- package/components/types/package.json +0 -10
- package/deprecated/DropdownPill/package.json +0 -10
- package/deprecated/InputPill/package.json +0 -10
- package/deprecated/LabeledDropdownPills/package.json +0 -10
- package/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill/package.json +0 -10
- package/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill/package.json +0 -10
- package/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill/package.json +0 -10
- package/deprecated/LabeledDropdownPillsTypes/utils/package.json +0 -10
- package/deprecated/LabeledPills/package.json +0 -10
- package/deprecated/OverflowPill/package.json +0 -10
- package/deprecated/Pill/package.json +0 -10
- package/deprecated/PillGroup/package.json +0 -10
- package/deprecated/ReadOnlyPill/package.json +0 -10
- package/deprecated/RemovablePill/package.json +0 -10
- package/deprecated/package.json +0 -10
- package/esm/components/Pill.js.map +0 -1
- package/esm/components/PillButton.js.map +0 -1
- package/esm/components/PillGroup.js.map +0 -1
- package/esm/components/index.js.map +0 -1
- package/esm/components/styled.js.map +0 -1
- package/esm/components/types/DropdownPill.js.map +0 -1
- package/esm/components/types/InputPill.js.map +0 -1
- package/esm/components/types/LabelPill.js.map +0 -1
- package/esm/components/types/ReadOnlyPill.js.map +0 -1
- package/esm/components/types/RemovablePill.js.map +0 -1
- package/esm/components/types/ValuePill.js.map +0 -1
- package/esm/components/types/index.js.map +0 -1
- package/esm/deprecated/DropdownPill.js.map +0 -1
- package/esm/deprecated/InputPill.js.map +0 -1
- package/esm/deprecated/LabeledDropdownPills.js.map +0 -1
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +0 -1
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +0 -1
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +0 -1
- package/esm/deprecated/LabeledDropdownPillsTypes/utils.js.map +0 -1
- package/esm/deprecated/LabeledPills.js.map +0 -1
- package/esm/deprecated/OverflowPill.js.map +0 -1
- package/esm/deprecated/Pill.js.map +0 -1
- package/esm/deprecated/PillGroup.js.map +0 -1
- package/esm/deprecated/ReadOnlyPill.js.map +0 -1
- package/esm/deprecated/RemovablePill.js.map +0 -1
- package/esm/deprecated/index.js.map +0 -1
- package/esm/index.d.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/props.js.map +0 -1
- package/esm/utils.js.map +0 -1
- package/props/package.json +0 -10
- package/utils/package.json +0 -10
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownPill.js","sources":["../../../src/deprecated/DropdownPill.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { ChevronDown } from '@elliemae/ds-icons';\nimport useFocusGroupItem from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';\nimport { Pill } from './Pill';\n\nfunction DropdownPill({\n containerProps = {},\n label = '',\n variant,\n tabIndex = -1,\n closeMenuOnItemSelection = false,\n maxWidth,\n minWidth,\n ...dropdownProps\n}) {\n const ref = useRef(null);\n const [chevronEl, chevronRef] = useState();\n const { focusFirst } = useFocusGroupItem(ref);\n return (\n <DSDropdownMenu\n {...dropdownProps}\n closeMenuOnItemSelection={closeMenuOnItemSelection}\n maxWidth={maxWidth}\n hideIfNotVisible\n menuProps={{ className: 'dropdown-pill-menu', zIndex: 100 }}\n minWidth={minWidth}\n onClose={focusFirst}\n referenceNode={chevronEl}\n triggerComponent={\n <Pill\n data-testid=\"dropdown-pill\"\n className=\"dropdown-pill\"\n containerProps={{ role: 'listbox', ...containerProps }}\n innerRef={ref}\n label={label}\n rightAddon={\n <div ref={chevronRef}>\n <ChevronDown className=\"dropdown-pill-chevron-down\" data-testid=\"dropdown-pill-button\" />\n </div>\n }\n tabIndex={tabIndex}\n variant={variant}\n />\n }\n />\n );\n}\n\nconst props = {\n /** props injected to component wrapper */\n containerProps: PropTypes.object.description('props injected to component wrapper'),\n /** labeled pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** pill variant */\n variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),\n /** html focus border */\n tabIndex: PropTypes.number.description('html focus order'),\n /** close menu on item selection */\n closeMenuOnItemSelection: PropTypes.bool.description('close menu on item selection'),\n /** pill max width */\n maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill max width'),\n /** pill min width */\n minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill min width'),\n};\n\nDropdownPill.propTypes = props;\nconst DSDropdownPillWithSchema = describe(DropdownPill);\nDSDropdownPillWithSchema.propTypes = props;\n\nexport { DropdownPill, DSDropdownPillWithSchema };\n"],"names":["DropdownPill","containerProps","label","variant","tabIndex","closeMenuOnItemSelection","maxWidth","minWidth","dropdownProps","ref","useRef","useState","chevronEl","chevronRef","useFocusGroupItem","focusFirst","React","DSDropdownMenu","className","zIndex","Pill","role","ChevronDown","props","PropTypes","object","description","string","isRequired","oneOf","number","bool","oneOfType","propTypes","DSDropdownPillWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputPill.js","sources":["../../../src/deprecated/InputPill.tsx"],"sourcesContent":["import React from 'react';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSInput, DSInputMask } from '@elliemae/ds-form';\nimport { Pill } from './Pill';\n\nconst StyledInputPill = aggregatedClasses(Pill)('input-pill', null, ({ value }) => ({\n value,\n}));\n\nexport function InputPill({\n containerProps = {},\n placeholder = 'Enter Value',\n onChange = () => {},\n onRemove,\n value,\n type,\n ...otherProps\n}) {\n let TypeOfInput = DSInput;\n // TODO: implement the DSTimeInput, see how because it returns a moment()\n // TODO: implement the DSDateInput\n switch (type) {\n case 'inputText':\n TypeOfInput = DSInput;\n break;\n case 'inputMask':\n TypeOfInput = DSInputMask;\n break;\n default:\n break;\n }\n\n return (\n <StyledInputPill\n className=\"input-pill\"\n classProps={{ value }}\n containerProps={containerProps}\n label={\n <TypeOfInput\n data-testid=\"input-pill\"\n onChange={onChange}\n placeholder={placeholder}\n value={value}\n {...otherProps}\n />\n }\n rightAddon={\n value && <CloseXsmall className=\"remove-pill-button\" data-testid=\"remove-pill-button\" onClick={onRemove} />\n }\n tabIndex={-1}\n />\n );\n}\n"],"names":["StyledInputPill","aggregatedClasses","Pill","value","InputPill","containerProps","placeholder","onChange","onRemove","type","otherProps","TypeOfInput","DSInput","DSInputMask","React","CloseXsmall"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,eAAe,GAAGC,8BAAiB,CAACC,oBAAD,CAAjB,CAAwB,YAAxB,EAAsC,IAAtC,EAA4C;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAgB;AAClFA,IAAAA,KAAK,EAALA;AADkF,GAAhB;AAAA,CAA5C,CAAxB;AAIO,SAASC,SAAT,QAQJ;AAAA,mCAPDC,cAOC;AAAA,MAPDA,cAOC,qCAPgB,EAOhB;AAAA,gCANDC,WAMC;AAAA,MANDA,WAMC,kCANa,aAMb;AAAA,6BALDC,QAKC;AAAA,MALDA,QAKC,+BALU,YAAM,EAKhB;AAAA,MAJDC,QAIC,SAJDA,QAIC;AAAA,MAHDL,KAGC,SAHDA,KAGC;AAAA,MAFDM,IAEC,SAFDA,IAEC;AAAA,MADEC,UACF;;AACD,MAAIC,WAAW,GAAGC,cAAlB,CADC;AAGD;;AACA,UAAQH,IAAR;AACE,SAAK,WAAL;AACEE,MAAAA,WAAW,GAAGC,cAAd;AACA;;AACF,SAAK,WAAL;AACED,MAAAA,WAAW,GAAGE,kBAAd;AACA;AANJ;;AAWA,sBACEC,wCAAC,eAAD;AACE,IAAA,SAAS,EAAC,YADZ;AAEE,IAAA,UAAU,EAAE;AAAEX,MAAAA,KAAK,EAALA;AAAF,KAFd;AAGE,IAAA,cAAc,EAAEE,cAHlB;AAIE,IAAA,KAAK,eACHS,wCAAC,WAAD;AACE,qBAAY,YADd;AAEE,MAAA,QAAQ,EAAEP,QAFZ;AAGE,MAAA,WAAW,EAAED,WAHf;AAIE,MAAA,KAAK,EAAEH;AAJT,OAKMO,UALN,EALJ;AAaE,IAAA,UAAU,EACRP,KAAK,iBAAIW,wCAACC,mBAAD;AAAa,MAAA,SAAS,EAAC,oBAAvB;AAA4C,qBAAY,oBAAxD;AAA6E,MAAA,OAAO,EAAEP;AAAtF,MAdb;AAgBE,IAAA,QAAQ,EAAE,CAAC;AAhBb,IADF;AAoBD;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledDropdownPills.js","sources":["../../../src/deprecated/LabeledDropdownPills.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PillGroup } from './PillGroup';\nimport LabeledDropdownSinglePill from './LabeledDropdownPillsTypes/LabeledDropdownSinglePill';\nimport LabeledDropdownMultiPills from './LabeledDropdownPillsTypes/LabeledDropdownMultiPill';\nimport LabeledDropdownCascadeMenuPill from './LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill';\n\nconst DropdownPills = {\n single: LabeledDropdownSinglePill,\n multi: LabeledDropdownMultiPills,\n cascaded: LabeledDropdownCascadeMenuPill,\n};\n\nconst createDropdownPill = (type) =>\n DropdownPills[type] || DropdownPills.single;\n\nfunction LabeledDropdownPills({\n label = '',\n value,\n type,\n onFocusNextGroup,\n onFocusPreviousGroup,\n onFocusGroupSet,\n maxWidth,\n minWidth,\n fixed,\n ...menuProps\n}) {\n const Component = createDropdownPill(type);\n\n return (\n <PillGroup\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n >\n <Component\n {...menuProps}\n label={label}\n maxWidth={maxWidth}\n minWidth={minWidth}\n value={value}\n fixed={fixed}\n />\n </PillGroup>\n );\n}\n\nconst props = {\n /** pill type */\n type: PropTypes.oneOf(['single', 'multi', 'cascaded']).description(\n 'pill type',\n ),\n /** focus next group callback */\n onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n /** focus prev group callback */\n onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n /** focus group set callback */\n onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n /** pill max width */\n maxWidth: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]).description('pill max width'),\n /** pill min width */\n minWidth: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]).description('pill min width'),\n /** fixed pill */\n fixed: PropTypes.bool.description('fixed pill'),\n /** pill label text */\n label: PropTypes.string.isRequired.description('pill label text'),\n /** pill value */\n value: PropTypes.oneOfType([\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n label: PropTypes.string,\n }),\n ),\n PropTypes.shape({\n id: PropTypes.string,\n label: PropTypes.string,\n }),\n ]).description('pill value'),\n};\n\nLabeledDropdownPills.propTypes = props;\nconst DSLabeledDropdownPillsWithSchema = describe(LabeledDropdownPills);\nDSLabeledDropdownPillsWithSchema.propTypes = props;\n\nexport { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };\n"],"names":["DropdownPills","single","LabeledDropdownSinglePill","multi","LabeledDropdownMultiPills","cascaded","LabeledDropdownCascadeMenuPill","createDropdownPill","type","LabeledDropdownPills","label","value","onFocusNextGroup","onFocusPreviousGroup","onFocusGroupSet","maxWidth","minWidth","fixed","menuProps","Component","React","PillGroup","props","PropTypes","oneOf","description","func","oneOfType","string","number","bool","isRequired","arrayOf","shape","id","propTypes","DSLabeledDropdownPillsWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledDropdownCascadeMenuPill.js","sources":["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.tsx"],"sourcesContent":["import React from 'react';\nimport { isFunction, addOrRemove } from '@elliemae/ds-utilities';\nimport { PillGroup } from '../PillGroup';\nimport { RemovablePill } from '../RemovablePill';\nimport { DropdownPill } from '../DropdownPill';\n\nfunction renderMenuItems(options, factory) {\n return options.map((option, index) => {\n const ItemComponent = factory('radio');\n\n if (option.type === 'submenu') {\n const SubmenuComponent = factory('submenu');\n const ChildComponent = factory('selection-group');\n return (\n <SubmenuComponent {...option} key={option.id} item={option}>\n <ChildComponent\n {...option}\n id={option.id}\n item={option}\n items={option.items}\n itemValueAccessor={(item) => item}\n multi\n />\n </SubmenuComponent>\n );\n }\n\n return <ItemComponent {...option} key={option.id || index} item={option} />;\n });\n}\n\nconst getSubmenuOptionLabelById = (options, id) => {\n const index = options.findIndex((option) => option.id === id);\n return index ? options[index].label : '';\n};\n\nexport default function LabeledDropdownCascadeMenuPill({\n label,\n options,\n value: optionValue,\n onChange,\n onRemove,\n value: selection = {},\n placeholder = '---',\n onFocusNextGroup,\n onFocusPreviousGroup,\n onFocusGroupSet,\n maxWidth,\n minWidth,\n ...menuProps\n}) {\n const selectionId = Object.keys(selection)[0];\n const selectionValues = selection[selectionId] || '';\n const dropdownLabel = Array.isArray(selectionValues)\n ? getSubmenuOptionLabelById(options, selectionId)\n : selectionValues;\n\n const handleSelectChange = ({ item, group }) => {\n if (isFunction(onChange)) {\n const nextSelection = group\n ? {\n [group.id]: addOrRemove([...(selection[group.id] || [])], item, (o) => o.id),\n }\n : {\n [item.id]: item.label,\n };\n onChange(nextSelection);\n }\n };\n\n const removeOption = (option) => {\n if (isFunction(onChange)) {\n const nextSelection = {\n [selectionId]: selectionValues.filter((val) => option.id !== val.id),\n };\n onChange(nextSelection);\n }\n onRemove(option);\n };\n\n return (\n <PillGroup\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n >\n <DropdownPill\n {...menuProps}\n itemsRenderer={renderMenuItems}\n label={dropdownLabel || placeholder}\n maxWidth={maxWidth}\n minWidth={minWidth}\n onSelectChange={handleSelectChange}\n options={options}\n selection={{\n [selectionId]: Array.isArray(selectionValues) ? selectionValues.map((v) => v.id) : selectionValues,\n }}\n singleGroupSelection\n variant=\"title\"\n />\n {Array.isArray(selectionValues) &&\n selectionValues.map((option) => (\n <RemovablePill key={option.id} label={option.label} onRemove={() => removeOption(option)} />\n ))}\n </PillGroup>\n );\n}\n"],"names":["renderMenuItems","options","factory","map","option","index","ItemComponent","type","SubmenuComponent","ChildComponent","React","id","items","item","getSubmenuOptionLabelById","findIndex","label","LabeledDropdownCascadeMenuPill","value","onChange","onRemove","selection","placeholder","onFocusNextGroup","onFocusPreviousGroup","onFocusGroupSet","maxWidth","minWidth","menuProps","selectionId","Object","keys","selectionValues","dropdownLabel","Array","isArray","handleSelectChange","group","isFunction","nextSelection","addOrRemove","o","removeOption","filter","val","PillGroup","DropdownPill","v","RemovablePill"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledDropdownMultiPill.js","sources":["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { find } from 'lodash';\nimport { isFunction, addOrRemove } from '@elliemae/ds-utilities';\nimport { RemovablePill } from '../RemovablePill';\nimport { Pill } from '../Pill';\nimport { OverflowPill } from '../OverflowPill';\nimport { DropdownPill } from '../DropdownPill';\n\nexport default function LabeledDropdownMultiPills({\n label,\n options = [],\n value = [],\n onSelect = () => null,\n onRemove = () => null,\n onChange, // if this is defined, then it's calculating the next result onSelect or onRemove\n maxWidth,\n minWidth,\n ...menuProps\n}) {\n const [totalDefaultOptions, setTotalDefaultOptions] = useState(0);\n const [selectedOptions, setSelectedOptions] = useState(value);\n const [allOptions, setAllOptions] = useState(options);\n const [overflowOptions, setOverflowOptions] = useState([]);\n\n const overflowQuantity = 3;\n\n useEffect(() => setSelectedOptions(value), [value]);\n\n useEffect(() => {\n const newOptions = allOptions.filter((option) => option.fixedItem);\n if (newOptions.length > 0) {\n setSelectedOptions(newOptions);\n }\n setTotalDefaultOptions(newOptions.length);\n }, []);\n\n useEffect(() => {\n if (totalDefaultOptions) {\n const newOptions = allOptions.map((opt) => {\n if (selectedOptions.length <= totalDefaultOptions && find(selectedOptions, { id: opt.id })) {\n return { ...opt, fixedItem: true };\n }\n return { ...opt, fixedItem: false };\n });\n\n setAllOptions(newOptions);\n }\n }, [onSelect, onRemove, selectedOptions]);\n\n useEffect(() => {\n if (selectedOptions.length > overflowQuantity) {\n const overflow = selectedOptions.filter((val, index) => index >= overflowQuantity);\n setOverflowOptions(overflow);\n }\n }, [selectedOptions]);\n\n const selectOption = useCallback(\n (option) => {\n if (!option.fixedItem) {\n if (isFunction(onChange)) {\n const nextValue = addOrRemove(selectedOptions, option, (item) => item.id);\n setSelectedOptions(nextValue);\n onChange(nextValue);\n }\n onSelect(option);\n }\n },\n [selectedOptions],\n );\n\n const removeOption = useCallback(\n (option) => {\n if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {\n if (isFunction(onChange)) {\n const nextValue = selectedOptions.filter((val) => option.id !== val.id);\n setSelectedOptions(nextValue);\n onChange(nextValue);\n }\n onRemove(option);\n }\n },\n [selectedOptions],\n );\n\n const typeOfPill = () => {\n if (selectedOptions.length > totalDefaultOptions) {\n return RemovablePill;\n }\n\n return Pill;\n };\n\n return (\n <>\n <DropdownPill\n {...menuProps}\n focusOnOpen={false}\n label={label}\n maxWidth={maxWidth}\n minWidth={minWidth}\n onSelectMenuItem={selectOption}\n options={[\n {\n ...menuProps,\n type: 'SelectionGroup',\n id: 'multi-selection-views',\n multi: true,\n items: allOptions,\n },\n ]}\n selection={{\n 'multi-selection-views': selectedOptions ? selectedOptions.map((o) => o.id) : '',\n }}\n variant=\"title\"\n />\n {selectedOptions &&\n selectedOptions.map((option, index) => {\n const TypeOfPill = typeOfPill();\n if (index < overflowQuantity) {\n return <TypeOfPill key={option.id} label={option.label} onRemove={() => removeOption(option)} />;\n }\n return null;\n })}\n {selectedOptions && selectedOptions.length > overflowQuantity && (\n <OverflowPill label={`+ ${selectedOptions.length - overflowQuantity}`} options={overflowOptions} />\n )}\n </>\n );\n}\n"],"names":["LabeledDropdownMultiPills","label","options","value","onSelect","onRemove","onChange","maxWidth","minWidth","menuProps","useState","totalDefaultOptions","setTotalDefaultOptions","selectedOptions","setSelectedOptions","allOptions","setAllOptions","overflowOptions","setOverflowOptions","overflowQuantity","useEffect","newOptions","filter","option","fixedItem","length","map","opt","find","id","overflow","val","index","selectOption","useCallback","isFunction","nextValue","addOrRemove","item","removeOption","typeOfPill","RemovablePill","Pill","React","DropdownPill","type","multi","items","o","TypeOfPill","OverflowPill"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledDropdownSinglePill.js","sources":["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.tsx"],"sourcesContent":["/* eslint-disable mdx/no-unused-expressions */\n/* eslint-disable no-shadow */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable max-lines */\nimport React, { useCallback, useState, useEffect, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { isFunction, isString, useShouldRecalculate, usePrevious } from '@elliemae/ds-utilities';\nimport { DropdownPill } from '../DropdownPill';\nimport { InputPill } from '../InputPill';\nimport { Pill } from '../Pill';\nimport { RemovablePill } from '../RemovablePill';\nimport { hasOptionChanged } from './utils';\n\nexport default function LabeledDropdownSinglePill({\n label,\n labelIsValue = false,\n options,\n value,\n onSelect = () => null,\n onChange,\n maxWidth,\n minWidth,\n fixed = false,\n ...menuProps\n}) {\n const [optionValue, setOptionValue] = useState(value);\n const prevOptions = usePrevious(options);\n const areOptionsEqual = useShouldRecalculate(hasOptionChanged(prevOptions, options));\n\n useEffect(() => setOptionValue(value), [value]);\n\n useEffect(() => {\n const selectedValue = options.find((option) => option.selected);\n\n if (selectedValue) {\n setOptionValue(selectedValue);\n } else if (!selectedValue) {\n setOptionValue(options[0]);\n }\n }, [areOptionsEqual]);\n\n useLayoutEffect(() => {\n if (optionValue) {\n const selectedValue = options.find((option) => option.id === optionValue.id);\n setOptionValue(selectedValue);\n }\n }, [options]);\n\n const selectOption = useCallback(\n (option) => {\n if (isFunction(onChange)) {\n onChange(option);\n }\n setOptionValue(option);\n onSelect(option);\n },\n [onChange, onSelect],\n );\n\n const onChangeInputValue = useCallback(\n ({ target: { value: inputValue } }) => {\n const { onChangeInput } = optionValue;\n\n onChangeInput && onChangeInput(inputValue);\n },\n [optionValue],\n );\n\n const removeOption = (removedOption) => {\n const { onRemove } = menuProps;\n const { onChangeInput } = optionValue;\n setOptionValue(null);\n onChangeInput && onChangeInput('');\n const newOption = { ...removedOption, input: '' };\n onRemove && onRemove(newOption, removedOption);\n };\n\n const renderPill = (option, fixed) => {\n const { input, onChangeInput, ...otherProps } = option;\n let SelectedPill;\n if (isString(input)) {\n SelectedPill = InputPill;\n } else if (fixed) {\n SelectedPill = Pill;\n } else {\n SelectedPill = RemovablePill;\n }\n\n return (\n <SelectedPill\n key={option.id}\n label={option.label}\n onChange={onChangeInputValue}\n onRemove={(e) => removeOption(option, e)}\n value={input}\n {...otherProps}\n />\n );\n };\n\n const renderSelection = () => {\n if (!labelIsValue) {\n if (optionValue) return renderPill(optionValue, fixed);\n return <Pill label=\"-\" />;\n }\n };\n\n return (\n <>\n <DropdownPill\n {...menuProps}\n label={!labelIsValue ? label : optionValue?.label}\n maxWidth={maxWidth}\n minWidth={minWidth}\n onSelectMenuItem={selectOption}\n options={[\n {\n ...menuProps,\n type: 'SelectionGroup',\n id: 'multi-selection-views',\n multi: false,\n items: options,\n closeOnClick: true,\n },\n ]}\n selection={{\n 'multi-selection-views': optionValue ? [optionValue?.id] : '',\n }}\n variant=\"title\"\n />\n {renderSelection()}\n </>\n );\n}\n\nLabeledDropdownSinglePill.propTypes = {\n label: PropTypes.string,\n labelIsValue: PropTypes.bool,\n options: PropTypes.array,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n onSelect: PropTypes.func,\n onChange: PropTypes.func,\n maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n fixed: PropTypes.bool,\n};\n"],"names":["LabeledDropdownSinglePill","label","labelIsValue","options","value","onSelect","onChange","maxWidth","minWidth","fixed","menuProps","useState","optionValue","setOptionValue","prevOptions","usePrevious","areOptionsEqual","useShouldRecalculate","hasOptionChanged","useEffect","selectedValue","find","option","selected","useLayoutEffect","id","selectOption","useCallback","isFunction","onChangeInputValue","inputValue","target","onChangeInput","removeOption","removedOption","onRemove","newOption","input","renderPill","otherProps","SelectedPill","isString","InputPill","Pill","RemovablePill","React","e","renderSelection","DropdownPill","type","multi","items","closeOnClick","propTypes","PropTypes","string","bool","array","oneOfType","number","func"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../src/deprecated/LabeledDropdownPillsTypes/utils.tsx"],"sourcesContent":["import { isEqual } from '@elliemae/ds-utilities';\nimport { omit } from 'lodash';\n\nexport const hasOptionChanged = (prevOptions, options) => {\n if (prevOptions && options) {\n const prevOptionsOmited = prevOptions.map((option) => omit(option, ['input', 'onChangeInput', 'mask']));\n const optionsOmited = options.map((option) => omit(option, ['input', 'onChangeInput', 'mask']));\n\n return isEqual(prevOptionsOmited, optionsOmited);\n }\n\n return false;\n};\n"],"names":["hasOptionChanged","prevOptions","options","prevOptionsOmited","map","option","omit","optionsOmited","isEqual"],"mappings":";;;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,WAAD,EAAcC,OAAd,EAA0B;AACxD,MAAID,WAAW,IAAIC,OAAnB,EAA4B;AAC1B,QAAMC,iBAAiB,GAAGF,WAAW,CAACG,GAAZ,CAAgB,UAACC,MAAD;AAAA,aAAYC,WAAI,CAACD,MAAD,EAAS,CAAC,OAAD,EAAU,eAAV,EAA2B,MAA3B,CAAT,CAAhB;AAAA,KAAhB,CAA1B;AACA,QAAME,aAAa,GAAGL,OAAO,CAACE,GAAR,CAAY,UAACC,MAAD;AAAA,aAAYC,WAAI,CAACD,MAAD,EAAS,CAAC,OAAD,EAAU,eAAV,EAA2B,MAA3B,CAAT,CAAhB;AAAA,KAAZ,CAAtB;AAEA,WAAOG,mBAAO,CAACL,iBAAD,EAAoBI,aAApB,CAAd;AACD;;AAED,SAAO,KAAP;AACD;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledPills.js","sources":["../../../src/deprecated/LabeledPills.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PillGroup } from './PillGroup';\nimport { RemovablePill } from './RemovablePill';\nimport { Pill } from './Pill';\n\nfunction LabeledPills({\n children,\n label = '',\n leftAddon,\n onFocusGroupSet,\n onFocusNextGroup,\n onFocusPreviousGroup,\n}) {\n return (\n <PillGroup\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n >\n <Pill\n label={label}\n leftAddon={leftAddon}\n variant=\"title\"\n data-testid=\"pill-title\"\n />\n {children}\n </PillGroup>\n );\n}\n\nconst props = {\n /** labeled pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** pill to add the label to */\n children: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.oneOf([\n PropTypes.instanceOf(Pill),\n PropTypes.instanceOf(RemovablePill),\n ]),\n }),\n ).isRequired.description('pill to add the label to'),\n /** addon component to left */\n leftAddon: PropTypes.node.description('addon component to left'),\n /** focus next group callback */\n onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n /** focus prev group callback */\n onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n /** focus group set callback */\n onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n};\n\nLabeledPills.propTypes = props;\n\nconst DSLabeledPillsWithSchema = describe(LabeledPills);\nDSLabeledPillsWithSchema.propTypes = props;\n\nexport { LabeledPills, DSLabeledPillsWithSchema };\n"],"names":["LabeledPills","children","label","leftAddon","onFocusGroupSet","onFocusNextGroup","onFocusPreviousGroup","React","PillGroup","Pill","props","PropTypes","string","isRequired","description","arrayOf","shape","type","oneOf","instanceOf","RemovablePill","node","func","propTypes","DSLabeledPillsWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMA,SAASA,YAAT,OAOG;AAAA,MANDC,QAMC,QANDA,QAMC;AAAA,wBALDC,KAKC;AAAA,MALDA,KAKC,2BALO,EAKP;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHDC,eAGC,QAHDA,eAGC;AAAA,MAFDC,gBAEC,QAFDA,gBAEC;AAAA,MADDC,oBACC,QADDA,oBACC;AACD,sBACEC,wCAACC,8BAAD;AACE,IAAA,eAAe,EAAEJ,eADnB;AAEE,IAAA,gBAAgB,EAAEC,gBAFpB;AAGE,IAAA,oBAAoB,EAAEC;AAHxB,kBAKEC,wCAACE,oBAAD;AACE,IAAA,KAAK,EAAEP,KADT;AAEE,IAAA,SAAS,EAAEC,SAFb;AAGE,IAAA,OAAO,EAAC,OAHV;AAIE,mBAAY;AAJd,IALF,EAWGF,QAXH,CADF;AAeD;;AAED,IAAMS,KAAK,GAAG;AACZ;AACAR,EAAAA,KAAK,EAAES,mBAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,iBAAxC,CAFK;;AAGZ;AACAb,EAAAA,QAAQ,EAAEU,mBAAS,CAACI,OAAV,CACRJ,mBAAS,CAACK,KAAV,CAAgB;AACdC,IAAAA,IAAI,EAAEN,mBAAS,CAACO,KAAV,CAAgB,CACpBP,mBAAS,CAACQ,UAAV,CAAqBV,oBAArB,CADoB,EAEpBE,mBAAS,CAACQ,UAAV,CAAqBC,sCAArB,CAFoB,CAAhB;AADQ,GAAhB,CADQ,EAORP,UAPQ,CAOGC,WAPH,CAOe,0BAPf,CAJE;;AAYZ;AACAX,EAAAA,SAAS,EAAEQ,mBAAS,CAACU,IAAV,CAAeP,WAAf,CAA2B,yBAA3B,CAbC;;AAcZ;AACAT,EAAAA,gBAAgB,EAAEM,mBAAS,CAACW,IAAV,CAAeR,WAAf,CAA2B,2BAA3B,CAfN;;AAgBZ;AACAR,EAAAA,oBAAoB,EAAEK,mBAAS,CAACW,IAAV,CAAeR,WAAf,CAA2B,2BAA3B,CAjBV;;AAkBZ;AACAV,EAAAA,eAAe,EAAEO,mBAAS,CAACW,IAAV,CAAeR,WAAf,CAA2B,0BAA3B;AAnBL,CAAd;AAsBAd,YAAY,CAACuB,SAAb,GAAyBb,KAAzB;IAEMc,wBAAwB,GAAGC,kBAAQ,CAACzB,YAAD;AACzCwB,wBAAwB,CAACD,SAAzB,GAAqCb,KAArC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OverflowPill.js","sources":["../../../src/deprecated/OverflowPill.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport useFocusGroupItem from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';\nimport DSTooltip from '@elliemae/ds-tooltip';\nimport { Pill } from './Pill';\n\nfunction OverflowPill({ containerProps = {}, label = '', options = [] }) {\n const ref = useRef(null);\n const [tooltipIsOpen, setTooltipIsOpen] = useState(false);\n const [tooltipText, setTooltipText] = useState('');\n\n useEffect(() => {\n let text = '';\n options.forEach((option) => {\n if (!tooltipText || option === options[0]) {\n text = `${option.label}`;\n } else {\n text = text.concat(`, ${option.label}`);\n }\n });\n setTooltipText(text);\n }, [options]);\n\n useFocusGroupItem(ref);\n\n return (\n <DSTooltip\n isOpen={tooltipIsOpen}\n title={tooltipText}\n zIndex={11}\n triggerComponent={\n <Pill\n className=\"overflow-pill\"\n containerProps={containerProps}\n innerRef={ref}\n label={label}\n tabIndex={-1}\n onMouseEnter={() => setTooltipIsOpen(true)}\n onMouseLeave={() => setTooltipIsOpen(false)}\n />\n }\n />\n );\n}\n\nconst props = {\n /** props to inject to pill wrapper */\n containerProps: PropTypes.object.description(\n 'props to inject to pill wrapper',\n ),\n /** pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** overflow pills options */\n options: PropTypes.array.description('overflow pills options'),\n};\n\nOverflowPill.propTypes = props;\nconst DSOverflowPillWithSchema = describe(OverflowPill);\nDSOverflowPillWithSchema.propTypes = props;\n\nexport { OverflowPill, DSOverflowPillWithSchema };\n"],"names":["OverflowPill","containerProps","label","options","ref","useRef","useState","tooltipIsOpen","setTooltipIsOpen","tooltipText","setTooltipText","useEffect","text","forEach","option","concat","useFocusGroupItem","React","DSTooltip","Pill","props","PropTypes","object","description","string","isRequired","array","propTypes","DSOverflowPillWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMA,SAASA,YAAT,OAAyE;AAAA,iCAAjDC,cAAiD;AAAA,MAAjDA,cAAiD,oCAAhC,EAAgC;AAAA,wBAA5BC,KAA4B;AAAA,MAA5BA,KAA4B,2BAApB,EAAoB;AAAA,0BAAhBC,OAAgB;AAAA,MAAhBA,OAAgB,6BAAN,EAAM;AACvE,MAAMC,GAAG,GAAGC,YAAM,CAAC,IAAD,CAAlB;;AACA,kBAA0CC,cAAQ,CAAC,KAAD,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAAsCF,cAAQ,CAAC,EAAD,CAA9C;AAAA;AAAA,MAAOG,WAAP;AAAA,MAAoBC,cAApB;;AAEAC,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIC,IAAI,GAAG,EAAX;AACAT,IAAAA,OAAO,CAACU,OAAR,CAAgB,UAACC,MAAD,EAAY;AAC1B,UAAI,CAACL,WAAD,IAAgBK,MAAM,KAAKX,OAAO,CAAC,CAAD,CAAtC,EAA2C;AACzCS,QAAAA,IAAI,aAAME,MAAM,CAACZ,KAAb,CAAJ;AACD,OAFD,MAEO;AACLU,QAAAA,IAAI,GAAGA,IAAI,CAACG,MAAL,aAAiBD,MAAM,CAACZ,KAAxB,EAAP;AACD;AACF,KAND;AAOAQ,IAAAA,cAAc,CAACE,IAAD,CAAd;AACD,GAVQ,EAUN,CAACT,OAAD,CAVM,CAAT;AAYAa,EAAAA,qCAAiB,CAACZ,GAAD,CAAjB;AAEA,sBACEa,wCAACC,6BAAD;AACE,IAAA,MAAM,EAAEX,aADV;AAEE,IAAA,KAAK,EAAEE,WAFT;AAGE,IAAA,MAAM,EAAE,EAHV;AAIE,IAAA,gBAAgB,eACdQ,wCAACE,oBAAD;AACE,MAAA,SAAS,EAAC,eADZ;AAEE,MAAA,cAAc,EAAElB,cAFlB;AAGE,MAAA,QAAQ,EAAEG,GAHZ;AAIE,MAAA,KAAK,EAAEF,KAJT;AAKE,MAAA,QAAQ,EAAE,CAAC,CALb;AAME,MAAA,YAAY,EAAE;AAAA,eAAMM,gBAAgB,CAAC,IAAD,CAAtB;AAAA,OANhB;AAOE,MAAA,YAAY,EAAE;AAAA,eAAMA,gBAAgB,CAAC,KAAD,CAAtB;AAAA;AAPhB;AALJ,IADF;AAkBD;;AAED,IAAMY,KAAK,GAAG;AACZ;AACAnB,EAAAA,cAAc,EAAEoB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CACd,iCADc,CAFJ;;AAKZ;AACArB,EAAAA,KAAK,EAAEmB,mBAAS,CAACG,MAAV,CAAiBC,UAAjB,CAA4BF,WAA5B,CAAwC,iBAAxC,CANK;;AAOZ;AACApB,EAAAA,OAAO,EAAEkB,mBAAS,CAACK,KAAV,CAAgBH,WAAhB,CAA4B,wBAA5B;AARG,CAAd;AAWAvB,YAAY,CAAC2B,SAAb,GAAyBP,KAAzB;IACMQ,wBAAwB,GAAGC,kBAAQ,CAAC7B,YAAD;AACzC4B,wBAAwB,CAACD,SAAzB,GAAqCP,KAArC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Pill.js","sources":["../../../src/deprecated/Pill.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst pillBlockName = 'pill';\n\nconst PillWrapper = aggregatedClasses('div')(\n pillBlockName,\n null,\n ({ size, variant }) => ({\n [variant]: !!variant,\n [size]: !!size,\n }),\n);\nconst PillLabel = aggregatedClasses('span')(pillBlockName, 'label');\nconst PillAddon = aggregatedClasses('div')(pillBlockName, 'addon');\n\nfunction Pill({\n containerProps = {},\n label = '',\n leftAddon,\n rightAddon,\n variant = 'value',\n size = 'm',\n ...otherProps\n}) {\n return (\n <PillWrapper\n {...containerProps}\n classProps={{ variant, size }}\n {...otherProps}\n >\n {leftAddon && <PillAddon>{leftAddon}</PillAddon>}\n <PillLabel>{label}</PillLabel>\n {rightAddon && <PillAddon>{rightAddon}</PillAddon>}\n </PillWrapper>\n );\n}\n\nconst props = {\n /** props to inject to pill wrapper */\n containerProps: PropTypes.object.description(\n 'props to inject to pill wrapper',\n ),\n /** pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** pill size */\n size: PropTypes.oneOf(['m', 'l']).description('pill size'),\n /** pill variant */\n variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),\n /** addon component to left */\n leftAddon: PropTypes.node.description('addon component to left'),\n /** addon component to right */\n rightAddon: PropTypes.node.description('addon component to right'),\n};\n\nPill.propTypes = props;\nconst DSPillWithSchema = describe(Pill);\nDSPillWithSchema.propTypes = props;\n\nexport { Pill, DSPillWithSchema };\nexport default Pill;\n"],"names":["pillBlockName","PillWrapper","aggregatedClasses","size","variant","PillLabel","PillAddon","Pill","containerProps","label","leftAddon","rightAddon","otherProps","React","props","PropTypes","object","description","string","isRequired","oneOf","node","propTypes","DSPillWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;AAIA,IAAMA,aAAa,GAAG,MAAtB;AAEA,IAAMC,WAAW,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CAClBF,aADkB,EAElB,IAFkB,EAGlB;AAAA;;AAAA,MAAGG,IAAH,QAAGA,IAAH;AAAA,MAASC,OAAT,QAASA,OAAT;AAAA,gEACGA,OADH,EACa,CAAC,CAACA,OADf,8CAEGD,IAFH,EAEU,CAAC,CAACA,IAFZ;AAAA,CAHkB,CAApB;AAQA,IAAME,SAAS,GAAGH,8BAAiB,CAAC,MAAD,CAAjB,CAA0BF,aAA1B,EAAyC,OAAzC,CAAlB;AACA,IAAMM,SAAS,GAAGJ,8BAAiB,CAAC,KAAD,CAAjB,CAAyBF,aAAzB,EAAwC,OAAxC,CAAlB;;AAEA,SAASO,IAAT,QAQG;AAAA,mCAPDC,cAOC;AAAA,MAPDA,cAOC,qCAPgB,EAOhB;AAAA,0BANDC,KAMC;AAAA,MANDA,KAMC,4BANO,EAMP;AAAA,MALDC,SAKC,SALDA,SAKC;AAAA,MAJDC,UAIC,SAJDA,UAIC;AAAA,4BAHDP,OAGC;AAAA,MAHDA,OAGC,8BAHS,OAGT;AAAA,yBAFDD,IAEC;AAAA,MAFDA,IAEC,2BAFM,GAEN;AAAA,MADES,UACF;;AACD,sBACEC,wCAAC,WAAD,mCACML,cADN;AAEE,IAAA,UAAU,EAAE;AAAEJ,MAAAA,OAAO,EAAPA,OAAF;AAAWD,MAAAA,IAAI,EAAJA;AAAX;AAFd,KAGMS,UAHN,GAKGF,SAAS,iBAAIG,wCAAC,SAAD,QAAYH,SAAZ,CALhB,eAMEG,wCAAC,SAAD,QAAYJ,KAAZ,CANF,EAOGE,UAAU,iBAAIE,wCAAC,SAAD,QAAYF,UAAZ,CAPjB,CADF;AAWD;;AAED,IAAMG,KAAK,GAAG;AACZ;AACAN,EAAAA,cAAc,EAAEO,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CACd,iCADc,CAFJ;;AAKZ;AACAR,EAAAA,KAAK,EAAEM,mBAAS,CAACG,MAAV,CAAiBC,UAAjB,CAA4BF,WAA5B,CAAwC,iBAAxC,CANK;;AAOZ;AACAd,EAAAA,IAAI,EAAEY,mBAAS,CAACK,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BH,WAA5B,CAAwC,WAAxC,CARM;;AASZ;AACAb,EAAAA,OAAO,EAAEW,mBAAS,CAACK,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,EAAoCH,WAApC,CAAgD,cAAhD,CAVG;;AAWZ;AACAP,EAAAA,SAAS,EAAEK,mBAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,yBAA3B,CAZC;;AAaZ;AACAN,EAAAA,UAAU,EAAEI,mBAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,0BAA3B;AAdA,CAAd;AAiBAV,IAAI,CAACe,SAAL,GAAiBR,KAAjB;IACMS,gBAAgB,GAAGC,kBAAQ,CAACjB,IAAD;AACjCgB,gBAAgB,CAACD,SAAjB,GAA6BR,KAA7B;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PillGroup.js","sources":["../../../src/deprecated/PillGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport FocusGroupProvider from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';\n\nconst pillGroupBlockName = 'pill-group';\n\nexport const Container = aggregatedClasses('div')(pillGroupBlockName);\n\nconst PillGroup = ({\n containerProps = {},\n onFocusNextGroup,\n onFocusPreviousGroup,\n onFocusGroupSet,\n children,\n}) => (\n <FocusGroupProvider\n keyBindings={{\n Tab: 'next',\n }}\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n orientation=\"horizontal\"\n >\n <Container {...containerProps}>{children}</Container>\n </FocusGroupProvider>\n);\n\nconst props = {\n /** props injected to component wrapper */\n containerProps: PropTypes.object.description(\n 'props injected to component wrapper',\n ),\n /** focus next group callback */\n onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n /** focus prev group callback */\n onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n /** focus group set callback */\n onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n /** pill components */\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]).isRequired.description('pill components'),\n};\n\nPillGroup.propTypes = props;\n\nconst DSPillGroupWithSchema = describe(PillGroup);\nDSPillGroupWithSchema.propTypes = props;\n\nexport { PillGroup, DSPillGroupWithSchema };\n"],"names":["pillGroupBlockName","Container","aggregatedClasses","PillGroup","containerProps","onFocusNextGroup","onFocusPreviousGroup","onFocusGroupSet","children","React","FocusGroupProvider","Tab","props","PropTypes","object","description","func","oneOfType","arrayOf","node","isRequired","propTypes","DSPillGroupWithSchema","describe"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,kBAAkB,GAAG,YAA3B;IAEaC,SAAS,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CAAyBF,kBAAzB;;IAEnBG,SAAS,GAAG,SAAZA,SAAY;AAAA,iCAChBC,cADgB;AAAA,MAChBA,cADgB,oCACC,EADD;AAAA,MAEhBC,gBAFgB,QAEhBA,gBAFgB;AAAA,MAGhBC,oBAHgB,QAGhBA,oBAHgB;AAAA,MAIhBC,eAJgB,QAIhBA,eAJgB;AAAA,MAKhBC,QALgB,QAKhBA,QALgB;AAAA,sBAOhBC,wCAACC,sCAAD;AACE,IAAA,WAAW,EAAE;AACXC,MAAAA,GAAG,EAAE;AADM,KADf;AAIE,IAAA,eAAe,EAAEJ,eAJnB;AAKE,IAAA,gBAAgB,EAAEF,gBALpB;AAME,IAAA,oBAAoB,EAAEC,oBANxB;AAOE,IAAA,WAAW,EAAC;AAPd,kBASEG,wCAAC,SAAD,EAAeL,cAAf,EAAgCI,QAAhC,CATF,CAPgB;AAAA;;AAoBlB,IAAMI,KAAK,GAAG;AACZ;AACAR,EAAAA,cAAc,EAAES,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CACd,qCADc,CAFJ;;AAKZ;AACAV,EAAAA,gBAAgB,EAAEQ,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,2BAA3B,CANN;;AAOZ;AACAT,EAAAA,oBAAoB,EAAEO,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,2BAA3B,CARV;;AASZ;AACAR,EAAAA,eAAe,EAAEM,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,0BAA3B,CAVL;;AAWZ;AACAP,EAAAA,QAAQ,EAAEK,mBAAS,CAACI,SAAV,CAAoB,CAC5BJ,mBAAS,CAACK,OAAV,CAAkBL,mBAAS,CAACM,IAA5B,CAD4B,EAE5BN,mBAAS,CAACM,IAFkB,CAApB,EAGPC,UAHO,CAGIL,WAHJ,CAGgB,iBAHhB;AAZE,CAAd;AAkBAZ,SAAS,CAACkB,SAAV,GAAsBT,KAAtB;IAEMU,qBAAqB,GAAGC,kBAAQ,CAACpB,SAAD;AACtCmB,qBAAqB,CAACD,SAAtB,GAAkCT,KAAlC;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ReadOnlyPill.js","sources":["../../../src/deprecated/ReadOnlyPill.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { InfoCircleSmall } from '@elliemae/ds-icons';\nimport DSModal, { MODAL_TYPE_V2 } from '@elliemae/ds-modal';\nimport Popover from '@elliemae/ds-popover';\nimport { Pill } from './Pill';\n\nconst ReadOnlyPill = ({\n containerProps = {},\n modalContent = '',\n label = '',\n leftAddon,\n modalTitle = '',\n tooltipText = '',\n}) => {\n const ref = useRef(null);\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n const toggle = () => {\n setIsModalOpen(!isModalOpen);\n };\n\n return (\n <>\n <Pill\n data-testid=\"read-only-pill\"\n className=\"removable-pill\"\n containerProps={containerProps}\n innerRef={ref}\n label={label}\n leftAddon={leftAddon}\n rightAddon={\n <Popover\n isOpen={tooltipText && isTooltipOpen}\n content={tooltipText}\n placement=\"top\"\n showArrow\n renderTrigger={({ ref }) => (\n <InfoCircleSmall\n role=\"button\"\n data-testid=\"read-only-info-btn\"\n className=\"remove-pill-button\"\n onClick={toggle}\n onMouseEnter={() => setIsTooltipOpen(true)}\n onMouseLeave={() => setIsTooltipOpen(false)}\n color={['brand-primary', '600']}\n innerRef={ref}\n />\n )}\n />\n }\n tabIndex={-1}\n />\n <DSModal\n isOpen={isModalOpen}\n showClose\n shouldCloseOnOverlayClick\n modalTitle={modalTitle}\n modalType={MODAL_TYPE_V2.INFORMATION}\n onClose={toggle}\n version={2}\n >\n {modalContent}\n </DSModal>\n </>\n );\n};\n\nconst props = {\n /** props injected to component wrapper */\n containerProps: PropTypes.object.description('props injected to component wrapper'),\n /** labeled pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** addon component to left */\n leftAddon: PropTypes.node.description('addon component to left'),\n /** read only pill modal content */\n modalContent: PropTypes.string.description('read only pill modal content'),\n /** read only pill modal title */\n modalTitle: PropTypes.string.description('read only pill modal title'),\n tooltipText: PropTypes.string.description('text to display in tooltip'),\n};\n\nReadOnlyPill.propTypes = props;\n\nconst DSReadOnlyPillWithSchema = describe(ReadOnlyPill);\nDSReadOnlyPillWithSchema.propTypes = props;\n\nexport { ReadOnlyPill, DSReadOnlyPillWithSchema };\n"],"names":["ReadOnlyPill","containerProps","modalContent","label","leftAddon","modalTitle","tooltipText","ref","useRef","useState","isModalOpen","setIsModalOpen","isTooltipOpen","setIsTooltipOpen","toggle","React","Pill","Popover","InfoCircleSmall","DSModal","MODAL_TYPE_V2","INFORMATION","props","PropTypes","object","description","string","isRequired","node","propTypes","DSReadOnlyPillWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAOMA,YAAY,GAAG,SAAfA,YAAe,OAOf;AAAA,iCANJC,cAMI;AAAA,MANJA,cAMI,oCANa,EAMb;AAAA,+BALJC,YAKI;AAAA,MALJA,YAKI,kCALW,EAKX;AAAA,wBAJJC,KAII;AAAA,MAJJA,KAII,2BAJI,EAIJ;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,6BAFJC,UAEI;AAAA,MAFJA,UAEI,gCAFS,EAET;AAAA,8BADJC,WACI;AAAA,MADJA,WACI,iCADU,EACV;AACJ,MAAMC,GAAG,GAAGC,YAAM,CAAC,IAAD,CAAlB;;AACA,kBAAsCC,cAAQ,CAAC,KAAD,CAA9C;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AACA,mBAA0CF,cAAQ,CAAC,KAAD,CAAlD;AAAA;AAAA,MAAOG,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACnBH,IAAAA,cAAc,CAAC,CAACD,WAAF,CAAd;AACD,GAFD;;AAIA,sBACEK,+FACEA,wCAACC,oBAAD;AACE,mBAAY,gBADd;AAEE,IAAA,SAAS,EAAC,gBAFZ;AAGE,IAAA,cAAc,EAAEf,cAHlB;AAIE,IAAA,QAAQ,EAAEM,GAJZ;AAKE,IAAA,KAAK,EAAEJ,KALT;AAME,IAAA,SAAS,EAAEC,SANb;AAOE,IAAA,UAAU,eACRW,wCAACE,2BAAD;AACE,MAAA,MAAM,EAAEX,WAAW,IAAIM,aADzB;AAEE,MAAA,OAAO,EAAEN,WAFX;AAGE,MAAA,SAAS,EAAC,KAHZ;AAIE,MAAA,SAAS,MAJX;AAKE,MAAA,aAAa,EAAE;AAAA,YAAGC,GAAH,SAAGA,GAAH;AAAA,4BACbQ,wCAACG,uBAAD;AACE,UAAA,IAAI,EAAC,QADP;AAEE,yBAAY,oBAFd;AAGE,UAAA,SAAS,EAAC,oBAHZ;AAIE,UAAA,OAAO,EAAEJ,MAJX;AAKE,UAAA,YAAY,EAAE;AAAA,mBAAMD,gBAAgB,CAAC,IAAD,CAAtB;AAAA,WALhB;AAME,UAAA,YAAY,EAAE;AAAA,mBAAMA,gBAAgB,CAAC,KAAD,CAAtB;AAAA,WANhB;AAOE,UAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB,CAPT;AAQE,UAAA,QAAQ,EAAEN;AARZ,UADa;AAAA;AALjB,MARJ;AA2BE,IAAA,QAAQ,EAAE,CAAC;AA3Bb,IADF,eA8BEQ,wCAACI,2BAAD;AACE,IAAA,MAAM,EAAET,WADV;AAEE,IAAA,SAAS,MAFX;AAGE,IAAA,yBAAyB,MAH3B;AAIE,IAAA,UAAU,EAAEL,UAJd;AAKE,IAAA,SAAS,EAAEe,qBAAa,CAACC,WAL3B;AAME,IAAA,OAAO,EAAEP,MANX;AAOE,IAAA,OAAO,EAAE;AAPX,KASGZ,YATH,CA9BF,CADF;AA4CD;;AAED,IAAMoB,KAAK,GAAG;AACZ;AACArB,EAAAA,cAAc,EAAEsB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,qCAA7B,CAFJ;;AAGZ;AACAtB,EAAAA,KAAK,EAAEoB,mBAAS,CAACG,MAAV,CAAiBC,UAAjB,CAA4BF,WAA5B,CAAwC,iBAAxC,CAJK;;AAKZ;AACArB,EAAAA,SAAS,EAAEmB,mBAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,yBAA3B,CANC;;AAOZ;AACAvB,EAAAA,YAAY,EAAEqB,mBAAS,CAACG,MAAV,CAAiBD,WAAjB,CAA6B,8BAA7B,CARF;;AASZ;AACApB,EAAAA,UAAU,EAAEkB,mBAAS,CAACG,MAAV,CAAiBD,WAAjB,CAA6B,4BAA7B,CAVA;AAWZnB,EAAAA,WAAW,EAAEiB,mBAAS,CAACG,MAAV,CAAiBD,WAAjB,CAA6B,4BAA7B;AAXD,CAAd;AAcAzB,YAAY,CAAC6B,SAAb,GAAyBP,KAAzB;IAEMQ,wBAAwB,GAAGC,kBAAQ,CAAC/B,YAAD;AACzC8B,wBAAwB,CAACD,SAAzB,GAAqCP,KAArC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RemovablePill.js","sources":["../../../src/deprecated/RemovablePill.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport useFocusGroupItem from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';\nimport { Pill } from './Pill';\n\nfunction RemovablePill({ containerProps = {}, label = '', onRemove, size = 'm', leftAddon }) {\n const ref = useRef(null);\n const { focusPrevious } = useFocusGroupItem(ref);\n return (\n <Pill\n className=\"removable-pill\"\n data-testid=\"removable-pill\"\n containerProps={containerProps}\n innerRef={ref}\n size={size}\n label={label}\n leftAddon={leftAddon}\n onKeyDown={(e) => {\n if (e.key === 'Backspace' && isFunction(onRemove)) {\n onRemove();\n if (isFunction(focusPrevious)) focusPrevious();\n }\n }}\n rightAddon={\n <CloseXsmall role=\"button\" data-testid=\"remove-pill-button\" className=\"remove-pill-button\" onClick={onRemove} />\n }\n tabIndex={-1}\n />\n );\n}\n\nconst props = {\n /** props injected to component wrapper */\n containerProps: PropTypes.object.description('props injected to component wrapper'),\n /** labeled pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** remove click callback */\n onRemove: PropTypes.func.description('remove click callback'),\n /** pill size */\n size: PropTypes.oneOf(['m', 'l']).description('pill size'),\n /** addon component to left */\n leftAddon: PropTypes.node.description('addon component to left'),\n};\n\nRemovablePill.propTypes = props;\nconst DSRemovablePillWithSchema = describe(RemovablePill);\nDSRemovablePillWithSchema.propTypes = props;\n\nexport { RemovablePill, DSRemovablePillWithSchema };\n"],"names":["RemovablePill","containerProps","label","onRemove","size","leftAddon","ref","useRef","useFocusGroupItem","focusPrevious","React","Pill","e","key","isFunction","CloseXsmall","props","PropTypes","object","description","string","isRequired","func","oneOf","node","propTypes","DSRemovablePillWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOA,SAASA,aAAT,OAA6F;AAAA,iCAApEC,cAAoE;AAAA,MAApEA,cAAoE,oCAAnD,EAAmD;AAAA,wBAA/CC,KAA+C;AAAA,MAA/CA,KAA+C,2BAAvC,EAAuC;AAAA,MAAnCC,QAAmC,QAAnCA,QAAmC;AAAA,uBAAzBC,IAAyB;AAAA,MAAzBA,IAAyB,0BAAlB,GAAkB;AAAA,MAAbC,SAAa,QAAbA,SAAa;AAC3F,MAAMC,GAAG,GAAGC,YAAM,CAAC,IAAD,CAAlB;;AACA,2BAA0BC,qCAAiB,CAACF,GAAD,CAA3C;AAAA,MAAQG,aAAR,sBAAQA,aAAR;;AACA,sBACEC,wCAACC,oBAAD;AACE,IAAA,SAAS,EAAC,gBADZ;AAEE,mBAAY,gBAFd;AAGE,IAAA,cAAc,EAAEV,cAHlB;AAIE,IAAA,QAAQ,EAAEK,GAJZ;AAKE,IAAA,IAAI,EAAEF,IALR;AAME,IAAA,KAAK,EAAEF,KANT;AAOE,IAAA,SAAS,EAAEG,SAPb;AAQE,IAAA,SAAS,EAAE,mBAACO,CAAD,EAAO;AAChB,UAAIA,CAAC,CAACC,GAAF,KAAU,WAAV,IAAyBC,sBAAU,CAACX,QAAD,CAAvC,EAAmD;AACjDA,QAAAA,QAAQ;AACR,YAAIW,sBAAU,CAACL,aAAD,CAAd,EAA+BA,aAAa;AAC7C;AACF,KAbH;AAcE,IAAA,UAAU,eACRC,wCAACK,mBAAD;AAAa,MAAA,IAAI,EAAC,QAAlB;AAA2B,qBAAY,oBAAvC;AAA4D,MAAA,SAAS,EAAC,oBAAtE;AAA2F,MAAA,OAAO,EAAEZ;AAApG,MAfJ;AAiBE,IAAA,QAAQ,EAAE,CAAC;AAjBb,IADF;AAqBD;;AAED,IAAMa,KAAK,GAAG;AACZ;AACAf,EAAAA,cAAc,EAAEgB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,qCAA7B,CAFJ;;AAGZ;AACAjB,EAAAA,KAAK,EAAEe,mBAAS,CAACG,MAAV,CAAiBC,UAAjB,CAA4BF,WAA5B,CAAwC,iBAAxC,CAJK;;AAKZ;AACAhB,EAAAA,QAAQ,EAAEc,mBAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,uBAA3B,CANE;;AAOZ;AACAf,EAAAA,IAAI,EAAEa,mBAAS,CAACM,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BJ,WAA5B,CAAwC,WAAxC,CARM;;AASZ;AACAd,EAAAA,SAAS,EAAEY,mBAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,yBAA3B;AAVC,CAAd;AAaAnB,aAAa,CAACyB,SAAd,GAA0BT,KAA1B;IACMU,yBAAyB,GAAGC,kBAAQ,CAAC3B,aAAD;AAC1C0B,yBAAyB,CAACD,SAA1B,GAAsCT,KAAtC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/cjs/index.d.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
package/cjs/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/cjs/props.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport { PropTypes } from 'react-desc';\nimport { DSInput } from '@elliemae/ds-form';\n\nconst pillTypes = PropTypes.oneOf(['label', 'value', 'input', 'dropdown', 'removable', 'readonly']);\n\nexport const DSPillV2PropTypes = {\n label: PropTypes.string.description('Label to show in the pill').isRequired,\n type: pillTypes.description('The type of pill that you want to render').isRequired,\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n .description('Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)')\n .defaultValue(() => null),\n ariaLabel: PropTypes.string\n .description('Aria label for the pill. If not provided we will use the label')\n .defaultValue(''),\n labelTruncated: PropTypes.bool.description('Whether to truncate the pills label').defaultValue(true),\n tooltipValue: PropTypes.string.description('String to show as a tooltip in the value pill').defaultValue(''),\n iconLeft: PropTypes.node.description('A component to show int the left of a readonly pill').defaultValue(null),\n iconRight: PropTypes.node.description('A component to show in the right of a readonly pill').defaultValue(null),\n onRemove: PropTypes.func\n .description('Callback triggered when removing a pill with the close icon')\n .defaultValue(() => null),\n inputPlaceholder: PropTypes.string.description('Placeholder for the input pill').defaultValue(''),\n onInputChange: PropTypes.func\n .description('Callback triggered when user provides input to the input pill')\n .defaultValue(() => null),\n onInputClear: PropTypes.func\n .description('Callback triggered when the user clears an input pill')\n .defaultValue(() => null),\n inputWidth: PropTypes.number.description('Width in pixels for the input tag in the input pill').defaultValue(150),\n dropdownProps: PropTypes.object.description('Properties that will be used for the dropdown-menu').defaultValue({}),\n onDropdownClick: PropTypes.func\n .description('Callback when dropdown button is clicked or pressed')\n .defaultValue(() => null),\n};\n\nexport const DSPillButtonPropTypes = {\n type: PropTypes.oneOf(['only', 'left', 'right'])\n .description('The position in which this button will be placed. Only used for css styling internally')\n .defaultValue('right'),\n width: PropTypes.string.description('Width of the button').defaultValue('100%'),\n height: PropTypes.string.description('Height of the button').defaultValue('100%'),\n};\n\nexport const DSPillGroupPropTypes = {\n width: PropTypes.string.description('Width of the group').defaultValue('fit-content'),\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n .description('Reference to the pill group wrapper')\n .defaultValue(() => null),\n};\n\nexport const DSPillV2DefaultProps = {\n innerRef: () => null,\n ariaLabel: '',\n labelTruncated: true,\n tooltipValue: '',\n iconLeft: null,\n iconRight: null,\n onRemove: () => null,\n inputPlaceholder: '',\n onInputChange: () => null,\n onInputClear: () => null,\n inputWidth: 72,\n inputRender: DSInput,\n dropdownProps: {},\n onDropdownClick: () => null,\n};\n\nexport const DSPillButtonDefaultProps = {\n type: 'right',\n width: '100%',\n height: '100%',\n};\n\nexport const DSPillGroupDefaultProps = {\n width: 'fit-content',\n innerRef: () => null,\n};\n"],"names":["pillTypes","PropTypes","oneOf","DSPillV2PropTypes","label","string","description","isRequired","type","innerRef","oneOfType","object","func","defaultValue","ariaLabel","labelTruncated","bool","tooltipValue","iconLeft","node","iconRight","onRemove","inputPlaceholder","onInputChange","onInputClear","inputWidth","number","dropdownProps","onDropdownClick","DSPillButtonPropTypes","width","height","DSPillGroupPropTypes","DSPillV2DefaultProps","inputRender","DSInput","DSPillButtonDefaultProps","DSPillGroupDefaultProps"],"mappings":"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"}
|
package/cjs/utils.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../src/utils.tsx"],"sourcesContent":["type refInterfaceType = React.MutableRefObject<HTMLElement> | ((_ref: HTMLElement) => void);\n\nexport const setMultipleRefs =\n (...refs: refInterfaceType[]) =>\n (_ref: HTMLElement): void => {\n refs.forEach((ref) => {\n if (!ref || !_ref) return;\n if (typeof ref === 'function') {\n ref(_ref);\n return;\n }\n if (ref) ref.current = _ref;\n });\n };\n"],"names":["setMultipleRefs","refs","_ref","forEach","ref","current"],"mappings":";;;;IAEaA,eAAe,GAC1B,SADWA,eACX;AAAA,oCAAIC,IAAJ;AAAIA,IAAAA,IAAJ;AAAA;;AAAA,SACA,UAACC,IAAD,EAA6B;AAC3BD,IAAAA,IAAI,CAACE,OAAL,CAAa,UAACC,GAAD,EAAS;AACpB,UAAI,CAACA,GAAD,IAAQ,CAACF,IAAb,EAAmB;;AACnB,UAAI,OAAOE,GAAP,KAAe,UAAnB,EAA+B;AAC7BA,QAAAA,GAAG,CAACF,IAAD,CAAH;AACA;AACD;;AACD,UAAIE,GAAJ,EAASA,GAAG,CAACC,OAAJ,GAAcH,IAAd;AACV,KAPD;AAQD,GAVD;AAAA;;;;"}
|
package/components/package.json
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@elliemae/ds-pills/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill",
|
|
3
|
-
"sideEffects": [
|
|
4
|
-
"*.css",
|
|
5
|
-
"*.scss"
|
|
6
|
-
],
|
|
7
|
-
"private": true,
|
|
8
|
-
"main": "../../../cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js",
|
|
9
|
-
"module": "../../../esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js"
|
|
10
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@elliemae/ds-pills/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill",
|
|
3
|
-
"sideEffects": [
|
|
4
|
-
"*.css",
|
|
5
|
-
"*.scss"
|
|
6
|
-
],
|
|
7
|
-
"private": true,
|
|
8
|
-
"main": "../../../cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js",
|
|
9
|
-
"module": "../../../esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js"
|
|
10
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@elliemae/ds-pills/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill",
|
|
3
|
-
"sideEffects": [
|
|
4
|
-
"*.css",
|
|
5
|
-
"*.scss"
|
|
6
|
-
],
|
|
7
|
-
"private": true,
|
|
8
|
-
"main": "../../../cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js",
|
|
9
|
-
"module": "../../../esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js"
|
|
10
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@elliemae/ds-pills/deprecated/LabeledDropdownPillsTypes/utils",
|
|
3
|
-
"sideEffects": [
|
|
4
|
-
"*.css",
|
|
5
|
-
"*.scss"
|
|
6
|
-
],
|
|
7
|
-
"private": true,
|
|
8
|
-
"main": "../../../cjs/deprecated/LabeledDropdownPillsTypes/utils.js",
|
|
9
|
-
"module": "../../../esm/deprecated/LabeledDropdownPillsTypes/utils.js"
|
|
10
|
-
}
|
package/deprecated/package.json
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Pill.js","sources":["../../../src/components/Pill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSPillProps } from '../index.d';\nimport { DSPillV2DefaultProps, DSPillV2PropTypes } from '../props';\nimport { DropdownPill, LabelPill, ValuePill, InputPill, ReadOnlyPill, RemovablePill } from './types';\n\nconst pillComponentGetter: Record<string, React.ComponentType<DSPillProps>> = {\n dropdown: DropdownPill,\n input: InputPill,\n label: LabelPill,\n readonly: ReadOnlyPill,\n removable: RemovablePill,\n value: ValuePill,\n};\n\nconst DSPillV2: React.ComponentType<DSPillProps> = (props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillV2DefaultProps);\n useValidateTypescriptPropTypes(propsWithDefaults, DSPillV2WithSchema.toTypescript());\n const { type } = propsWithDefaults;\n const PillComponent = pillComponentGetter[type];\n\n return <PillComponent {...propsWithDefaults} />;\n};\n\nDSPillV2.propTypes = DSPillV2PropTypes;\nconst DSPillV2WithSchema = describe(DSPillV2).description('Pill');\nDSPillV2WithSchema.propTypes = DSPillV2PropTypes;\n\nexport { DSPillV2, DSPillV2WithSchema };\n"],"names":["pillComponentGetter","dropdown","DropdownPill","input","InputPill","label","LabelPill","readonly","ReadOnlyPill","removable","RemovablePill","value","ValuePill","DSPillV2","props","propsWithDefaults","useMemoMergePropsWithDefault","DSPillV2DefaultProps","useValidateTypescriptPropTypes","DSPillV2WithSchema","toTypescript","type","PillComponent","propTypes","DSPillV2PropTypes","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAQA,IAAMA,mBAAqE,GAAG;AAC5EC,EAAAA,QAAQ,EAAEC,YADkE;AAE5EC,EAAAA,KAAK,EAAEC,SAFqE;AAG5EC,EAAAA,KAAK,EAAEC,SAHqE;AAI5EC,EAAAA,QAAQ,EAAEC,YAJkE;AAK5EC,EAAAA,SAAS,EAAEC,aALiE;AAM5EC,EAAAA,KAAK,EAAEC;AANqE,CAA9E;;IASMC,QAA0C,GAAG,SAA7CA,QAA6C,CAACC,KAAD,EAAW;AAC5D,MAAMC,iBAAiB,GAAGC,4BAA4B,CAACF,KAAD,EAAQG,oBAAR,CAAtD;AACAC,EAAAA,8BAA8B,CAACH,iBAAD,EAAoBI,kBAAkB,CAACC,YAAnB,EAApB,CAA9B;AACA,MAAQC,IAAR,GAAiBN,iBAAjB,CAAQM,IAAR;AACA,MAAMC,aAAa,GAAGtB,mBAAmB,CAACqB,IAAD,CAAzC;AAEA,sBAAO,oBAAC,aAAD,EAAmBN,iBAAnB,CAAP;AACD;;AAEDF,QAAQ,CAACU,SAAT,GAAqBC,iBAArB;IACML,kBAAkB,GAAGM,QAAQ,CAACZ,QAAD,CAAR,CAAmBa,WAAnB,CAA+B,MAA/B;AAC3BP,kBAAkB,CAACI,SAAnB,GAA+BC,iBAA/B;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PillButton.js","sources":["../../../src/components/PillButton.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { DSButtonPropsT } from '@elliemae/ds-button';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { StyledPillButton } from './styled';\nimport { DSPillButtonDefaultProps, DSPillButtonPropTypes } from '../props';\n\nconst typeToClassName = {\n only: 'ds-pill-button-only',\n left: 'ds-pill-button-left',\n right: 'ds-pill-button-right',\n};\n\nconst DSPillButton: React.ComponentType<DSButtonPropsT> = (props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillButtonDefaultProps);\n useValidateTypescriptPropTypes(propsWithDefaults, DSPillButtonWithSchema.toTypescript());\n\n const { type, children, ...rest } = propsWithDefaults;\n\n return (\n <StyledPillButton {...rest} buttonType=\"raw\" className={`${typeToClassName[type]} ${rest.className}`}>\n {children}\n </StyledPillButton>\n );\n};\n\nDSPillButton.propTypes = DSPillButtonPropTypes;\nconst DSPillButtonWithSchema = describe(DSPillButton).description('Pill button');\nDSPillButtonWithSchema.propTypes = DSPillButtonPropTypes;\n\nexport { DSPillButton, DSPillButtonWithSchema };\n"],"names":["typeToClassName","only","left","right","DSPillButton","props","propsWithDefaults","useMemoMergePropsWithDefault","DSPillButtonDefaultProps","useValidateTypescriptPropTypes","DSPillButtonWithSchema","toTypescript","type","children","rest","className","propTypes","DSPillButtonPropTypes","describe","description"],"mappings":";;;;;;;;;;;;;AAQA,IAAMA,eAAe,GAAG;AACtBC,EAAAA,IAAI,EAAE,qBADgB;AAEtBC,EAAAA,IAAI,EAAE,qBAFgB;AAGtBC,EAAAA,KAAK,EAAE;AAHe,CAAxB;;IAMMC,YAAiD,GAAG,SAApDA,YAAoD,CAACC,KAAD,EAAW;AACnE,MAAMC,iBAAiB,GAAGC,4BAA4B,CAACF,KAAD,EAAQG,wBAAR,CAAtD;AACAC,EAAAA,8BAA8B,CAACH,iBAAD,EAAoBI,sBAAsB,CAACC,YAAvB,EAApB,CAA9B;;AAEA,MAAQC,IAAR,GAAoCN,iBAApC,CAAQM,IAAR;AAAA,MAAcC,QAAd,GAAoCP,iBAApC,CAAcO,QAAd;AAAA,MAA2BC,IAA3B,4BAAoCR,iBAApC;;AAEA,sBACE,oBAAC,gBAAD,eAAsBQ,IAAtB;AAA4B,IAAA,UAAU,EAAC,KAAvC;AAA6C,IAAA,SAAS,YAAKd,eAAe,CAACY,IAAD,CAApB,cAA8BE,IAAI,CAACC,SAAnC;AAAtD,MACGF,QADH,CADF;AAKD;;AAEDT,YAAY,CAACY,SAAb,GAAyBC,qBAAzB;IACMP,sBAAsB,GAAGQ,QAAQ,CAACd,YAAD,CAAR,CAAuBe,WAAvB,CAAmC,aAAnC;AAC/BT,sBAAsB,CAACM,SAAvB,GAAmCC,qBAAnC;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PillGroup.js","sources":["../../../src/components/PillGroup.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { createContext, useCallback, useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { uid } from 'uid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { DSPillGroupProps } from '../index.d';\nimport { DSPillGroupDefaultProps, DSPillGroupPropTypes } from '../props';\nimport { StyledPillGroup } from './styled';\n\nexport const DSPillGroupV2Context = createContext<{ onKeyboardRemove: (pillUid: string) => void }>({\n onKeyboardRemove: () => null,\n});\n\nconst DSPillGroupV2: React.ComponentType<DSPillGroupProps> = (props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillGroupDefaultProps);\n useValidateTypescriptPropTypes(propsWithDefaults, DSPillGroupV2WithSchema.toTypescript());\n\n const pillGroupUid = useMemo(() => `ds-pill-group-${uid()}`, []);\n const { children, width, innerRef } = propsWithDefaults;\n const onKeyboardRemove = useCallback(\n (pillUid: string) => {\n const elems = [...document.querySelectorAll(`#${pillGroupUid} .ds-pill-focus-point`)] as HTMLElement[];\n\n const pillIndex = elems.findIndex((elem) => elem.id === pillUid);\n\n if (pillIndex > 0) {\n elems[pillIndex - 1].focus();\n } else if (pillIndex + 1 < elems.length) {\n elems[pillIndex + 1].focus();\n }\n },\n [pillGroupUid],\n );\n\n return (\n <DSPillGroupV2Context.Provider value={{ onKeyboardRemove }}>\n <StyledPillGroup\n width={width}\n id={pillGroupUid}\n cols={React.Children.map(children, () => 'auto')}\n gutter=\"2px\"\n ref={innerRef}\n >\n {children}\n </StyledPillGroup>\n </DSPillGroupV2Context.Provider>\n );\n};\n\nDSPillGroupV2.propTypes = DSPillGroupPropTypes;\nconst DSPillGroupV2WithSchema = describe(DSPillGroupV2);\nDSPillGroupV2WithSchema.propTypes = DSPillGroupPropTypes;\n\nexport { DSPillGroupV2, DSPillGroupV2WithSchema };\n"],"names":["DSPillGroupV2Context","createContext","onKeyboardRemove","DSPillGroupV2","props","propsWithDefaults","useMemoMergePropsWithDefault","DSPillGroupDefaultProps","useValidateTypescriptPropTypes","DSPillGroupV2WithSchema","toTypescript","pillGroupUid","useMemo","uid","children","width","innerRef","useCallback","pillUid","elems","document","querySelectorAll","pillIndex","findIndex","elem","id","focus","length","React","Children","map","propTypes","DSPillGroupPropTypes","describe"],"mappings":";;;;;;;;;;;;IASaA,oBAAoB,gBAAGC,aAAa,CAAkD;AACjGC,EAAAA,gBAAgB,EAAE;AAAA,WAAM,IAAN;AAAA;AAD+E,CAAlD;;IAI3CC,aAAoD,GAAG,SAAvDA,aAAuD,CAACC,KAAD,EAAW;AACtE,MAAMC,iBAAiB,GAAGC,4BAA4B,CAACF,KAAD,EAAQG,uBAAR,CAAtD;AACAC,EAAAA,8BAA8B,CAACH,iBAAD,EAAoBI,uBAAuB,CAACC,YAAxB,EAApB,CAA9B;AAEA,MAAMC,YAAY,GAAGC,OAAO,CAAC;AAAA,mCAAuBC,GAAG,EAA1B;AAAA,GAAD,EAAiC,EAAjC,CAA5B;AACA,MAAQC,QAAR,GAAsCT,iBAAtC,CAAQS,QAAR;AAAA,MAAkBC,KAAlB,GAAsCV,iBAAtC,CAAkBU,KAAlB;AAAA,MAAyBC,QAAzB,GAAsCX,iBAAtC,CAAyBW,QAAzB;AACA,MAAMd,gBAAgB,GAAGe,WAAW,CAClC,UAACC,OAAD,EAAqB;AACnB,QAAMC,KAAK,sBAAOC,QAAQ,CAACC,gBAAT,YAA8BV,YAA9B,2BAAP,CAAX;;AAEA,QAAMW,SAAS,GAAGH,KAAK,CAACI,SAAN,CAAgB,UAACC,IAAD;AAAA,aAAUA,IAAI,CAACC,EAAL,KAAYP,OAAtB;AAAA,KAAhB,CAAlB;;AAEA,QAAII,SAAS,GAAG,CAAhB,EAAmB;AACjBH,MAAAA,KAAK,CAACG,SAAS,GAAG,CAAb,CAAL,CAAqBI,KAArB;AACD,KAFD,MAEO,IAAIJ,SAAS,GAAG,CAAZ,GAAgBH,KAAK,CAACQ,MAA1B,EAAkC;AACvCR,MAAAA,KAAK,CAACG,SAAS,GAAG,CAAb,CAAL,CAAqBI,KAArB;AACD;AACF,GAXiC,EAYlC,CAACf,YAAD,CAZkC,CAApC;AAeA,sBACE,oBAAC,oBAAD,CAAsB,QAAtB;AAA+B,IAAA,KAAK,EAAE;AAAET,MAAAA,gBAAgB,EAAhBA;AAAF;AAAtC,kBACE,oBAAC,eAAD;AACE,IAAA,KAAK,EAAEa,KADT;AAEE,IAAA,EAAE,EAAEJ,YAFN;AAGE,IAAA,IAAI,EAAEiB,KAAK,CAACC,QAAN,CAAeC,GAAf,CAAmBhB,QAAnB,EAA6B;AAAA,aAAM,MAAN;AAAA,KAA7B,CAHR;AAIE,IAAA,MAAM,EAAC,KAJT;AAKE,IAAA,GAAG,EAAEE;AALP,KAOGF,QAPH,CADF,CADF;AAaD;;AAEDX,aAAa,CAAC4B,SAAd,GAA0BC,oBAA1B;IACMvB,uBAAuB,GAAGwB,QAAQ,CAAC9B,aAAD;AACxCM,uBAAuB,CAACsB,SAAxB,GAAoCC,oBAApC;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|