npm - @elliemae/ds-pills - Versions diffs - 1.61.10 → 1.61.13 - Mend

@elliemae/ds-pills 1.61.10 → 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.

Files changed (51) hide show

package/cjs/components/Pill.js.map CHANGED Viewed

	@@ -1 +1 @@
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","React","propTypes","DSPillV2PropTypes","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAQA,IAAMA,mBAAqE,GAAG;~~AAC5EC~~,~~EAAAA,~~QAAQ,EAAEC,0CADkE;~~AAE5EC~~,~~EAAAA,~~KAAK,EAAEC,oCAFqE;~~AAG5EC~~,~~EAAAA,~~KAAK,EAAEC,oCAHqE;~~AAI5EC~~,~~EAAAA,~~QAAQ,EAAEC,0CAJkE;~~AAK5EC~~,~~EAAAA,~~SAAS,EAAEC,4CALiE;~~AAM5EC~~,~~EAAAA,~~KAAK,EAAEC;AANqE,CAA9E;;IASMC,QAA0C,GAAG,SAA7CA,QAA6C,CAACC,OAAD,EAAW;~~AAC5D~~,~~MAAMC~~,iBAAiB,GAAGC,2CAA4B,CAACF,OAAD,EAAQG,0BAAR,CAAtD;~~AACAC~~,~~EAAAA,~~6CAA8B,CAACH,iBAAD,EAAoBI,kBAAkB,CAACC,YAAnB,EAApB,CAA9B;~~AACA~~,~~MAAQC~~,IAAR,GAAiBN,iBAAjB,CAAQM,IAAR;~~AACA~~,~~MAAMC~~,aAAa,GAAGtB,mBAAmB,CAACqB,IAAD,CAAzC;~~AAEA~~,~~sBAAOE~~,wCAAC,aAAD,EAAmBR,iBAAnB,CAAP;AACD;;AAEDF,QAAQ,CAACW,SAAT,GAAqBC,uBAArB;IACMN,kBAAkB,GAAGO,kBAAQ,CAACb,QAAD,CAAR,CAAmBc,WAAnB,CAA+B,MAA/B;AAC3BR,kBAAkB,CAACK,SAAnB,GAA+BC,uBAA/B;;;;;"}
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","React","propTypes","DSPillV2PropTypes","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAQA,IAAMA,mBAAqE,GAAG;EAC5EC,QAAQ,EAAEC,0CADkE;EAE5EC,KAAK,EAAEC,oCAFqE;EAG5EC,KAAK,EAAEC,oCAHqE;EAI5EC,QAAQ,EAAEC,0CAJkE;EAK5EC,SAAS,EAAEC,4CALiE;EAM5EC,KAAK,EAAEC;AANqE,CAA9E;;IASMC,QAA0C,GAAG,SAA7CA,QAA6C,CAACC,OAAD,EAAW;EAC5D,IAAMC,iBAAiB,GAAGC,2CAA4B,CAACF,OAAD,EAAQG,0BAAR,CAAtD;EACAC,6CAA8B,CAACH,iBAAD,EAAoBI,kBAAkB,CAACC,YAAnB,EAApB,CAA9B;EACA,IAAQC,IAAR,GAAiBN,iBAAjB,CAAQM,IAAR;EACA,IAAMC,aAAa,GAAGtB,mBAAmB,CAACqB,IAAD,CAAzC;EAEA,oBAAOE,wCAAC,aAAD,EAAmBR,iBAAnB,CAAP;AACD;;AAEDF,QAAQ,CAACW,SAAT,GAAqBC,uBAArB;IACMN,kBAAkB,GAAGO,kBAAQ,CAACb,QAAD,CAAR,CAAmBc,WAAnB,CAA+B,MAA/B;AAC3BR,kBAAkB,CAACK,SAAnB,GAA+BC,uBAA/B;;;;;"}

package/cjs/components/PillButton.js.map CHANGED Viewed

	@@ -1 +1 @@
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","React","StyledPillButton","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,OAAD,EAAW;~~AACnE~~,~~MAAMC~~,iBAAiB,GAAGC,2CAA4B,CAACF,OAAD,EAAQG,8BAAR,CAAtD;~~AACAC~~,~~EAAAA,~~6CAA8B,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,gDAAoCR,iBAApC;;~~AAEA~~,~~sBACES~~,wCAACC,kCAAD,mCAAsBF,IAAtB;~~AAA4B~~,~~IAAA,~~UAAU,EAAC,KAAvC;~~AAA6C~~,~~IAAA,~~SAAS,YAAKd,eAAe,CAACY,IAAD,CAApB,cAA8BE,IAAI,CAACG,SAAnC;~~AAAtD~~,~~MACGJ,~~QADH,CADF;AAKD;;AAEDT,YAAY,CAACc,SAAb,GAAyBC,2BAAzB;IACMT,sBAAsB,GAAGU,kBAAQ,CAAChB,YAAD,CAAR,CAAuBiB,WAAvB,CAAmC,aAAnC;AAC/BX,sBAAsB,CAACQ,SAAvB,GAAmCC,2BAAnC;;;;;"}
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","React","StyledPillButton","className","propTypes","DSPillButtonPropTypes","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,eAAe,GAAG;EACtBC,IAAI,EAAE,qBADgB;EAEtBC,IAAI,EAAE,qBAFgB;EAGtBC,KAAK,EAAE;AAHe,CAAxB;;IAMMC,YAAiD,GAAG,SAApDA,YAAoD,CAACC,OAAD,EAAW;EACnE,IAAMC,iBAAiB,GAAGC,2CAA4B,CAACF,OAAD,EAAQG,8BAAR,CAAtD;EACAC,6CAA8B,CAACH,iBAAD,EAAoBI,sBAAsB,CAACC,YAAvB,EAApB,CAA9B;;EAEA,IAAQC,IAAR,GAAoCN,iBAApC,CAAQM,IAAR;MAAcC,QAAd,GAAoCP,iBAApC,CAAcO,QAAd;MAA2BC,IAA3B,gDAAoCR,iBAApC;;EAEA,oBACES,wCAACC,kCAAD,mCAAsBF,IAAtB;IAA4B,UAAU,EAAC,KAAvC;IAA6C,SAAS,YAAKd,eAAe,CAACY,IAAD,CAApB,cAA8BE,IAAI,CAACG,SAAnC;MACnDJ,QADH,CADF;AAKD;;AAEDT,YAAY,CAACc,SAAb,GAAyBC,2BAAzB;IACMT,sBAAsB,GAAGU,kBAAQ,CAAChB,YAAD,CAAR,CAAuBiB,WAAvB,CAAmC,aAAnC;AAC/BX,sBAAsB,CAACQ,SAAvB,GAAmCC,2BAAnC;;;;;"}

package/cjs/components/PillGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
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","StyledPillGroup","Children","map","propTypes","DSPillGroupPropTypes","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;IASaA,oBAAoB,gBAAGC,mBAAa,CAAkD;~~AACjGC~~,~~EAAAA,~~gBAAgB,EAAE;~~AAAA~~,~~WAAM~~,IAAN~~;AAAA;~~AAD+E,CAAlD;;IAI3CC,aAAoD,GAAG,SAAvDA,aAAuD,CAACC,OAAD,EAAW;~~AACtE~~,~~MAAMC~~,iBAAiB,GAAGC,2CAA4B,CAACF,OAAD,EAAQG,6BAAR,CAAtD;~~AACAC~~,~~EAAAA,~~6CAA8B,CAACH,iBAAD,EAAoBI,uBAAuB,CAACC,YAAxB,EAApB,CAA9B;~~AAEA~~,~~MAAMC~~,YAAY,GAAGC,aAAO,CAAC;~~AAAA~~,~~mCAAuBC,~~OAAG,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,iBAAW,CAClC,UAACC,OAAD,EAAqB;~~AACnB~~,~~QAAMC~~,KAAK,0CAAOC,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~~,~~sBACEiB~~,wCAAC,oBAAD,CAAsB,QAAtB;~~AAA~~+B,~~IAAA,~~KAAK,EAAE;~~AAAE1B~~,~~MAAAA,~~gBAAgB,EAAhBA~~;AAAF;AAAtC~~,~~kBACE0B,~~wCAACC,iCAAD;~~AACE~~,~~IAAA,~~KAAK,EAAEd,KADT;~~AAEE~~,~~IAAA,~~EAAE,EAAEJ,YAFN;~~AAGE~~,~~IAAA,~~IAAI,EAAEiB,yBAAK,CAACE,QAAN,CAAeC,GAAf,CAAmBjB,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,CAAC6B,SAAd,GAA0BC,0BAA1B;IACMxB,uBAAuB,GAAGyB,kBAAQ,CAAC/B,aAAD;AACxCM,uBAAuB,CAACuB,SAAxB,GAAoCC,0BAApC;;;;;;"}
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","StyledPillGroup","Children","map","propTypes","DSPillGroupPropTypes","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;IASaA,oBAAoB,gBAAGC,mBAAa,CAAkD;EACjGC,gBAAgB,EAAE;IAAA,OAAM,IAAN;;AAD+E,CAAlD;;IAI3CC,aAAoD,GAAG,SAAvDA,aAAuD,CAACC,OAAD,EAAW;EACtE,IAAMC,iBAAiB,GAAGC,2CAA4B,CAACF,OAAD,EAAQG,6BAAR,CAAtD;EACAC,6CAA8B,CAACH,iBAAD,EAAoBI,uBAAuB,CAACC,YAAxB,EAApB,CAA9B;EAEA,IAAMC,YAAY,GAAGC,aAAO,CAAC;IAAA,+BAAuBC,OAAG,EAA1B;GAAD,EAAiC,EAAjC,CAA5B;EACA,IAAQC,QAAR,GAAsCT,iBAAtC,CAAQS,QAAR;MAAkBC,KAAlB,GAAsCV,iBAAtC,CAAkBU,KAAlB;MAAyBC,QAAzB,GAAsCX,iBAAtC,CAAyBW,QAAzB;EACA,IAAMd,gBAAgB,GAAGe,iBAAW,CAClC,UAACC,OAAD,EAAqB;IACnB,IAAMC,KAAK,0CAAOC,QAAQ,CAACC,gBAAT,YAA8BV,YAA9B,2BAAP,CAAX;;IAEA,IAAMW,SAAS,GAAGH,KAAK,CAACI,SAAN,CAAgB,UAACC,IAAD;MAAA,OAAUA,IAAI,CAACC,EAAL,KAAYP,OAAtB;KAAhB,CAAlB;;IAEA,IAAII,SAAS,GAAG,CAAhB,EAAmB;MACjBH,KAAK,CAACG,SAAS,GAAG,CAAb,CAAL,CAAqBI,KAArB;KADF,MAEO,IAAIJ,SAAS,GAAG,CAAZ,GAAgBH,KAAK,CAACQ,MAA1B,EAAkC;MACvCR,KAAK,CAACG,SAAS,GAAG,CAAb,CAAL,CAAqBI,KAArB;;GAT8B,EAYlC,CAACf,YAAD,CAZkC,CAApC;EAeA,oBACEiB,wCAAC,oBAAD,CAAsB,QAAtB;IAA+B,KAAK,EAAE;MAAE1B,gBAAgB,EAAhBA;;kBACtC0B,wCAACC,iCAAD;IACE,KAAK,EAAEd,KADT;IAEE,EAAE,EAAEJ,YAFN;IAGE,IAAI,EAAEiB,yBAAK,CAACE,QAAN,CAAeC,GAAf,CAAmBjB,QAAnB,EAA6B;MAAA,OAAM,MAAN;KAA7B,CAHR;IAIE,MAAM,EAAC,KAJT;IAKE,GAAG,EAAEE;KAEJF,QAPH,CADF,CADF;AAaD;;AAEDX,aAAa,CAAC6B,SAAd,GAA0BC,0BAA1B;IACMxB,uBAAuB,GAAGyB,kBAAQ,CAAC/B,aAAD;AACxCM,uBAAuB,CAACuB,SAAxB,GAAoCC,0BAApC;;;;;;"}

