@elliemae/ds-pills 1.60.0 → 2.0.0-alpha.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (184) hide show
  1. package/cjs/components/Pill.js +34 -42
  2. package/cjs/components/PillButton.js +29 -23
  3. package/cjs/components/PillGroup.js +29 -37
  4. package/cjs/components/index.js +10 -36
  5. package/cjs/components/styled.js +36 -70
  6. package/cjs/components/types/DropdownPill.js +53 -43
  7. package/cjs/components/types/InputPill.js +28 -46
  8. package/cjs/components/types/LabelPill.js +24 -20
  9. package/cjs/components/types/ReadOnlyPill.js +27 -23
  10. package/cjs/components/types/RemovablePill.js +31 -37
  11. package/cjs/components/types/ValuePill.js +28 -24
  12. package/cjs/components/types/index.js +12 -34
  13. package/cjs/deprecated/DropdownPill.js +41 -44
  14. package/cjs/deprecated/InputPill.js +36 -27
  15. package/cjs/deprecated/LabeledDropdownPills.js +43 -54
  16. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +74 -79
  17. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +81 -116
  18. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +95 -110
  19. package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js +5 -8
  20. package/cjs/deprecated/LabeledPills.js +19 -27
  21. package/cjs/deprecated/OverflowPill.js +25 -42
  22. package/cjs/deprecated/Pill.js +48 -38
  23. package/cjs/deprecated/PillGroup.js +31 -18
  24. package/cjs/deprecated/ReadOnlyPill.js +60 -76
  25. package/cjs/deprecated/RemovablePill.js +19 -26
  26. package/cjs/deprecated/index.js +26 -51
  27. package/cjs/index.d.js +0 -1
  28. package/cjs/index.js +36 -76
  29. package/cjs/props.js +21 -44
  30. package/cjs/utils.js +7 -4
  31. package/esm/components/Pill.js +21 -29
  32. package/esm/components/PillButton.js +27 -20
  33. package/esm/components/PillGroup.js +27 -35
  34. package/esm/components/index.js +0 -26
  35. package/esm/components/styled.js +36 -71
  36. package/esm/components/types/DropdownPill.js +48 -39
  37. package/esm/components/types/InputPill.js +25 -43
  38. package/esm/components/types/LabelPill.js +21 -18
  39. package/esm/components/types/ReadOnlyPill.js +24 -21
  40. package/esm/components/types/RemovablePill.js +26 -33
  41. package/esm/components/types/ValuePill.js +25 -22
  42. package/esm/components/types/index.js +0 -22
  43. package/esm/deprecated/DropdownPill.js +37 -38
  44. package/esm/deprecated/InputPill.js +32 -23
  45. package/esm/deprecated/LabeledDropdownPills.js +33 -44
  46. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +67 -70
  47. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +72 -105
  48. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +84 -96
  49. package/esm/deprecated/LabeledDropdownPillsTypes/utils.js +5 -8
  50. package/esm/deprecated/LabeledPills.js +14 -22
  51. package/esm/deprecated/OverflowPill.js +23 -39
  52. package/esm/deprecated/Pill.js +43 -32
  53. package/esm/deprecated/PillGroup.js +30 -18
  54. package/esm/deprecated/ReadOnlyPill.js +59 -74
  55. package/esm/deprecated/RemovablePill.js +18 -25
  56. package/esm/deprecated/index.js +0 -25
  57. package/esm/index.d.js +0 -1
  58. package/esm/index.js +0 -40
  59. package/esm/props.js +21 -44
  60. package/esm/utils.js +7 -4
  61. package/package.json +157 -23
  62. package/types/components/Pill.d.ts +5 -0
  63. package/types/components/PillButton.d.ts +5 -0
  64. package/types/components/PillGroup.d.ts +13 -0
  65. package/types/components/index.d.ts +3 -0
  66. package/types/components/styled.d.ts +24 -0
  67. package/types/components/types/DropdownPill.d.ts +3 -0
  68. package/types/components/types/InputPill.d.ts +3 -0
  69. package/types/components/types/LabelPill.d.ts +3 -0
  70. package/types/components/types/ReadOnlyPill.d.ts +3 -0
  71. package/types/components/types/RemovablePill.d.ts +3 -0
  72. package/types/components/types/ValuePill.d.ts +3 -0
  73. package/types/components/types/index.d.ts +6 -0
  74. package/types/deprecated/DropdownPill.d.ts +75 -0
  75. package/types/deprecated/InputPill.d.ts +10 -0
  76. package/types/deprecated/LabeledDropdownPills.d.ts +93 -0
  77. package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.d.ts +15 -0
  78. package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.d.ts +13 -0
  79. package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.d.ts +28 -0
  80. package/types/deprecated/LabeledDropdownPillsTypes/utils.d.ts +1 -0
  81. package/types/deprecated/LabeledPills.d.ts +59 -0
  82. package/types/deprecated/OverflowPill.d.ts +37 -0
  83. package/types/deprecated/Pill.d.ts +67 -0
  84. package/types/deprecated/PillGroup.d.ts +56 -0
  85. package/types/deprecated/ReadOnlyPill.d.ts +63 -0
  86. package/types/deprecated/RemovablePill.d.ts +55 -0
  87. package/types/deprecated/index.d.ts +9 -0
  88. package/types/index.d.ts +3 -0
  89. package/types/props.d.ts +92 -0
  90. package/types/tests/DSPill.test.d.ts +1 -0
  91. package/types/tests/DSPillGroup.test.d.ts +1 -0
  92. package/types/tests/events/DSPill.events.keyboard.test.d.ts +1 -0
  93. package/types/tests/events/DSPill.events.test.d.ts +1 -0
  94. package/types/tests/events/DSPillGroup.events.keyboard.test.d.ts +1 -0
  95. package/types/tests/events/DSPillGroup.events.test.d.ts +1 -0
  96. package/types/utils.d.ts +4 -0
  97. package/cjs/components/Pill.js.map +0 -1
  98. package/cjs/components/PillButton.js.map +0 -1
  99. package/cjs/components/PillGroup.js.map +0 -1
  100. package/cjs/components/index.js.map +0 -1
  101. package/cjs/components/styled.js.map +0 -1
  102. package/cjs/components/types/DropdownPill.js.map +0 -1
  103. package/cjs/components/types/InputPill.js.map +0 -1
  104. package/cjs/components/types/LabelPill.js.map +0 -1
  105. package/cjs/components/types/ReadOnlyPill.js.map +0 -1
  106. package/cjs/components/types/RemovablePill.js.map +0 -1
  107. package/cjs/components/types/ValuePill.js.map +0 -1
  108. package/cjs/components/types/index.js.map +0 -1
  109. package/cjs/deprecated/DropdownPill.js.map +0 -1
  110. package/cjs/deprecated/InputPill.js.map +0 -1
  111. package/cjs/deprecated/LabeledDropdownPills.js.map +0 -1
  112. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +0 -1
  113. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +0 -1
  114. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +0 -1
  115. package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js.map +0 -1
  116. package/cjs/deprecated/LabeledPills.js.map +0 -1
  117. package/cjs/deprecated/OverflowPill.js.map +0 -1
  118. package/cjs/deprecated/Pill.js.map +0 -1
  119. package/cjs/deprecated/PillGroup.js.map +0 -1
  120. package/cjs/deprecated/ReadOnlyPill.js.map +0 -1
  121. package/cjs/deprecated/RemovablePill.js.map +0 -1
  122. package/cjs/deprecated/index.js.map +0 -1
  123. package/cjs/index.d.js.map +0 -1
  124. package/cjs/index.js.map +0 -1
  125. package/cjs/props.js.map +0 -1
  126. package/cjs/utils.js.map +0 -1
  127. package/components/Pill/package.json +0 -10
  128. package/components/PillButton/package.json +0 -10
  129. package/components/PillGroup/package.json +0 -10
  130. package/components/package.json +0 -10
  131. package/components/styled/package.json +0 -10
  132. package/components/types/DropdownPill/package.json +0 -10
  133. package/components/types/InputPill/package.json +0 -10
  134. package/components/types/LabelPill/package.json +0 -10
  135. package/components/types/ReadOnlyPill/package.json +0 -10
  136. package/components/types/RemovablePill/package.json +0 -10
  137. package/components/types/ValuePill/package.json +0 -10
  138. package/components/types/package.json +0 -10
  139. package/deprecated/DropdownPill/package.json +0 -10
  140. package/deprecated/InputPill/package.json +0 -10
  141. package/deprecated/LabeledDropdownPills/package.json +0 -10
  142. package/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill/package.json +0 -10
  143. package/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill/package.json +0 -10
  144. package/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill/package.json +0 -10
  145. package/deprecated/LabeledDropdownPillsTypes/utils/package.json +0 -10
  146. package/deprecated/LabeledPills/package.json +0 -10
  147. package/deprecated/OverflowPill/package.json +0 -10
  148. package/deprecated/Pill/package.json +0 -10
  149. package/deprecated/PillGroup/package.json +0 -10
  150. package/deprecated/ReadOnlyPill/package.json +0 -10
  151. package/deprecated/RemovablePill/package.json +0 -10
  152. package/deprecated/package.json +0 -10
  153. package/esm/components/Pill.js.map +0 -1
  154. package/esm/components/PillButton.js.map +0 -1
  155. package/esm/components/PillGroup.js.map +0 -1
  156. package/esm/components/index.js.map +0 -1
  157. package/esm/components/styled.js.map +0 -1
  158. package/esm/components/types/DropdownPill.js.map +0 -1
  159. package/esm/components/types/InputPill.js.map +0 -1
  160. package/esm/components/types/LabelPill.js.map +0 -1
  161. package/esm/components/types/ReadOnlyPill.js.map +0 -1
  162. package/esm/components/types/RemovablePill.js.map +0 -1
  163. package/esm/components/types/ValuePill.js.map +0 -1
  164. package/esm/components/types/index.js.map +0 -1
  165. package/esm/deprecated/DropdownPill.js.map +0 -1
  166. package/esm/deprecated/InputPill.js.map +0 -1
  167. package/esm/deprecated/LabeledDropdownPills.js.map +0 -1
  168. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +0 -1
  169. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +0 -1
  170. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +0 -1
  171. package/esm/deprecated/LabeledDropdownPillsTypes/utils.js.map +0 -1
  172. package/esm/deprecated/LabeledPills.js.map +0 -1
  173. package/esm/deprecated/OverflowPill.js.map +0 -1
  174. package/esm/deprecated/Pill.js.map +0 -1
  175. package/esm/deprecated/PillGroup.js.map +0 -1
  176. package/esm/deprecated/ReadOnlyPill.js.map +0 -1
  177. package/esm/deprecated/RemovablePill.js.map +0 -1
  178. package/esm/deprecated/index.js.map +0 -1
  179. package/esm/index.d.js.map +0 -1
  180. package/esm/index.js.map +0 -1
  181. package/esm/props.js.map +0 -1
  182. package/esm/utils.js.map +0 -1
  183. package/props/package.json +0 -10
  184. package/utils/package.json +0 -10
