@elliemae/ds-pills 2.2.0-alpha.3 → 2.2.0-next.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.
Files changed (124) hide show
  1. package/cjs/components/Pill.js +49 -56
  2. package/cjs/components/PillButton.js +52 -54
  3. package/cjs/components/PillGroup.js +53 -61
  4. package/cjs/components/index.js +17 -30
  5. package/cjs/components/styled.js +78 -228
  6. package/cjs/components/types/DropdownPill.js +77 -79
  7. package/cjs/components/types/InputPill.js +48 -58
  8. package/cjs/components/types/LabelPill.js +38 -44
  9. package/cjs/components/types/ReadOnlyPill.js +43 -48
  10. package/cjs/components/types/RemovablePill.js +53 -60
  11. package/cjs/components/types/ValuePill.js +43 -48
  12. package/cjs/components/types/index.js +19 -33
  13. package/cjs/deprecated/DropdownPill.js +101 -80
  14. package/cjs/deprecated/InputPill.js +69 -67
  15. package/cjs/deprecated/LabeledDropdownPills.js +96 -92
  16. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +94 -91
  17. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +114 -106
  18. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +127 -119
  19. package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js +15 -39
  20. package/cjs/deprecated/LabeledPills.js +52 -65
  21. package/cjs/deprecated/OverflowPill.js +53 -59
  22. package/cjs/deprecated/Pill.js +82 -67
  23. package/cjs/deprecated/PillGroup.js +68 -68
  24. package/cjs/deprecated/ReadOnlyPill.js +94 -93
  25. package/cjs/deprecated/RemovablePill.js +57 -61
  26. package/cjs/deprecated/index.js +33 -43
  27. package/cjs/index.d.js +2 -27
  28. package/cjs/index.js +43 -37
  29. package/cjs/props.js +46 -72
  30. package/cjs/utils.js +25 -43
  31. package/esm/components/Pill.js +31 -18
  32. package/esm/components/PillButton.js +39 -22
  33. package/esm/components/PillGroup.js +38 -28
  34. package/esm/components/index.js +3 -5
  35. package/esm/components/styled.js +66 -205
  36. package/esm/components/types/DropdownPill.js +67 -50
  37. package/esm/components/types/InputPill.js +35 -25
  38. package/esm/components/types/LabelPill.js +29 -15
  39. package/esm/components/types/ReadOnlyPill.js +34 -19
  40. package/esm/components/types/RemovablePill.js +44 -31
  41. package/esm/components/types/ValuePill.js +34 -19
  42. package/esm/components/types/index.js +6 -8
  43. package/esm/deprecated/DropdownPill.js +86 -49
  44. package/esm/deprecated/InputPill.js +59 -38
  45. package/esm/deprecated/LabeledDropdownPills.js +81 -59
  46. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +84 -60
  47. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +94 -65
  48. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +108 -79
  49. package/esm/deprecated/LabeledDropdownPillsTypes/utils.js +10 -9
  50. package/esm/deprecated/LabeledPills.js +41 -34
  51. package/esm/deprecated/OverflowPill.js +37 -25
  52. package/esm/deprecated/Pill.js +71 -39
  53. package/esm/deprecated/PillGroup.js +56 -39
  54. package/esm/deprecated/ReadOnlyPill.js +79 -60
  55. package/esm/deprecated/RemovablePill.js +45 -30
  56. package/esm/deprecated/index.js +8 -14
  57. package/esm/index.d.js +1 -2
  58. package/esm/index.js +11 -8
  59. package/esm/props.js +36 -42
  60. package/esm/utils.js +23 -16
  61. package/package.json +15 -15
  62. package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.d.ts +1 -3
  63. package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.d.ts +1 -3
  64. package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.d.ts +0 -1
  65. package/cjs/components/Pill.js.map +0 -7
  66. package/cjs/components/PillButton.js.map +0 -7
  67. package/cjs/components/PillGroup.js.map +0 -7
  68. package/cjs/components/index.js.map +0 -7
  69. package/cjs/components/styled.js.map +0 -7
  70. package/cjs/components/types/DropdownPill.js.map +0 -7
  71. package/cjs/components/types/InputPill.js.map +0 -7
  72. package/cjs/components/types/LabelPill.js.map +0 -7
  73. package/cjs/components/types/ReadOnlyPill.js.map +0 -7
  74. package/cjs/components/types/RemovablePill.js.map +0 -7
  75. package/cjs/components/types/ValuePill.js.map +0 -7
  76. package/cjs/components/types/index.js.map +0 -7
  77. package/cjs/deprecated/DropdownPill.js.map +0 -7
  78. package/cjs/deprecated/InputPill.js.map +0 -7
  79. package/cjs/deprecated/LabeledDropdownPills.js.map +0 -7
  80. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +0 -7
  81. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +0 -7
  82. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +0 -7
  83. package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js.map +0 -7
  84. package/cjs/deprecated/LabeledPills.js.map +0 -7
  85. package/cjs/deprecated/OverflowPill.js.map +0 -7
  86. package/cjs/deprecated/Pill.js.map +0 -7
  87. package/cjs/deprecated/PillGroup.js.map +0 -7
  88. package/cjs/deprecated/ReadOnlyPill.js.map +0 -7
  89. package/cjs/deprecated/RemovablePill.js.map +0 -7
  90. package/cjs/deprecated/index.js.map +0 -7
  91. package/cjs/index.d.js.map +0 -7
  92. package/cjs/index.js.map +0 -7
  93. package/cjs/props.js.map +0 -7
  94. package/cjs/utils.js.map +0 -7
  95. package/esm/components/Pill.js.map +0 -7
  96. package/esm/components/PillButton.js.map +0 -7
  97. package/esm/components/PillGroup.js.map +0 -7
  98. package/esm/components/index.js.map +0 -7
  99. package/esm/components/styled.js.map +0 -7
  100. package/esm/components/types/DropdownPill.js.map +0 -7
  101. package/esm/components/types/InputPill.js.map +0 -7
  102. package/esm/components/types/LabelPill.js.map +0 -7
  103. package/esm/components/types/ReadOnlyPill.js.map +0 -7
  104. package/esm/components/types/RemovablePill.js.map +0 -7
  105. package/esm/components/types/ValuePill.js.map +0 -7
  106. package/esm/components/types/index.js.map +0 -7
  107. package/esm/deprecated/DropdownPill.js.map +0 -7
  108. package/esm/deprecated/InputPill.js.map +0 -7
  109. package/esm/deprecated/LabeledDropdownPills.js.map +0 -7
  110. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +0 -7
  111. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +0 -7
  112. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +0 -7
  113. package/esm/deprecated/LabeledDropdownPillsTypes/utils.js.map +0 -7
  114. package/esm/deprecated/LabeledPills.js.map +0 -7
  115. package/esm/deprecated/OverflowPill.js.map +0 -7
  116. package/esm/deprecated/Pill.js.map +0 -7
  117. package/esm/deprecated/PillGroup.js.map +0 -7
  118. package/esm/deprecated/ReadOnlyPill.js.map +0 -7
  119. package/esm/deprecated/RemovablePill.js.map +0 -7
  120. package/esm/deprecated/index.js.map +0 -7
  121. package/esm/index.d.js.map +0 -7
  122. package/esm/index.js.map +0 -7
  123. package/esm/props.js.map +0 -7
  124. package/esm/utils.js.map +0 -7
