@elliemae/ds-pills 2.2.0 → 2.3.0-alpha.3

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 (125) hide show
  1. package/cjs/components/Pill.js +56 -49
  2. package/cjs/components/Pill.js.map +7 -0
  3. package/cjs/components/PillButton.js +54 -52
  4. package/cjs/components/PillButton.js.map +7 -0
  5. package/cjs/components/PillGroup.js +61 -53
  6. package/cjs/components/PillGroup.js.map +7 -0
  7. package/cjs/components/index.js +30 -17
  8. package/cjs/components/index.js.map +7 -0
  9. package/cjs/components/styled.js +228 -78
  10. package/cjs/components/styled.js.map +7 -0
  11. package/cjs/components/types/DropdownPill.js +79 -77
  12. package/cjs/components/types/DropdownPill.js.map +7 -0
  13. package/cjs/components/types/InputPill.js +58 -48
  14. package/cjs/components/types/InputPill.js.map +7 -0
  15. package/cjs/components/types/LabelPill.js +44 -38
  16. package/cjs/components/types/LabelPill.js.map +7 -0
  17. package/cjs/components/types/ReadOnlyPill.js +48 -43
  18. package/cjs/components/types/ReadOnlyPill.js.map +7 -0
  19. package/cjs/components/types/RemovablePill.js +60 -53
  20. package/cjs/components/types/RemovablePill.js.map +7 -0
  21. package/cjs/components/types/ValuePill.js +48 -43
  22. package/cjs/components/types/ValuePill.js.map +7 -0
  23. package/cjs/components/types/index.js +33 -19
  24. package/cjs/components/types/index.js.map +7 -0
  25. package/cjs/deprecated/DropdownPill.js +80 -101
  26. package/cjs/deprecated/DropdownPill.js.map +7 -0
  27. package/cjs/deprecated/InputPill.js +67 -69
  28. package/cjs/deprecated/InputPill.js.map +7 -0
  29. package/cjs/deprecated/LabeledDropdownPills.js +92 -96
  30. package/cjs/deprecated/LabeledDropdownPills.js.map +7 -0
  31. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +91 -94
  32. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +7 -0
  33. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +106 -114
  34. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +7 -0
  35. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +119 -127
  36. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +7 -0
  37. package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js +39 -15
  38. package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js.map +7 -0
  39. package/cjs/deprecated/LabeledPills.js +65 -52
  40. package/cjs/deprecated/LabeledPills.js.map +7 -0
  41. package/cjs/deprecated/OverflowPill.js +59 -53
  42. package/cjs/deprecated/OverflowPill.js.map +7 -0
  43. package/cjs/deprecated/Pill.js +67 -82
  44. package/cjs/deprecated/Pill.js.map +7 -0
  45. package/cjs/deprecated/PillGroup.js +68 -68
  46. package/cjs/deprecated/PillGroup.js.map +7 -0
  47. package/cjs/deprecated/ReadOnlyPill.js +93 -94
  48. package/cjs/deprecated/ReadOnlyPill.js.map +7 -0
  49. package/cjs/deprecated/RemovablePill.js +61 -57
  50. package/cjs/deprecated/RemovablePill.js.map +7 -0
  51. package/cjs/deprecated/index.js +43 -33
  52. package/cjs/deprecated/index.js.map +7 -0
  53. package/cjs/index.d.js +27 -2
  54. package/cjs/index.d.js.map +7 -0
  55. package/cjs/index.js +37 -43
  56. package/cjs/index.js.map +7 -0
  57. package/cjs/props.js +72 -46
  58. package/cjs/props.js.map +7 -0
  59. package/cjs/utils.js +43 -25
  60. package/cjs/utils.js.map +7 -0
  61. package/esm/components/Pill.js +18 -31
  62. package/esm/components/Pill.js.map +7 -0
  63. package/esm/components/PillButton.js +22 -39
  64. package/esm/components/PillButton.js.map +7 -0
  65. package/esm/components/PillGroup.js +28 -38
  66. package/esm/components/PillGroup.js.map +7 -0
  67. package/esm/components/index.js +5 -3
  68. package/esm/components/index.js.map +7 -0
  69. package/esm/components/styled.js +205 -66
  70. package/esm/components/styled.js.map +7 -0
  71. package/esm/components/types/DropdownPill.js +50 -67
  72. package/esm/components/types/DropdownPill.js.map +7 -0
  73. package/esm/components/types/InputPill.js +25 -35
  74. package/esm/components/types/InputPill.js.map +7 -0
  75. package/esm/components/types/LabelPill.js +15 -29
  76. package/esm/components/types/LabelPill.js.map +7 -0
  77. package/esm/components/types/ReadOnlyPill.js +19 -34
  78. package/esm/components/types/ReadOnlyPill.js.map +7 -0
  79. package/esm/components/types/RemovablePill.js +31 -44
  80. package/esm/components/types/RemovablePill.js.map +7 -0
  81. package/esm/components/types/ValuePill.js +19 -34
  82. package/esm/components/types/ValuePill.js.map +7 -0
  83. package/esm/components/types/index.js +8 -6
  84. package/esm/components/types/index.js.map +7 -0
  85. package/esm/deprecated/DropdownPill.js +49 -86
  86. package/esm/deprecated/DropdownPill.js.map +7 -0
  87. package/esm/deprecated/InputPill.js +38 -59
  88. package/esm/deprecated/InputPill.js.map +7 -0
  89. package/esm/deprecated/LabeledDropdownPills.js +59 -81
  90. package/esm/deprecated/LabeledDropdownPills.js.map +7 -0
  91. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +60 -84
  92. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +7 -0
  93. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +65 -94
  94. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +7 -0
  95. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +79 -108
  96. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +7 -0
  97. package/esm/deprecated/LabeledDropdownPillsTypes/utils.js +9 -10
  98. package/esm/deprecated/LabeledDropdownPillsTypes/utils.js.map +7 -0
  99. package/esm/deprecated/LabeledPills.js +34 -41
  100. package/esm/deprecated/LabeledPills.js.map +7 -0
  101. package/esm/deprecated/OverflowPill.js +25 -37
  102. package/esm/deprecated/OverflowPill.js.map +7 -0
  103. package/esm/deprecated/Pill.js +39 -71
  104. package/esm/deprecated/Pill.js.map +7 -0
  105. package/esm/deprecated/PillGroup.js +39 -56
  106. package/esm/deprecated/PillGroup.js.map +7 -0
  107. package/esm/deprecated/ReadOnlyPill.js +60 -79
  108. package/esm/deprecated/ReadOnlyPill.js.map +7 -0
  109. package/esm/deprecated/RemovablePill.js +30 -45
  110. package/esm/deprecated/RemovablePill.js.map +7 -0
  111. package/esm/deprecated/index.js +14 -8
  112. package/esm/deprecated/index.js.map +7 -0
  113. package/esm/index.d.js +2 -1
  114. package/esm/index.d.js.map +7 -0
  115. package/esm/index.js +8 -11
  116. package/esm/index.js.map +7 -0
  117. package/esm/props.js +42 -36
  118. package/esm/props.js.map +7 -0
  119. package/esm/utils.js +16 -23
  120. package/esm/utils.js.map +7 -0
  121. package/package.json +15 -15
  122. package/types/deprecated/LabeledDropdownPills.d.ts +1 -1
  123. package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.d.ts +3 -1
  124. package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.d.ts +3 -1
  125. package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.d.ts +1 -0