@@ -1 +0,0 @@
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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"}
@@ -1 +0,0 @@
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;;;;"}
@@ -1 +0,0 @@
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","setMultipleRefs"],"mappings":";;;;;;;;;;;;;;;;;IASaA,SAAS,gBAAGC,KAAK,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,MAAM,CAAc,IAAd,CAAlB;AAEA,MAAMC,cAAc,GAAGC,OAAO,CAAC;AAAA,WAAMP,WAAN;AAAA,GAAD,EAAoB,CAACA,WAAD,CAApB,CAA9B;AAEA,MAAMQ,OAAO,GAAGD,OAAO,CAAC;AAAA,6BAAiBE,GAAG,EAApB;AAAA,GAAD,EAA2B,EAA3B,CAAvB;AAEA,MAAMC,gBAAsE,GAAGC,WAAW,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,QAAQ,CAAC,KAAD,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,sBACE,oBAAC,sBAAD;AACE,IAAA,SAAS,EAAC,iBADZ;AAEE,mBAAY,iBAFd;AAGE,IAAA,IAAI,EAAExB,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,kBAQE,oBAAC,cAAD;AACE,IAAA,EAAE,EAAEZ,OADN;AAEE,IAAA,SAAS,EAAC,qBAFZ;AAGE,mBAAY,eAHd;AAIE,IAAA,QAAQ,EAAEc,eAAe,CAAClB,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,iBACC,oBAAC,YAAD;AACE,IAAA,EAAE,EAAEW,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,kBASE,oBAAC,WAAD;AAAa,IAAA,IAAI,EAAC,GAAlB;AAAsB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAA7B,IATF,CArBJ,CADF;AAoCD,CAzDsB;;;;"}
@@ -1 +0,0 @@
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","Fragment","filter","notFalse"],"mappings":";;;;;;;AAAA;IAMaA,SAAS,gBAAGC,KAAK,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,wBAAkB,oBAAC,0BAAD;AAA4B,MAAA,KAAK,EAAEA;AAAnC,MAAlB;AAAA,GADgC,GAEhCP,KAAK,CAACQ,QAFV;AAGA,sBACE,oBAAC,sBAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,SAAS,EAAC,uCAFZ;AAGE,mBAAY,iBAHd;AAIE,kBAAYH,SAAS,IAAIH,KAJ3B;AAKE,IAAA,IAAI,EAAE,CAACE,QAAQ,IAAI,aAAb,EAA4B,MAA5B,EAAoCK,MAApC,CAA2C,UAACC,QAAD;AAAA,aAAcA,QAAd;AAAA,KAA3C,CALR;AAME,IAAA,MAAM,EAAC,MANT;AAOE,IAAA,OAAO,EAAEN,QAAQ,KAAK;AAPxB,KASGA,QATH,eAUE,oBAAC,aAAD,QAAgBF,KAAhB,CAVF,CADF;AAcD,CAlBwB;;;;"}
@@ -1 +0,0 @@
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","Fragment","filter","notFalse"],"mappings":";;;;;;;AAAA;IAOaA,YAAY,gBAAGC,KAAK,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,wBAAkB,oBAAC,0BAAD;AAA4B,MAAA,KAAK,EAAEA;AAAnC,MAAlB;AAAA,GADgC,GAEhCV,KAAK,CAACW,QAFV;AAIA,sBACE,oBAAC,yBAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,SAAS,EAAC,0CAFZ;AAGE,mBAAY,iBAHd;AAIE,kBAAYL,SAAS,IAAIJ,KAJ3B;AAKE,IAAA,IAAI,EAAE,CAACE,QAAQ,IAAI,aAAb,EAA4BF,KAAK,IAAI,MAArC,EAA6CG,SAAS,IAAI,aAA1D,EAAyEO,MAAzE,CAAgF,UAACC,QAAD;AAAA,aAAcA,QAAd;AAAA,KAAhF,CALR;AAME,IAAA,MAAM,EAAC,MANT;AAOE,IAAA,YAAY,EAAEL,YAPhB;AAQE,IAAA,WAAW,EAAED;AARf,KAUGH,QAVH,EAWGF,KAAK,gBAAG,oBAAC,aAAD,QAAgBA,KAAhB,CAAH,GAA4C,IAXpD,EAYGG,SAZH,CADF;AAgBD,CAxB2B;;;;"}
@@ -1 +0,0 @@
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","Fragment","onKeyDown","useCallback","e","includes","code","preventDefault"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;IAUaA,aAAa,gBAAGC,KAAK,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,UAAU,CAACC,oBAAD,CAAvC;AAAA,MAAQC,gBAAR,eAAQA,gBAAR;;AACA,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,MAAMC,SAA+D,GAAGC,WAAW,CACjF,UAACC,CAAD,EAAO;AACL,QAAI,CAAC,OAAD,EAAU,OAAV,EAAmBC,QAAnB,CAA4BD,CAAC,CAACE,IAA9B,CAAJ,EAAyC;AACvCF,MAAAA,CAAC,CAACG,cAAF;AACA,UAAIZ,gBAAJ,EAAsBA,gBAAgB,CAACC,OAAD,CAAhB;AACtBN,MAAAA,QAAQ,CAACc,CAAD,CAAR;AACD;AACF,GAPgF,EAQjF,CAACT,gBAAD,EAAmBL,QAAnB,EAA6BM,OAA7B,CARiF,CAAnF;AAWA,sBACE,oBAAC,0BAAD;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,kBAAYJ,SAAS,IAAIJ;AAP3B,kBASE,oBAAC,aAAD,QAAgBA,KAAhB,CATF,eAUE,oBAAC,YAAD;AACE,IAAA,SAAS,EAAC,qBADZ;AAEE,IAAA,EAAE,EAAEQ,OAFN;AAGE,mBAAY,oBAHd;AAIE,IAAA,QAAQ,EAAEL,QAJZ;AAKE,IAAA,OAAO,EAAED,QALX;AAME,IAAA,SAAS,EAAEY,SANb;AAOE,mCAAsBd,KAAtB,CAPF;AAQE,IAAA,IAAI,EAAC;AARP,kBAUE,oBAAC,WAAD;AAAa,IAAA,IAAI,EAAC,GAAlB;AAAsB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAA7B,IAVF,CAVF,CADF;AAyBD,CA5C4B;;;;"}
@@ -1 +0,0 @@
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","Fragment","filter","notFalse"],"mappings":";;;;;;;;AAAA;IAOaA,SAAS,gBAAGC,KAAK,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,wBAAkB,oBAAC,0BAAD;AAA4B,MAAA,KAAK,EAAEA;AAAnC,MAAlB;AAAA,GADgC,GAEhCR,KAAK,CAACS,QAFV;AAIA,sBACE,oBAAC,sBAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,SAAS,EAAC,uCAFZ;AAGE,mBAAY,iBAHd;AAIE,kBAAYH,SAAS,IAAIJ,KAJ3B;AAKE,IAAA,IAAI,EAAE,CAACG,QAAQ,IAAI,aAAb,EAA4B,MAA5B,EAAoCK,MAApC,CAA2C,UAACC,QAAD;AAAA,aAAcA,QAAd;AAAA,KAA3C,CALR;AAME,IAAA,MAAM,EAAC,MANT;AAOE,IAAA,OAAO,EAAEN,QAAQ,KAAK;AAPxB,KASGA,QATH,EAUGD,YAAY,KAAK,EAAjB,gBACC,oBAAC,WAAD;AACE,IAAA,KAAK,EAAEA,YADT;AAEE,IAAA,gBAAgB,eACd,oBAAC,qBAAD;AAAuB,MAAA,SAAS,EAAC,uBAAjC;AAAyD,MAAA,QAAQ,EAAE;AAAnE,OACGF,KADH;AAHJ,IADD,gBAUC,oBAAC,aAAD,QAAgBA,KAAhB,CApBJ,CADF;AAyBD,CA9BwB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownPill.js","sources":["../../../src/deprecated/DropdownPill.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { ChevronDown } from '@elliemae/ds-icons';\nimport useFocusGroupItem from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';\nimport { Pill } from './Pill';\n\nfunction DropdownPill({\n containerProps = {},\n label = '',\n variant,\n tabIndex = -1,\n closeMenuOnItemSelection = false,\n maxWidth,\n minWidth,\n ...dropdownProps\n}) {\n const ref = useRef(null);\n const [chevronEl, chevronRef] = useState();\n const { focusFirst } = useFocusGroupItem(ref);\n return (\n <DSDropdownMenu\n {...dropdownProps}\n closeMenuOnItemSelection={closeMenuOnItemSelection}\n maxWidth={maxWidth}\n hideIfNotVisible\n menuProps={{ className: 'dropdown-pill-menu', zIndex: 100 }}\n minWidth={minWidth}\n onClose={focusFirst}\n referenceNode={chevronEl}\n triggerComponent={\n <Pill\n data-testid=\"dropdown-pill\"\n className=\"dropdown-pill\"\n containerProps={{ role: 'listbox', ...containerProps }}\n innerRef={ref}\n label={label}\n rightAddon={\n <div ref={chevronRef}>\n <ChevronDown className=\"dropdown-pill-chevron-down\" data-testid=\"dropdown-pill-button\" />\n </div>\n }\n tabIndex={tabIndex}\n variant={variant}\n />\n }\n />\n );\n}\n\nconst props = {\n /** props injected to component wrapper */\n containerProps: PropTypes.object.description('props injected to component wrapper'),\n /** labeled pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** pill variant */\n variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),\n /** html focus border */\n tabIndex: PropTypes.number.description('html focus order'),\n /** close menu on item selection */\n closeMenuOnItemSelection: PropTypes.bool.description('close menu on item selection'),\n /** pill max width */\n maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill max width'),\n /** pill min width */\n minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill min width'),\n};\n\nDropdownPill.propTypes = props;\nconst DSDropdownPillWithSchema = describe(DropdownPill);\nDSDropdownPillWithSchema.propTypes = props;\n\nexport { DropdownPill, DSDropdownPillWithSchema };\n"],"names":["DropdownPill","containerProps","label","variant","tabIndex","closeMenuOnItemSelection","maxWidth","minWidth","dropdownProps","ref","useRef","useState","chevronEl","chevronRef","useFocusGroupItem","focusFirst","className","zIndex","role","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,MAAM,CAAC,IAAD,CAAlB;;AACA,kBAAgCC,QAAQ,EAAxC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,UAAlB;;AACA,2BAAuBC,iBAAiB,CAACL,GAAD,CAAxC;AAAA,MAAQM,UAAR,sBAAQA,UAAR;;AACA,sBACE,oBAAC,cAAD,eACMP,aADN;AAEE,IAAA,wBAAwB,EAAEH,wBAF5B;AAGE,IAAA,QAAQ,EAAEC,QAHZ;AAIE,IAAA,gBAAgB,MAJlB;AAKE,IAAA,SAAS,EAAE;AAAEU,MAAAA,SAAS,EAAE,oBAAb;AAAmCC,MAAAA,MAAM,EAAE;AAA3C,KALb;AAME,IAAA,QAAQ,EAAEV,QANZ;AAOE,IAAA,OAAO,EAAEQ,UAPX;AAQE,IAAA,aAAa,EAAEH,SARjB;AASE,IAAA,gBAAgB,eACd,oBAAC,IAAD;AACE,qBAAY,eADd;AAEE,MAAA,SAAS,EAAC,eAFZ;AAGE,MAAA,cAAc;AAAIM,QAAAA,IAAI,EAAE;AAAV,SAAwBjB,cAAxB,CAHhB;AAIE,MAAA,QAAQ,EAAEQ,GAJZ;AAKE,MAAA,KAAK,EAAEP,KALT;AAME,MAAA,UAAU,eACR;AAAK,QAAA,GAAG,EAAEW;AAAV,sBACE,oBAAC,WAAD;AAAa,QAAA,SAAS,EAAC,4BAAvB;AAAoD,uBAAY;AAAhE,QADF,CAPJ;AAWE,MAAA,QAAQ,EAAET,QAXZ;AAYE,MAAA,OAAO,EAAED;AAZX;AAVJ,KADF;AA4BD;;AAED,IAAMgB,KAAK,GAAG;AACZ;AACAlB,EAAAA,cAAc,EAAEmB,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,qCAA7B,CAFJ;;AAGZ;AACApB,EAAAA,KAAK,EAAEkB,SAAS,CAACG,MAAV,CAAiBC,UAAjB,CAA4BF,WAA5B,CAAwC,iBAAxC,CAJK;;AAKZ;AACAnB,EAAAA,OAAO,EAAEiB,SAAS,CAACK,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,EAAoCH,WAApC,CAAgD,cAAhD,CANG;;AAOZ;AACAlB,EAAAA,QAAQ,EAAEgB,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,kBAA7B,CARE;;AASZ;AACAjB,EAAAA,wBAAwB,EAAEe,SAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,8BAA3B,CAVd;;AAWZ;AACAhB,EAAAA,QAAQ,EAAEc,SAAS,CAACQ,SAAV,CAAoB,CAACR,SAAS,CAACG,MAAX,EAAmBH,SAAS,CAACM,MAA7B,CAApB,EAA0DJ,WAA1D,CAAsE,gBAAtE,CAZE;;AAaZ;AACAf,EAAAA,QAAQ,EAAEa,SAAS,CAACQ,SAAV,CAAoB,CAACR,SAAS,CAACG,MAAX,EAAmBH,SAAS,CAACM,MAA7B,CAApB,EAA0DJ,WAA1D,CAAsE,gBAAtE;AAdE,CAAd;AAiBAtB,YAAY,CAAC6B,SAAb,GAAyBV,KAAzB;IACMW,wBAAwB,GAAGC,QAAQ,CAAC/B,YAAD;AACzC8B,wBAAwB,CAACD,SAAzB,GAAqCV,KAArC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"InputPill.js","sources":["../../../src/deprecated/InputPill.tsx"],"sourcesContent":["import React from 'react';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSInput, DSInputMask } from '@elliemae/ds-form';\nimport { Pill } from './Pill';\n\nconst StyledInputPill = aggregatedClasses(Pill)('input-pill', null, ({ value }) => ({\n value,\n}));\n\nexport function InputPill({\n containerProps = {},\n placeholder = 'Enter Value',\n onChange = () => {},\n onRemove,\n value,\n type,\n ...otherProps\n}) {\n let TypeOfInput = DSInput;\n // TODO: implement the DSTimeInput, see how because it returns a moment()\n // TODO: implement the DSDateInput\n switch (type) {\n case 'inputText':\n TypeOfInput = DSInput;\n break;\n case 'inputMask':\n TypeOfInput = DSInputMask;\n break;\n default:\n break;\n }\n\n return (\n <StyledInputPill\n className=\"input-pill\"\n classProps={{ value }}\n containerProps={containerProps}\n label={\n <TypeOfInput\n data-testid=\"input-pill\"\n onChange={onChange}\n placeholder={placeholder}\n value={value}\n {...otherProps}\n />\n }\n rightAddon={\n value && <CloseXsmall className=\"remove-pill-button\" data-testid=\"remove-pill-button\" onClick={onRemove} />\n }\n tabIndex={-1}\n />\n );\n}\n"],"names":["StyledInputPill","aggregatedClasses","Pill","value","InputPill","containerProps","placeholder","onChange","onRemove","type","otherProps","TypeOfInput","DSInput","DSInputMask"],"mappings":";;;;;;;;;;;AAMA,IAAMA,eAAe,GAAGC,iBAAiB,CAACC,IAAD,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,OAAlB,CADC;AAGD;;AACA,UAAQH,IAAR;AACE,SAAK,WAAL;AACEE,MAAAA,WAAW,GAAGC,OAAd;AACA;;AACF,SAAK,WAAL;AACED,MAAAA,WAAW,GAAGE,WAAd;AACA;AANJ;;AAWA,sBACE,oBAAC,eAAD;AACE,IAAA,SAAS,EAAC,YADZ;AAEE,IAAA,UAAU,EAAE;AAAEV,MAAAA,KAAK,EAALA;AAAF,KAFd;AAGE,IAAA,cAAc,EAAEE,cAHlB;AAIE,IAAA,KAAK,eACH,oBAAC,WAAD;AACE,qBAAY,YADd;AAEE,MAAA,QAAQ,EAAEE,QAFZ;AAGE,MAAA,WAAW,EAAED,WAHf;AAIE,MAAA,KAAK,EAAEH;AAJT,OAKMO,UALN,EALJ;AAaE,IAAA,UAAU,EACRP,KAAK,iBAAI,oBAAC,WAAD;AAAa,MAAA,SAAS,EAAC,oBAAvB;AAA4C,qBAAY,oBAAxD;AAA6E,MAAA,OAAO,EAAEK;AAAtF,MAdb;AAgBE,IAAA,QAAQ,EAAE,CAAC;AAhBb,IADF;AAoBD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"LabeledDropdownPills.js","sources":["../../../src/deprecated/LabeledDropdownPills.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PillGroup } from './PillGroup';\nimport LabeledDropdownSinglePill from './LabeledDropdownPillsTypes/LabeledDropdownSinglePill';\nimport LabeledDropdownMultiPills from './LabeledDropdownPillsTypes/LabeledDropdownMultiPill';\nimport LabeledDropdownCascadeMenuPill from './LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill';\n\nconst DropdownPills = {\n single: LabeledDropdownSinglePill,\n multi: LabeledDropdownMultiPills,\n cascaded: LabeledDropdownCascadeMenuPill,\n};\n\nconst createDropdownPill = (type) =>\n DropdownPills[type] || DropdownPills.single;\n\nfunction LabeledDropdownPills({\n label = '',\n value,\n type,\n onFocusNextGroup,\n onFocusPreviousGroup,\n onFocusGroupSet,\n maxWidth,\n minWidth,\n fixed,\n ...menuProps\n}) {\n const Component = createDropdownPill(type);\n\n return (\n <PillGroup\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n >\n <Component\n {...menuProps}\n label={label}\n maxWidth={maxWidth}\n minWidth={minWidth}\n value={value}\n fixed={fixed}\n />\n </PillGroup>\n );\n}\n\nconst props = {\n /** pill type */\n type: PropTypes.oneOf(['single', 'multi', 'cascaded']).description(\n 'pill type',\n ),\n /** focus next group callback */\n onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n /** focus prev group callback */\n onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n /** focus group set callback */\n onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n /** pill max width */\n maxWidth: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]).description('pill max width'),\n /** pill min width */\n minWidth: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]).description('pill min width'),\n /** fixed pill */\n fixed: PropTypes.bool.description('fixed pill'),\n /** pill label text */\n label: PropTypes.string.isRequired.description('pill label text'),\n /** pill value */\n value: PropTypes.oneOfType([\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n label: PropTypes.string,\n }),\n ),\n PropTypes.shape({\n id: PropTypes.string,\n label: PropTypes.string,\n }),\n ]).description('pill value'),\n};\n\nLabeledDropdownPills.propTypes = props;\nconst DSLabeledDropdownPillsWithSchema = describe(LabeledDropdownPills);\nDSLabeledDropdownPillsWithSchema.propTypes = props;\n\nexport { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };\n"],"names":["DropdownPills","single","LabeledDropdownSinglePill","multi","LabeledDropdownMultiPills","cascaded","LabeledDropdownCascadeMenuPill","createDropdownPill","type","LabeledDropdownPills","label","value","onFocusNextGroup","onFocusPreviousGroup","onFocusGroupSet","maxWidth","minWidth","fixed","menuProps","Component","props","PropTypes","oneOf","description","func","oneOfType","string","number","bool","isRequired","arrayOf","shape","id","propTypes","DSLabeledDropdownPillsWithSchema","describe"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"LabeledDropdownCascadeMenuPill.js","sources":["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.tsx"],"sourcesContent":["import React from 'react';\nimport { isFunction, addOrRemove } from '@elliemae/ds-utilities';\nimport { PillGroup } from '../PillGroup';\nimport { RemovablePill } from '../RemovablePill';\nimport { DropdownPill } from '../DropdownPill';\n\nfunction renderMenuItems(options, factory) {\n return options.map((option, index) => {\n const ItemComponent = factory('radio');\n\n if (option.type === 'submenu') {\n const SubmenuComponent = factory('submenu');\n const ChildComponent = factory('selection-group');\n return (\n <SubmenuComponent {...option} key={option.id} item={option}>\n <ChildComponent\n {...option}\n id={option.id}\n item={option}\n items={option.items}\n itemValueAccessor={(item) => item}\n multi\n />\n </SubmenuComponent>\n );\n }\n\n return <ItemComponent {...option} key={option.id || index} item={option} />;\n });\n}\n\nconst getSubmenuOptionLabelById = (options, id) => {\n const index = options.findIndex((option) => option.id === id);\n return index ? options[index].label : '';\n};\n\nexport default function LabeledDropdownCascadeMenuPill({\n label,\n options,\n value: optionValue,\n onChange,\n onRemove,\n value: selection = {},\n placeholder = '---',\n onFocusNextGroup,\n onFocusPreviousGroup,\n onFocusGroupSet,\n maxWidth,\n minWidth,\n ...menuProps\n}) {\n const selectionId = Object.keys(selection)[0];\n const selectionValues = selection[selectionId] || '';\n const dropdownLabel = Array.isArray(selectionValues)\n ? getSubmenuOptionLabelById(options, selectionId)\n : selectionValues;\n\n const handleSelectChange = ({ item, group }) => {\n if (isFunction(onChange)) {\n const nextSelection = group\n ? {\n [group.id]: addOrRemove([...(selection[group.id] || [])], item, (o) => o.id),\n }\n : {\n [item.id]: item.label,\n };\n onChange(nextSelection);\n }\n };\n\n const removeOption = (option) => {\n if (isFunction(onChange)) {\n const nextSelection = {\n [selectionId]: selectionValues.filter((val) => option.id !== val.id),\n };\n onChange(nextSelection);\n }\n onRemove(option);\n };\n\n return (\n <PillGroup\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n >\n <DropdownPill\n {...menuProps}\n itemsRenderer={renderMenuItems}\n label={dropdownLabel || placeholder}\n maxWidth={maxWidth}\n minWidth={minWidth}\n onSelectChange={handleSelectChange}\n options={options}\n selection={{\n [selectionId]: Array.isArray(selectionValues) ? selectionValues.map((v) => v.id) : selectionValues,\n }}\n singleGroupSelection\n variant=\"title\"\n />\n {Array.isArray(selectionValues) &&\n selectionValues.map((option) => (\n <RemovablePill key={option.id} label={option.label} onRemove={() => removeOption(option)} />\n ))}\n </PillGroup>\n );\n}\n"],"names":["renderMenuItems","options","factory","map","option","index","ItemComponent","type","SubmenuComponent","ChildComponent","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","v"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"LabeledDropdownMultiPill.js","sources":["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { find } from 'lodash';\nimport { isFunction, addOrRemove } from '@elliemae/ds-utilities';\nimport { RemovablePill } from '../RemovablePill';\nimport { Pill } from '../Pill';\nimport { OverflowPill } from '../OverflowPill';\nimport { DropdownPill } from '../DropdownPill';\n\nexport default function LabeledDropdownMultiPills({\n label,\n options = [],\n value = [],\n onSelect = () => null,\n onRemove = () => null,\n onChange, // if this is defined, then it's calculating the next result onSelect or onRemove\n maxWidth,\n minWidth,\n ...menuProps\n}) {\n const [totalDefaultOptions, setTotalDefaultOptions] = useState(0);\n const [selectedOptions, setSelectedOptions] = useState(value);\n const [allOptions, setAllOptions] = useState(options);\n const [overflowOptions, setOverflowOptions] = useState([]);\n\n const overflowQuantity = 3;\n\n useEffect(() => setSelectedOptions(value), [value]);\n\n useEffect(() => {\n const newOptions = allOptions.filter((option) => option.fixedItem);\n if (newOptions.length > 0) {\n setSelectedOptions(newOptions);\n }\n setTotalDefaultOptions(newOptions.length);\n }, []);\n\n useEffect(() => {\n if (totalDefaultOptions) {\n const newOptions = allOptions.map((opt) => {\n if (selectedOptions.length <= totalDefaultOptions && find(selectedOptions, { id: opt.id })) {\n return { ...opt, fixedItem: true };\n }\n return { ...opt, fixedItem: false };\n });\n\n setAllOptions(newOptions);\n }\n }, [onSelect, onRemove, selectedOptions]);\n\n useEffect(() => {\n if (selectedOptions.length > overflowQuantity) {\n const overflow = selectedOptions.filter((val, index) => index >= overflowQuantity);\n setOverflowOptions(overflow);\n }\n }, [selectedOptions]);\n\n const selectOption = useCallback(\n (option) => {\n if (!option.fixedItem) {\n if (isFunction(onChange)) {\n const nextValue = addOrRemove(selectedOptions, option, (item) => item.id);\n setSelectedOptions(nextValue);\n onChange(nextValue);\n }\n onSelect(option);\n }\n },\n [selectedOptions],\n );\n\n const removeOption = useCallback(\n (option) => {\n if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {\n if (isFunction(onChange)) {\n const nextValue = selectedOptions.filter((val) => option.id !== val.id);\n setSelectedOptions(nextValue);\n onChange(nextValue);\n }\n onRemove(option);\n }\n },\n [selectedOptions],\n );\n\n const typeOfPill = () => {\n if (selectedOptions.length > totalDefaultOptions) {\n return RemovablePill;\n }\n\n return Pill;\n };\n\n return (\n <>\n <DropdownPill\n {...menuProps}\n focusOnOpen={false}\n label={label}\n maxWidth={maxWidth}\n minWidth={minWidth}\n onSelectMenuItem={selectOption}\n options={[\n {\n ...menuProps,\n type: 'SelectionGroup',\n id: 'multi-selection-views',\n multi: true,\n items: allOptions,\n },\n ]}\n selection={{\n 'multi-selection-views': selectedOptions ? selectedOptions.map((o) => o.id) : '',\n }}\n variant=\"title\"\n />\n {selectedOptions &&\n selectedOptions.map((option, index) => {\n const TypeOfPill = typeOfPill();\n if (index < overflowQuantity) {\n return <TypeOfPill key={option.id} label={option.label} onRemove={() => removeOption(option)} />;\n }\n return null;\n })}\n {selectedOptions && selectedOptions.length > overflowQuantity && (\n <OverflowPill label={`+ ${selectedOptions.length - overflowQuantity}`} options={overflowOptions} />\n )}\n </>\n );\n}\n"],"names":["LabeledDropdownMultiPills","label","options","value","onSelect","onRemove","onChange","maxWidth","minWidth","menuProps","useState","totalDefaultOptions","setTotalDefaultOptions","selectedOptions","setSelectedOptions","allOptions","setAllOptions","overflowOptions","setOverflowOptions","overflowQuantity","useEffect","newOptions","filter","option","fixedItem","length","map","opt","find","id","overflow","val","index","selectOption","useCallback","isFunction","nextValue","addOrRemove","item","removeOption","typeOfPill","RemovablePill","Pill","type","multi","items","o","TypeOfPill"],"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,QAAQ,CAAC,CAAD,CAA9D;AAAA;AAAA,MAAOC,mBAAP;AAAA,MAA4BC,sBAA5B;;AACA,mBAA8CF,QAAQ,CAACP,KAAD,CAAtD;AAAA;AAAA,MAAOU,eAAP;AAAA,MAAwBC,kBAAxB;;AACA,mBAAoCJ,QAAQ,CAACR,OAAD,CAA5C;AAAA;AAAA,MAAOa,UAAP;AAAA,MAAmBC,aAAnB;;AACA,mBAA8CN,QAAQ,CAAC,EAAD,CAAtD;AAAA;AAAA,MAAOO,eAAP;AAAA,MAAwBC,kBAAxB;;AAEA,MAAMC,gBAAgB,GAAG,CAAzB;AAEAC,EAAAA,SAAS,CAAC;AAAA,WAAMN,kBAAkB,CAACX,KAAD,CAAxB;AAAA,GAAD,EAAkC,CAACA,KAAD,CAAlC,CAAT;AAEAiB,EAAAA,SAAS,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,SAAS,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,IAAI,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,SAAS,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,WAAW,CAC9B,UAACX,MAAD,EAAY;AACV,QAAI,CAACA,MAAM,CAACC,SAAZ,EAAuB;AACrB,UAAIW,UAAU,CAAC7B,QAAD,CAAd,EAA0B;AACxB,YAAM8B,SAAS,GAAGC,WAAW,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,WAAW,CAC9B,UAACX,MAAD,EAAY;AACV,QAAI,CAACA,MAAM,CAACC,SAAR,IAAqBX,eAAe,CAACY,MAAhB,GAAyBd,mBAAlD,EAAuE;AACrE,UAAIwB,UAAU,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,aAAP;AACD;;AAED,WAAOC,IAAP;AACD,GAND;;AAQA,sBACE,uDACE,oBAAC,YAAD,eACMjC,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;AAGLkC,MAAAA,IAAI,EAAE,gBAHD;AAILd,MAAAA,EAAE,EAAE,uBAJC;AAKLe,MAAAA,KAAK,EAAE,IALF;AAMLC,MAAAA,KAAK,EAAE9B;AANF,OAPX;AAgBE,IAAA,SAAS,EAAE;AACT,+BAAyBF,eAAe,GAAGA,eAAe,CAACa,GAAhB,CAAoB,UAACoB,CAAD;AAAA,eAAOA,CAAC,CAACjB,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,QAAMe,UAAU,GAAGP,UAAU,EAA7B;;AACA,QAAIR,KAAK,GAAGb,gBAAZ,EAA8B;AAC5B,0BAAO,oBAAC,UAAD;AAAY,QAAA,GAAG,EAAEI,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,iBACC,oBAAC,YAAD;AAAc,IAAA,KAAK,cAAON,eAAe,CAACY,MAAhB,GAAyBN,gBAAhC,CAAnB;AAAuE,IAAA,OAAO,EAAEF;AAAhF,IA/BJ,CADF;AAoCD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"LabeledDropdownSinglePill.js","sources":["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.tsx"],"sourcesContent":["/* eslint-disable mdx/no-unused-expressions */\n/* eslint-disable no-shadow */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable max-lines */\nimport React, { useCallback, useState, useEffect, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { isFunction, isString, useShouldRecalculate, usePrevious } from '@elliemae/ds-utilities';\nimport { DropdownPill } from '../DropdownPill';\nimport { InputPill } from '../InputPill';\nimport { Pill } from '../Pill';\nimport { RemovablePill } from '../RemovablePill';\nimport { hasOptionChanged } from './utils';\n\nexport default function LabeledDropdownSinglePill({\n label,\n labelIsValue = false,\n options,\n value,\n onSelect = () => null,\n onChange,\n maxWidth,\n minWidth,\n fixed = false,\n ...menuProps\n}) {\n const [optionValue, setOptionValue] = useState(value);\n const prevOptions = usePrevious(options);\n const areOptionsEqual = useShouldRecalculate(hasOptionChanged(prevOptions, options));\n\n useEffect(() => setOptionValue(value), [value]);\n\n useEffect(() => {\n const selectedValue = options.find((option) => option.selected);\n\n if (selectedValue) {\n setOptionValue(selectedValue);\n } else if (!selectedValue) {\n setOptionValue(options[0]);\n }\n }, [areOptionsEqual]);\n\n useLayoutEffect(() => {\n if (optionValue) {\n const selectedValue = options.find((option) => option.id === optionValue.id);\n setOptionValue(selectedValue);\n }\n }, [options]);\n\n const selectOption = useCallback(\n (option) => {\n if (isFunction(onChange)) {\n onChange(option);\n }\n setOptionValue(option);\n onSelect(option);\n },\n [onChange, onSelect],\n );\n\n const onChangeInputValue = useCallback(\n ({ target: { value: inputValue } }) => {\n const { onChangeInput } = optionValue;\n\n onChangeInput && onChangeInput(inputValue);\n },\n [optionValue],\n );\n\n const removeOption = (removedOption) => {\n const { onRemove } = menuProps;\n const { onChangeInput } = optionValue;\n setOptionValue(null);\n onChangeInput && onChangeInput('');\n const newOption = { ...removedOption, input: '' };\n onRemove && onRemove(newOption, removedOption);\n };\n\n const renderPill = (option, fixed) => {\n const { input, onChangeInput, ...otherProps } = option;\n let SelectedPill;\n if (isString(input)) {\n SelectedPill = InputPill;\n } else if (fixed) {\n SelectedPill = Pill;\n } else {\n SelectedPill = RemovablePill;\n }\n\n return (\n <SelectedPill\n key={option.id}\n label={option.label}\n onChange={onChangeInputValue}\n onRemove={(e) => removeOption(option, e)}\n value={input}\n {...otherProps}\n />\n );\n };\n\n const renderSelection = () => {\n if (!labelIsValue) {\n if (optionValue) return renderPill(optionValue, fixed);\n return <Pill label=\"-\" />;\n }\n };\n\n return (\n <>\n <DropdownPill\n {...menuProps}\n label={!labelIsValue ? label : optionValue?.label}\n maxWidth={maxWidth}\n minWidth={minWidth}\n onSelectMenuItem={selectOption}\n options={[\n {\n ...menuProps,\n type: 'SelectionGroup',\n id: 'multi-selection-views',\n multi: false,\n items: options,\n closeOnClick: true,\n },\n ]}\n selection={{\n 'multi-selection-views': optionValue ? [optionValue?.id] : '',\n }}\n variant=\"title\"\n />\n {renderSelection()}\n </>\n );\n}\n\nLabeledDropdownSinglePill.propTypes = {\n label: PropTypes.string,\n labelIsValue: PropTypes.bool,\n options: PropTypes.array,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n onSelect: PropTypes.func,\n onChange: PropTypes.func,\n maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n fixed: PropTypes.bool,\n};\n"],"names":["LabeledDropdownSinglePill","label","labelIsValue","options","value","onSelect","onChange","maxWidth","minWidth","fixed","menuProps","useState","optionValue","setOptionValue","prevOptions","usePrevious","areOptionsEqual","useShouldRecalculate","hasOptionChanged","useEffect","selectedValue","find","option","selected","useLayoutEffect","id","selectOption","useCallback","isFunction","onChangeInputValue","inputValue","target","onChangeInput","removeOption","removedOption","onRemove","newOption","input","renderPill","otherProps","SelectedPill","isString","InputPill","Pill","RemovablePill","e","renderSelection","type","multi","items","closeOnClick","propTypes","PropTypes","string","bool","array","oneOfType","number","func"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sources":["../../../../src/deprecated/LabeledDropdownPillsTypes/utils.tsx"],"sourcesContent":["import { isEqual } from '@elliemae/ds-utilities';\nimport { omit } from 'lodash';\n\nexport const hasOptionChanged = (prevOptions, options) => {\n if (prevOptions && options) {\n const prevOptionsOmited = prevOptions.map((option) => omit(option, ['input', 'onChangeInput', 'mask']));\n const optionsOmited = options.map((option) => omit(option, ['input', 'onChangeInput', 'mask']));\n\n return isEqual(prevOptionsOmited, optionsOmited);\n }\n\n return false;\n};\n"],"names":["hasOptionChanged","prevOptions","options","prevOptionsOmited","map","option","omit","optionsOmited","isEqual"],"mappings":";;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,WAAD,EAAcC,OAAd,EAA0B;AACxD,MAAID,WAAW,IAAIC,OAAnB,EAA4B;AAC1B,QAAMC,iBAAiB,GAAGF,WAAW,CAACG,GAAZ,CAAgB,UAACC,MAAD;AAAA,aAAYC,IAAI,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,IAAI,CAACD,MAAD,EAAS,CAAC,OAAD,EAAU,eAAV,EAA2B,MAA3B,CAAT,CAAhB;AAAA,KAAZ,CAAtB;AAEA,WAAOG,OAAO,CAACL,iBAAD,EAAoBI,aAApB,CAAd;AACD;;AAED,SAAO,KAAP;AACD;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"LabeledPills.js","sources":["../../../src/deprecated/LabeledPills.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PillGroup } from './PillGroup';\nimport { RemovablePill } from './RemovablePill';\nimport { Pill } from './Pill';\n\nfunction LabeledPills({\n children,\n label = '',\n leftAddon,\n onFocusGroupSet,\n onFocusNextGroup,\n onFocusPreviousGroup,\n}) {\n return (\n <PillGroup\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n >\n <Pill\n label={label}\n leftAddon={leftAddon}\n variant=\"title\"\n data-testid=\"pill-title\"\n />\n {children}\n </PillGroup>\n );\n}\n\nconst props = {\n /** labeled pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** pill to add the label to */\n children: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.oneOf([\n PropTypes.instanceOf(Pill),\n PropTypes.instanceOf(RemovablePill),\n ]),\n }),\n ).isRequired.description('pill to add the label to'),\n /** addon component to left */\n leftAddon: PropTypes.node.description('addon component to left'),\n /** focus next group callback */\n onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n /** focus prev group callback */\n onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n /** focus group set callback */\n onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n};\n\nLabeledPills.propTypes = props;\n\nconst DSLabeledPillsWithSchema = describe(LabeledPills);\nDSLabeledPillsWithSchema.propTypes = props;\n\nexport { LabeledPills, DSLabeledPillsWithSchema };\n"],"names":["LabeledPills","children","label","leftAddon","onFocusGroupSet","onFocusNextGroup","onFocusPreviousGroup","props","PropTypes","string","isRequired","description","arrayOf","shape","type","oneOf","instanceOf","Pill","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,sBACE,oBAAC,SAAD;AACE,IAAA,eAAe,EAAEF,eADnB;AAEE,IAAA,gBAAgB,EAAEC,gBAFpB;AAGE,IAAA,oBAAoB,EAAEC;AAHxB,kBAKE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAEJ,KADT;AAEE,IAAA,SAAS,EAAEC,SAFb;AAGE,IAAA,OAAO,EAAC,OAHV;AAIE,mBAAY;AAJd,IALF,EAWGF,QAXH,CADF;AAeD;;AAED,IAAMM,KAAK,GAAG;AACZ;AACAL,EAAAA,KAAK,EAAEM,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,iBAAxC,CAFK;;AAGZ;AACAV,EAAAA,QAAQ,EAAEO,SAAS,CAACI,OAAV,CACRJ,SAAS,CAACK,KAAV,CAAgB;AACdC,IAAAA,IAAI,EAAEN,SAAS,CAACO,KAAV,CAAgB,CACpBP,SAAS,CAACQ,UAAV,CAAqBC,IAArB,CADoB,EAEpBT,SAAS,CAACQ,UAAV,CAAqBE,aAArB,CAFoB,CAAhB;AADQ,GAAhB,CADQ,EAORR,UAPQ,CAOGC,WAPH,CAOe,0BAPf,CAJE;;AAYZ;AACAR,EAAAA,SAAS,EAAEK,SAAS,CAACW,IAAV,CAAeR,WAAf,CAA2B,yBAA3B,CAbC;;AAcZ;AACAN,EAAAA,gBAAgB,EAAEG,SAAS,CAACY,IAAV,CAAeT,WAAf,CAA2B,2BAA3B,CAfN;;AAgBZ;AACAL,EAAAA,oBAAoB,EAAEE,SAAS,CAACY,IAAV,CAAeT,WAAf,CAA2B,2BAA3B,CAjBV;;AAkBZ;AACAP,EAAAA,eAAe,EAAEI,SAAS,CAACY,IAAV,CAAeT,WAAf,CAA2B,0BAA3B;AAnBL,CAAd;AAsBAX,YAAY,CAACqB,SAAb,GAAyBd,KAAzB;IAEMe,wBAAwB,GAAGC,QAAQ,CAACvB,YAAD;AACzCsB,wBAAwB,CAACD,SAAzB,GAAqCd,KAArC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"OverflowPill.js","sources":["../../../src/deprecated/OverflowPill.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport useFocusGroupItem from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';\nimport DSTooltip from '@elliemae/ds-tooltip';\nimport { Pill } from './Pill';\n\nfunction OverflowPill({ containerProps = {}, label = '', options = [] }) {\n const ref = useRef(null);\n const [tooltipIsOpen, setTooltipIsOpen] = useState(false);\n const [tooltipText, setTooltipText] = useState('');\n\n useEffect(() => {\n let text = '';\n options.forEach((option) => {\n if (!tooltipText || option === options[0]) {\n text = `${option.label}`;\n } else {\n text = text.concat(`, ${option.label}`);\n }\n });\n setTooltipText(text);\n }, [options]);\n\n useFocusGroupItem(ref);\n\n return (\n <DSTooltip\n isOpen={tooltipIsOpen}\n title={tooltipText}\n zIndex={11}\n triggerComponent={\n <Pill\n className=\"overflow-pill\"\n containerProps={containerProps}\n innerRef={ref}\n label={label}\n tabIndex={-1}\n onMouseEnter={() => setTooltipIsOpen(true)}\n onMouseLeave={() => setTooltipIsOpen(false)}\n />\n }\n />\n );\n}\n\nconst props = {\n /** props to inject to pill wrapper */\n containerProps: PropTypes.object.description(\n 'props to inject to pill wrapper',\n ),\n /** pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** overflow pills options */\n options: PropTypes.array.description('overflow pills options'),\n};\n\nOverflowPill.propTypes = props;\nconst DSOverflowPillWithSchema = describe(OverflowPill);\nDSOverflowPillWithSchema.propTypes = props;\n\nexport { OverflowPill, DSOverflowPillWithSchema };\n"],"names":["OverflowPill","containerProps","label","options","ref","useRef","useState","tooltipIsOpen","setTooltipIsOpen","tooltipText","setTooltipText","useEffect","text","forEach","option","concat","useFocusGroupItem","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,MAAM,CAAC,IAAD,CAAlB;;AACA,kBAA0CC,QAAQ,CAAC,KAAD,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAAsCF,QAAQ,CAAC,EAAD,CAA9C;AAAA;AAAA,MAAOG,WAAP;AAAA,MAAoBC,cAApB;;AAEAC,EAAAA,SAAS,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,iBAAiB,CAACZ,GAAD,CAAjB;AAEA,sBACE,oBAAC,SAAD;AACE,IAAA,MAAM,EAAEG,aADV;AAEE,IAAA,KAAK,EAAEE,WAFT;AAGE,IAAA,MAAM,EAAE,EAHV;AAIE,IAAA,gBAAgB,eACd,oBAAC,IAAD;AACE,MAAA,SAAS,EAAC,eADZ;AAEE,MAAA,cAAc,EAAER,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,IAAMS,KAAK,GAAG;AACZ;AACAhB,EAAAA,cAAc,EAAEiB,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CACd,iCADc,CAFJ;;AAKZ;AACAlB,EAAAA,KAAK,EAAEgB,SAAS,CAACG,MAAV,CAAiBC,UAAjB,CAA4BF,WAA5B,CAAwC,iBAAxC,CANK;;AAOZ;AACAjB,EAAAA,OAAO,EAAEe,SAAS,CAACK,KAAV,CAAgBH,WAAhB,CAA4B,wBAA5B;AARG,CAAd;AAWApB,YAAY,CAACwB,SAAb,GAAyBP,KAAzB;IACMQ,wBAAwB,GAAGC,QAAQ,CAAC1B,YAAD;AACzCyB,wBAAwB,CAACD,SAAzB,GAAqCP,KAArC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Pill.js","sources":["../../../src/deprecated/Pill.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst pillBlockName = 'pill';\n\nconst PillWrapper = aggregatedClasses('div')(\n pillBlockName,\n null,\n ({ size, variant }) => ({\n [variant]: !!variant,\n [size]: !!size,\n }),\n);\nconst PillLabel = aggregatedClasses('span')(pillBlockName, 'label');\nconst PillAddon = aggregatedClasses('div')(pillBlockName, 'addon');\n\nfunction Pill({\n containerProps = {},\n label = '',\n leftAddon,\n rightAddon,\n variant = 'value',\n size = 'm',\n ...otherProps\n}) {\n return (\n <PillWrapper\n {...containerProps}\n classProps={{ variant, size }}\n {...otherProps}\n >\n {leftAddon && <PillAddon>{leftAddon}</PillAddon>}\n <PillLabel>{label}</PillLabel>\n {rightAddon && <PillAddon>{rightAddon}</PillAddon>}\n </PillWrapper>\n );\n}\n\nconst props = {\n /** props to inject to pill wrapper */\n containerProps: PropTypes.object.description(\n 'props to inject to pill wrapper',\n ),\n /** pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** pill size */\n size: PropTypes.oneOf(['m', 'l']).description('pill size'),\n /** pill variant */\n variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),\n /** addon component to left */\n leftAddon: PropTypes.node.description('addon component to left'),\n /** addon component to right */\n rightAddon: PropTypes.node.description('addon component to right'),\n};\n\nPill.propTypes = props;\nconst DSPillWithSchema = describe(Pill);\nDSPillWithSchema.propTypes = props;\n\nexport { Pill, DSPillWithSchema };\nexport default Pill;\n"],"names":["pillBlockName","PillWrapper","aggregatedClasses","size","variant","PillLabel","PillAddon","Pill","containerProps","label","leftAddon","rightAddon","otherProps","props","PropTypes","object","description","string","isRequired","oneOf","node","propTypes","DSPillWithSchema","describe"],"mappings":";;;;;;;;AAIA,IAAMA,aAAa,GAAG,MAAtB;AAEA,IAAMC,WAAW,GAAGC,iBAAiB,CAAC,KAAD,CAAjB,CAClBF,aADkB,EAElB,IAFkB,EAGlB;AAAA;;AAAA,MAAGG,IAAH,QAAGA,IAAH;AAAA,MAASC,OAAT,QAASA,OAAT;AAAA,4CACGA,OADH,EACa,CAAC,CAACA,OADf,0BAEGD,IAFH,EAEU,CAAC,CAACA,IAFZ;AAAA,CAHkB,CAApB;AAQA,IAAME,SAAS,GAAGH,iBAAiB,CAAC,MAAD,CAAjB,CAA0BF,aAA1B,EAAyC,OAAzC,CAAlB;AACA,IAAMM,SAAS,GAAGJ,iBAAiB,CAAC,KAAD,CAAjB,CAAyBF,aAAzB,EAAwC,OAAxC,CAAlB;;AAEA,SAASO,IAAT,QAQG;AAAA,mCAPDC,cAOC;AAAA,MAPDA,cAOC,qCAPgB,EAOhB;AAAA,0BANDC,KAMC;AAAA,MANDA,KAMC,4BANO,EAMP;AAAA,MALDC,SAKC,SALDA,SAKC;AAAA,MAJDC,UAIC,SAJDA,UAIC;AAAA,4BAHDP,OAGC;AAAA,MAHDA,OAGC,8BAHS,OAGT;AAAA,yBAFDD,IAEC;AAAA,MAFDA,IAEC,2BAFM,GAEN;AAAA,MADES,UACF;;AACD,sBACE,oBAAC,WAAD,eACMJ,cADN;AAEE,IAAA,UAAU,EAAE;AAAEJ,MAAAA,OAAO,EAAPA,OAAF;AAAWD,MAAAA,IAAI,EAAJA;AAAX;AAFd,KAGMS,UAHN,GAKGF,SAAS,iBAAI,oBAAC,SAAD,QAAYA,SAAZ,CALhB,eAME,oBAAC,SAAD,QAAYD,KAAZ,CANF,EAOGE,UAAU,iBAAI,oBAAC,SAAD,QAAYA,UAAZ,CAPjB,CADF;AAWD;;AAED,IAAME,KAAK,GAAG;AACZ;AACAL,EAAAA,cAAc,EAAEM,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CACd,iCADc,CAFJ;;AAKZ;AACAP,EAAAA,KAAK,EAAEK,SAAS,CAACG,MAAV,CAAiBC,UAAjB,CAA4BF,WAA5B,CAAwC,iBAAxC,CANK;;AAOZ;AACAb,EAAAA,IAAI,EAAEW,SAAS,CAACK,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BH,WAA5B,CAAwC,WAAxC,CARM;;AASZ;AACAZ,EAAAA,OAAO,EAAEU,SAAS,CAACK,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,EAAoCH,WAApC,CAAgD,cAAhD,CAVG;;AAWZ;AACAN,EAAAA,SAAS,EAAEI,SAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,yBAA3B,CAZC;;AAaZ;AACAL,EAAAA,UAAU,EAAEG,SAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,0BAA3B;AAdA,CAAd;AAiBAT,IAAI,CAACc,SAAL,GAAiBR,KAAjB;IACMS,gBAAgB,GAAGC,QAAQ,CAAChB,IAAD;AACjCe,gBAAgB,CAACD,SAAjB,GAA6BR,KAA7B;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"PillGroup.js","sources":["../../../src/deprecated/PillGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport FocusGroupProvider from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';\n\nconst pillGroupBlockName = 'pill-group';\n\nexport const Container = aggregatedClasses('div')(pillGroupBlockName);\n\nconst PillGroup = ({\n containerProps = {},\n onFocusNextGroup,\n onFocusPreviousGroup,\n onFocusGroupSet,\n children,\n}) => (\n <FocusGroupProvider\n keyBindings={{\n Tab: 'next',\n }}\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n orientation=\"horizontal\"\n >\n <Container {...containerProps}>{children}</Container>\n </FocusGroupProvider>\n);\n\nconst props = {\n /** props injected to component wrapper */\n containerProps: PropTypes.object.description(\n 'props injected to component wrapper',\n ),\n /** focus next group callback */\n onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n /** focus prev group callback */\n onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n /** focus group set callback */\n onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n /** pill components */\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]).isRequired.description('pill components'),\n};\n\nPillGroup.propTypes = props;\n\nconst DSPillGroupWithSchema = describe(PillGroup);\nDSPillGroupWithSchema.propTypes = props;\n\nexport { PillGroup, DSPillGroupWithSchema };\n"],"names":["pillGroupBlockName","Container","aggregatedClasses","PillGroup","containerProps","onFocusNextGroup","onFocusPreviousGroup","onFocusGroupSet","children","Tab","props","PropTypes","object","description","func","oneOfType","arrayOf","node","isRequired","propTypes","DSPillGroupWithSchema","describe"],"mappings":";;;;;AAKA,IAAMA,kBAAkB,GAAG,YAA3B;IAEaC,SAAS,GAAGC,iBAAiB,CAAC,KAAD,CAAjB,CAAyBF,kBAAzB;;IAEnBG,SAAS,GAAG,SAAZA,SAAY;AAAA,iCAChBC,cADgB;AAAA,MAChBA,cADgB,oCACC,EADD;AAAA,MAEhBC,gBAFgB,QAEhBA,gBAFgB;AAAA,MAGhBC,oBAHgB,QAGhBA,oBAHgB;AAAA,MAIhBC,eAJgB,QAIhBA,eAJgB;AAAA,MAKhBC,QALgB,QAKhBA,QALgB;AAAA,sBAOhB,oBAAC,kBAAD;AACE,IAAA,WAAW,EAAE;AACXC,MAAAA,GAAG,EAAE;AADM,KADf;AAIE,IAAA,eAAe,EAAEF,eAJnB;AAKE,IAAA,gBAAgB,EAAEF,gBALpB;AAME,IAAA,oBAAoB,EAAEC,oBANxB;AAOE,IAAA,WAAW,EAAC;AAPd,kBASE,oBAAC,SAAD,EAAeF,cAAf,EAAgCI,QAAhC,CATF,CAPgB;AAAA;;AAoBlB,IAAME,KAAK,GAAG;AACZ;AACAN,EAAAA,cAAc,EAAEO,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CACd,qCADc,CAFJ;;AAKZ;AACAR,EAAAA,gBAAgB,EAAEM,SAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,2BAA3B,CANN;;AAOZ;AACAP,EAAAA,oBAAoB,EAAEK,SAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,2BAA3B,CARV;;AASZ;AACAN,EAAAA,eAAe,EAAEI,SAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,0BAA3B,CAVL;;AAWZ;AACAL,EAAAA,QAAQ,EAAEG,SAAS,CAACI,SAAV,CAAoB,CAC5BJ,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACM,IAA5B,CAD4B,EAE5BN,SAAS,CAACM,IAFkB,CAApB,EAGPC,UAHO,CAGIL,WAHJ,CAGgB,iBAHhB;AAZE,CAAd;AAkBAV,SAAS,CAACgB,SAAV,GAAsBT,KAAtB;IAEMU,qBAAqB,GAAGC,QAAQ,CAAClB,SAAD;AACtCiB,qBAAqB,CAACD,SAAtB,GAAkCT,KAAlC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ReadOnlyPill.js","sources":["../../../src/deprecated/ReadOnlyPill.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { InfoCircleSmall } from '@elliemae/ds-icons';\nimport DSModal, { MODAL_TYPE_V2 } from '@elliemae/ds-modal';\nimport Popover from '@elliemae/ds-popover';\nimport { Pill } from './Pill';\n\nconst ReadOnlyPill = ({\n containerProps = {},\n modalContent = '',\n label = '',\n leftAddon,\n modalTitle = '',\n tooltipText = '',\n}) => {\n const ref = useRef(null);\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n const toggle = () => {\n setIsModalOpen(!isModalOpen);\n };\n\n return (\n <>\n <Pill\n data-testid=\"read-only-pill\"\n className=\"removable-pill\"\n containerProps={containerProps}\n innerRef={ref}\n label={label}\n leftAddon={leftAddon}\n rightAddon={\n <Popover\n isOpen={tooltipText && isTooltipOpen}\n content={tooltipText}\n placement=\"top\"\n showArrow\n renderTrigger={({ ref }) => (\n <InfoCircleSmall\n role=\"button\"\n data-testid=\"read-only-info-btn\"\n className=\"remove-pill-button\"\n onClick={toggle}\n onMouseEnter={() => setIsTooltipOpen(true)}\n onMouseLeave={() => setIsTooltipOpen(false)}\n color={['brand-primary', '600']}\n innerRef={ref}\n />\n )}\n />\n }\n tabIndex={-1}\n />\n <DSModal\n isOpen={isModalOpen}\n showClose\n shouldCloseOnOverlayClick\n modalTitle={modalTitle}\n modalType={MODAL_TYPE_V2.INFORMATION}\n onClose={toggle}\n version={2}\n >\n {modalContent}\n </DSModal>\n </>\n );\n};\n\nconst props = {\n /** props injected to component wrapper */\n containerProps: PropTypes.object.description('props injected to component wrapper'),\n /** labeled pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** addon component to left */\n leftAddon: PropTypes.node.description('addon component to left'),\n /** read only pill modal content */\n modalContent: PropTypes.string.description('read only pill modal content'),\n /** read only pill modal title */\n modalTitle: PropTypes.string.description('read only pill modal title'),\n tooltipText: PropTypes.string.description('text to display in tooltip'),\n};\n\nReadOnlyPill.propTypes = props;\n\nconst DSReadOnlyPillWithSchema = describe(ReadOnlyPill);\nDSReadOnlyPillWithSchema.propTypes = props;\n\nexport { ReadOnlyPill, DSReadOnlyPillWithSchema };\n"],"names":["ReadOnlyPill","containerProps","modalContent","label","leftAddon","modalTitle","tooltipText","ref","useRef","useState","isModalOpen","setIsModalOpen","isTooltipOpen","setIsTooltipOpen","toggle","MODAL_TYPE_V2","INFORMATION","props","PropTypes","object","description","string","isRequired","node","propTypes","DSReadOnlyPillWithSchema","describe"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"RemovablePill.js","sources":["../../../src/deprecated/RemovablePill.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport useFocusGroupItem from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';\nimport { Pill } from './Pill';\n\nfunction RemovablePill({ containerProps = {}, label = '', onRemove, size = 'm', leftAddon }) {\n const ref = useRef(null);\n const { focusPrevious } = useFocusGroupItem(ref);\n return (\n <Pill\n className=\"removable-pill\"\n data-testid=\"removable-pill\"\n containerProps={containerProps}\n innerRef={ref}\n size={size}\n label={label}\n leftAddon={leftAddon}\n onKeyDown={(e) => {\n if (e.key === 'Backspace' && isFunction(onRemove)) {\n onRemove();\n if (isFunction(focusPrevious)) focusPrevious();\n }\n }}\n rightAddon={\n <CloseXsmall role=\"button\" data-testid=\"remove-pill-button\" className=\"remove-pill-button\" onClick={onRemove} />\n }\n tabIndex={-1}\n />\n );\n}\n\nconst props = {\n /** props injected to component wrapper */\n containerProps: PropTypes.object.description('props injected to component wrapper'),\n /** labeled pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** remove click callback */\n onRemove: PropTypes.func.description('remove click callback'),\n /** pill size */\n size: PropTypes.oneOf(['m', 'l']).description('pill size'),\n /** addon component to left */\n leftAddon: PropTypes.node.description('addon component to left'),\n};\n\nRemovablePill.propTypes = props;\nconst DSRemovablePillWithSchema = describe(RemovablePill);\nDSRemovablePillWithSchema.propTypes = props;\n\nexport { RemovablePill, DSRemovablePillWithSchema };\n"],"names":["RemovablePill","containerProps","label","onRemove","size","leftAddon","ref","useRef","useFocusGroupItem","focusPrevious","e","key","isFunction","props","PropTypes","object","description","string","isRequired","func","oneOf","node","propTypes","DSRemovablePillWithSchema","describe"],"mappings":";;;;;;;;;;;AAOA,SAASA,aAAT,OAA6F;AAAA,iCAApEC,cAAoE;AAAA,MAApEA,cAAoE,oCAAnD,EAAmD;AAAA,wBAA/CC,KAA+C;AAAA,MAA/CA,KAA+C,2BAAvC,EAAuC;AAAA,MAAnCC,QAAmC,QAAnCA,QAAmC;AAAA,uBAAzBC,IAAyB;AAAA,MAAzBA,IAAyB,0BAAlB,GAAkB;AAAA,MAAbC,SAAa,QAAbA,SAAa;AAC3F,MAAMC,GAAG,GAAGC,MAAM,CAAC,IAAD,CAAlB;;AACA,2BAA0BC,iBAAiB,CAACF,GAAD,CAA3C;AAAA,MAAQG,aAAR,sBAAQA,aAAR;;AACA,sBACE,oBAAC,IAAD;AACE,IAAA,SAAS,EAAC,gBADZ;AAEE,mBAAY,gBAFd;AAGE,IAAA,cAAc,EAAER,cAHlB;AAIE,IAAA,QAAQ,EAAEK,GAJZ;AAKE,IAAA,IAAI,EAAEF,IALR;AAME,IAAA,KAAK,EAAEF,KANT;AAOE,IAAA,SAAS,EAAEG,SAPb;AAQE,IAAA,SAAS,EAAE,mBAACK,CAAD,EAAO;AAChB,UAAIA,CAAC,CAACC,GAAF,KAAU,WAAV,IAAyBC,UAAU,CAACT,QAAD,CAAvC,EAAmD;AACjDA,QAAAA,QAAQ;AACR,YAAIS,UAAU,CAACH,aAAD,CAAd,EAA+BA,aAAa;AAC7C;AACF,KAbH;AAcE,IAAA,UAAU,eACR,oBAAC,WAAD;AAAa,MAAA,IAAI,EAAC,QAAlB;AAA2B,qBAAY,oBAAvC;AAA4D,MAAA,SAAS,EAAC,oBAAtE;AAA2F,MAAA,OAAO,EAAEN;AAApG,MAfJ;AAiBE,IAAA,QAAQ,EAAE,CAAC;AAjBb,IADF;AAqBD;;AAED,IAAMU,KAAK,GAAG;AACZ;AACAZ,EAAAA,cAAc,EAAEa,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,qCAA7B,CAFJ;;AAGZ;AACAd,EAAAA,KAAK,EAAEY,SAAS,CAACG,MAAV,CAAiBC,UAAjB,CAA4BF,WAA5B,CAAwC,iBAAxC,CAJK;;AAKZ;AACAb,EAAAA,QAAQ,EAAEW,SAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,uBAA3B,CANE;;AAOZ;AACAZ,EAAAA,IAAI,EAAEU,SAAS,CAACM,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BJ,WAA5B,CAAwC,WAAxC,CARM;;AASZ;AACAX,EAAAA,SAAS,EAAES,SAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,yBAA3B;AAVC,CAAd;AAaAhB,aAAa,CAACsB,SAAd,GAA0BT,KAA1B;IACMU,yBAAyB,GAAGC,QAAQ,CAACxB,aAAD;AAC1CuB,yBAAyB,CAACD,SAA1B,GAAsCT,KAAtC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/esm/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/esm/props.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport { PropTypes } from 'react-desc';\nimport { DSInput } from '@elliemae/ds-form';\n\nconst pillTypes = PropTypes.oneOf(['label', 'value', 'input', 'dropdown', 'removable', 'readonly']);\n\nexport const DSPillV2PropTypes = {\n label: PropTypes.string.description('Label to show in the pill').isRequired,\n type: pillTypes.description('The type of pill that you want to render').isRequired,\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n .description('Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)')\n .defaultValue(() => null),\n ariaLabel: PropTypes.string\n .description('Aria label for the pill. If not provided we will use the label')\n .defaultValue(''),\n labelTruncated: PropTypes.bool.description('Whether to truncate the pills label').defaultValue(true),\n tooltipValue: PropTypes.string.description('String to show as a tooltip in the value pill').defaultValue(''),\n iconLeft: PropTypes.node.description('A component to show int the left of a readonly pill').defaultValue(null),\n iconRight: PropTypes.node.description('A component to show in the right of a readonly pill').defaultValue(null),\n onRemove: PropTypes.func\n .description('Callback triggered when removing a pill with the close icon')\n .defaultValue(() => null),\n inputPlaceholder: PropTypes.string.description('Placeholder for the input pill').defaultValue(''),\n onInputChange: PropTypes.func\n .description('Callback triggered when user provides input to the input pill')\n .defaultValue(() => null),\n onInputClear: PropTypes.func\n .description('Callback triggered when the user clears an input pill')\n .defaultValue(() => null),\n inputWidth: PropTypes.number.description('Width in pixels for the input tag in the input pill').defaultValue(150),\n dropdownProps: PropTypes.object.description('Properties that will be used for the dropdown-menu').defaultValue({}),\n onDropdownClick: PropTypes.func\n .description('Callback when dropdown button is clicked or pressed')\n .defaultValue(() => null),\n};\n\nexport const DSPillButtonPropTypes = {\n type: PropTypes.oneOf(['only', 'left', 'right'])\n .description('The position in which this button will be placed. Only used for css styling internally')\n .defaultValue('right'),\n width: PropTypes.string.description('Width of the button').defaultValue('100%'),\n height: PropTypes.string.description('Height of the button').defaultValue('100%'),\n};\n\nexport const DSPillGroupPropTypes = {\n width: PropTypes.string.description('Width of the group').defaultValue('fit-content'),\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n .description('Reference to the pill group wrapper')\n .defaultValue(() => null),\n};\n\nexport const DSPillV2DefaultProps = {\n innerRef: () => null,\n ariaLabel: '',\n labelTruncated: true,\n tooltipValue: '',\n iconLeft: null,\n iconRight: null,\n onRemove: () => null,\n inputPlaceholder: '',\n onInputChange: () => null,\n onInputClear: () => null,\n inputWidth: 72,\n inputRender: DSInput,\n dropdownProps: {},\n onDropdownClick: () => null,\n};\n\nexport const DSPillButtonDefaultProps = {\n type: 'right',\n width: '100%',\n height: '100%',\n};\n\nexport const DSPillGroupDefaultProps = {\n width: 'fit-content',\n innerRef: () => null,\n};\n"],"names":["pillTypes","PropTypes","oneOf","DSPillV2PropTypes","label","string","description","isRequired","type","innerRef","oneOfType","object","func","defaultValue","ariaLabel","labelTruncated","bool","tooltipValue","iconLeft","node","iconRight","onRemove","inputPlaceholder","onInputChange","onInputClear","inputWidth","number","dropdownProps","onDropdownClick","DSPillButtonPropTypes","width","height","DSPillGroupPropTypes","DSPillV2DefaultProps","inputRender","DSInput","DSPillButtonDefaultProps","DSPillGroupDefaultProps"],"mappings":"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"}
package/esm/utils.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sources":["../../src/utils.tsx"],"sourcesContent":["type refInterfaceType = React.MutableRefObject<HTMLElement> | ((_ref: HTMLElement) => void);\n\nexport const setMultipleRefs =\n (...refs: refInterfaceType[]) =>\n (_ref: HTMLElement): void => {\n refs.forEach((ref) => {\n if (!ref || !_ref) return;\n if (typeof ref === 'function') {\n ref(_ref);\n return;\n }\n if (ref) ref.current = _ref;\n });\n };\n"],"names":["setMultipleRefs","refs","_ref","forEach","ref","current"],"mappings":"IAEaA,eAAe,GAC1B,SADWA,eACX;AAAA,oCAAIC,IAAJ;AAAIA,IAAAA,IAAJ;AAAA;;AAAA,SACA,UAACC,IAAD,EAA6B;AAC3BD,IAAAA,IAAI,CAACE,OAAL,CAAa,UAACC,GAAD,EAAS;AACpB,UAAI,CAACA,GAAD,IAAQ,CAACF,IAAb,EAAmB;;AACnB,UAAI,OAAOE,GAAP,KAAe,UAAnB,EAA+B;AAC7BA,QAAAA,GAAG,CAACF,IAAD,CAAH;AACA;AACD;;AACD,UAAIE,GAAJ,EAASA,GAAG,CAACC,OAAJ,GAAcH,IAAd;AACV,KAPD;AAQD,GAVD;AAAA;;;;"}
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-pills/props",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/props.js",
9
- "module": "../esm/props.js"
10
- }
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-pills/utils",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/utils.js",
9
- "module": "../esm/utils.js"
10
- }