package/cjs/components/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../src/components/styled.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport styled, { css } from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\nimport { DSButtonV2 } from '@elliemae/ds-button';\n\n// =============================================================================\n// Common CSS\n// =============================================================================\n\nconst borderOutside = (color: string, size = 1, zIndex = 2, borderRadius = '12px') => css`\n :after {\n content: ' ';\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n bottom: 0px;\n border: ${size}px solid ${color};\n border-top-left-radius: ${borderRadius};\n border-top-right-radius: ${borderRadius};\n border-bottom-left-radius: ${borderRadius};\n border-bottom-right-radius: ${borderRadius};\n pointer-events: none;\n z-index: ${zIndex};\n }\n`;\n\nconst commonPillWrapperCss = css`\n height: 24px;\n position: relative;\n\n width: fit-content;\n\n background-color: ${(props) => props.theme.colors.brand[200]};\n\n outline: none;\n\n white-space: nowrap;\n\n padding: 0px 12px 0 12px;\n border-radius: 12px;\n\n font-size: 13px;\n line-height: 1;\n color: ${(props) => props.theme.colors.brand[800]};\n ${(props) => borderOutside(props.theme.colors.brand[300])};\n`;\n\n// =============================================================================\n// Pills wrappers\n// =============================================================================\n\nexport const StyledLabelPillWrapper = styled(Grid)`\n ${commonPillWrapperCss}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n padding-left: ${(props) => (props.hasIcon ? '0px !important' : '12px')};\n`;\n\nexport const StyledValuePillWrapper = styled(Grid)`\n ${commonPillWrapperCss}\n font-weight: ${(props) => props.theme.fontWeights.regular};\n padding-left: ${(props) => (props.hasIcon ? '0px !important' : '12px')};\n`;\n\nexport const StyledInputPillWrapper = styled(Grid)<{ value: string; inputWidth: number; inputHasFocus: boolean }>`\n ${commonPillWrapperCss}\n\n background: ${(props) => props.theme.colors.neutral['000']};\n padding: 0;\n\n ${({ value, theme }) => borderOutside(value === '' ? theme.colors.neutral[400] : theme.colors.brand[500])}\n\n :focus-within {\n ${(props) => (props.inputHasFocus ? borderOutside(props.theme.colors.brand[700], 2) : '')}\n }\n\n :active {\n ${(props) => (props.inputHasFocus ? borderOutside(props.theme.colors.brand[500]) : '')}\n }\n\n & .em-ds-input {\n outline: none !important;\n border: none !important;\n box-shadow: none !important;\n border-radius: 0 !important;\n height: 100%;\n background: transparent;\n width: ${(props) => `${props.inputWidth + (props.value === '' ? 24 : 0)}px`};\n padding: 0;\n margin: 0 0 0 8px;\n }\n\n & .em-ds-input__tooltip-ref {\n height: 100%;\n }\n`;\n\nexport const StyledDropdownPillWrapper = styled(Grid)`\n ${commonPillWrapperCss}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n\n padding: 0 0 0 12px;\n`;\n\nexport const StyledReadonlyPillWrapper = styled(Grid)<{ hasIconRight: boolean; hasIconLeft: boolean }>`\n ${commonPillWrapperCss}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n padding-right: ${(props) => (props.hasIconRight ? '0 !important' : '12px')};\n padding-left: ${(props) => (props.hasIconLeft ? '0 !important' : '12px')};\n`;\n\nexport const StyledRemovablePillWrapper = styled(Grid)`\n ${commonPillWrapperCss}\n font-weight: ${(props) => props.theme.fontWeights.regular};\n padding: 0 0 0 12px;\n`;\n\n// =============================================================================\n// Pill group\n// =============================================================================\n\nexport const StyledPillGroup = styled(Grid)`\n width: ${({ width }) => width};\n\n // Pill edges\n & .ds-pill-wrapper {\n &:not(:first-of-type) {\n &,\n :after,\n :before,\n .ds-pill-tooltip-value:after {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n }\n }\n &:not(:last-of-type) {\n &,\n :after,\n :before,\n .ds-pill-tooltip-value:after {\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n }\n }\n }\n\n // Pill paddings to the left / right\n & .ds-pill-wrapper-label,\n & .ds-pill-wrapper-value,\n & .ds-pill-wrapper-readonly {\n &:not(:first-of-type) {\n padding-left: 8px;\n }\n &:not(:last-of-type) {\n padding-right: 8px;\n }\n }\n\n & .ds-pill-wrapper-removable:not(:first-of-type) {\n padding-left: 8px;\n }\n\n & .ds-pill-wrapper-dropdown:not(:first-of-type) {\n padding-left: 8px;\n }\n\n & .ds-pill-wrapper {\n :not(:first-of-type) {\n .ds-pill-button-left {\n border-radius: 0px;\n }\n .ds-pill-button-only {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n }\n }\n :not(:last-of-type) {\n .ds-pill-button-right {\n border-radius: 0px;\n }\n .ds-pill-button-only {\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n }\n }\n }\n`;\n\n// =============================================================================\n// Extra stuff\n// =============================================================================\n\nexport const StyledSpanWithTooltip = styled.span`\n outline: none;\n :focus {\n ${(props) => borderOutside(props.theme.colors.brand[700], 2, 3)}\n }\n`;\n\nexport const StyledPillButton = styled(DSButtonV2)<{ width: string; height: string }>`\n display: grid;\n place-items: center;\n\n position: relative;\n\n padding: 0;\n width: ${(props) => props.width};\n height: ${(props) => props.height};\n\n border-radius: 12px;\n\n :focus {\n ${(props) => borderOutside(props.theme.colors.brand[700], 2, 3, 'inherit')}\n }\n\n cursor: pointer;\n`;\n"],"names":["borderOutside","color","size","zIndex","borderRadius","css","commonPillWrapperCss","props","theme","colors","brand","StyledLabelPillWrapper","styled","Grid","fontWeights","semibold","hasIcon","StyledValuePillWrapper","regular","StyledInputPillWrapper","neutral","value","inputHasFocus","inputWidth","StyledDropdownPillWrapper","StyledReadonlyPillWrapper","hasIconRight","hasIconLeft","StyledRemovablePillWrapper","StyledPillGroup","width","StyledSpanWithTooltip","span","StyledPillButton","DSButtonV2","height"],"mappings":";;;;;;;;;;;;;AAAA;AAMA;AACA;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;~~AAAA~~,~~MAAgBC~~,IAAhB,uEAAuB,CAAvB;~~AAAA~~,~~MAA0BC~~,MAA1B,uEAAmC,CAAnC;~~AAAA~~,~~MAAsCC~~,YAAtC,uEAAqD,MAArD;~~AAAA~~,~~SAAgEC~~,UAAhE,qQAQRH,IARQ,EAQQD,KARR,EASQG,YATR,EAUSA,YAVT,EAWWA,YAXX,EAYYA,YAZZ,EAcPD,MAdO;AAAA,CAAtB;;AAkBA,IAAMG,oBAAoB,gBAAGD,UAAH,qMAMJ,UAACE,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CANI,EAiBf,UAACH,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAjBe,EAkBtB,UAACH,KAAD;~~AAAA~~,~~SAAWP~~,aAAa,CAACO,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAD,CAAxB;AAAA,CAlBsB,CAA1B;AAsBA;AACA;;IAEaC,sBAAsB,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;~~AAAA~~;AAAA,iDAC/BP,oBAD+B,EAElB,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBC,QAAnC;AAAA,CAFkB,EAGjB,UAACR,KAAD;~~AAAA~~,~~SAAYA~~,KAAK,CAACS,OAAN,GAAgB,gBAAhB,GAAmC,MAA/C;AAAA,CAHiB;IAMtBC,sBAAsB,gBAAGL,0BAAM,CAACC,wBAAD,CAAT;~~AAAA~~;AAAA,iDAC/BP,oBAD+B,EAElB,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBI,OAAnC;AAAA,CAFkB,EAGjB,UAACX,KAAD;~~AAAA~~,~~SAAYA~~,KAAK,CAACS,OAAN,GAAgB,gBAAhB,GAAmC,MAA/C;AAAA,CAHiB;IAMtBG,sBAAsB,gBAAGP,0BAAM,CAACC,wBAAD,CAAT;~~AAAA~~;AAAA,mTAC/BP,oBAD+B,EAGnB,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBW,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHmB,EAM/B;~~AAAA~~,~~MAAGC~~,KAAH,QAAGA,KAAH;~~AAAA,~~MAAUb,KAAV,QAAUA,KAAV;~~AAAA~~,~~SAAsBR~~,aAAa,CAACqB,KAAK,KAAK,EAAV,GAAeb,KAAK,CAACC,MAAN,CAAaW,OAAb,CAAqB,GAArB,CAAf,GAA2CZ,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAA5C,CAAnC;AAAA,CAN+B,EAS7B,UAACH,KAAD;~~AAAA~~,~~SAAYA~~,KAAK,CAACe,aAAN,GAAsBtB,aAAa,CAACO,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAD,EAAgC,CAAhC,CAAnC,GAAwE,EAApF;AAAA,CAT6B,EAa7B,UAACH,KAAD;~~AAAA~~,~~SAAYA~~,KAAK,CAACe,aAAN,GAAsBtB,aAAa,CAACO,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAD,CAAnC,GAAqE,EAAjF;AAAA,CAb6B,EAuBtB,UAACH,KAAD;~~AAAA~~,~~mBAAcA~~,KAAK,CAACgB,UAAN,IAAoBhB,KAAK,CAACc,KAAN,KAAgB,EAAhB,GAAqB,EAArB,GAA0B,CAA9C,CAAd;AAAA,CAvBsB;IAiCtBG,yBAAyB,gBAAGZ,0BAAM,CAACC,wBAAD,CAAT;~~AAAA~~;AAAA,kDAClCP,oBADkC,EAErB,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBC,QAAnC;AAAA,CAFqB;IAOzBU,yBAAyB,gBAAGb,0BAAM,CAACC,wBAAD,CAAT;~~AAAA~~;AAAA,oEAClCP,oBADkC,EAErB,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBC,QAAnC;AAAA,CAFqB,EAGnB,UAACR,KAAD;~~AAAA~~,~~SAAYA~~,KAAK,CAACmB,YAAN,GAAqB,cAArB,GAAsC,MAAlD;AAAA,CAHmB,EAIpB,UAACnB,KAAD;~~AAAA~~,~~SAAYA~~,KAAK,CAACoB,WAAN,GAAoB,cAApB,GAAqC,MAAjD;AAAA,CAJoB;IAOzBC,0BAA0B,gBAAGhB,0BAAM,CAACC,wBAAD,CAAT;~~AAAA~~;AAAA,kDACnCP,oBADmC,EAEtB,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBI,OAAnC;AAAA,CAFsB;AAOvC;AACA;;IAEaW,eAAe,gBAAGjB,0BAAM,CAACC,wBAAD,CAAT;~~AAAA~~;AAAA,23BACjB;~~AAAA~~,~~MAAGiB~~,KAAH,SAAGA,KAAH;~~AAAA~~,~~SAAeA~~,KAAf;AAAA,CADiB;AAoE5B;AACA;;IAEaC,qBAAqB,gBAAGnB,0BAAM,CAACoB,IAAV;~~AAAA~~;AAAA,kCAG5B,UAACzB,KAAD;~~AAAA~~,~~SAAWP~~,aAAa,CAACO,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAD,EAAgC,CAAhC,EAAmC,CAAnC,CAAxB;AAAA,CAH4B;IAOrBuB,gBAAgB,gBAAGrB,0BAAM,CAACsB,mBAAD,CAAT;~~AAAA~~;AAAA,0IAOlB,UAAC3B,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACuB,KAAjB;AAAA,CAPkB,EAQjB,UAACvB,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAAC4B,MAAjB;AAAA,CARiB,EAavB,UAAC5B,KAAD;~~AAAA~~,~~SAAWP~~,aAAa,CAACO,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAD,EAAgC,CAAhC,EAAmC,CAAnC,EAAsC,SAAtC,CAAxB;AAAA,CAbuB;;;;;;;;;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../src/components/styled.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport styled, { css } from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\nimport { DSButtonV2 } from '@elliemae/ds-button';\n\n// =============================================================================\n// Common CSS\n// =============================================================================\n\nconst borderOutside = (color: string, size = 1, zIndex = 2, borderRadius = '12px') => css`\n :after {\n content: ' ';\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n bottom: 0px;\n border: ${size}px solid ${color};\n border-top-left-radius: ${borderRadius};\n border-top-right-radius: ${borderRadius};\n border-bottom-left-radius: ${borderRadius};\n border-bottom-right-radius: ${borderRadius};\n pointer-events: none;\n z-index: ${zIndex};\n }\n`;\n\nconst commonPillWrapperCss = css`\n height: 24px;\n position: relative;\n\n width: fit-content;\n\n background-color: ${(props) => props.theme.colors.brand[200]};\n\n outline: none;\n\n white-space: nowrap;\n\n padding: 0px 12px 0 12px;\n border-radius: 12px;\n\n font-size: 13px;\n line-height: 1;\n color: ${(props) => props.theme.colors.brand[800]};\n ${(props) => borderOutside(props.theme.colors.brand[300])};\n`;\n\n// =============================================================================\n// Pills wrappers\n// =============================================================================\n\nexport const StyledLabelPillWrapper = styled(Grid)`\n ${commonPillWrapperCss}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n padding-left: ${(props) => (props.hasIcon ? '0px !important' : '12px')};\n`;\n\nexport const StyledValuePillWrapper = styled(Grid)`\n ${commonPillWrapperCss}\n font-weight: ${(props) => props.theme.fontWeights.regular};\n padding-left: ${(props) => (props.hasIcon ? '0px !important' : '12px')};\n`;\n\nexport const StyledInputPillWrapper = styled(Grid)<{ value: string; inputWidth: number; inputHasFocus: boolean }>`\n ${commonPillWrapperCss}\n\n background: ${(props) => props.theme.colors.neutral['000']};\n padding: 0;\n\n ${({ value, theme }) => borderOutside(value === '' ? theme.colors.neutral[400] : theme.colors.brand[500])}\n\n :focus-within {\n ${(props) => (props.inputHasFocus ? borderOutside(props.theme.colors.brand[700], 2) : '')}\n }\n\n :active {\n ${(props) => (props.inputHasFocus ? borderOutside(props.theme.colors.brand[500]) : '')}\n }\n\n & .em-ds-input {\n outline: none !important;\n border: none !important;\n box-shadow: none !important;\n border-radius: 0 !important;\n height: 100%;\n background: transparent;\n width: ${(props) => `${props.inputWidth + (props.value === '' ? 24 : 0)}px`};\n padding: 0;\n margin: 0 0 0 8px;\n }\n\n & .em-ds-input__tooltip-ref {\n height: 100%;\n }\n`;\n\nexport const StyledDropdownPillWrapper = styled(Grid)`\n ${commonPillWrapperCss}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n\n padding: 0 0 0 12px;\n`;\n\nexport const StyledReadonlyPillWrapper = styled(Grid)<{ hasIconRight: boolean; hasIconLeft: boolean }>`\n ${commonPillWrapperCss}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n padding-right: ${(props) => (props.hasIconRight ? '0 !important' : '12px')};\n padding-left: ${(props) => (props.hasIconLeft ? '0 !important' : '12px')};\n`;\n\nexport const StyledRemovablePillWrapper = styled(Grid)`\n ${commonPillWrapperCss}\n font-weight: ${(props) => props.theme.fontWeights.regular};\n padding: 0 0 0 12px;\n`;\n\n// =============================================================================\n// Pill group\n// =============================================================================\n\nexport const StyledPillGroup = styled(Grid)`\n width: ${({ width }) => width};\n\n // Pill edges\n & .ds-pill-wrapper {\n &:not(:first-of-type) {\n &,\n :after,\n :before,\n .ds-pill-tooltip-value:after {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n }\n }\n &:not(:last-of-type) {\n &,\n :after,\n :before,\n .ds-pill-tooltip-value:after {\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n }\n }\n }\n\n // Pill paddings to the left / right\n & .ds-pill-wrapper-label,\n & .ds-pill-wrapper-value,\n & .ds-pill-wrapper-readonly {\n &:not(:first-of-type) {\n padding-left: 8px;\n }\n &:not(:last-of-type) {\n padding-right: 8px;\n }\n }\n\n & .ds-pill-wrapper-removable:not(:first-of-type) {\n padding-left: 8px;\n }\n\n & .ds-pill-wrapper-dropdown:not(:first-of-type) {\n padding-left: 8px;\n }\n\n & .ds-pill-wrapper {\n :not(:first-of-type) {\n .ds-pill-button-left {\n border-radius: 0px;\n }\n .ds-pill-button-only {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n }\n }\n :not(:last-of-type) {\n .ds-pill-button-right {\n border-radius: 0px;\n }\n .ds-pill-button-only {\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n }\n }\n }\n`;\n\n// =============================================================================\n// Extra stuff\n// =============================================================================\n\nexport const StyledSpanWithTooltip = styled.span`\n outline: none;\n :focus {\n ${(props) => borderOutside(props.theme.colors.brand[700], 2, 3)}\n }\n`;\n\nexport const StyledPillButton = styled(DSButtonV2)<{ width: string; height: string }>`\n display: grid;\n place-items: center;\n\n position: relative;\n\n padding: 0;\n width: ${(props) => props.width};\n height: ${(props) => props.height};\n\n border-radius: 12px;\n\n :focus {\n ${(props) => borderOutside(props.theme.colors.brand[700], 2, 3, 'inherit')}\n }\n\n cursor: pointer;\n`;\n"],"names":["borderOutside","color","size","zIndex","borderRadius","css","commonPillWrapperCss","props","theme","colors","brand","StyledLabelPillWrapper","styled","Grid","fontWeights","semibold","hasIcon","StyledValuePillWrapper","regular","StyledInputPillWrapper","neutral","value","inputHasFocus","inputWidth","StyledDropdownPillWrapper","StyledReadonlyPillWrapper","hasIconRight","hasIconLeft","StyledRemovablePillWrapper","StyledPillGroup","width","StyledSpanWithTooltip","span","StyledPillButton","DSButtonV2","height"],"mappings":"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"}