@@ -1,8 +1,14 @@
1
- export { DSPillWithSchema, Pill, Pill as default } from './Pill.js';
2
- export { Container, DSPillGroupWithSchema, PillGroup } from './PillGroup.js';
3
- export { DSLabeledDropdownPillsWithSchema, LabeledDropdownPills } from './LabeledDropdownPills.js';
4
- export { DSLabeledPillsWithSchema, LabeledPills } from './LabeledPills.js';
5
- export { DSDropdownPillWithSchema, DropdownPill } from './DropdownPill.js';
6
- export { DSRemovablePillWithSchema, RemovablePill } from './RemovablePill.js';
7
- export { DSReadOnlyPillWithSchema, ReadOnlyPill } from './ReadOnlyPill.js';
8
- export { DSOverflowPillWithSchema, OverflowPill } from './OverflowPill.js';
1
+ import * as React from "react";
2
+ export * from "./Pill";
3
+ export * from "./PillGroup";
4
+ export * from "./LabeledDropdownPills";
5
+ export * from "./LabeledPills";
6
+ export * from "./DropdownPill";
7
+ export * from "./RemovablePill";
8
+ export * from "./ReadOnlyPill";
9
+ export * from "./OverflowPill";
10
+ import { default as default2 } from "./Pill";
11
+ export {
12
+ default2 as default
13
+ };
14
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/index.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './Pill';\nexport * from './PillGroup';\nexport * from './LabeledDropdownPills';\nexport * from './LabeledPills';\nexport * from './DropdownPill';\nexport * from './RemovablePill';\nexport * from './ReadOnlyPill';\nexport * from './OverflowPill';\n\nexport { default } from './Pill';\n"],
5
+ "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;",
6
+ "names": []
7
+ }
package/esm/index.d.js CHANGED
@@ -1 +1,2 @@
1
-
1
+ import * as React from "react";
2
+ //# sourceMappingURL=index.d.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": "AAAA;",
6
+ "names": []
7
+ }
package/esm/index.js CHANGED
@@ -1,11 +1,8 @@
1
- export { DSPillWithSchema, Pill, Pill as default } from './deprecated/Pill.js';
2
- export { Container, DSPillGroupWithSchema, PillGroup } from './deprecated/PillGroup.js';
3
- export { DSLabeledDropdownPillsWithSchema, LabeledDropdownPills } from './deprecated/LabeledDropdownPills.js';
4
- export { DSLabeledPillsWithSchema, LabeledPills } from './deprecated/LabeledPills.js';
5
- export { DSDropdownPillWithSchema, DropdownPill } from './deprecated/DropdownPill.js';
6
- export { DSRemovablePillWithSchema, RemovablePill } from './deprecated/RemovablePill.js';
7
- export { DSReadOnlyPillWithSchema, ReadOnlyPill } from './deprecated/ReadOnlyPill.js';
8
- export { DSOverflowPillWithSchema, OverflowPill } from './deprecated/OverflowPill.js';
9
- export { DSPillV2, DSPillV2WithSchema } from './components/Pill.js';
10
- export { DSPillGroupV2, DSPillGroupV2Context, DSPillGroupV2WithSchema } from './components/PillGroup.js';
11
- export { DSPillButton, DSPillButtonWithSchema } from './components/PillButton.js';
1
+ import * as React from "react";
2
+ export * from "./deprecated";
3
+ export * from "./components";
4
+ import { default as default2 } from "./deprecated";
5
+ export {
6
+ default2 as default
7
+ };
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './deprecated';\nexport * from './components';\nexport { default } from './deprecated';\n"],
5
+ "mappings": "AAAA;ACAA;AACA;AACA;",
6
+ "names": []
7
+ }
package/esm/props.js CHANGED
@@ -1,45 +1,44 @@
1
- import { PropTypes } from 'react-desc';
2
- import { DSInput } from '@elliemae/ds-form';
3
-
4
- /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
5
- const pillTypes = PropTypes.oneOf(['label', 'value', 'input', 'dropdown', 'removable', 'readonly']);
1
+ import * as React from "react";
2
+ import { PropTypes } from "react-desc";
3
+ import { DSInput } from "@elliemae/ds-form";
4
+ const pillTypes = PropTypes.oneOf(["label", "value", "input", "dropdown", "removable", "readonly"]);
6
5
  const DSPillV2PropTypes = {
7
- label: PropTypes.string.description('Label to show in the pill').isRequired,
8
- type: pillTypes.description('The type of pill that you want to render').isRequired,
9
- innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)').defaultValue(() => null),
10
- size: PropTypes.oneOf(['s', 'm']).description('Vertical pill size').defaultValue('m'),
11
- ariaLabel: PropTypes.string.description('Aria label for the pill. If not provided we will use the label').defaultValue(''),
12
- labelTruncated: PropTypes.bool.description('Whether to truncate the pills label').defaultValue(true),
13
- tooltipValue: PropTypes.string.description('String to show as a tooltip in the value pill').defaultValue(''),
14
- iconLeft: PropTypes.node.description('A component to show int the left of a readonly pill').defaultValue(null),
15
- iconRight: PropTypes.node.description('A component to show in the right of a readonly pill').defaultValue(null),
16
- onRemove: PropTypes.func.description('Callback triggered when removing a pill with the close icon').defaultValue(() => null),
17
- inputPlaceholder: PropTypes.string.description('Placeholder for the input pill').defaultValue(''),
18
- onInputChange: PropTypes.func.description('Callback triggered when user provides input to the input pill').defaultValue(() => null),
19
- onInputClear: PropTypes.func.description('Callback triggered when the user clears an input pill').defaultValue(() => null),
20
- inputWidth: PropTypes.number.description('Width in pixels for the input tag in the input pill').defaultValue(150),
21
- dropdownProps: PropTypes.object.description('Properties that will be used for the dropdown-menu').defaultValue({}),
22
- onDropdownClick: PropTypes.func.description('Callback when dropdown button is clicked or pressed').defaultValue(() => null)
6
+ label: PropTypes.string.description("Label to show in the pill").isRequired,
7
+ type: pillTypes.description("The type of pill that you want to render").isRequired,
8
+ innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)").defaultValue(() => null),
9
+ size: PropTypes.oneOf(["s", "m"]).description("Vertical pill size").defaultValue("m"),
10
+ ariaLabel: PropTypes.string.description("Aria label for the pill. If not provided we will use the label").defaultValue(""),
11
+ labelTruncated: PropTypes.bool.description("Whether to truncate the pills label").defaultValue(true),
12
+ tooltipValue: PropTypes.string.description("String to show as a tooltip in the value pill").defaultValue(""),
13
+ iconLeft: PropTypes.node.description("A component to show int the left of a readonly pill").defaultValue(null),
14
+ iconRight: PropTypes.node.description("A component to show in the right of a readonly pill").defaultValue(null),
15
+ onRemove: PropTypes.func.description("Callback triggered when removing a pill with the close icon").defaultValue(() => null),
16
+ inputPlaceholder: PropTypes.string.description("Placeholder for the input pill").defaultValue(""),
17
+ onInputChange: PropTypes.func.description("Callback triggered when user provides input to the input pill").defaultValue(() => null),
18
+ onInputClear: PropTypes.func.description("Callback triggered when the user clears an input pill").defaultValue(() => null),
19
+ inputWidth: PropTypes.number.description("Width in pixels for the input tag in the input pill").defaultValue(150),
20
+ dropdownProps: PropTypes.object.description("Properties that will be used for the dropdown-menu").defaultValue({}),
21
+ onDropdownClick: PropTypes.func.description("Callback when dropdown button is clicked or pressed").defaultValue(() => null)
23
22
  };