package/esm/props.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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 size: PropTypes.oneOf(['s', 'm']).description('Vertical pill size').defaultValue('m'),\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 size: 'm',\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"],
5
- "mappings": "AAAA;ACCA;AACA;AAEA,MAAM,YAAY,UAAU,MAAM,CAAC,SAAS,SAAS,SAAS,YAAY,aAAa;AAEhF,MAAM,oBAAoB;AAAA,EAC/B,OAAO,UAAU,OAAO,YAAY,6BAA6B;AAAA,EACjE,MAAM,UAAU,YAAY,4CAA4C;AAAA,EACxE,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OACxD,YAAY,oGACZ,aAAa,MAAM;AAAA,EACtB,MAAM,UAAU,MAAM,CAAC,KAAK,MAAM,YAAY,sBAAsB,aAAa;AAAA,EACjF,WAAW,UAAU,OAClB,YAAY,kEACZ,aAAa;AAAA,EAChB,gBAAgB,UAAU,KAAK,YAAY,uCAAuC,aAAa;AAAA,EAC/F,cAAc,UAAU,OAAO,YAAY,iDAAiD,aAAa;AAAA,EACzG,UAAU,UAAU,KAAK,YAAY,uDAAuD,aAAa;AAAA,EACzG,WAAW,UAAU,KAAK,YAAY,uDAAuD,aAAa;AAAA,EAC1G,UAAU,UAAU,KACjB,YAAY,+DACZ,aAAa,MAAM;AAAA,EACtB,kBAAkB,UAAU,OAAO,YAAY,kCAAkC,aAAa;AAAA,EAC9F,eAAe,UAAU,KACtB,YAAY,iEACZ,aAAa,MAAM;AAAA,EACtB,cAAc,UAAU,KACrB,YAAY,yDACZ,aAAa,MAAM;AAAA,EACtB,YAAY,UAAU,OAAO,YAAY,uDAAuD,aAAa;AAAA,EAC7G,eAAe,UAAU,OAAO,YAAY,sDAAsD,aAAa;AAAA,EAC/G,iBAAiB,UAAU,KACxB,YAAY,uDACZ,aAAa,MAAM;AAAA;AAGjB,MAAM,wBAAwB;AAAA,EACnC,MAAM,UAAU,MAAM,CAAC,QAAQ,QAAQ,UACpC,YAAY,0FACZ,aAAa;AAAA,EAChB,OAAO,UAAU,OAAO,YAAY,uBAAuB,aAAa;AAAA,EACxE,QAAQ,UAAU,OAAO,YAAY,wBAAwB,aAAa;AAAA;AAGrE,MAAM,uBAAuB;AAAA,EAClC,OAAO,UAAU,OAAO,YAAY,sBAAsB,aAAa;AAAA,EACvE,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OACxD,YAAY,uCACZ,aAAa,MAAM;AAAA;AAGjB,MAAM,uBAAuB;AAAA,EAClC,UAAU,MAAM;AAAA,EAChB,WAAW;AAAA,EACX,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU,MAAM;AAAA,EAChB,kBAAkB;AAAA,EAClB,eAAe,MAAM;AAAA,EACrB,cAAc,MAAM;AAAA,EACpB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,eAAe;AAAA,EACf,iBAAiB,MAAM;AAAA;AAGlB,MAAM,2BAA2B;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA;AAGH,MAAM,0BAA0B;AAAA,EACrC,OAAO;AAAA,EACP,UAAU,MAAM;AAAA;",
6
- "names": []
7
- }
package/esm/utils.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
5
- "mappings": "AAAA;ACEO,MAAM,kBACX,IAAI,SACJ,CAAC,SAA4B;AAC3B,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,CAAC,OAAO,CAAC;AAAM;AACnB,QAAI,OAAO,QAAQ,YAAY;AAC7B,UAAI;AACJ;AAAA;AAEF,QAAI;AAAK,UAAI,UAAU;AAAA;AAAA;",
6
- "names": []
7
- }