package/cjs/components/types/DropdownPill.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownPill.js","sources":["../../../../src/components/types/DropdownPill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useMemo, useRef } from 'react';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { uid } from 'uid';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { StyledDropdownPillWrapper } from '../styled';\nimport type { DSPillProps } from '../../index.d';\nimport { setMultipleRefs } from '../../utils';\nimport { DSPillButton } from '../PillButton';\n\nexport const DropdownPill = React.memo<DSPillProps>(\n ({ label, labelTruncated, dropdownProps, innerRef, ariaLabel, onDropdownClick }) => {\n const chevronRef = useRef(null);\n\n const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n const TextComponent = labelTruncated\n ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n : React.Fragment;\n\n return (\n <StyledDropdownPillWrapper\n id={pillUid}\n className=\"ds-pill-wrapper ds-pill-wrapper-dropdown\"\n data-testid=\"ds-pill-wrapper\"\n cols={['auto', '24px']}\n gutter=\"2px\"\n alignItems=\"center\"\n justifyItems=\"center\"\n >\n <TextComponent>{label}</TextComponent>\n <DSDropdownMenuV2\n {...dropdownProps}\n onClickOutside={(e) => {\n if (e.code === 'Escape') chevronRef.current.focus();\n if (dropdownProps.onClickOutside) dropdownProps.onClickOutside(e);\n }}\n wrapperStyles={{ width: '100%', height: '100%' }}\n >\n <DSPillButton\n className=\"ds-pill-focus-point\"\n data-testid=\"ds-pill-dropdown-chevron\"\n innerRef={setMultipleRefs(chevronRef, innerRef)}\n aria-label={ariaLabel \|\| label}\n type=\"right\"\n onClick={onDropdownClick}\n >\n <ChevronSmallDown color={['brand-primary', '800']} size=\"s\" />\n </DSPillButton>\n </DSDropdownMenuV2>\n </StyledDropdownPillWrapper>\n );\n },\n);\n"],"names":["DropdownPill","React","memo","label","labelTruncated","dropdownProps","innerRef","ariaLabel","onDropdownClick","chevronRef","useRef","pillUid","useMemo","uid","TextComponent","children","SimpleTruncatedTooltipText","Fragment","StyledDropdownPillWrapper","DSDropdownMenuV2","e","code","current","focus","onClickOutside","width","height","DSPillButton","setMultipleRefs","ChevronSmallDown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAWaA,YAAY,gBAAGC,yBAAK,CAACC,IAAN,CAC1B,gBAAoF;~~AAAA~~,~~MAAjFC~~,KAAiF,QAAjFA,KAAiF;~~AAAA,~~MAA1EC,cAA0E,QAA1EA,cAA0E;~~AAAA,~~MAA1DC,aAA0D,QAA1DA,aAA0D;~~AAAA,~~MAA3CC,QAA2C,QAA3CA,QAA2C;~~AAAA,~~MAAjCC,SAAiC,QAAjCA,SAAiC;~~AAAA,~~MAAtBC,eAAsB,QAAtBA,eAAsB;~~AAClF~~,~~MAAMC~~,UAAU,GAAGC,YAAM,CAAC,IAAD,CAAzB;~~AAEA~~,~~MAAMC~~,OAAO,GAAGC,aAAO,CAAC;~~AAAA~~,~~6BAAiBC~~,OAAG,EAApB;~~AAAA,~~GAAD,EAA2B,EAA3B,CAAvB;~~AAEA~~,~~MAAMC~~,aAAa,GAAGV,cAAc,GAChC;~~AAAA~~,~~QAAGW~~,QAAH,SAAGA,QAAH;~~AAAA~~,~~wBAAkBd~~,wCAACe,iDAAD;~~AAA4B~~,~~MAAA,~~KAAK,EAAED;~~AAAnC,MAAlB~~;~~AAAA,~~GADgC,GAEhCd,yBAAK,CAACgB,QAFV;~~AAIA~~,~~sBACEhB~~,wCAACiB,2CAAD;~~AACE~~,~~IAAA,~~EAAE,EAAEP,OADN;~~AAEE~~,~~IAAA,~~SAAS,EAAC,0CAFZ;~~AAGE~~,~~mBAAY~~,iBAHd;~~AAIE~~,~~IAAA,~~IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAJR;~~AAKE~~,~~IAAA,~~MAAM,EAAC,KALT;~~AAME~~,~~IAAA,~~UAAU,EAAC,QANb;~~AAOE~~,~~IAAA,~~YAAY,EAAC;~~AAPf~~,~~kBASEV,~~wCAAC,aAAD,QAAgBE,KAAhB,CATF,eAUEF,wCAACkB,+BAAD,mCACMd,aADN;~~AAEE~~,~~IAAA,~~cAAc,EAAE,wBAACe,CAAD,EAAO;~~AACrB~~,~~UAAIA~~,CAAC,CAACC,IAAF,KAAW,QAAf,EAAyBZ,UAAU,CAACa,OAAX,CAAmBC,KAAnB;~~AACzB~~,~~UAAIlB~~,aAAa,CAACmB,cAAlB,EAAkCnB,aAAa,CAACmB,cAAd,CAA6BJ,CAA7B;~~AACnC,KALH~~;~~AAME~~,~~IAAA,~~aAAa,EAAE;~~AAAEK~~,~~MAAAA,~~KAAK,EAAE,MAAT;~~AAAiBC~~,~~MAAAA,~~MAAM,EAAE~~;AAAzB;AANjB~~,~~mBAQEzB,~~wCAAC0B,kCAAD;~~AACE~~,~~IAAA,~~SAAS,EAAC,qBADZ;~~AAEE~~,~~mBAAY~~,0BAFd;~~AAGE~~,~~IAAA,~~QAAQ,EAAEC,qBAAe,CAACnB,UAAD,EAAaH,QAAb,CAH3B;~~AAIE~~,~~kBAAYC~~,SAAS,IAAIJ,KAJ3B;~~AAKE~~,~~IAAA,~~IAAI,EAAC,OALP;~~AAME~~,~~IAAA,~~OAAO,EAAEK;~~AANX~~,~~kBAQEP,~~wCAAC4B,wBAAD;~~AAAkB~~,~~IAAA,~~KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB,CAAzB;~~AAAmD~~,~~IAAA,~~IAAI,EAAC;~~AAAxD~~,~~IARF,~~CARF,CAVF,CADF;AAgCD,CA1CyB;;;;"}
1	+ {"version":3,"file":"DropdownPill.js","sources":["../../../../src/components/types/DropdownPill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useMemo, useRef } from 'react';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { uid } from 'uid';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { StyledDropdownPillWrapper } from '../styled';\nimport type { DSPillProps } from '../../index.d';\nimport { setMultipleRefs } from '../../utils';\nimport { DSPillButton } from '../PillButton';\n\nexport const DropdownPill = React.memo<DSPillProps>(\n ({ label, labelTruncated, dropdownProps, innerRef, ariaLabel, onDropdownClick }) => {\n const chevronRef = useRef(null);\n\n const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n const TextComponent = labelTruncated\n ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n : React.Fragment;\n\n return (\n <StyledDropdownPillWrapper\n id={pillUid}\n className=\"ds-pill-wrapper ds-pill-wrapper-dropdown\"\n data-testid=\"ds-pill-wrapper\"\n cols={['auto', '24px']}\n gutter=\"2px\"\n alignItems=\"center\"\n justifyItems=\"center\"\n >\n <TextComponent>{label}</TextComponent>\n <DSDropdownMenuV2\n {...dropdownProps}\n onClickOutside={(e) => {\n if (e.code === 'Escape') chevronRef.current.focus();\n if (dropdownProps.onClickOutside) dropdownProps.onClickOutside(e);\n }}\n wrapperStyles={{ width: '100%', height: '100%' }}\n >\n <DSPillButton\n className=\"ds-pill-focus-point\"\n data-testid=\"ds-pill-dropdown-chevron\"\n innerRef={setMultipleRefs(chevronRef, innerRef)}\n aria-label={ariaLabel \|\| label}\n type=\"right\"\n onClick={onDropdownClick}\n >\n <ChevronSmallDown color={['brand-primary', '800']} size=\"s\" />\n </DSPillButton>\n </DSDropdownMenuV2>\n </StyledDropdownPillWrapper>\n );\n },\n);\n"],"names":["DropdownPill","React","memo","label","labelTruncated","dropdownProps","innerRef","ariaLabel","onDropdownClick","chevronRef","useRef","pillUid","useMemo","uid","TextComponent","children","SimpleTruncatedTooltipText","Fragment","StyledDropdownPillWrapper","DSDropdownMenuV2","e","code","current","focus","onClickOutside","width","height","DSPillButton","setMultipleRefs","ChevronSmallDown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAWaA,YAAY,gBAAGC,yBAAK,CAACC,IAAN,CAC1B,gBAAoF;EAAA,IAAjFC,KAAiF,QAAjFA,KAAiF;MAA1EC,cAA0E,QAA1EA,cAA0E;MAA1DC,aAA0D,QAA1DA,aAA0D;MAA3CC,QAA2C,QAA3CA,QAA2C;MAAjCC,SAAiC,QAAjCA,SAAiC;MAAtBC,eAAsB,QAAtBA,eAAsB;EAClF,IAAMC,UAAU,GAAGC,YAAM,CAAC,IAAD,CAAzB;EAEA,IAAMC,OAAO,GAAGC,aAAO,CAAC;IAAA,yBAAiBC,OAAG,EAApB;GAAD,EAA2B,EAA3B,CAAvB;EAEA,IAAMC,aAAa,GAAGV,cAAc,GAChC;IAAA,IAAGW,QAAH,SAAGA,QAAH;IAAA,oBAAkBd,wCAACe,iDAAD;MAA4B,KAAK,EAAED;MAArD;GADgC,GAEhCd,yBAAK,CAACgB,QAFV;EAIA,oBACEhB,wCAACiB,2CAAD;IACE,EAAE,EAAEP,OADN;IAEE,SAAS,EAAC,0CAFZ;IAGE,eAAY,iBAHd;IAIE,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAJR;IAKE,MAAM,EAAC,KALT;IAME,UAAU,EAAC,QANb;IAOE,YAAY,EAAC;kBAEbV,wCAAC,aAAD,QAAgBE,KAAhB,CATF,eAUEF,wCAACkB,+BAAD,mCACMd,aADN;IAEE,cAAc,EAAE,wBAACe,CAAD,EAAO;MACrB,IAAIA,CAAC,CAACC,IAAF,KAAW,QAAf,EAAyBZ,UAAU,CAACa,OAAX,CAAmBC,KAAnB;MACzB,IAAIlB,aAAa,CAACmB,cAAlB,EAAkCnB,aAAa,CAACmB,cAAd,CAA6BJ,CAA7B;KAJtC;IAME,aAAa,EAAE;MAAEK,KAAK,EAAE,MAAT;MAAiBC,MAAM,EAAE;;mBAExCzB,wCAAC0B,kCAAD;IACE,SAAS,EAAC,qBADZ;IAEE,eAAY,0BAFd;IAGE,QAAQ,EAAEC,qBAAe,CAACnB,UAAD,EAAaH,QAAb,CAH3B;IAIE,cAAYC,SAAS,IAAIJ,KAJ3B;IAKE,IAAI,EAAC,OALP;IAME,OAAO,EAAEK;kBAETP,wCAAC4B,wBAAD;IAAkB,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB,CAAzB;IAAmD,IAAI,EAAC;IAR1D,CARF,CAVF,CADF;AAgCD,CA1CyB;;;;"}

package/cjs/components/types/InputPill.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputPill.js","sources":["../../../../src/components/types/InputPill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { uid } from 'uid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledInputPillWrapper } from '../styled';\nimport { setMultipleRefs } from '../../utils';\nimport { DSPillButton } from '../PillButton';\n\nexport const InputPill = React.memo<DSPillProps>(\n ({ label, inputPlaceholder, inputWidth, inputRender, onInputChange, onInputClear, innerRef }) => {\n const ref = useRef<HTMLElement>(null);\n\n const InputComponent = useMemo(() => inputRender, [inputRender]);\n\n const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n const onCloseIconClick: React.MouseEventHandler & React.KeyboardEventHandler = useCallback(\n (e) => {\n if ([undefined, 'Enter', 'Space'].includes(e.code)) {\n e.preventDefault();\n onInputClear(e);\n ref.current.focus();\n }\n },\n [onInputClear],\n );\n\n const [inputHasFocus, setInputHasFocus] = useState(false);\n\n return (\n <StyledInputPillWrapper\n className=\"ds-pill-wrapper\"\n data-testid=\"ds-pill-wrapper\"\n cols={label === '' ? ['auto'] : ['auto', '24px']}\n inputWidth={inputWidth}\n value={label}\n inputHasFocus={inputHasFocus}\n >\n <InputComponent\n id={pillUid}\n className=\"ds-pill-focus-point\"\n data-testid=\"ds-pill-input\"\n innerRef={setMultipleRefs(ref, innerRef)}\n value={label}\n onChange={onInputChange}\n placeholder={inputPlaceholder}\n onFocus={() => setInputHasFocus(true)}\n onBlur={() => setInputHasFocus(false)}\n disableTooltip={false}\n />\n {label !== '' && (\n <DSPillButton\n id={pillUid}\n data-testid=\"ds-pill-clear-icon\"\n innerRef={innerRef}\n onClick={onCloseIconClick}\n onKeyDown={onCloseIconClick}\n aria-label=\"Clear input\"\n type=\"right\"\n >\n <CloseXsmall size=\"s\" color={['brand-primary', '700']} />\n </DSPillButton>\n )}\n </StyledInputPillWrapper>\n );\n },\n);\n"],"names":["InputPill","React","memo","label","inputPlaceholder","inputWidth","inputRender","onInputChange","onInputClear","innerRef","ref","useRef","InputComponent","useMemo","pillUid","uid","onCloseIconClick","useCallback","e","undefined","includes","code","preventDefault","current","focus","useState","inputHasFocus","setInputHasFocus","StyledInputPillWrapper","setMultipleRefs","DSPillButton","CloseXsmall"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IASaA,SAAS,gBAAGC,yBAAK,CAACC,IAAN,CACvB,gBAAiG;~~AAAA~~,~~MAA9FC~~,KAA8F,QAA9FA,KAA8F;~~AAAA,~~MAAvFC,gBAAuF,QAAvFA,gBAAuF;~~AAAA,~~MAArEC,UAAqE,QAArEA,UAAqE;~~AAAA,~~MAAzDC,WAAyD,QAAzDA,WAAyD;~~AAAA,~~MAA5CC,aAA4C,QAA5CA,aAA4C;~~AAAA,~~MAA7BC,YAA6B,QAA7BA,YAA6B;~~AAAA,~~MAAfC,QAAe,QAAfA,QAAe;~~AAC~~/F,~~MAAMC~~,GAAG,GAAGC,YAAM,CAAc,IAAd,CAAlB;~~AAEA~~,~~MAAMC~~,cAAc,GAAGC,aAAO,CAAC;~~AAAA~~,~~WAAMP~~,WAAN;~~AAAA,~~GAAD,EAAoB,CAACA,WAAD,CAApB,CAA9B;~~AAEA~~,~~MAAMQ~~,OAAO,GAAGD,aAAO,CAAC;~~AAAA~~,~~6BAAiBE~~,OAAG,EAApB;~~AAAA,~~GAAD,EAA2B,EAA3B,CAAvB;~~AAEA~~,~~MAAMC~~,gBAAsE,GAAGC,iBAAW,CACxF,UAACC,CAAD,EAAO;~~AACL~~,~~QAAI~~,CAACC,SAAD,EAAY,OAAZ,EAAqB,OAArB,EAA8BC,QAA9B,CAAuCF,CAAC,CAACG,IAAzC,CAAJ,EAAoD;~~AAClDH~~,~~MAAAA,~~CAAC,CAACI,cAAF;~~AACAd~~,~~MAAAA,~~YAAY,CAACU,CAAD,CAAZ;~~AACAR~~,~~MAAAA,~~GAAG,CAACa,OAAJ,CAAYC,KAAZ~~;AACD;AACF~~,~~GAPuF,~~EAQxF,CAAChB,YAAD,CARwF,CAA1F;;~~AAWA~~,~~kBAA0CiB~~,cAAQ,CAAC,KAAD,CAAlD~~;AAAA;AAAA,~~MAAOC,aAAP;~~AAAA,~~MAAsBC,gBAAtB;;~~AAEA~~,~~sBACE1B~~,wCAAC2B,wCAAD;~~AACE~~,~~IAAA,~~SAAS,EAAC,iBADZ;~~AAEE~~,~~mBAAY~~,iBAFd;~~AAGE~~,~~IAAA,~~IAAI,EAAEzB,KAAK,KAAK,EAAV,GAAe,CAAC,MAAD,CAAf,GAA0B,CAAC,MAAD,EAAS,MAAT,CAHlC;~~AAIE~~,~~IAAA,~~UAAU,EAAEE,UAJd;~~AAKE~~,~~IAAA,~~KAAK,EAAEF,KALT;~~AAME~~,~~IAAA,~~aAAa,EAAEuB;~~AANjB~~,~~kBAQEzB,~~wCAAC,cAAD;~~AACE~~,~~IAAA,~~EAAE,EAAEa,OADN;~~AAEE~~,~~IAAA,~~SAAS,EAAC,qBAFZ;~~AAGE~~,~~mBAAY~~,eAHd;~~AAIE~~,~~IAAA,~~QAAQ,EAAEe,qBAAe,CAACnB,GAAD,EAAMD,QAAN,CAJ3B;~~AAKE~~,~~IAAA,~~KAAK,EAAEN,KALT;~~AAME~~,~~IAAA,~~QAAQ,EAAEI,aANZ;~~AAOE~~,~~IAAA,~~WAAW,EAAEH,gBAPf;~~AAQE~~,~~IAAA,~~OAAO,EAAE;~~AAAA~~,~~aAAMuB~~,gBAAgB,CAAC,IAAD,CAAtB;~~AAAA,~~KARX;~~AASE~~,~~IAAA,~~MAAM,EAAE;~~AAAA~~,~~aAAMA~~,gBAAgB,CAAC,KAAD,CAAtB;~~AAAA,~~KATV;~~AAUE~~,~~IAAA,~~cAAc,EAAE;~~AAVlB~~,~~IARF,~~EAoBGxB,KAAK,KAAK,EAAV,iBACCF,wCAAC6B,kCAAD;~~AACE~~,~~IAAA,~~EAAE,EAAEhB,OADN;~~AAEE~~,~~mBAAY~~,oBAFd;~~AAGE~~,~~IAAA,~~QAAQ,EAAEL,QAHZ;~~AAIE~~,~~IAAA,~~OAAO,EAAEO,gBAJX;~~AAKE~~,~~IAAA,~~SAAS,EAAEA,gBALb;~~AAME~~,~~kBAAW~~,aANb;~~AAOE~~,~~IAAA,~~IAAI,EAAC;~~AAPP~~,~~kBASEf,~~wCAAC8B,mBAAD;~~AAAa~~,~~IAAA,~~IAAI,EAAC,GAAlB;~~AAAsB~~,~~IAAA,~~KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;~~AAA7B~~,~~IATF,~~CArBJ,CADF;AAoCD,CAzDsB;;;;"}
1	+ {"version":3,"file":"InputPill.js","sources":["../../../../src/components/types/InputPill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { uid } from 'uid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledInputPillWrapper } from '../styled';\nimport { setMultipleRefs } from '../../utils';\nimport { DSPillButton } from '../PillButton';\n\nexport const InputPill = React.memo<DSPillProps>(\n ({ label, inputPlaceholder, inputWidth, inputRender, onInputChange, onInputClear, innerRef }) => {\n const ref = useRef<HTMLElement>(null);\n\n const InputComponent = useMemo(() => inputRender, [inputRender]);\n\n const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n const onCloseIconClick: React.MouseEventHandler & React.KeyboardEventHandler = useCallback(\n (e) => {\n if ([undefined, 'Enter', 'Space'].includes(e.code)) {\n e.preventDefault();\n onInputClear(e);\n ref.current.focus();\n }\n },\n [onInputClear],\n );\n\n const [inputHasFocus, setInputHasFocus] = useState(false);\n\n return (\n <StyledInputPillWrapper\n className=\"ds-pill-wrapper\"\n data-testid=\"ds-pill-wrapper\"\n cols={label === '' ? ['auto'] : ['auto', '24px']}\n inputWidth={inputWidth}\n value={label}\n inputHasFocus={inputHasFocus}\n >\n <InputComponent\n id={pillUid}\n className=\"ds-pill-focus-point\"\n data-testid=\"ds-pill-input\"\n innerRef={setMultipleRefs(ref, innerRef)}\n value={label}\n onChange={onInputChange}\n placeholder={inputPlaceholder}\n onFocus={() => setInputHasFocus(true)}\n onBlur={() => setInputHasFocus(false)}\n disableTooltip={false}\n />\n {label !== '' && (\n <DSPillButton\n id={pillUid}\n data-testid=\"ds-pill-clear-icon\"\n innerRef={innerRef}\n onClick={onCloseIconClick}\n onKeyDown={onCloseIconClick}\n aria-label=\"Clear input\"\n type=\"right\"\n >\n <CloseXsmall size=\"s\" color={['brand-primary', '700']} />\n </DSPillButton>\n )}\n </StyledInputPillWrapper>\n );\n },\n);\n"],"names":["InputPill","React","memo","label","inputPlaceholder","inputWidth","inputRender","onInputChange","onInputClear","innerRef","ref","useRef","InputComponent","useMemo","pillUid","uid","onCloseIconClick","useCallback","e","undefined","includes","code","preventDefault","current","focus","useState","inputHasFocus","setInputHasFocus","StyledInputPillWrapper","setMultipleRefs","DSPillButton","CloseXsmall"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IASaA,SAAS,gBAAGC,yBAAK,CAACC,IAAN,CACvB,gBAAiG;EAAA,IAA9FC,KAA8F,QAA9FA,KAA8F;MAAvFC,gBAAuF,QAAvFA,gBAAuF;MAArEC,UAAqE,QAArEA,UAAqE;MAAzDC,WAAyD,QAAzDA,WAAyD;MAA5CC,aAA4C,QAA5CA,aAA4C;MAA7BC,YAA6B,QAA7BA,YAA6B;MAAfC,QAAe,QAAfA,QAAe;EAC/F,IAAMC,GAAG,GAAGC,YAAM,CAAc,IAAd,CAAlB;EAEA,IAAMC,cAAc,GAAGC,aAAO,CAAC;IAAA,OAAMP,WAAN;GAAD,EAAoB,CAACA,WAAD,CAApB,CAA9B;EAEA,IAAMQ,OAAO,GAAGD,aAAO,CAAC;IAAA,yBAAiBE,OAAG,EAApB;GAAD,EAA2B,EAA3B,CAAvB;EAEA,IAAMC,gBAAsE,GAAGC,iBAAW,CACxF,UAACC,CAAD,EAAO;IACL,IAAI,CAACC,SAAD,EAAY,OAAZ,EAAqB,OAArB,EAA8BC,QAA9B,CAAuCF,CAAC,CAACG,IAAzC,CAAJ,EAAoD;MAClDH,CAAC,CAACI,cAAF;MACAd,YAAY,CAACU,CAAD,CAAZ;MACAR,GAAG,CAACa,OAAJ,CAAYC,KAAZ;;GALoF,EAQxF,CAAChB,YAAD,CARwF,CAA1F;;EAWA,gBAA0CiB,cAAQ,CAAC,KAAD,CAAlD;;MAAOC,aAAP;MAAsBC,gBAAtB;;EAEA,oBACE1B,wCAAC2B,wCAAD;IACE,SAAS,EAAC,iBADZ;IAEE,eAAY,iBAFd;IAGE,IAAI,EAAEzB,KAAK,KAAK,EAAV,GAAe,CAAC,MAAD,CAAf,GAA0B,CAAC,MAAD,EAAS,MAAT,CAHlC;IAIE,UAAU,EAAEE,UAJd;IAKE,KAAK,EAAEF,KALT;IAME,aAAa,EAAEuB;kBAEfzB,wCAAC,cAAD;IACE,EAAE,EAAEa,OADN;IAEE,SAAS,EAAC,qBAFZ;IAGE,eAAY,eAHd;IAIE,QAAQ,EAAEe,qBAAe,CAACnB,GAAD,EAAMD,QAAN,CAJ3B;IAKE,KAAK,EAAEN,KALT;IAME,QAAQ,EAAEI,aANZ;IAOE,WAAW,EAAEH,gBAPf;IAQE,OAAO,EAAE;MAAA,OAAMuB,gBAAgB,CAAC,IAAD,CAAtB;KARX;IASE,MAAM,EAAE;MAAA,OAAMA,gBAAgB,CAAC,KAAD,CAAtB;KATV;IAUE,cAAc,EAAE;IAlBpB,EAoBGxB,KAAK,KAAK,EAAV,iBACCF,wCAAC6B,kCAAD;IACE,EAAE,EAAEhB,OADN;IAEE,eAAY,oBAFd;IAGE,QAAQ,EAAEL,QAHZ;IAIE,OAAO,EAAEO,gBAJX;IAKE,SAAS,EAAEA,gBALb;IAME,cAAW,aANb;IAOE,IAAI,EAAC;kBAELf,wCAAC8B,mBAAD;IAAa,IAAI,EAAC,GAAlB;IAAsB,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;IAT/B,CArBJ,CADF;AAoCD,CAzDsB;;;;"}

package/cjs/components/types/LabelPill.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LabelPill.js","sources":["../../../../src/components/types/LabelPill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledLabelPillWrapper } from '../styled';\n\nexport const LabelPill = React.memo<DSPillProps>(({ label, labelTruncated, iconLeft, ariaLabel }) => {\n const TextComponent = labelTruncated\n ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n : React.Fragment;\n return (\n <StyledLabelPillWrapper\n alignItems=\"center\"\n className=\"ds-pill-wrapper ds-pill-wrapper-label\"\n data-testid=\"ds-pill-wrapper\"\n aria-label={ariaLabel \|\| label}\n cols={[iconLeft && 'min-content', 'auto'].filter((notFalse) => notFalse)}\n gutter=\"xxxs\"\n hasIcon={iconLeft !== null}\n >\n {iconLeft}\n <TextComponent>{label}</TextComponent>\n </StyledLabelPillWrapper>\n );\n});\n"],"names":["LabelPill","React","memo","label","labelTruncated","iconLeft","ariaLabel","TextComponent","children","SimpleTruncatedTooltipText","Fragment","StyledLabelPillWrapper","filter","notFalse"],"mappings":";;;;;;;;;;;;;;;AAAA;IAMaA,SAAS,gBAAGC,yBAAK,CAACC,IAAN,CAAwB,gBAAoD;~~AAAA~~,~~MAAjDC~~,KAAiD,QAAjDA,KAAiD;~~AAAA,~~MAA1CC,cAA0C,QAA1CA,cAA0C;~~AAAA,~~MAA1BC,QAA0B,QAA1BA,QAA0B;~~AAAA,~~MAAhBC,SAAgB,QAAhBA,SAAgB;~~AACnG~~,~~MAAMC~~,aAAa,GAAGH,cAAc,GAChC;~~AAAA~~,~~QAAGI~~,QAAH,SAAGA,QAAH;~~AAAA~~,~~wBAAkBP~~,wCAACQ,iDAAD;~~AAA4B~~,~~MAAA,~~KAAK,EAAED;~~AAAnC,MAAlB~~;~~AAAA,~~GADgC,GAEhCP,yBAAK,CAACS,QAFV;~~AAGA~~,~~sBACET~~,wCAACU,wCAAD;~~AACE~~,~~IAAA,~~UAAU,EAAC,QADb;~~AAEE~~,~~IAAA,~~SAAS,EAAC,uCAFZ;~~AAGE~~,~~mBAAY~~,iBAHd;~~AAIE~~,~~kBAAYL~~,SAAS,IAAIH,KAJ3B;~~AAKE~~,~~IAAA,~~IAAI,EAAE,CAACE,QAAQ,IAAI,aAAb,EAA4B,MAA5B,EAAoCO,MAApC,CAA2C,UAACC,QAAD;~~AAAA~~,~~aAAcA~~,QAAd;~~AAAA,~~KAA3C,CALR;~~AAME~~,~~IAAA,~~MAAM,EAAC,MANT;~~AAOE~~,~~IAAA,~~OAAO,EAAER,QAAQ,KAAK;~~AAPxB~~,~~KASGA,~~QATH,eAUEJ,wCAAC,aAAD,QAAgBE,KAAhB,CAVF,CADF;AAcD,CAlBwB;;;;"}
1	+ {"version":3,"file":"LabelPill.js","sources":["../../../../src/components/types/LabelPill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledLabelPillWrapper } from '../styled';\n\nexport const LabelPill = React.memo<DSPillProps>(({ label, labelTruncated, iconLeft, ariaLabel }) => {\n const TextComponent = labelTruncated\n ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n : React.Fragment;\n return (\n <StyledLabelPillWrapper\n alignItems=\"center\"\n className=\"ds-pill-wrapper ds-pill-wrapper-label\"\n data-testid=\"ds-pill-wrapper\"\n aria-label={ariaLabel \|\| label}\n cols={[iconLeft && 'min-content', 'auto'].filter((notFalse) => notFalse)}\n gutter=\"xxxs\"\n hasIcon={iconLeft !== null}\n >\n {iconLeft}\n <TextComponent>{label}</TextComponent>\n </StyledLabelPillWrapper>\n );\n});\n"],"names":["LabelPill","React","memo","label","labelTruncated","iconLeft","ariaLabel","TextComponent","children","SimpleTruncatedTooltipText","Fragment","StyledLabelPillWrapper","filter","notFalse"],"mappings":";;;;;;;;;;;;;;;AAAA;IAMaA,SAAS,gBAAGC,yBAAK,CAACC,IAAN,CAAwB,gBAAoD;EAAA,IAAjDC,KAAiD,QAAjDA,KAAiD;MAA1CC,cAA0C,QAA1CA,cAA0C;MAA1BC,QAA0B,QAA1BA,QAA0B;MAAhBC,SAAgB,QAAhBA,SAAgB;EACnG,IAAMC,aAAa,GAAGH,cAAc,GAChC;IAAA,IAAGI,QAAH,SAAGA,QAAH;IAAA,oBAAkBP,wCAACQ,iDAAD;MAA4B,KAAK,EAAED;MAArD;GADgC,GAEhCP,yBAAK,CAACS,QAFV;EAGA,oBACET,wCAACU,wCAAD;IACE,UAAU,EAAC,QADb;IAEE,SAAS,EAAC,uCAFZ;IAGE,eAAY,iBAHd;IAIE,cAAYL,SAAS,IAAIH,KAJ3B;IAKE,IAAI,EAAE,CAACE,QAAQ,IAAI,aAAb,EAA4B,MAA5B,EAAoCO,MAApC,CAA2C,UAACC,QAAD;MAAA,OAAcA,QAAd;KAA3C,CALR;IAME,MAAM,EAAC,MANT;IAOE,OAAO,EAAER,QAAQ,KAAK;KAErBA,QATH,eAUEJ,wCAAC,aAAD,QAAgBE,KAAhB,CAVF,CADF;AAcD,CAlBwB;;;;"}

package/cjs/components/types/ReadOnlyPill.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReadOnlyPill.js","sources":["../../../../src/components/types/ReadOnlyPill.tsx"],"sourcesContent":["/* eslint-disable complexity /\n/ eslint-disable react/prop-types */\nimport React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledReadonlyPillWrapper } from '../styled';\n\nexport const ReadOnlyPill = React.memo<DSPillProps>(({ label, labelTruncated, iconLeft, iconRight, ariaLabel }) => {\n const hasIconLeft = iconLeft !== null \|\| (iconRight !== null && label === '');\n const hasIconRight = iconRight !== null \|\| (iconLeft !== null && label === '');\n\n const TextComponent = labelTruncated\n ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n : React.Fragment;\n\n return (\n <StyledReadonlyPillWrapper\n alignItems=\"center\"\n className=\"ds-pill-wrapper ds-pill-wrapper-readonly\"\n data-testid=\"ds-pill-wrapper\"\n aria-label={ariaLabel \|\| label}\n cols={[iconLeft && 'min-content', label && 'auto', iconRight && 'min-content'].filter((notFalse) => notFalse)}\n gutter=\"xxxs\"\n hasIconRight={hasIconRight}\n hasIconLeft={hasIconLeft}\n >\n {iconLeft}\n {label ? <TextComponent>{label}</TextComponent> : null}\n {iconRight}\n </StyledReadonlyPillWrapper>\n );\n});\n"],"names":["ReadOnlyPill","React","memo","label","labelTruncated","iconLeft","iconRight","ariaLabel","hasIconLeft","hasIconRight","TextComponent","children","SimpleTruncatedTooltipText","Fragment","StyledReadonlyPillWrapper","filter","notFalse"],"mappings":";;;;;;;;;;;;;;;AAAA;IAOaA,YAAY,gBAAGC,yBAAK,CAACC,IAAN,CAAwB,gBAA+D;~~AAAA~~,~~MAA5DC~~,KAA4D,QAA5DA,KAA4D;~~AAAA,~~MAArDC,cAAqD,QAArDA,cAAqD;~~AAAA,~~MAArCC,QAAqC,QAArCA,QAAqC;~~AAAA,~~MAA3BC,SAA2B,QAA3BA,SAA2B;~~AAAA,~~MAAhBC,SAAgB,QAAhBA,SAAgB;~~AACjH~~,~~MAAMC~~,WAAW,GAAGH,QAAQ,KAAK,IAAb,IAAsBC,SAAS,KAAK,IAAd,IAAsBH,KAAK,KAAK,EAA1E;~~AACA~~,~~MAAMM~~,YAAY,GAAGH,SAAS,KAAK,IAAd,IAAuBD,QAAQ,KAAK,IAAb,IAAqBF,KAAK,KAAK,EAA3E;~~AAEA~~,~~MAAMO~~,aAAa,GAAGN,cAAc,GAChC;~~AAAA~~,~~QAAGO~~,QAAH,SAAGA,QAAH;~~AAAA~~,~~wBAAkBV~~,wCAACW,iDAAD;~~AAA4B~~,~~MAAA,~~KAAK,EAAED;~~AAAnC,MAAlB~~;~~AAAA,~~GADgC,GAEhCV,yBAAK,CAACY,QAFV;~~AAIA~~,~~sBACEZ~~,wCAACa,2CAAD;~~AACE~~,~~IAAA,~~UAAU,EAAC,QADb;~~AAEE~~,~~IAAA,~~SAAS,EAAC,0CAFZ;~~AAGE~~,~~mBAAY~~,iBAHd;~~AAIE~~,~~kBAAYP~~,SAAS,IAAIJ,KAJ3B;~~AAKE~~,~~IAAA,~~IAAI,EAAE,CAACE,QAAQ,IAAI,aAAb,EAA4BF,KAAK,IAAI,MAArC,EAA6CG,SAAS,IAAI,aAA1D,EAAyES,MAAzE,CAAgF,UAACC,QAAD;~~AAAA~~,~~aAAcA~~,QAAd;~~AAAA,~~KAAhF,CALR;~~AAME~~,~~IAAA,~~MAAM,EAAC,MANT;~~AAOE~~,~~IAAA,~~YAAY,EAAEP,YAPhB;~~AAQE~~,~~IAAA,~~WAAW,EAAED;~~AARf~~,~~KAUGH,~~QAVH,EAWGF,KAAK,gBAAGF,wCAAC,aAAD,QAAgBE,KAAhB,CAAH,GAA4C,IAXpD,EAYGG,SAZH,CADF;AAgBD,CAxB2B;;;;"}
1	+ {"version":3,"file":"ReadOnlyPill.js","sources":["../../../../src/components/types/ReadOnlyPill.tsx"],"sourcesContent":["/* eslint-disable complexity /\n/ eslint-disable react/prop-types */\nimport React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledReadonlyPillWrapper } from '../styled';\n\nexport const ReadOnlyPill = React.memo<DSPillProps>(({ label, labelTruncated, iconLeft, iconRight, ariaLabel }) => {\n const hasIconLeft = iconLeft !== null \|\| (iconRight !== null && label === '');\n const hasIconRight = iconRight !== null \|\| (iconLeft !== null && label === '');\n\n const TextComponent = labelTruncated\n ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n : React.Fragment;\n\n return (\n <StyledReadonlyPillWrapper\n alignItems=\"center\"\n className=\"ds-pill-wrapper ds-pill-wrapper-readonly\"\n data-testid=\"ds-pill-wrapper\"\n aria-label={ariaLabel \|\| label}\n cols={[iconLeft && 'min-content', label && 'auto', iconRight && 'min-content'].filter((notFalse) => notFalse)}\n gutter=\"xxxs\"\n hasIconRight={hasIconRight}\n hasIconLeft={hasIconLeft}\n >\n {iconLeft}\n {label ? <TextComponent>{label}</TextComponent> : null}\n {iconRight}\n </StyledReadonlyPillWrapper>\n );\n});\n"],"names":["ReadOnlyPill","React","memo","label","labelTruncated","iconLeft","iconRight","ariaLabel","hasIconLeft","hasIconRight","TextComponent","children","SimpleTruncatedTooltipText","Fragment","StyledReadonlyPillWrapper","filter","notFalse"],"mappings":";;;;;;;;;;;;;;;AAAA;IAOaA,YAAY,gBAAGC,yBAAK,CAACC,IAAN,CAAwB,gBAA+D;EAAA,IAA5DC,KAA4D,QAA5DA,KAA4D;MAArDC,cAAqD,QAArDA,cAAqD;MAArCC,QAAqC,QAArCA,QAAqC;MAA3BC,SAA2B,QAA3BA,SAA2B;MAAhBC,SAAgB,QAAhBA,SAAgB;EACjH,IAAMC,WAAW,GAAGH,QAAQ,KAAK,IAAb,IAAsBC,SAAS,KAAK,IAAd,IAAsBH,KAAK,KAAK,EAA1E;EACA,IAAMM,YAAY,GAAGH,SAAS,KAAK,IAAd,IAAuBD,QAAQ,KAAK,IAAb,IAAqBF,KAAK,KAAK,EAA3E;EAEA,IAAMO,aAAa,GAAGN,cAAc,GAChC;IAAA,IAAGO,QAAH,SAAGA,QAAH;IAAA,oBAAkBV,wCAACW,iDAAD;MAA4B,KAAK,EAAED;MAArD;GADgC,GAEhCV,yBAAK,CAACY,QAFV;EAIA,oBACEZ,wCAACa,2CAAD;IACE,UAAU,EAAC,QADb;IAEE,SAAS,EAAC,0CAFZ;IAGE,eAAY,iBAHd;IAIE,cAAYP,SAAS,IAAIJ,KAJ3B;IAKE,IAAI,EAAE,CAACE,QAAQ,IAAI,aAAb,EAA4BF,KAAK,IAAI,MAArC,EAA6CG,SAAS,IAAI,aAA1D,EAAyES,MAAzE,CAAgF,UAACC,QAAD;MAAA,OAAcA,QAAd;KAAhF,CALR;IAME,MAAM,EAAC,MANT;IAOE,YAAY,EAAEP,YAPhB;IAQE,WAAW,EAAED;KAEZH,QAVH,EAWGF,KAAK,gBAAGF,wCAAC,aAAD,QAAgBE,KAAhB,CAAH,GAA4C,IAXpD,EAYGG,SAZH,CADF;AAgBD,CAxB2B;;;;"}

package/cjs/components/types/RemovablePill.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RemovablePill.js","sources":["../../../../src/components/types/RemovablePill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport { uid } from 'uid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledRemovablePillWrapper } from '../styled';\nimport { DSPillGroupV2Context } from '../PillGroup';\nimport { DSPillButton } from '../PillButton';\n\nexport const RemovablePill = React.memo<DSPillProps>(({ label, labelTruncated, onRemove, innerRef, ariaLabel }) => {\n const { onKeyboardRemove } = useContext(DSPillGroupV2Context);\n const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n const TextComponent = labelTruncated\n ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n : React.Fragment;\n\n const onKeyDown: React.MouseEventHandler & React.KeyboardEventHandler = useCallback(\n (e) => {\n if (['Enter', 'Space'].includes(e.code)) {\n e.preventDefault();\n if (onKeyboardRemove) onKeyboardRemove(pillUid);\n onRemove(e);\n }\n },\n [onKeyboardRemove, onRemove, pillUid],\n );\n\n return (\n <StyledRemovablePillWrapper\n cols={['auto', '24px']}\n gutter=\"2px\"\n alignItems=\"center\"\n justifyItems=\"center\"\n className=\"ds-pill-wrapper ds-pill-wrapper-removable\"\n data-testid=\"ds-pill-wrapper\"\n aria-label={ariaLabel \|\| label}\n >\n <TextComponent>{label}</TextComponent>\n <DSPillButton\n className=\"ds-pill-focus-point\"\n id={pillUid}\n data-testid=\"ds-pill-close-icon\"\n innerRef={innerRef}\n onClick={onRemove}\n onKeyDown={onKeyDown}\n aria-label={`Remove ${label}`}\n type=\"right\"\n >\n <CloseXsmall size=\"s\" color={['brand-primary', '700']} />\n </DSPillButton>\n </StyledRemovablePillWrapper>\n );\n});\n"],"names":["RemovablePill","React","memo","label","labelTruncated","onRemove","innerRef","ariaLabel","useContext","DSPillGroupV2Context","onKeyboardRemove","pillUid","useMemo","uid","TextComponent","children","SimpleTruncatedTooltipText","Fragment","onKeyDown","useCallback","e","includes","code","preventDefault","StyledRemovablePillWrapper","DSPillButton","CloseXsmall"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAUaA,aAAa,gBAAGC,yBAAK,CAACC,IAAN,CAAwB,gBAA8D;~~AAAA~~,~~MAA3DC~~,KAA2D,QAA3DA,KAA2D;~~AAAA,~~MAApDC,cAAoD,QAApDA,cAAoD;~~AAAA,~~MAApCC,QAAoC,QAApCA,QAAoC;~~AAAA,~~MAA1BC,QAA0B,QAA1BA,QAA0B;~~AAAA,~~MAAhBC,SAAgB,QAAhBA,SAAgB;;~~AACjH~~,~~oBAA6BC~~,gBAAU,CAACC,yCAAD,CAAvC;~~AAAA,~~MAAQC,gBAAR,eAAQA,gBAAR;;~~AACA~~,~~MAAMC~~,OAAO,GAAGC,aAAO,CAAC;~~AAAA~~,~~6BAAiBC~~,OAAG,EAApB;~~AAAA,~~GAAD,EAA2B,EAA3B,CAAvB;~~AAEA~~,~~MAAMC~~,aAAa,GAAGV,cAAc,GAChC;~~AAAA~~,~~QAAGW~~,QAAH,SAAGA,QAAH;~~AAAA~~,~~wBAAkBd~~,wCAACe,iDAAD;~~AAA4B~~,~~MAAA,~~KAAK,EAAED;~~AAAnC,MAAlB~~;~~AAAA,~~GADgC,GAEhCd,yBAAK,CAACgB,QAFV;~~AAIA~~,~~MAAMC~~,SAA+D,GAAGC,iBAAW,CACjF,UAACC,CAAD,EAAO;~~AACL~~,~~QAAI~~,CAAC,OAAD,EAAU,OAAV,EAAmBC,QAAnB,CAA4BD,CAAC,CAACE,IAA9B,CAAJ,EAAyC;~~AACvCF~~,~~MAAAA,~~CAAC,CAACG,cAAF;~~AACA~~,~~UAAIb~~,gBAAJ,EAAsBA,gBAAgB,CAACC,OAAD,CAAhB;~~AACtBN~~,~~MAAAA,~~QAAQ,CAACe,CAAD,CAAR~~;AACD;AACF~~,~~GAPgF,~~EAQjF,CAACV,gBAAD,EAAmBL,QAAnB,EAA6BM,OAA7B,CARiF,CAAnF;~~AAWA~~,~~sBACEV~~,wCAACuB,4CAAD;~~AACE~~,~~IAAA,~~IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADR;~~AAEE~~,~~IAAA,~~MAAM,EAAC,KAFT;~~AAGE~~,~~IAAA,~~UAAU,EAAC,QAHb;~~AAIE~~,~~IAAA,~~YAAY,EAAC,QAJf;~~AAKE~~,~~IAAA,~~SAAS,EAAC,2CALZ;~~AAME~~,~~mBAAY~~,iBANd;~~AAOE~~,~~kBAAYjB~~,SAAS,IAAIJ;~~AAP3B~~,~~kBASEF,~~wCAAC,aAAD,QAAgBE,KAAhB,CATF,eAUEF,wCAACwB,kCAAD;~~AACE~~,~~IAAA,~~SAAS,EAAC,qBADZ;~~AAEE~~,~~IAAA,~~EAAE,EAAEd,OAFN;~~AAGE~~,~~mBAAY~~,oBAHd;~~AAIE~~,~~IAAA,~~QAAQ,EAAEL,QAJZ;~~AAKE~~,~~IAAA,~~OAAO,EAAED,QALX;~~AAME~~,~~IAAA,~~SAAS,EAAEa,SANb;~~AAOE~~,~~mCAAsBf,~~KAAtB,CAPF;~~AAQE~~,~~IAAA,~~IAAI,EAAC;~~AARP~~,~~kBAUEF,~~wCAACyB,mBAAD;~~AAAa~~,~~IAAA,~~IAAI,EAAC,GAAlB;~~AAAsB~~,~~IAAA,~~KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;~~AAA7B~~,~~IAVF,~~CAVF,CADF;AAyBD,CA5C4B;;;;"}
1	+ {"version":3,"file":"RemovablePill.js","sources":["../../../../src/components/types/RemovablePill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport { uid } from 'uid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledRemovablePillWrapper } from '../styled';\nimport { DSPillGroupV2Context } from '../PillGroup';\nimport { DSPillButton } from '../PillButton';\n\nexport const RemovablePill = React.memo<DSPillProps>(({ label, labelTruncated, onRemove, innerRef, ariaLabel }) => {\n const { onKeyboardRemove } = useContext(DSPillGroupV2Context);\n const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n const TextComponent = labelTruncated\n ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n : React.Fragment;\n\n const onKeyDown: React.MouseEventHandler & React.KeyboardEventHandler = useCallback(\n (e) => {\n if (['Enter', 'Space'].includes(e.code)) {\n e.preventDefault();\n if (onKeyboardRemove) onKeyboardRemove(pillUid);\n onRemove(e);\n }\n },\n [onKeyboardRemove, onRemove, pillUid],\n );\n\n return (\n <StyledRemovablePillWrapper\n cols={['auto', '24px']}\n gutter=\"2px\"\n alignItems=\"center\"\n justifyItems=\"center\"\n className=\"ds-pill-wrapper ds-pill-wrapper-removable\"\n data-testid=\"ds-pill-wrapper\"\n aria-label={ariaLabel \|\| label}\n >\n <TextComponent>{label}</TextComponent>\n <DSPillButton\n className=\"ds-pill-focus-point\"\n id={pillUid}\n data-testid=\"ds-pill-close-icon\"\n innerRef={innerRef}\n onClick={onRemove}\n onKeyDown={onKeyDown}\n aria-label={`Remove ${label}`}\n type=\"right\"\n >\n <CloseXsmall size=\"s\" color={['brand-primary', '700']} />\n </DSPillButton>\n </StyledRemovablePillWrapper>\n );\n});\n"],"names":["RemovablePill","React","memo","label","labelTruncated","onRemove","innerRef","ariaLabel","useContext","DSPillGroupV2Context","onKeyboardRemove","pillUid","useMemo","uid","TextComponent","children","SimpleTruncatedTooltipText","Fragment","onKeyDown","useCallback","e","includes","code","preventDefault","StyledRemovablePillWrapper","DSPillButton","CloseXsmall"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAUaA,aAAa,gBAAGC,yBAAK,CAACC,IAAN,CAAwB,gBAA8D;EAAA,IAA3DC,KAA2D,QAA3DA,KAA2D;MAApDC,cAAoD,QAApDA,cAAoD;MAApCC,QAAoC,QAApCA,QAAoC;MAA1BC,QAA0B,QAA1BA,QAA0B;MAAhBC,SAAgB,QAAhBA,SAAgB;;EACjH,kBAA6BC,gBAAU,CAACC,yCAAD,CAAvC;MAAQC,gBAAR,eAAQA,gBAAR;;EACA,IAAMC,OAAO,GAAGC,aAAO,CAAC;IAAA,yBAAiBC,OAAG,EAApB;GAAD,EAA2B,EAA3B,CAAvB;EAEA,IAAMC,aAAa,GAAGV,cAAc,GAChC;IAAA,IAAGW,QAAH,SAAGA,QAAH;IAAA,oBAAkBd,wCAACe,iDAAD;MAA4B,KAAK,EAAED;MAArD;GADgC,GAEhCd,yBAAK,CAACgB,QAFV;EAIA,IAAMC,SAA+D,GAAGC,iBAAW,CACjF,UAACC,CAAD,EAAO;IACL,IAAI,CAAC,OAAD,EAAU,OAAV,EAAmBC,QAAnB,CAA4BD,CAAC,CAACE,IAA9B,CAAJ,EAAyC;MACvCF,CAAC,CAACG,cAAF;MACA,IAAIb,gBAAJ,EAAsBA,gBAAgB,CAACC,OAAD,CAAhB;MACtBN,QAAQ,CAACe,CAAD,CAAR;;GAL6E,EAQjF,CAACV,gBAAD,EAAmBL,QAAnB,EAA6BM,OAA7B,CARiF,CAAnF;EAWA,oBACEV,wCAACuB,4CAAD;IACE,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADR;IAEE,MAAM,EAAC,KAFT;IAGE,UAAU,EAAC,QAHb;IAIE,YAAY,EAAC,QAJf;IAKE,SAAS,EAAC,2CALZ;IAME,eAAY,iBANd;IAOE,cAAYjB,SAAS,IAAIJ;kBAEzBF,wCAAC,aAAD,QAAgBE,KAAhB,CATF,eAUEF,wCAACwB,kCAAD;IACE,SAAS,EAAC,qBADZ;IAEE,EAAE,EAAEd,OAFN;IAGE,eAAY,oBAHd;IAIE,QAAQ,EAAEL,QAJZ;IAKE,OAAO,EAAED,QALX;IAME,SAAS,EAAEa,SANb;IAOE,+BAAsBf,KAAtB,CAPF;IAQE,IAAI,EAAC;kBAELF,wCAACyB,mBAAD;IAAa,IAAI,EAAC,GAAlB;IAAsB,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;IAV/B,CAVF,CADF;AAyBD,CA5C4B;;;;"}

package/cjs/components/types/ValuePill.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ValuePill.js","sources":["../../../../src/components/types/ValuePill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { DSTooltipV2 } from '@elliemae/ds-tooltip';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledSpanWithTooltip, StyledValuePillWrapper } from '../styled';\n\nexport const ValuePill = React.memo<DSPillProps>(({ label, labelTruncated, tooltipValue, iconLeft, ariaLabel }) => {\n const TextComponent = labelTruncated\n ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n : React.Fragment;\n\n return (\n <StyledValuePillWrapper\n alignItems=\"center\"\n className=\"ds-pill-wrapper ds-pill-wrapper-value\"\n data-testid=\"ds-pill-wrapper\"\n aria-label={ariaLabel \|\| label}\n cols={[iconLeft && 'min-content', 'auto'].filter((notFalse) => notFalse)}\n gutter=\"xxxs\"\n hasIcon={iconLeft !== null}\n >\n {iconLeft}\n {tooltipValue !== '' ? (\n <DSTooltipV2\n title={tooltipValue}\n triggerComponent={\n <StyledSpanWithTooltip className=\"ds-pill-tooltip-value\" tabIndex={0}>\n {label}\n </StyledSpanWithTooltip>\n }\n />\n ) : (\n <TextComponent>{label}</TextComponent>\n )}\n </StyledValuePillWrapper>\n );\n});\n"],"names":["ValuePill","React","memo","label","labelTruncated","tooltipValue","iconLeft","ariaLabel","TextComponent","children","SimpleTruncatedTooltipText","Fragment","StyledValuePillWrapper","filter","notFalse","DSTooltipV2","StyledSpanWithTooltip"],"mappings":";;;;;;;;;;;;;;;;AAAA;IAOaA,SAAS,gBAAGC,yBAAK,CAACC,IAAN,CAAwB,gBAAkE;~~AAAA~~,~~MAA~~/DC,KAA+D,QAA/DA,KAA+D;~~AAAA,~~MAAxDC,cAAwD,QAAxDA,cAAwD;~~AAAA,~~MAAxCC,YAAwC,QAAxCA,YAAwC;~~AAAA,~~MAA1BC,QAA0B,QAA1BA,QAA0B;~~AAAA,~~MAAhBC,SAAgB,QAAhBA,SAAgB;~~AACjH~~,~~MAAMC~~,aAAa,GAAGJ,cAAc,GAChC;~~AAAA~~,~~QAAGK~~,QAAH,SAAGA,QAAH;~~AAAA~~,~~wBAAkBR~~,wCAACS,iDAAD;~~AAA4B~~,~~MAAA,~~KAAK,EAAED;~~AAAnC,MAAlB~~;~~AAAA,~~GADgC,GAEhCR,yBAAK,CAACU,QAFV;~~AAIA~~,~~sBACEV~~,wCAACW,wCAAD;~~AACE~~,~~IAAA,~~UAAU,EAAC,QADb;~~AAEE~~,~~IAAA,~~SAAS,EAAC,uCAFZ;~~AAGE~~,~~mBAAY~~,iBAHd;~~AAIE~~,~~kBAAYL~~,SAAS,IAAIJ,KAJ3B;~~AAKE~~,~~IAAA,~~IAAI,EAAE,CAACG,QAAQ,IAAI,aAAb,EAA4B,MAA5B,EAAoCO,MAApC,CAA2C,UAACC,QAAD;~~AAAA~~,~~aAAcA~~,QAAd;~~AAAA,~~KAA3C,CALR;~~AAME~~,~~IAAA,~~MAAM,EAAC,MANT;~~AAOE~~,~~IAAA,~~OAAO,EAAER,QAAQ,KAAK;~~AAPxB~~,~~KASGA,~~QATH,EAUGD,YAAY,KAAK,EAAjB,gBACCJ,wCAACc,qBAAD;~~AACE~~,~~IAAA,~~KAAK,EAAEV,YADT;~~AAEE~~,~~IAAA,~~gBAAgB,eACdJ,wCAACe,uCAAD;~~AAAuB~~,~~MAAA,~~SAAS,EAAC,uBAAjC;~~AAAyD~~,~~MAAA,~~QAAQ,EAAE;~~AAAnE~~,~~OACGb,~~KADH;~~AAHJ~~,~~IADD,~~gBAUCF,wCAAC,aAAD,QAAgBE,KAAhB,CApBJ,CADF;AAyBD,CA9BwB;;;;"}
1	+ {"version":3,"file":"ValuePill.js","sources":["../../../../src/components/types/ValuePill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { DSTooltipV2 } from '@elliemae/ds-tooltip';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledSpanWithTooltip, StyledValuePillWrapper } from '../styled';\n\nexport const ValuePill = React.memo<DSPillProps>(({ label, labelTruncated, tooltipValue, iconLeft, ariaLabel }) => {\n const TextComponent = labelTruncated\n ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n : React.Fragment;\n\n return (\n <StyledValuePillWrapper\n alignItems=\"center\"\n className=\"ds-pill-wrapper ds-pill-wrapper-value\"\n data-testid=\"ds-pill-wrapper\"\n aria-label={ariaLabel \|\| label}\n cols={[iconLeft && 'min-content', 'auto'].filter((notFalse) => notFalse)}\n gutter=\"xxxs\"\n hasIcon={iconLeft !== null}\n >\n {iconLeft}\n {tooltipValue !== '' ? (\n <DSTooltipV2\n title={tooltipValue}\n triggerComponent={\n <StyledSpanWithTooltip className=\"ds-pill-tooltip-value\" tabIndex={0}>\n {label}\n </StyledSpanWithTooltip>\n }\n />\n ) : (\n <TextComponent>{label}</TextComponent>\n )}\n </StyledValuePillWrapper>\n );\n});\n"],"names":["ValuePill","React","memo","label","labelTruncated","tooltipValue","iconLeft","ariaLabel","TextComponent","children","SimpleTruncatedTooltipText","Fragment","StyledValuePillWrapper","filter","notFalse","DSTooltipV2","StyledSpanWithTooltip"],"mappings":";;;;;;;;;;;;;;;;AAAA;IAOaA,SAAS,gBAAGC,yBAAK,CAACC,IAAN,CAAwB,gBAAkE;EAAA,IAA/DC,KAA+D,QAA/DA,KAA+D;MAAxDC,cAAwD,QAAxDA,cAAwD;MAAxCC,YAAwC,QAAxCA,YAAwC;MAA1BC,QAA0B,QAA1BA,QAA0B;MAAhBC,SAAgB,QAAhBA,SAAgB;EACjH,IAAMC,aAAa,GAAGJ,cAAc,GAChC;IAAA,IAAGK,QAAH,SAAGA,QAAH;IAAA,oBAAkBR,wCAACS,iDAAD;MAA4B,KAAK,EAAED;MAArD;GADgC,GAEhCR,yBAAK,CAACU,QAFV;EAIA,oBACEV,wCAACW,wCAAD;IACE,UAAU,EAAC,QADb;IAEE,SAAS,EAAC,uCAFZ;IAGE,eAAY,iBAHd;IAIE,cAAYL,SAAS,IAAIJ,KAJ3B;IAKE,IAAI,EAAE,CAACG,QAAQ,IAAI,aAAb,EAA4B,MAA5B,EAAoCO,MAApC,CAA2C,UAACC,QAAD;MAAA,OAAcA,QAAd;KAA3C,CALR;IAME,MAAM,EAAC,MANT;IAOE,OAAO,EAAER,QAAQ,KAAK;KAErBA,QATH,EAUGD,YAAY,KAAK,EAAjB,gBACCJ,wCAACc,qBAAD;IACE,KAAK,EAAEV,YADT;IAEE,gBAAgB,eACdJ,wCAACe,uCAAD;MAAuB,SAAS,EAAC,uBAAjC;MAAyD,QAAQ,EAAE;OAChEb,KADH;IAJL,gBAUCF,wCAAC,aAAD,QAAgBE,KAAhB,CApBJ,CADF;AAyBD,CA9BwB;;;;"}

package/cjs/deprecated/DropdownPill.js.map CHANGED Viewed

	@@ -1 +1 @@
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,YAAT,OASG;~~AAAA~~,~~iCARDC,~~cAQC;~~AAAA,~~MARDA,cAQC,oCARgB,EAQhB;~~AAAA,~~wBAPDC,KAOC;~~AAAA,~~MAPDA,KAOC,2BAPO,EAOP;~~AAAA,~~MANDC,OAMC,QANDA,OAMC;~~AAAA,~~2BALDC,QAKC;~~AAAA,~~MALDA,QAKC,8BALU,CAAC,CAKX;~~AAAA,~~mCAJDC,wBAIC;~~AAAA,~~MAJDA,wBAIC,sCAJ0B,KAI1B;~~AAAA,~~MAHDC,QAGC,QAHDA,QAGC;~~AAAA,~~MAFDC,QAEC,QAFDA,QAEC;~~AAAA,~~MADEC,aACF;;~~AACD~~,~~MAAMC~~,GAAG,GAAGC,YAAM,CAAC,IAAD,CAAlB;;~~AACA~~,~~kBAAgCC~~,cAAQ,EAAxC~~;AAAA;AAAA,~~MAAOC,SAAP;~~AAAA,~~MAAkBC,UAAlB;;~~AACA~~,~~2BAAuBC~~,qCAAiB,CAACL,GAAD,CAAxC;~~AAAA,~~MAAQM,UAAR,sBAAQA,UAAR;;~~AACA~~,~~sBACEC~~,wCAACC,kCAAD,mCACMT,aADN;~~AAEE~~,~~IAAA,~~wBAAwB,EAAEH,wBAF5B;~~AAGE~~,~~IAAA,~~QAAQ,EAAEC,QAHZ;~~AAIE~~,~~IAAA,~~gBAAgB,MAJlB;~~AAKE~~,~~IAAA,~~SAAS,EAAE;~~AAAEY~~,~~MAAAA,~~SAAS,EAAE,oBAAb;~~AAAmCC~~,~~MAAAA,~~MAAM,EAAE;~~AAA3C,KALb~~;~~AAME~~,~~IAAA,~~QAAQ,EAAEZ,QANZ;~~AAOE~~,~~IAAA,~~OAAO,EAAEQ,UAPX;~~AAQE~~,~~IAAA,~~aAAa,EAAEH,SARjB;~~AASE~~,~~IAAA,~~gBAAgB,eACdI,wCAACI,oBAAD;~~AACE~~,~~qBAAY~~,eADd;~~AAEE~~,~~MAAA,~~SAAS,EAAC,eAFZ;~~AAGE~~,~~MAAA,~~cAAc;~~AAAIC~~,~~QAAAA,~~IAAI,EAAE;~~AAAV~~,~~SAAwBpB,~~cAAxB,CAHhB;~~AAIE~~,~~MAAA,~~QAAQ,EAAEQ,GAJZ;~~AAKE~~,~~MAAA,~~KAAK,EAAEP,KALT;~~AAME~~,~~MAAA,~~UAAU,eACRc;~~AAAK~~,~~QAAA,~~GAAG,EAAEH;~~AAAV~~,~~sBACEG,~~wCAACM,mBAAD;~~AAAa~~,~~QAAA,~~SAAS,EAAC,4BAAvB;~~AAAoD~~,~~uBAAY~~;~~AAAhE~~,~~QADF,~~CAPJ;~~AAWE~~,~~MAAA,~~QAAQ,EAAElB,QAXZ;~~AAYE~~,~~MAAA,~~OAAO,EAAED;~~AAZX;AAVJ,KADF;~~AA4BD;;AAED,IAAMoB,KAAK,GAAG~~;AACZ;AACAtB~~,~~EAAAA,~~cAAc,EAAEuB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,qCAA7B,CAFJ~~;;AAGZ;AACAxB~~,~~EAAAA,~~KAAK,EAAEsB,mBAAS,CAACG,MAAV,CAAiBC,UAAjB,CAA4BF,WAA5B,CAAwC,iBAAxC,CAJK~~;;AAKZ;AACAvB~~,~~EAAAA,~~OAAO,EAAEqB,mBAAS,CAACK,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,EAAoCH,WAApC,CAAgD,cAAhD,CANG~~;;AAOZ;AACAtB~~,~~EAAAA,~~QAAQ,EAAEoB,mBAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,kBAA7B,CARE~~;;AASZ;AACArB~~,~~EAAAA,~~wBAAwB,EAAEmB,mBAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,8BAA3B,CAVd~~;;AAWZ;AACApB~~,~~EAAAA,~~QAAQ,EAAEkB,mBAAS,CAACQ,SAAV,CAAoB,CAACR,mBAAS,CAACG,MAAX,EAAmBH,mBAAS,CAACM,MAA7B,CAApB,EAA0DJ,WAA1D,CAAsE,gBAAtE,CAZE~~;;AAaZ;AACAnB~~,~~EAAAA,~~QAAQ,EAAEiB,mBAAS,CAACQ,SAAV,CAAoB,CAACR,mBAAS,CAACG,MAAX,EAAmBH,mBAAS,CAACM,MAA7B,CAApB,EAA0DJ,WAA1D,CAAsE,gBAAtE;AAdE,CAAd;AAiBA1B,YAAY,CAACiC,SAAb,GAAyBV,KAAzB;IACMW,wBAAwB,GAAGC,kBAAQ,CAACnC,YAAD;AACzCkC,wBAAwB,CAACD,SAAzB,GAAqCV,KAArC;;;;;"}
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,YAAT,OASG;EAAA,+BARDC,cAQC;MARDA,cAQC,oCARgB,EAQhB;wBAPDC,KAOC;MAPDA,KAOC,2BAPO,EAOP;MANDC,OAMC,QANDA,OAMC;2BALDC,QAKC;MALDA,QAKC,8BALU,CAAC,CAKX;mCAJDC,wBAIC;MAJDA,wBAIC,sCAJ0B,KAI1B;MAHDC,QAGC,QAHDA,QAGC;MAFDC,QAEC,QAFDA,QAEC;MADEC,aACF;;EACD,IAAMC,GAAG,GAAGC,YAAM,CAAC,IAAD,CAAlB;;EACA,gBAAgCC,cAAQ,EAAxC;;MAAOC,SAAP;MAAkBC,UAAlB;;EACA,yBAAuBC,qCAAiB,CAACL,GAAD,CAAxC;MAAQM,UAAR,sBAAQA,UAAR;;EACA,oBACEC,wCAACC,kCAAD,mCACMT,aADN;IAEE,wBAAwB,EAAEH,wBAF5B;IAGE,QAAQ,EAAEC,QAHZ;IAIE,gBAAgB,MAJlB;IAKE,SAAS,EAAE;MAAEY,SAAS,EAAE,oBAAb;MAAmCC,MAAM,EAAE;KALxD;IAME,QAAQ,EAAEZ,QANZ;IAOE,OAAO,EAAEQ,UAPX;IAQE,aAAa,EAAEH,SARjB;IASE,gBAAgB,eACdI,wCAACI,oBAAD;MACE,eAAY,eADd;MAEE,SAAS,EAAC,eAFZ;MAGE,cAAc;QAAIC,IAAI,EAAE;SAAcpB,cAAxB,CAHhB;MAIE,QAAQ,EAAEQ,GAJZ;MAKE,KAAK,EAAEP,KALT;MAME,UAAU,eACRc;QAAK,GAAG,EAAEH;sBACRG,wCAACM,mBAAD;QAAa,SAAS,EAAC,4BAAvB;QAAoD,eAAY;QADlE,CAPJ;MAWE,QAAQ,EAAElB,QAXZ;MAYE,OAAO,EAAED;;KAvBjB;AA4BD;;AAED,IAAMoB,KAAK,GAAG;;EAEZtB,cAAc,EAAEuB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,qCAA7B,CAFJ;;;EAIZxB,KAAK,EAAEsB,mBAAS,CAACG,MAAV,CAAiBC,UAAjB,CAA4BF,WAA5B,CAAwC,iBAAxC,CAJK;;;EAMZvB,OAAO,EAAEqB,mBAAS,CAACK,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,EAAoCH,WAApC,CAAgD,cAAhD,CANG;;;EAQZtB,QAAQ,EAAEoB,mBAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,kBAA7B,CARE;;;EAUZrB,wBAAwB,EAAEmB,mBAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,8BAA3B,CAVd;;;EAYZpB,QAAQ,EAAEkB,mBAAS,CAACQ,SAAV,CAAoB,CAACR,mBAAS,CAACG,MAAX,EAAmBH,mBAAS,CAACM,MAA7B,CAApB,EAA0DJ,WAA1D,CAAsE,gBAAtE,CAZE;;;EAcZnB,QAAQ,EAAEiB,mBAAS,CAACQ,SAAV,CAAoB,CAACR,mBAAS,CAACG,MAAX,EAAmBH,mBAAS,CAACM,MAA7B,CAApB,EAA0DJ,WAA1D,CAAsE,gBAAtE;AAdE,CAAd;AAiBA1B,YAAY,CAACiC,SAAb,GAAyBV,KAAzB;IACMW,wBAAwB,GAAGC,kBAAQ,CAACnC,YAAD;AACzCkC,wBAAwB,CAACD,SAAzB,GAAqCV,KAArC;;;;;"}

package/cjs/deprecated/InputPill.js.map CHANGED Viewed

	@@ -1 +1 @@
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	+ {"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;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,OAAgB;IAClFA,KAAK,EAALA;GADkE;AAAA,CAA5C,CAAxB;AAIO,SAASC,SAAT,QAQJ;EAAA,iCAPDC,cAOC;MAPDA,cAOC,qCAPgB,EAOhB;gCANDC,WAMC;MANDA,WAMC,kCANa,aAMb;6BALDC,QAKC;MALDA,QAKC,+BALU,YAAM,EAKhB;MAJDC,QAIC,SAJDA,QAIC;MAHDL,KAGC,SAHDA,KAGC;MAFDM,IAEC,SAFDA,IAEC;MADEC,UACF;;EACD,IAAIC,WAAW,GAAGC,cAAlB,CADC;;;EAID,QAAQH,IAAR;IACE,KAAK,WAAL;MACEE,WAAW,GAAGC,cAAd;MACA;;IACF,KAAK,WAAL;MACED,WAAW,GAAGE,kBAAd;MACA;;;EAKJ,oBACEC,wCAAC,eAAD;IACE,SAAS,EAAC,YADZ;IAEE,UAAU,EAAE;MAAEX,KAAK,EAALA;KAFhB;IAGE,cAAc,EAAEE,cAHlB;IAIE,KAAK,eACHS,wCAAC,WAAD;MACE,eAAY,YADd;MAEE,QAAQ,EAAEP,QAFZ;MAGE,WAAW,EAAED,WAHf;MAIE,KAAK,EAAEH;OACHO,UALN,EALJ;IAaE,UAAU,EACRP,KAAK,iBAAIW,wCAACC,mBAAD;MAAa,SAAS,EAAC,oBAAvB;MAA4C,eAAY,oBAAxD;MAA6E,OAAO,EAAEP;MAdnG;IAgBE,QAAQ,EAAE,CAAC;IAjBf;AAoBD;;;;"}

package/cjs/deprecated/LabeledDropdownPills.js.map CHANGED Viewed

	@@ -1 +1 @@
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,aAAa,GAAG;~~AACpBC~~,~~EAAAA,~~MAAM,EAAEC,8DADY;~~AAEpBC~~,~~EAAAA,~~KAAK,EAAEC,6DAFa;~~AAGpBC~~,~~EAAAA,~~QAAQ,EAAEC;AAHU,CAAtB;;AAMA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD;~~AAAA~~,~~SACzBR~~,aAAa,CAACQ,IAAD,CAAb,IAAuBR,aAAa,CAACC,MADZ;AAAA,CAA3B;;AAGA,SAASQ,oBAAT,OAWG;~~AAAA~~,~~wBAVDC~~,KAUC;~~AAAA,~~MAVDA,KAUC,2BAVO,EAUP;~~AAAA,~~MATDC,KASC,QATDA,KASC;~~AAAA,~~MARDH,IAQC,QARDA,IAQC;~~AAAA,~~MAPDI,gBAOC,QAPDA,gBAOC;~~AAAA,~~MANDC,oBAMC,QANDA,oBAMC;~~AAAA,~~MALDC,eAKC,QALDA,eAKC;~~AAAA,~~MAJDC,QAIC,QAJDA,QAIC;~~AAAA,~~MAHDC,QAGC,QAHDA,QAGC;~~AAAA,~~MAFDC,KAEC,QAFDA,KAEC;~~AAAA,~~MADEC,SACF;;~~AACD~~,~~MAAMC~~,SAAS,GAAGZ,kBAAkB,CAACC,IAAD,CAApC;~~AAEA~~,~~sBACEY~~,wCAACC,8BAAD;~~AACE~~,~~IAAA,~~eAAe,EAAEP,eADnB;~~AAEE~~,~~IAAA,~~gBAAgB,EAAEF,gBAFpB;~~AAGE~~,~~IAAA,~~oBAAoB,EAAEC;~~AAHxB~~,~~kBAKEO,~~wCAAC,SAAD,mCACMF,SADN;~~AAEE~~,~~IAAA,~~KAAK,EAAER,KAFT;~~AAGE~~,~~IAAA,~~QAAQ,EAAEK,QAHZ;~~AAIE~~,~~IAAA,~~QAAQ,EAAEC,QAJZ;~~AAKE~~,~~IAAA,~~KAAK,EAAEL,KALT;~~AAME~~,~~IAAA,~~KAAK,EAAEM;~~AANT~~,~~KALF,~~CADF;AAgBD;;AAED,IAAMK,KAAK,GAAG~~;AACZ;AACAd~~,~~EAAAA,~~IAAI,EAAEe,mBAAS,CAACC,KAAV,CAAgB,CAAC,QAAD,EAAW,OAAX,EAAoB,UAApB,CAAhB,EAAiDC,WAAjD,CACJ,WADI,CAFM~~;;AAKZ;AACAb~~,~~EAAAA,~~gBAAgB,EAAEW,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,2BAA3B,CANN~~;;AAOZ;AACAZ~~,~~EAAAA,~~oBAAoB,EAAEU,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,2BAA3B,CARV~~;;AASZ;AACAX~~,~~EAAAA,~~eAAe,EAAES,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,0BAA3B,CAVL~~;;AAWZ;AACAV~~,~~EAAAA,~~QAAQ,EAAEQ,mBAAS,CAACI,SAAV,CAAoB,CAC5BJ,mBAAS,CAACK,MADkB,EAE5BL,mBAAS,CAACM,MAFkB,CAApB,EAGPJ,WAHO,CAGK,gBAHL,CAZE~~;;AAgBZ;AACAT~~,~~EAAAA,~~QAAQ,EAAEO,mBAAS,CAACI,SAAV,CAAoB,CAC5BJ,mBAAS,CAACK,MADkB,EAE5BL,mBAAS,CAACM,MAFkB,CAApB,EAGPJ,WAHO,CAGK,gBAHL,CAjBE~~;;AAqBZ;AACAR~~,~~EAAAA,~~KAAK,EAAEM,mBAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,YAA3B,CAtBK~~;;AAuBZ;AACAf~~,~~EAAAA,~~KAAK,EAAEa,mBAAS,CAACK,MAAV,CAAiBG,UAAjB,CAA4BN,WAA5B,CAAwC,iBAAxC,CAxBK~~;;AAyBZ;AACAd~~,~~EAAAA,~~KAAK,EAAEY,mBAAS,CAACI,SAAV,CAAoB,CACzBJ,mBAAS,CAACS,OAAV,CACET,mBAAS,CAACU,KAAV,CAAgB;~~AACdC~~,~~IAAAA,~~EAAE,EAAEX,mBAAS,CAACK,MADA;~~AAEdlB~~,~~IAAAA,~~KAAK,EAAEa,mBAAS,CAACK;~~AAFH~~,~~GAAhB,~~CADF,CADyB,EAOzBL,mBAAS,CAACU,KAAV,CAAgB;~~AACdC~~,~~IAAAA,~~EAAE,EAAEX,mBAAS,CAACK,MADA;~~AAEdlB~~,~~IAAAA,~~KAAK,EAAEa,mBAAS,CAACK;~~AAFH~~,~~GAAhB,~~CAPyB,CAApB,EAWJH,WAXI,CAWQ,YAXR;AA1BK,CAAd;AAwCAhB,oBAAoB,CAAC0B,SAArB,GAAiCb,KAAjC;IACMc,gCAAgC,GAAGC,kBAAQ,CAAC5B,oBAAD;AACjD2B,gCAAgC,CAACD,SAAjC,GAA6Cb,KAA7C;;;;;"}
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,aAAa,GAAG;EACpBC,MAAM,EAAEC,8DADY;EAEpBC,KAAK,EAAEC,6DAFa;EAGpBC,QAAQ,EAAEC;AAHU,CAAtB;;AAMA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD;EAAA,OACzBR,aAAa,CAACQ,IAAD,CAAb,IAAuBR,aAAa,CAACC,MADZ;AAAA,CAA3B;;AAGA,SAASQ,oBAAT,OAWG;EAAA,sBAVDC,KAUC;MAVDA,KAUC,2BAVO,EAUP;MATDC,KASC,QATDA,KASC;MARDH,IAQC,QARDA,IAQC;MAPDI,gBAOC,QAPDA,gBAOC;MANDC,oBAMC,QANDA,oBAMC;MALDC,eAKC,QALDA,eAKC;MAJDC,QAIC,QAJDA,QAIC;MAHDC,QAGC,QAHDA,QAGC;MAFDC,KAEC,QAFDA,KAEC;MADEC,SACF;;EACD,IAAMC,SAAS,GAAGZ,kBAAkB,CAACC,IAAD,CAApC;EAEA,oBACEY,wCAACC,8BAAD;IACE,eAAe,EAAEP,eADnB;IAEE,gBAAgB,EAAEF,gBAFpB;IAGE,oBAAoB,EAAEC;kBAEtBO,wCAAC,SAAD,mCACMF,SADN;IAEE,KAAK,EAAER,KAFT;IAGE,QAAQ,EAAEK,QAHZ;IAIE,QAAQ,EAAEC,QAJZ;IAKE,KAAK,EAAEL,KALT;IAME,KAAK,EAAEM;KAXX,CADF;AAgBD;;AAED,IAAMK,KAAK,GAAG;;EAEZd,IAAI,EAAEe,mBAAS,CAACC,KAAV,CAAgB,CAAC,QAAD,EAAW,OAAX,EAAoB,UAApB,CAAhB,EAAiDC,WAAjD,CACJ,WADI,CAFM;;;EAMZb,gBAAgB,EAAEW,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,2BAA3B,CANN;;;EAQZZ,oBAAoB,EAAEU,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,2BAA3B,CARV;;;EAUZX,eAAe,EAAES,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,0BAA3B,CAVL;;;EAYZV,QAAQ,EAAEQ,mBAAS,CAACI,SAAV,CAAoB,CAC5BJ,mBAAS,CAACK,MADkB,EAE5BL,mBAAS,CAACM,MAFkB,CAApB,EAGPJ,WAHO,CAGK,gBAHL,CAZE;;;EAiBZT,QAAQ,EAAEO,mBAAS,CAACI,SAAV,CAAoB,CAC5BJ,mBAAS,CAACK,MADkB,EAE5BL,mBAAS,CAACM,MAFkB,CAApB,EAGPJ,WAHO,CAGK,gBAHL,CAjBE;;;EAsBZR,KAAK,EAAEM,mBAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,YAA3B,CAtBK;;;EAwBZf,KAAK,EAAEa,mBAAS,CAACK,MAAV,CAAiBG,UAAjB,CAA4BN,WAA5B,CAAwC,iBAAxC,CAxBK;;;EA0BZd,KAAK,EAAEY,mBAAS,CAACI,SAAV,CAAoB,CACzBJ,mBAAS,CAACS,OAAV,CACET,mBAAS,CAACU,KAAV,CAAgB;IACdC,EAAE,EAAEX,mBAAS,CAACK,MADA;IAEdlB,KAAK,EAAEa,mBAAS,CAACK;GAFnB,CADF,CADyB,EAOzBL,mBAAS,CAACU,KAAV,CAAgB;IACdC,EAAE,EAAEX,mBAAS,CAACK,MADA;IAEdlB,KAAK,EAAEa,mBAAS,CAACK;GAFnB,CAPyB,CAApB,EAWJH,WAXI,CAWQ,YAXR;AA1BK,CAAd;AAwCAhB,oBAAoB,CAAC0B,SAArB,GAAiCb,KAAjC;IACMc,gCAAgC,GAAGC,kBAAQ,CAAC5B,oBAAD;AACjD2B,gCAAgC,CAACD,SAAjC,GAA6Cb,KAA7C;;;;;"}

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map CHANGED Viewed

	@@ -1 +1 @@
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAASA,eAAT,CAAyBC,OAAzB,EAAkCC,OAAlC,EAA2C;~~AACzC~~,~~SAAOD~~,OAAO,CAACE,GAAR,CAAY,UAACC,MAAD,EAASC,KAAT,EAAmB;~~AACpC~~,~~QAAMC~~,aAAa,GAAGJ,OAAO,CAAC,OAAD,CAA7B;;~~AAEA~~,~~QAAIE~~,MAAM,CAACG,IAAP,KAAgB,SAApB,EAA+B;~~AAC7B~~,~~UAAMC~~,gBAAgB,GAAGN,OAAO,CAAC,SAAD,CAAhC;~~AACA~~,~~UAAMO~~,cAAc,GAAGP,OAAO,CAAC,iBAAD,CAA9B;~~AACA~~,~~0BACEQ~~,wCAAC,gBAAD,mCAAsBN,MAAtB;~~AAA8B~~,~~QAAA,~~GAAG,EAAEA,MAAM,CAACO,EAA1C;~~AAA8C~~,~~QAAA,~~IAAI,EAAEP;~~AAApD~~,~~uBACEM,~~wCAAC,cAAD,mCACMN,MADN;~~AAEE~~,~~QAAA,~~EAAE,EAAEA,MAAM,CAACO,EAFb;~~AAGE~~,~~QAAA,~~IAAI,EAAEP,MAHR;~~AAIE~~,~~QAAA,~~KAAK,EAAEA,MAAM,CAACQ,KAJhB;~~AAKE~~,~~QAAA,~~iBAAiB,EAAE,2BAACC,IAAD;~~AAAA~~,~~iBAAUA~~,IAAV;~~AAAA,~~SALrB;~~AAME~~,~~QAAA,~~KAAK;~~AANP~~,~~SADF,~~CADF~~;AAYD;;AAED~~,~~wBAAOH~~,wCAAC,aAAD,mCAAmBN,MAAnB;~~AAA2B~~,~~MAAA,~~GAAG,EAAEA,MAAM,CAACO,EAAP,IAAaN,KAA7C;~~AAAoD~~,~~MAAA,~~IAAI,EAAED;~~AAA1D,OAAP~~;~~AACD~~,~~GArBM,~~CAAP;AAsBD;;AAED,IAAMU,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACb,OAAD,EAAUU,EAAV,EAAiB;~~AACjD~~,~~MAAMN~~,KAAK,GAAGJ,OAAO,CAACc,SAAR,CAAkB,UAACX,MAAD;~~AAAA~~,~~WAAYA~~,MAAM,CAACO,EAAP,KAAcA,EAA1B;~~AAAA,~~GAAlB,CAAd;~~AACA~~,~~SAAON~~,KAAK,GAAGJ,OAAO,CAACI,KAAD,CAAP,CAAeW,KAAlB,GAA0B,EAAtC;AACD,CAHD;;AAKe,SAASC,8BAAT,OAcZ;~~AAAA,~~OAbDD,KAaC;~~AAAA,~~UAZDf,OAYC,QAZDA,OAYC;~~AAAA,~~WAXDiB,KAWC;~~AAAA,~~UAVDC,QAUC,QAVDA,QAUC;~~AAAA,~~MATDC,QASC,QATDA,QASC;~~AAAA,~~wBARDF,KAQC;~~AAAA,~~MARMG,SAQN,2BARkB,EAQlB;~~AAAA,~~8BAPDC,WAOC;~~AAAA,~~MAPDA,WAOC,iCAPa,KAOb;~~AAAA,~~MANDC,gBAMC,QANDA,gBAMC;~~AAAA,~~MALDC,oBAKC,QALDA,oBAKC;~~AAAA,~~MAJDC,eAIC,QAJDA,eAIC;~~AAAA,~~MAHDC,QAGC,QAHDA,QAGC;~~AAAA,~~MAFDC,QAEC,QAFDA,QAEC;~~AAAA,~~MADEC,SACF;;~~AACD~~,~~MAAMC~~,WAAW,GAAGC,MAAM,CAACC,IAAP,CAAYV,SAAZ,EAAuB,CAAvB,CAApB;~~AACA~~,~~MAAMW~~,eAAe,GAAGX,SAAS,CAACQ,WAAD,CAAT,IAA0B,EAAlD;~~AACA~~,~~MAAMI~~,aAAa,GAAGC,KAAK,CAACC,OAAN,CAAcH,eAAd,IAClBlB,yBAAyB,CAACb,OAAD,EAAU4B,WAAV,CADP,GAElBG,eAFJ;;~~AAIA~~,~~MAAMI~~,kBAAkB,GAAG,SAArBA,kBAAqB,QAAqB;~~AAAA~~,~~QAAlBvB~~,IAAkB,SAAlBA,IAAkB;~~AAAA,~~QAAZwB,KAAY,SAAZA,KAAY;;~~AAC9C~~,~~QAAIC~~,sBAAU,CAACnB,QAAD,CAAd,EAA0B;~~AACxB~~,~~UAAMoB~~,aAAa,GAAGF,KAAK,2CAEpBA,KAAK,CAAC1B,EAFc,EAET6B,uBAAW,wCAAMnB,SAAS,CAACgB,KAAK,CAAC1B,EAAP,CAAT,IAAuB,EAA7B,GAAmCE,IAAnC,EAAyC,UAAC4B,CAAD;~~AAAA~~,~~eAAOA~~,CAAC,CAAC9B,EAAT;~~AAAA,~~OAAzC,CAFF,4CAKpBE,IAAI,CAACF,EALe,EAKVE,IAAI,CAACG,KALK,CAA3B;~~AAOAG~~,~~MAAAA,~~QAAQ,CAACoB,aAAD,CAAR~~;AACD;AACF,GAXD~~;;~~AAaA~~,~~MAAMG~~,YAAY,GAAG,SAAfA,YAAe,CAACtC,MAAD,EAAY;~~AAC~~/B,~~QAAIkC~~,sBAAU,CAACnB,QAAD,CAAd,EAA0B;~~AACxB~~,~~UAAMoB~~,aAAa,2CAChBV,WADgB,EACFG,eAAe,CAACW,MAAhB,CAAuB,UAACC,GAAD;~~AAAA~~,~~eAASxC~~,MAAM,CAACO,EAAP,KAAciC,GAAG,CAACjC,EAA3B;~~AAAA,~~OAAvB,CADE,CAAnB;;~~AAGAQ~~,~~MAAAA,~~QAAQ,CAACoB,aAAD,CAAR~~;AACD;;AACDnB~~,~~IAAAA,~~QAAQ,CAAChB,MAAD,CAAR;~~AACD,GARD~~;;~~AAUA~~,~~sBACEM~~,wCAACmC,8BAAD;~~AACE~~,~~IAAA,~~eAAe,EAAEpB,eADnB;~~AAEE~~,~~IAAA,~~gBAAgB,EAAEF,gBAFpB;~~AAGE~~,~~IAAA,~~oBAAoB,EAAEC;~~AAHxB~~,~~kBAKEd,~~wCAACoC,oCAAD,mCACMlB,SADN;~~AAEE~~,~~IAAA,~~aAAa,EAAE5B,eAFjB;~~AAGE~~,~~IAAA,~~KAAK,EAAEiC,aAAa,IAAIX,WAH1B;~~AAIE~~,~~IAAA,~~QAAQ,EAAEI,QAJZ;~~AAKE~~,~~IAAA,~~QAAQ,EAAEC,QALZ;~~AAME~~,~~IAAA,~~cAAc,EAAES,kBANlB;~~AAOE~~,~~IAAA,~~OAAO,EAAEnC,OAPX;~~AAQE~~,~~IAAA,~~SAAS,0CACN4B,WADM,EACQK,KAAK,CAACC,OAAN,CAAcH,eAAd,IAAiCA,eAAe,CAAC7B,GAAhB,CAAoB,UAAC4C,CAAD;~~AAAA~~,~~aAAOA~~,CAAC,CAACpC,EAAT;~~AAAA,~~KAApB,CAAjC,GAAoEqB,eAD5E,CARX;~~AAWE~~,~~IAAA,~~oBAAoB,MAXtB;~~AAYE~~,~~IAAA,~~OAAO,EAAC;~~AAZV~~,~~KALF,~~EAmBGE,KAAK,CAACC,OAAN,CAAcH,eAAd,KACCA,eAAe,CAAC7B,GAAhB,CAAoB,UAACC,MAAD;~~AAAA~~,~~wBAClBM~~,wCAACsC,sCAAD;~~AAAe~~,~~MAAA,~~GAAG,EAAE5C,MAAM,CAACO,EAA3B;~~AAA~~+B,~~MAAA,~~KAAK,EAAEP,MAAM,CAACY,KAA7C;~~AAAoD~~,~~MAAA,~~QAAQ,EAAE;~~AAAA~~,~~eAAM0B~~,YAAY,CAACtC,MAAD,CAAlB;~~AAAA;AAA9D,MADkB;AAAA,~~GAApB,CApBJ,CADF;AA0BD;;;;"}
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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"}

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map CHANGED Viewed

	@@ -1 +1 @@
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQe,SAASA,yBAAT,OAUZ;~~AAAA~~,~~MATDC~~,KASC,QATDA,KASC;~~AAAA,~~0BARDC,OAQC;~~AAAA,~~MARDA,OAQC,6BARS,EAQT;~~AAAA,~~wBAPDC,KAOC;~~AAAA,~~MAPDA,KAOC,2BAPO,EAOP;~~AAAA,~~2BANDC,QAMC;~~AAAA,~~MANDA,QAMC,8BANU;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GAMV;~~AAAA,~~2BALDC,QAKC;~~AAAA,~~MALDA,QAKC,8BALU;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GAKV;~~AAAA,~~MAJDC,QAIC,QAJDA,QAIC;~~AAAA,~~MAHDC,QAGC,QAHDA,QAGC;~~AAAA,~~MAFDC,QAEC,QAFDA,QAEC;~~AAAA,~~MADEC,SACF;;~~AACD~~,~~kBAAsDC~~,cAAQ,CAAC,CAAD,CAA9D~~;AAAA;AAAA,~~MAAOC,mBAAP;~~AAAA,~~MAA4BC,sBAA5B;;~~AACA~~,~~mBAA8CF~~,cAAQ,CAACP,KAAD,CAAtD~~;AAAA;AAAA,~~MAAOU,eAAP;~~AAAA,~~MAAwBC,kBAAxB;;~~AACA~~,~~mBAAoCJ~~,cAAQ,CAACR,OAAD,CAA5C~~;AAAA;AAAA,~~MAAOa,UAAP;~~AAAA,~~MAAmBC,aAAnB;;~~AACA~~,~~mBAA8CN~~,cAAQ,CAAC,EAAD,CAAtD~~;AAAA;AAAA,~~MAAOO,eAAP;~~AAAA,~~MAAwBC,kBAAxB;;~~AAEA~~,~~MAAMC~~,gBAAgB,GAAG,CAAzB;~~AAEAC~~,~~EAAAA,~~eAAS,CAAC;~~AAAA~~,~~WAAMN~~,kBAAkB,CAACX,KAAD,CAAxB;~~AAAA,~~GAAD,EAAkC,CAACA,KAAD,CAAlC,CAAT;~~AAEAiB~~,~~EAAAA,~~eAAS,CAAC,YAAM;~~AACd~~,~~QAAMC~~,UAAU,GAAGN,UAAU,CAACO,MAAX,CAAkB,UAACC,MAAD;~~AAAA~~,~~aAAYA~~,MAAM,CAACC,SAAnB;~~AAAA,~~KAAlB,CAAnB;;~~AACA~~,~~QAAIH~~,UAAU,CAACI,MAAX,GAAoB,CAAxB,EAA2B;~~AACzBX~~,~~MAAAA,~~kBAAkB,CAACO,UAAD,CAAlB~~;AACD;;AACDT~~,~~IAAAA,~~sBAAsB,CAACS,UAAU,CAACI,MAAZ,CAAtB;~~AACD~~,~~GANQ,~~EAMN,EANM,CAAT;~~AAQAL~~,~~EAAAA,~~eAAS,CAAC,YAAM;~~AACd~~,~~QAAIT~~,mBAAJ,EAAyB;~~AACvB~~,~~UAAMU~~,UAAU,GAAGN,UAAU,CAACW,GAAX,CAAe,UAACC,GAAD,EAAS;~~AACzC~~,~~YAAId~~,eAAe,CAACY,MAAhB,IAA0Bd,mBAA1B,IAAiDiB,WAAI,CAACf,eAAD,EAAkB;~~AAAEgB~~,~~UAAAA,~~EAAE,EAAEF,GAAG,CAACE;~~AAAV~~,~~SAAlB,~~CAAzD,EAA4F;~~AAC1F~~,~~iDAAYF~~,GAAZ;~~AAAiBH~~,~~YAAAA,~~SAAS,EAAE~~;AAA5B;AACD;;AACD,+CAAYG~~,GAAZ;~~AAAiBH~~,~~UAAAA,~~SAAS,EAAE~~;AAA5B;AACD~~,~~OALkB,~~CAAnB;~~AAOAR~~,~~MAAAA,~~aAAa,CAACK,UAAD,CAAb~~;AACD;AACF~~,~~GAXQ,~~EAWN,CAACjB,QAAD,EAAWC,QAAX,EAAqBQ,eAArB,CAXM,CAAT;~~AAaAO~~,~~EAAAA,~~eAAS,CAAC,YAAM;~~AACd~~,~~QAAIP~~,eAAe,CAACY,MAAhB,GAAyBN,gBAA7B,EAA+C;~~AAC7C~~,~~UAAMW~~,QAAQ,GAAGjB,eAAe,CAACS,MAAhB,CAAuB,UAACS,GAAD,EAAMC,KAAN;~~AAAA~~,~~eAAgBA~~,KAAK,IAAIb,gBAAzB;~~AAAA,~~OAAvB,CAAjB;~~AACAD~~,~~MAAAA,~~kBAAkB,CAACY,QAAD,CAAlB~~;AACD;AACF~~,~~GALQ,~~EAKN,CAACjB,eAAD,CALM,CAAT;~~AAOA~~,~~MAAMoB~~,YAAY,GAAGC,iBAAW,CAC9B,UAACX,MAAD,EAAY;~~AACV~~,~~QAAI~~,CAACA,MAAM,CAACC,SAAZ,EAAuB;~~AACrB~~,~~UAAIW~~,sBAAU,CAAC7B,QAAD,CAAd,EAA0B;~~AACxB~~,~~YAAM8B~~,SAAS,GAAGC,uBAAW,CAACxB,eAAD,EAAkBU,MAAlB,EAA0B,UAACe,IAAD;~~AAAA~~,~~iBAAUA~~,IAAI,CAACT,EAAf;~~AAAA,~~SAA1B,CAA7B;~~AACAf~~,~~QAAAA,~~kBAAkB,CAACsB,SAAD,CAAlB;~~AACA9B~~,~~QAAAA,~~QAAQ,CAAC8B,SAAD,CAAR~~;AACD;;AACDhC~~,~~MAAAA,~~QAAQ,CAACmB,MAAD,CAAR~~;AACD;AACF~~,~~GAV6B,~~EAW9B,CAACV,eAAD,CAX8B,CAAhC;~~AAcA~~,~~MAAM0B~~,YAAY,GAAGL,iBAAW,CAC9B,UAACX,MAAD,EAAY;~~AACV~~,~~QAAI~~,CAACA,MAAM,CAACC,SAAR,IAAqBX,eAAe,CAACY,MAAhB,GAAyBd,mBAAlD,EAAuE;~~AACrE~~,~~UAAIwB~~,sBAAU,CAAC7B,QAAD,CAAd,EAA0B;~~AACxB~~,~~YAAM8B~~,SAAS,GAAGvB,eAAe,CAACS,MAAhB,CAAuB,UAACS,GAAD;~~AAAA~~,~~iBAASR~~,MAAM,CAACM,EAAP,KAAcE,GAAG,CAACF,EAA3B;~~AAAA,~~SAAvB,CAAlB;~~AACAf~~,~~QAAAA,~~kBAAkB,CAACsB,SAAD,CAAlB;~~AACA9B~~,~~QAAAA,~~QAAQ,CAAC8B,SAAD,CAAR~~;AACD;;AACD~~/B,~~MAAAA,~~QAAQ,CAACkB,MAAD,CAAR~~;AACD;AACF~~,~~GAV6B,~~EAW9B,CAACV,eAAD,CAX8B,CAAhC;;~~AAcA~~,~~MAAM2B~~,UAAU,GAAG,SAAbA,UAAa,GAAM;~~AACvB~~,~~QAAI3B~~,eAAe,CAACY,MAAhB,GAAyBd,mBAA7B,EAAkD;~~AAChD~~,~~aAAO8B~~,sCAAP~~;AACD;;AAED~~,~~WAAOC~~,oBAAP;~~AACD,GAND~~;;~~AAQA~~,~~sBACEC~~,+FACEA,wCAACC,oCAAD,mCACMnC,SADN;~~AAEE~~,~~IAAA,~~WAAW,EAAE,KAFf;~~AAGE~~,~~IAAA,~~KAAK,EAAER,KAHT;~~AAIE~~,~~IAAA,~~QAAQ,EAAEM,QAJZ;~~AAKE~~,~~IAAA,~~QAAQ,EAAEC,QALZ;~~AAME~~,~~IAAA,~~gBAAgB,EAAEyB,YANpB;~~AAOE~~,~~IAAA,~~OAAO,EAAE,iCAEFxB,SAFE;~~AAGLoC~~,~~MAAAA,~~IAAI,EAAE,gBAHD;~~AAILhB~~,~~MAAAA,~~EAAE,EAAE,uBAJC;~~AAKLiB~~,~~MAAAA,~~KAAK,EAAE,IALF;~~AAMLC~~,~~MAAAA,~~KAAK,EAAEhC;~~AANF,OAPX~~;~~AAgBE~~,~~IAAA,~~SAAS,EAAE;~~AACT,+BAAyBF~~,eAAe,GAAGA,eAAe,CAACa,GAAhB,CAAoB,UAACsB,CAAD;~~AAAA~~,~~eAAOA~~,CAAC,CAACnB,EAAT;~~AAAA,~~OAApB,CAAH,GAAsC;~~AADrE,KAhBb~~;~~AAmBE~~,~~IAAA,~~OAAO,EAAC;~~AAnBV~~,~~KADF,~~EAsBGhB,eAAe,IACdA,eAAe,CAACa,GAAhB,CAAoB,UAACH,MAAD,EAASS,KAAT,EAAmB;~~AACrC~~,~~QAAMiB~~,UAAU,GAAGT,UAAU,EAA7B;;~~AACA~~,~~QAAIR~~,KAAK,GAAGb,gBAAZ,EAA8B;~~AAC5B~~,~~0BAAOwB~~,wCAAC,UAAD;~~AAAY~~,~~QAAA,~~GAAG,EAAEpB,MAAM,CAACM,EAAxB;~~AAA4B~~,~~QAAA,~~KAAK,EAAEN,MAAM,CAACtB,KAA1C;~~AAAiD~~,~~QAAA,~~QAAQ,EAAE;~~AAAA~~,~~iBAAMsC~~,YAAY,CAAChB,MAAD,CAAlB~~;AAAA;AAA3D,QAAP;AACD~~;;~~AACD~~,~~WAAO~~,IAAP;~~AACD~~,~~GAND,~~CAvBJ,EA8BGV,eAAe,IAAIA,eAAe,CAACY,MAAhB,GAAyBN,gBAA5C,iBACCwB,wCAACO,oCAAD;~~AAAc~~,~~IAAA,~~KAAK,cAAOrC,eAAe,CAACY,MAAhB,GAAyBN,gBAAhC,CAAnB;~~AAAuE~~,~~IAAA,~~OAAO,EAAEF;~~AAAhF,~~IA/BJ,CADF;AAoCD;;;;"}
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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"}

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map CHANGED Viewed

	@@ -1 +1 @@
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAae,SAASA,yBAAT,OAWZ;~~AAAA~~,~~MAVDC~~,KAUC,QAVDA,KAUC~~;AAAA,+~~BATDC,YASC;~~AAAA,~~MATDA,YASC,kCATc,KASd;~~AAAA,~~MARDC,OAQC,QARDA,OAQC;~~AAAA,~~MAPDC,KAOC,QAPDA,KAOC;~~AAAA,~~2BANDC,QAMC;~~AAAA,~~MANDA,QAMC,8BANU;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GAMV;~~AAAA,~~MALDC,QAKC,QALDA,QAKC;~~AAAA,~~MAJDC,QAIC,QAJDA,QAIC;~~AAAA,~~MAHDC,QAGC,QAHDA,QAGC;~~AAAA,~~wBAFDC,KAEC;~~AAAA,~~MAFDA,KAEC,2BAFO,KAEP;~~AAAA,~~MADEC,SACF;;~~AACD~~,~~kBAAsCC~~,cAAQ,CAACP,KAAD,CAA9C~~;AAAA;AAAA,~~MAAOQ,WAAP;~~AAAA,~~MAAoBC,cAApB;;~~AACA~~,~~MAAMC~~,WAAW,GAAGC,uBAAW,CAACZ,OAAD,CAA/B;~~AACA~~,~~MAAMa~~,eAAe,GAAGC,gCAAoB,CAACC,2DAAgB,CAACJ,WAAD,EAAcX,OAAd,CAAjB,CAA5C;~~AAEAgB~~,~~EAAAA,~~eAAS,CAAC;~~AAAA~~,~~WAAMN~~,cAAc,CAACT,KAAD,CAApB;~~AAAA,~~GAAD,EAA8B,CAACA,KAAD,CAA9B,CAAT;~~AAEAe~~,~~EAAAA,~~eAAS,CAAC,YAAM;~~AACd~~,~~QAAMC~~,aAAa,GAAGjB,OAAO,CAACkB,IAAR,CAAa,UAACC,MAAD;~~AAAA~~,~~aAAYA~~,MAAM,CAACC,QAAnB;~~AAAA,~~KAAb,CAAtB;;~~AAEA~~,~~QAAIH~~,aAAJ,EAAmB;~~AACjBP~~,~~MAAAA,~~cAAc,CAACO,aAAD,CAAd;~~AACD~~,~~KAFD,~~MAEO,IAAI,CAACA,aAAL,EAAoB;~~AACzBP~~,~~MAAAA,~~cAAc,CAACV,OAAO,CAAC,CAAD,CAAR,CAAd~~;AACD;AACF~~,~~GARQ,~~EAQN,CAACa,eAAD,CARM,CAAT;~~AAUAQ~~,~~EAAAA,~~qBAAe,CAAC,YAAM;~~AACpB~~,~~QAAIZ~~,WAAJ,EAAiB;~~AACf~~,~~UAAMQ~~,aAAa,GAAGjB,OAAO,CAACkB,IAAR,CAAa,UAACC,MAAD;~~AAAA~~,~~eAAYA~~,MAAM,CAACG,EAAP,KAAcb,WAAW,CAACa,EAAtC;~~AAAA,~~OAAb,CAAtB;~~AACAZ~~,~~MAAAA,~~cAAc,CAACO,aAAD,CAAd~~;AACD;AACF~~,~~GALc,~~EAKZ,CAACjB,OAAD,CALY,CAAf;~~AAOA~~,~~MAAMuB~~,YAAY,GAAGC,iBAAW,CAC9B,UAACL,MAAD,EAAY;~~AACV~~,~~QAAIM~~,sBAAU,CAACtB,QAAD,CAAd,EAA0B;~~AACxBA~~,~~MAAAA,~~QAAQ,CAACgB,MAAD,CAAR~~;AACD;;AACDT~~,~~IAAAA,~~cAAc,CAACS,MAAD,CAAd;~~AACAjB~~,~~IAAAA,~~QAAQ,CAACiB,MAAD,CAAR;~~AACD~~,~~GAP6B,~~EAQ9B,CAAChB,QAAD,EAAWD,QAAX,CAR8B,CAAhC;~~AAWA~~,~~MAAMwB~~,kBAAkB,GAAGF,iBAAW,CACpC,iBAAuC;~~AAAA~~,~~QAAnBG~~,UAAmB,SAApCC,MAAoC,CAA1B3B,KAA0B;~~AACrC~~,~~QAAQ4B~~,aAAR,GAA0BpB,WAA1B,CAAQoB,aAAR;~~AAEAA~~,~~IAAAA,~~aAAa,IAAIA,aAAa,CAACF,UAAD,CAA9B;~~AACD~~,~~GALmC,~~EAMpC,CAAClB,WAAD,CANoC,CAAtC;;~~AASA~~,~~MAAMqB~~,YAAY,GAAG,SAAfA,YAAe,CAACC,aAAD,EAAmB;~~AACtC~~,~~QAAQC~~,QAAR,GAAqBzB,SAArB,CAAQyB,QAAR;~~AACA~~,~~QAAQH~~,aAAR,GAA0BpB,WAA1B,CAAQoB,aAAR;~~AACAnB~~,~~IAAAA,~~cAAc,CAAC,IAAD,CAAd;~~AACAmB~~,~~IAAAA,~~aAAa,IAAIA,aAAa,CAAC,EAAD,CAA9B;;~~AACA~~,~~QAAMI~~,SAAS,mCAAQF,aAAR;~~AAAuBG~~,~~MAAAA,~~KAAK,EAAE;~~AAA9B,MAAf~~;;~~AACAF~~,~~IAAAA,~~QAAQ,IAAIA,QAAQ,CAACC,SAAD,EAAYF,aAAZ,CAApB;~~AACD,GAPD~~;;~~AASA~~,~~MAAMI~~,UAAU,GAAG,SAAbA,UAAa,CAAChB,MAAD,EAASb,KAAT,EAAmB;~~AACpC~~,~~QAAQ4B,~~KAAR,GAAgDf,MAAhD,CAAQe,KAAR;~~AAAA,~~QAAgDf,MAAhD,CAAeU,aAAf;~~AAAA,~~YAAiCO,UAAjC,gDAAgDjB,MAAhD;;~~AACA~~,~~QAAIkB~~,YAAJ;;~~AACA~~,~~QAAIC~~,oBAAQ,CAACJ,KAAD,CAAZ,EAAqB;~~AACnBG~~,~~MAAAA,~~YAAY,GAAGE,8BAAf;~~AACD~~,~~KAFD,~~MAEO,IAAIjC,KAAJ,EAAW;~~AAChB~~+B,~~MAAAA,~~YAAY,GAAGG,oBAAf;~~AACD~~,~~KAFM,~~MAEA;~~AACLH~~,~~MAAAA,~~YAAY,GAAGI,sCAAf~~;AACD;;AAED~~,~~wBACEC~~,wCAAC,YAAD;~~AACE~~,~~MAAA,~~GAAG,EAAEvB,MAAM,CAACG,EADd;~~AAEE~~,~~MAAA,~~KAAK,EAAEH,MAAM,CAACrB,KAFhB;~~AAGE~~,~~MAAA,~~QAAQ,EAAE4B,kBAHZ;~~AAIE~~,~~MAAA,~~QAAQ,EAAE,kBAACiB,CAAD;~~AAAA~~,~~eAAOb~~,YAAY,CAACX,MAAD,CAAnB;~~AAAA,~~OAJZ;~~AAKE~~,~~MAAA,~~KAAK,EAAEe;~~AALT~~,~~OAMME,~~UANN,EADF;~~AAUD,GArBD~~;;~~AAuBA~~,~~MAAMQ~~,eAAe,GAAG,SAAlBA,eAAkB,GAAM;~~AAC5B~~,~~QAAI~~,CAAC7C,YAAL,EAAmB;~~AACjB~~,~~UAAIU~~,WAAJ,EAAiB,OAAO0B,UAAU,CAAC1B,WAAD,EAAcH,KAAd,CAAjB;~~AACjB~~,~~0BAAOoC~~,wCAACF,oBAAD;~~AAAM~~,~~QAAA,~~KAAK,EAAC;~~AAAZ,QAAP;AACD;AACF,GALD~~;;~~AAOA~~,~~sBACEE~~,+FACEA,wCAACG,oCAAD,mCACMtC,SADN;~~AAEE~~,~~IAAA,~~KAAK,EAAE,CAACR,YAAD,GAAgBD,KAAhB,GAAwBW,WAAxB,aAAwBA,WAAxB,uBAAwBA,WAAW,CAAEX,KAF9C;~~AAGE~~,~~IAAA,~~QAAQ,EAAEM,QAHZ;~~AAIE~~,~~IAAA,~~QAAQ,EAAEC,QAJZ;~~AAKE~~,~~IAAA,~~gBAAgB,EAAEkB,YALpB;~~AAME~~,~~IAAA,~~OAAO,EAAE,iCAEFhB,SAFE;~~AAGLuC~~,~~MAAAA,~~IAAI,EAAE,gBAHD;~~AAILxB~~,~~MAAAA,~~EAAE,EAAE,uBAJC;~~AAKLyB~~,~~MAAAA,~~KAAK,EAAE,KALF;~~AAMLC~~,~~MAAAA,~~KAAK,EAAEhD,OANF;~~AAOLiD~~,~~MAAAA,~~YAAY,EAAE;~~AAPT,OANX~~;~~AAgBE~~,~~IAAA,~~SAAS,EAAE;~~AACT,+BAAyBxC~~,WAAW,GAAG,CAACA,WAAD,aAACA,WAAD,uBAACA,WAAW,CAAEa,EAAd,CAAH,GAAuB;~~AADlD,KAhBb~~;~~AAmBE~~,~~IAAA,~~OAAO,EAAC;~~AAnBV~~,~~KADF,~~EAsBGsB,eAAe,EAtBlB,CADF;AA0BD;AAED/C,yBAAyB,CAACqD,SAA1B,GAAsC;~~AACpCpD~~,~~EAAAA,~~KAAK,EAAEqD,6BAAS,CAACC,MADmB;~~AAEpCrD~~,~~EAAAA,~~YAAY,EAAEoD,6BAAS,CAACE,IAFY;~~AAGpCrD~~,~~EAAAA,~~OAAO,EAAEmD,6BAAS,CAACG,KAHiB;~~AAIpCrD~~,~~EAAAA,~~KAAK,EAAEkD,6BAAS,CAACI,SAAV,CAAoB,CAACJ,6BAAS,CAACC,MAAX,EAAmBD,6BAAS,CAACK,MAA7B,CAApB,CAJ6B;~~AAKpCtD~~,~~EAAAA,~~QAAQ,EAAEiD,6BAAS,CAACM,IALgB;~~AAMpCtD~~,~~EAAAA,~~QAAQ,EAAEgD,6BAAS,CAACM,IANgB;~~AAOpCrD~~,~~EAAAA,~~QAAQ,EAAE+C,6BAAS,CAACI,SAAV,CAAoB,CAACJ,6BAAS,CAACC,MAAX,EAAmBD,6BAAS,CAACK,MAA7B,CAApB,CAP0B;~~AAQpCnD~~,~~EAAAA,~~QAAQ,EAAE8C,6BAAS,CAACI,SAAV,CAAoB,CAACJ,6BAAS,CAACC,MAAX,EAAmBD,6BAAS,CAACK,MAA7B,CAApB,CAR0B;~~AASpClD~~,~~EAAAA,~~KAAK,EAAE6C,6BAAS,CAACE;AATmB,CAAtC;;;;"}
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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"}

package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
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	+ {"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;EACxD,IAAID,WAAW,IAAIC,OAAnB,EAA4B;IAC1B,IAAMC,iBAAiB,GAAGF,WAAW,CAACG,GAAZ,CAAgB,UAACC,MAAD;MAAA,OAAYC,WAAI,CAACD,MAAD,EAAS,CAAC,OAAD,EAAU,eAAV,EAA2B,MAA3B,CAAT,CAAhB;KAAhB,CAA1B;IACA,IAAME,aAAa,GAAGL,OAAO,CAACE,GAAR,CAAY,UAACC,MAAD;MAAA,OAAYC,WAAI,CAACD,MAAD,EAAS,CAAC,OAAD,EAAU,eAAV,EAA2B,MAA3B,CAAT,CAAhB;KAAZ,CAAtB;IAEA,OAAOG,mBAAO,CAACL,iBAAD,EAAoBI,aAApB,CAAd;;;EAGF,OAAO,KAAP;AACD;;;;"}

package/cjs/deprecated/LabeledPills.js.map CHANGED Viewed

	@@ -1 +1 @@
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	+ {"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;EAAA,IANDC,QAMC,QANDA,QAMC;wBALDC,KAKC;MALDA,KAKC,2BALO,EAKP;MAJDC,SAIC,QAJDA,SAIC;MAHDC,eAGC,QAHDA,eAGC;MAFDC,gBAEC,QAFDA,gBAEC;MADDC,oBACC,QADDA,oBACC;EACD,oBACEC,wCAACC,8BAAD;IACE,eAAe,EAAEJ,eADnB;IAEE,gBAAgB,EAAEC,gBAFpB;IAGE,oBAAoB,EAAEC;kBAEtBC,wCAACE,oBAAD;IACE,KAAK,EAAEP,KADT;IAEE,SAAS,EAAEC,SAFb;IAGE,OAAO,EAAC,OAHV;IAIE,eAAY;IAThB,EAWGF,QAXH,CADF;AAeD;;AAED,IAAMS,KAAK,GAAG;;EAEZR,KAAK,EAAES,mBAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,iBAAxC,CAFK;;;EAIZb,QAAQ,EAAEU,mBAAS,CAACI,OAAV,CACRJ,mBAAS,CAACK,KAAV,CAAgB;IACdC,IAAI,EAAEN,mBAAS,CAACO,KAAV,CAAgB,CACpBP,mBAAS,CAACQ,UAAV,CAAqBV,oBAArB,CADoB,EAEpBE,mBAAS,CAACQ,UAAV,CAAqBC,sCAArB,CAFoB,CAAhB;GADR,CADQ,EAORP,UAPQ,CAOGC,WAPH,CAOe,0BAPf,CAJE;;;EAaZX,SAAS,EAAEQ,mBAAS,CAACU,IAAV,CAAeP,WAAf,CAA2B,yBAA3B,CAbC;;;EAeZT,gBAAgB,EAAEM,mBAAS,CAACW,IAAV,CAAeR,WAAf,CAA2B,2BAA3B,CAfN;;;EAiBZR,oBAAoB,EAAEK,mBAAS,CAACW,IAAV,CAAeR,WAAf,CAA2B,2BAA3B,CAjBV;;;EAmBZV,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;;;;;"}

package/cjs/deprecated/OverflowPill.js.map CHANGED Viewed

	@@ -1 +1 @@
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	+ {"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;EAAA,+BAAjDC,cAAiD;MAAjDA,cAAiD,oCAAhC,EAAgC;wBAA5BC,KAA4B;MAA5BA,KAA4B,2BAApB,EAAoB;0BAAhBC,OAAgB;MAAhBA,OAAgB,6BAAN,EAAM;EACvE,IAAMC,GAAG,GAAGC,YAAM,CAAC,IAAD,CAAlB;;EACA,gBAA0CC,cAAQ,CAAC,KAAD,CAAlD;;MAAOC,aAAP;MAAsBC,gBAAtB;;EACA,iBAAsCF,cAAQ,CAAC,EAAD,CAA9C;;MAAOG,WAAP;MAAoBC,cAApB;;EAEAC,eAAS,CAAC,YAAM;IACd,IAAIC,IAAI,GAAG,EAAX;IACAT,OAAO,CAACU,OAAR,CAAgB,UAACC,MAAD,EAAY;MAC1B,IAAI,CAACL,WAAD,IAAgBK,MAAM,KAAKX,OAAO,CAAC,CAAD,CAAtC,EAA2C;QACzCS,IAAI,aAAME,MAAM,CAACZ,KAAb,CAAJ;OADF,MAEO;QACLU,IAAI,GAAGA,IAAI,CAACG,MAAL,aAAiBD,MAAM,CAACZ,KAAxB,EAAP;;KAJJ;IAOAQ,cAAc,CAACE,IAAD,CAAd;GATO,EAUN,CAACT,OAAD,CAVM,CAAT;EAYAa,qCAAiB,CAACZ,GAAD,CAAjB;EAEA,oBACEa,wCAACC,6BAAD;IACE,MAAM,EAAEX,aADV;IAEE,KAAK,EAAEE,WAFT;IAGE,MAAM,EAAE,EAHV;IAIE,gBAAgB,eACdQ,wCAACE,oBAAD;MACE,SAAS,EAAC,eADZ;MAEE,cAAc,EAAElB,cAFlB;MAGE,QAAQ,EAAEG,GAHZ;MAIE,KAAK,EAAEF,KAJT;MAKE,QAAQ,EAAE,CAAC,CALb;MAME,YAAY,EAAE;QAAA,OAAMM,gBAAgB,CAAC,IAAD,CAAtB;OANhB;MAOE,YAAY,EAAE;QAAA,OAAMA,gBAAgB,CAAC,KAAD,CAAtB;;;IAbtB;AAkBD;;AAED,IAAMY,KAAK,GAAG;;EAEZnB,cAAc,EAAEoB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CACd,iCADc,CAFJ;;;EAMZrB,KAAK,EAAEmB,mBAAS,CAACG,MAAV,CAAiBC,UAAjB,CAA4BF,WAA5B,CAAwC,iBAAxC,CANK;;;EAQZpB,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;;;;;"}