24
23
  const DSPillButtonPropTypes = {
25
- type: PropTypes.oneOf(['only', 'left', 'right']).description('The position in which this button will be placed. Only used for css styling internally').defaultValue('right'),
26
- width: PropTypes.string.description('Width of the button').defaultValue('100%'),
27
- height: PropTypes.string.description('Height of the button').defaultValue('100%')
24
+ type: PropTypes.oneOf(["only", "left", "right"]).description("The position in which this button will be placed. Only used for css styling internally").defaultValue("right"),
25
+ width: PropTypes.string.description("Width of the button").defaultValue("100%"),
26
+ height: PropTypes.string.description("Height of the button").defaultValue("100%")
28
27
  };
29
28
  const DSPillGroupPropTypes = {
30
- width: PropTypes.string.description('Width of the group').defaultValue('fit-content'),
31
- innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Reference to the pill group wrapper').defaultValue(() => null)
29
+ width: PropTypes.string.description("Width of the group").defaultValue("fit-content"),
30
+ innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Reference to the pill group wrapper").defaultValue(() => null)
32
31
  };
33
32
  const DSPillV2DefaultProps = {
34
33
  innerRef: () => null,
35
- ariaLabel: '',
36
- size: 'm',
34
+ ariaLabel: "",
35
+ size: "m",
37
36
  labelTruncated: true,
38
- tooltipValue: '',
37
+ tooltipValue: "",
39
38
  iconLeft: null,
40
39
  iconRight: null,
41
40
  onRemove: () => null,
42
- inputPlaceholder: '',
41
+ inputPlaceholder: "",
43
42
  onInputChange: () => null,
44
43
  onInputClear: () => null,
45
44
  inputWidth: 72,
@@ -48,13 +47,20 @@ const DSPillV2DefaultProps = {
48
47
  onDropdownClick: () => null
49
48
  };
50
49
  const DSPillButtonDefaultProps = {
51
- type: 'right',
52
- width: '100%',
53
- height: '100%'
50
+ type: "right",
51
+ width: "100%",
52
+ height: "100%"
54
53
  };
55
54
  const DSPillGroupDefaultProps = {
56
- width: 'fit-content',
55
+ width: "fit-content",
57
56
  innerRef: () => null
58
57
  };
59
-
60
- export { DSPillButtonDefaultProps, DSPillButtonPropTypes, DSPillGroupDefaultProps, DSPillGroupPropTypes, DSPillV2DefaultProps, DSPillV2PropTypes };
58
+ export {
59
+ DSPillButtonDefaultProps,
60
+ DSPillButtonPropTypes,
61
+ DSPillGroupDefaultProps,
62
+ DSPillGroupPropTypes,
63
+ DSPillV2DefaultProps,
64
+ DSPillV2PropTypes
65
+ };
66
+ //# sourceMappingURL=props.js.map
@@ -0,0 +1,7 @@
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 CHANGED
@@ -1,24 +1,17 @@
1
- import 'core-js/modules/esnext.async-iterator.for-each.js';
2
- import 'core-js/modules/esnext.iterator.constructor.js';
3
- import 'core-js/modules/esnext.iterator.for-each.js';
4
-
5
- const setMultipleRefs = function () {
6
- for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
7
- refs[_key] = arguments[_key];
8
- }
9
-
10
- return _ref => {
11
- refs.forEach(ref => {
12
- if (!ref || !_ref) return;
13
-
14
- if (typeof ref === 'function') {
15
- ref(_ref);
16
- return;
17
- }
18
-
19
- if (ref) ref.current = _ref;
20
- });
21
- };
1
+ import * as React from "react";
2
+ const setMultipleRefs = (...refs) => (_ref) => {
3
+ refs.forEach((ref) => {
4
+ if (!ref || !_ref)
5
+ return;
6
+ if (typeof ref === "function") {
7
+ ref(_ref);
8
+ return;
9
+ }
10
+ if (ref)
11
+ ref.current = _ref;
12
+ });
22
13
  };
23
-
24
- export { setMultipleRefs };
14
+ export {
15
+ setMultipleRefs
16
+ };
17
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1,7 @@
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
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-pills",
3
- "version": "2.2.0",
3
+ "version": "2.3.0-alpha.3",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Pills",
6
6
  "module": "./esm/index.js",
@@ -144,20 +144,20 @@
144
144
  "build": "node ../../scripts/build/build.js"
145
145
  },
