@elliemae/ds-pills 1.57.2 → 1.58.0-rc.2
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.
|
@@ -55,7 +55,7 @@ var DropdownPill = /*#__PURE__*/React__default['default'].memo(function (_ref) {
|
|
|
55
55
|
if (e.code === 'Escape') chevronRef.current.focus();
|
|
56
56
|
if (dropdownProps.onClickOutside) dropdownProps.onClickOutside(e);
|
|
57
57
|
},
|
|
58
|
-
|
|
58
|
+
wrapperStyles: {
|
|
59
59
|
width: '100%',
|
|
60
60
|
height: '100%'
|
|
61
61
|
}
|
|
@@ -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
|
|
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;;;;"}
|
|
@@ -46,7 +46,7 @@ var DropdownPill = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
46
46
|
if (e.code === 'Escape') chevronRef.current.focus();
|
|
47
47
|
if (dropdownProps.onClickOutside) dropdownProps.onClickOutside(e);
|
|
48
48
|
},
|
|
49
|
-
|
|
49
|
+
wrapperStyles: {
|
|
50
50
|
width: '100%',
|
|
51
51
|
height: '100%'
|
|
52
52
|
}
|
|
@@ -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
|
|
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","Fragment","e","code","current","focus","onClickOutside","width","height","setMultipleRefs"],"mappings":";;;;;;;;;;;;;;;;;;IAWaA,YAAY,gBAAGC,KAAK,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,MAAM,CAAC,IAAD,CAAzB;AAEA,MAAMC,OAAO,GAAGC,OAAO,CAAC;AAAA,6BAAiBC,GAAG,EAApB;AAAA,GAAD,EAA2B,EAA3B,CAAvB;AAEA,MAAMC,aAAa,GAAGV,cAAc,GAChC;AAAA,QAAGW,QAAH,SAAGA,QAAH;AAAA,wBAAkB,oBAAC,0BAAD;AAA4B,MAAA,KAAK,EAAEA;AAAnC,MAAlB;AAAA,GADgC,GAEhCd,KAAK,CAACe,QAFV;AAIA,sBACE,oBAAC,yBAAD;AACE,IAAA,EAAE,EAAEL,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,kBASE,oBAAC,aAAD,QAAgBR,KAAhB,CATF,eAUE,oBAAC,gBAAD,eACME,aADN;AAEE,IAAA,cAAc,EAAE,wBAACY,CAAD,EAAO;AACrB,UAAIA,CAAC,CAACC,IAAF,KAAW,QAAf,EAAyBT,UAAU,CAACU,OAAX,CAAmBC,KAAnB;AACzB,UAAIf,aAAa,CAACgB,cAAlB,EAAkChB,aAAa,CAACgB,cAAd,CAA6BJ,CAA7B;AACnC,KALH;AAME,IAAA,aAAa,EAAE;AAAEK,MAAAA,KAAK,EAAE,MAAT;AAAiBC,MAAAA,MAAM,EAAE;AAAzB;AANjB,mBAQE,oBAAC,YAAD;AACE,IAAA,SAAS,EAAC,qBADZ;AAEE,mBAAY,0BAFd;AAGE,IAAA,QAAQ,EAAEC,eAAe,CAACf,UAAD,EAAaH,QAAb,CAH3B;AAIE,kBAAYC,SAAS,IAAIJ,KAJ3B;AAKE,IAAA,IAAI,EAAC,OALP;AAME,IAAA,OAAO,EAAEK;AANX,kBAQE,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB,CAAzB;AAAmD,IAAA,IAAI,EAAC;AAAxD,IARF,CARF,CAVF,CADF;AAgCD,CA1CyB;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-pills",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.58.0-rc.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Pills",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
"build": "node ../../scripts/build/build.js"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-classnames": "1.
|
|
20
|
-
"@elliemae/ds-dropdownmenu": "1.
|
|
21
|
-
"@elliemae/ds-form": "1.
|
|
22
|
-
"@elliemae/ds-grid": "1.
|
|
23
|
-
"@elliemae/ds-icons": "1.
|
|
24
|
-
"@elliemae/ds-modal": "1.
|
|
25
|
-
"@elliemae/ds-popover": "1.
|
|
26
|
-
"@elliemae/ds-shared": "1.
|
|
27
|
-
"@elliemae/ds-system": "1.
|
|
28
|
-
"@elliemae/ds-tooltip": "1.
|
|
29
|
-
"@elliemae/ds-utilities": "1.
|
|
19
|
+
"@elliemae/ds-classnames": "1.58.0-rc.2",
|
|
20
|
+
"@elliemae/ds-dropdownmenu": "1.58.0-rc.2",
|
|
21
|
+
"@elliemae/ds-form": "1.58.0-rc.2",
|
|
22
|
+
"@elliemae/ds-grid": "1.58.0-rc.2",
|
|
23
|
+
"@elliemae/ds-icons": "1.58.0-rc.2",
|
|
24
|
+
"@elliemae/ds-modal": "1.58.0-rc.2",
|
|
25
|
+
"@elliemae/ds-popover": "1.58.0-rc.2",
|
|
26
|
+
"@elliemae/ds-shared": "1.58.0-rc.2",
|
|
27
|
+
"@elliemae/ds-system": "1.58.0-rc.2",
|
|
28
|
+
"@elliemae/ds-tooltip": "1.58.0-rc.2",
|
|
29
|
+
"@elliemae/ds-utilities": "1.58.0-rc.2",
|
|
30
30
|
"prop-types": "~15.7.2",
|
|
31
31
|
"react-desc": "^4.1.2",
|
|
32
32
|
"uid": "^2.0.0"
|