146
146
  "dependencies": {
147
- "@elliemae/ds-button": "2.2.0",
148
- "@elliemae/ds-classnames": "2.2.0",
149
- "@elliemae/ds-dropdownmenu": "2.2.0",
150
- "@elliemae/ds-form": "2.2.0",
151
- "@elliemae/ds-grid": "2.2.0",
152
- "@elliemae/ds-icons": "2.2.0",
153
- "@elliemae/ds-modal": "2.2.0",
154
- "@elliemae/ds-popover": "2.2.0",
155
- "@elliemae/ds-props-helpers": "2.2.0",
156
- "@elliemae/ds-shared": "2.2.0",
157
- "@elliemae/ds-system": "2.2.0",
158
- "@elliemae/ds-tooltip": "2.2.0",
159
- "@elliemae/ds-truncated-tooltip-text": "2.2.0",
160
- "@elliemae/ds-utilities": "2.2.0",
147
+ "@elliemae/ds-button": "2.3.0-alpha.3",
148
+ "@elliemae/ds-classnames": "2.3.0-alpha.3",
149
+ "@elliemae/ds-dropdownmenu": "2.3.0-alpha.3",
150
+ "@elliemae/ds-form": "2.3.0-alpha.3",
151
+ "@elliemae/ds-grid": "2.3.0-alpha.3",
152
+ "@elliemae/ds-icons": "2.3.0-alpha.3",
153
+ "@elliemae/ds-modal": "2.3.0-alpha.3",
154
+ "@elliemae/ds-popover": "2.3.0-alpha.3",
155
+ "@elliemae/ds-props-helpers": "2.3.0-alpha.3",
156
+ "@elliemae/ds-shared": "2.3.0-alpha.3",
157
+ "@elliemae/ds-system": "2.3.0-alpha.3",
158
+ "@elliemae/ds-tooltip": "2.3.0-alpha.3",
159
+ "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.3",
160
+ "@elliemae/ds-utilities": "2.3.0-alpha.3",
161
161
  "prop-types": "~15.7.2",
162
162
  "react-desc": "~4.1.3",
163
163
  "uid": "~2.0.0"
@@ -77,6 +77,6 @@ declare namespace LabeledDropdownPills {
77
77
  declare const DSLabeledDropdownPillsWithSchema: {
78
78
  (props?: unknown): JSX.Element;
79
79
  propTypes: unknown;
80
- toTypescript: () => import("react-desc").TypescriptSchema;
80
+ toTypescript: () => import("react-desc").TypescriptSchema; /** fixed pill */
81
81
  };
82
82
  export { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export default function LabeledDropdownCascadeMenuPill({ label, options, value: optionValue, onChange, onRemove, value: selection, placeholder, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, maxWidth, minWidth, ...menuProps }: {
2
+ declare function LabeledDropdownCascadeMenuPill({ label, options, value: optionValue, onChange, onRemove, value: selection, placeholder, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, maxWidth, minWidth, ...menuProps }: {
3
3
  [x: string]: any;
4
4
  label: any;
5
5
  options: any;
@@ -13,3 +13,5 @@ export default function LabeledDropdownCascadeMenuPill({ label, options, value:
13
13
  maxWidth: any;
14
14
  minWidth: any;
15
15
  }): JSX.Element;
16
+ export { LabeledDropdownCascadeMenuPill };
17
+ export default LabeledDropdownCascadeMenuPill;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export default function LabeledDropdownMultiPills({ label, options, value, onSelect, onRemove, onChange, // if this is defined, then it's calculating the next result onSelect or onRemove
2
+ declare function LabeledDropdownMultiPills({ label, options, value, onSelect, onRemove, onChange, // if this is defined, then it's calculating the next result onSelect or onRemove
3
3
  maxWidth, minWidth, ...menuProps }: {
4
4
  [x: string]: any;
5
5
  label: any;
@@ -11,3 +11,5 @@ maxWidth, minWidth, ...menuProps }: {
11
11
  maxWidth: any;
12
12
  minWidth: any;
13
13
  }): JSX.Element;
14
+ export { LabeledDropdownMultiPills };
15
+ export default LabeledDropdownMultiPills;
@@ -25,4 +25,5 @@ declare namespace LabeledDropdownSinglePill {
25
25
  fixed: PropTypes.Requireable<boolean>;
26
26
  };
27
27
  }
28
+ export { LabeledDropdownSinglePill };
28
29
  export default LabeledDropdownSinglePill;