@elliemae/ds-pills 2.3.0-alpha.8 → 2.3.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 (216) hide show
  1. package/cjs/components/Pill.js +53 -0
  2. package/cjs/components/PillButton.js +56 -0
  3. package/cjs/components/PillGroup.js +64 -0
  4. package/cjs/components/index.js +17 -0
  5. package/cjs/components/styled.js +85 -0
  6. package/cjs/components/types/DropdownPill.js +86 -0
  7. package/cjs/components/types/InputPill.js +74 -0
  8. package/cjs/components/types/LabelPill.js +46 -0
  9. package/cjs/components/types/ReadOnlyPill.js +50 -0
  10. package/cjs/components/types/RemovablePill.js +72 -0
  11. package/cjs/components/types/ValuePill.js +54 -0
  12. package/cjs/components/types/index.js +19 -0
  13. package/cjs/deprecated/DropdownPill.js +113 -0
  14. package/cjs/deprecated/InputPill.js +84 -0
  15. package/cjs/deprecated/LabeledDropdownPills.js +106 -0
  16. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +134 -0
  17. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +153 -0
  18. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +162 -0
  19. package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js +20 -0
  20. package/cjs/deprecated/LabeledPills.js +62 -0
  21. package/cjs/deprecated/OverflowPill.js +73 -0
  22. package/cjs/deprecated/Pill.js +88 -0
  23. package/cjs/deprecated/PillGroup.js +72 -0
  24. package/cjs/deprecated/ReadOnlyPill.js +101 -0
  25. package/cjs/deprecated/RemovablePill.js +74 -0
  26. package/cjs/deprecated/index.js +33 -0
  27. package/cjs/index.d.js +2 -0
  28. package/cjs/index.js +43 -0
  29. package/cjs/props.js +69 -0
  30. package/cjs/utils.js +28 -0
  31. package/esm/components/Pill.js +44 -0
  32. package/esm/components/PillButton.js +46 -0
  33. package/esm/components/PillGroup.js +53 -0
  34. package/esm/components/index.js +3 -0
  35. package/esm/components/styled.js +67 -0
  36. package/esm/components/types/DropdownPill.js +76 -0
  37. package/esm/components/types/InputPill.js +65 -0
  38. package/esm/components/types/LabelPill.js +37 -0
  39. package/esm/components/types/ReadOnlyPill.js +41 -0
  40. package/esm/components/types/RemovablePill.js +63 -0
  41. package/esm/components/types/ValuePill.js +45 -0
  42. package/esm/components/types/index.js +6 -0
  43. package/esm/deprecated/DropdownPill.js +100 -0
  44. package/esm/deprecated/InputPill.js +74 -0
  45. package/esm/deprecated/LabeledDropdownPills.js +95 -0
  46. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +126 -0
  47. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +145 -0
  48. package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +154 -0
  49. package/esm/deprecated/LabeledDropdownPillsTypes/utils.js +16 -0
  50. package/esm/deprecated/LabeledPills.js +53 -0
  51. package/esm/deprecated/OverflowPill.js +62 -0
  52. package/esm/deprecated/Pill.js +76 -0
  53. package/esm/deprecated/PillGroup.js +60 -0
  54. package/esm/deprecated/ReadOnlyPill.js +90 -0
  55. package/esm/deprecated/RemovablePill.js +64 -0
  56. package/esm/deprecated/index.js +8 -0
  57. package/esm/index.d.js +1 -0
  58. package/esm/index.js +11 -0
  59. package/esm/props.js +60 -0
  60. package/esm/utils.js +24 -0
  61. package/package.json +86 -88
  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 +66 -0
  75. package/types/deprecated/InputPill.d.ts +10 -0
  76. package/types/deprecated/LabeledDropdownPills.d.ts +82 -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 +52 -0
  82. package/types/deprecated/OverflowPill.d.ts +33 -0
  83. package/types/deprecated/Pill.d.ts +59 -0
  84. package/types/deprecated/PillGroup.d.ts +50 -0
  85. package/types/deprecated/ReadOnlyPill.d.ts +56 -0
  86. package/types/deprecated/RemovablePill.d.ts +49 -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/dist/cjs/components/Pill.js +0 -60
  98. package/dist/cjs/components/Pill.js.map +0 -7
  99. package/dist/cjs/components/PillButton.js +0 -58
  100. package/dist/cjs/components/PillButton.js.map +0 -7
  101. package/dist/cjs/components/PillGroup.js +0 -72
  102. package/dist/cjs/components/PillGroup.js.map +0 -7
  103. package/dist/cjs/components/index.js +0 -30
  104. package/dist/cjs/components/index.js.map +0 -7
  105. package/dist/cjs/components/styled.js +0 -235
  106. package/dist/cjs/components/styled.js.map +0 -7
  107. package/dist/cjs/components/types/DropdownPill.js +0 -88
  108. package/dist/cjs/components/types/DropdownPill.js.map +0 -7
  109. package/dist/cjs/components/types/InputPill.js +0 -84
  110. package/dist/cjs/components/types/InputPill.js.map +0 -7
  111. package/dist/cjs/components/types/LabelPill.js +0 -52
  112. package/dist/cjs/components/types/LabelPill.js.map +0 -7
  113. package/dist/cjs/components/types/ReadOnlyPill.js +0 -55
  114. package/dist/cjs/components/types/ReadOnlyPill.js.map +0 -7
  115. package/dist/cjs/components/types/RemovablePill.js +0 -79
  116. package/dist/cjs/components/types/RemovablePill.js.map +0 -7
  117. package/dist/cjs/components/types/ValuePill.js +0 -59
  118. package/dist/cjs/components/types/ValuePill.js.map +0 -7
  119. package/dist/cjs/components/types/index.js +0 -33
  120. package/dist/cjs/components/types/index.js.map +0 -7
  121. package/dist/cjs/deprecated/DropdownPill.js +0 -92
  122. package/dist/cjs/deprecated/DropdownPill.js.map +0 -7
  123. package/dist/cjs/deprecated/InputPill.js +0 -82
  124. package/dist/cjs/deprecated/InputPill.js.map +0 -7
  125. package/dist/cjs/deprecated/LabeledDropdownPills.js +0 -102
  126. package/dist/cjs/deprecated/LabeledDropdownPills.js.map +0 -7
  127. package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +0 -131
  128. package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +0 -7
  129. package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +0 -145
  130. package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +0 -7
  131. package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +0 -154
  132. package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +0 -7
  133. package/dist/cjs/deprecated/LabeledDropdownPillsTypes/utils.js +0 -44
  134. package/dist/cjs/deprecated/LabeledDropdownPillsTypes/utils.js.map +0 -7
  135. package/dist/cjs/deprecated/LabeledPills.js +0 -75
  136. package/dist/cjs/deprecated/LabeledPills.js.map +0 -7
  137. package/dist/cjs/deprecated/OverflowPill.js +0 -79
  138. package/dist/cjs/deprecated/OverflowPill.js.map +0 -7
  139. package/dist/cjs/deprecated/Pill.js +0 -73
  140. package/dist/cjs/deprecated/Pill.js.map +0 -7
  141. package/dist/cjs/deprecated/PillGroup.js +0 -72
  142. package/dist/cjs/deprecated/PillGroup.js.map +0 -7
  143. package/dist/cjs/deprecated/ReadOnlyPill.js +0 -100
  144. package/dist/cjs/deprecated/ReadOnlyPill.js.map +0 -7
  145. package/dist/cjs/deprecated/RemovablePill.js +0 -78
  146. package/dist/cjs/deprecated/RemovablePill.js.map +0 -7
  147. package/dist/cjs/deprecated/index.js +0 -43
  148. package/dist/cjs/deprecated/index.js.map +0 -7
  149. package/dist/cjs/index.d.js +0 -27
  150. package/dist/cjs/index.d.js.map +0 -7
  151. package/dist/cjs/index.js +0 -37
  152. package/dist/cjs/index.js.map +0 -7
  153. package/dist/cjs/props.js +0 -95
  154. package/dist/cjs/props.js.map +0 -7
  155. package/dist/cjs/utils.js +0 -46
  156. package/dist/cjs/utils.js.map +0 -7
  157. package/dist/esm/components/Pill.js +0 -31
  158. package/dist/esm/components/Pill.js.map +0 -7
  159. package/dist/esm/components/PillButton.js +0 -29
  160. package/dist/esm/components/PillButton.js.map +0 -7
  161. package/dist/esm/components/PillGroup.js +0 -43
  162. package/dist/esm/components/PillGroup.js.map +0 -7
  163. package/dist/esm/components/index.js +0 -5
  164. package/dist/esm/components/index.js.map +0 -7
  165. package/dist/esm/components/styled.js +0 -206
  166. package/dist/esm/components/styled.js.map +0 -7
  167. package/dist/esm/components/types/DropdownPill.js +0 -59
  168. package/dist/esm/components/types/DropdownPill.js.map +0 -7
  169. package/dist/esm/components/types/InputPill.js +0 -55
  170. package/dist/esm/components/types/InputPill.js.map +0 -7
  171. package/dist/esm/components/types/LabelPill.js +0 -23
  172. package/dist/esm/components/types/LabelPill.js.map +0 -7
  173. package/dist/esm/components/types/ReadOnlyPill.js +0 -26
  174. package/dist/esm/components/types/ReadOnlyPill.js.map +0 -7
  175. package/dist/esm/components/types/RemovablePill.js +0 -50
  176. package/dist/esm/components/types/RemovablePill.js.map +0 -7
  177. package/dist/esm/components/types/ValuePill.js +0 -30
  178. package/dist/esm/components/types/ValuePill.js.map +0 -7
  179. package/dist/esm/components/types/index.js +0 -8
  180. package/dist/esm/components/types/index.js.map +0 -7
  181. package/dist/esm/deprecated/DropdownPill.js +0 -63
  182. package/dist/esm/deprecated/DropdownPill.js.map +0 -7
  183. package/dist/esm/deprecated/InputPill.js +0 -53
  184. package/dist/esm/deprecated/InputPill.js.map +0 -7
  185. package/dist/esm/deprecated/LabeledDropdownPills.js +0 -73
  186. package/dist/esm/deprecated/LabeledDropdownPills.js.map +0 -7
  187. package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +0 -102
  188. package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +0 -7
  189. package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +0 -116
  190. package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +0 -7
  191. package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +0 -125
  192. package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +0 -7
  193. package/dist/esm/deprecated/LabeledDropdownPillsTypes/utils.js +0 -15
  194. package/dist/esm/deprecated/LabeledDropdownPillsTypes/utils.js.map +0 -7
  195. package/dist/esm/deprecated/LabeledPills.js +0 -46
  196. package/dist/esm/deprecated/LabeledPills.js.map +0 -7
  197. package/dist/esm/deprecated/OverflowPill.js +0 -50
  198. package/dist/esm/deprecated/OverflowPill.js.map +0 -7
  199. package/dist/esm/deprecated/Pill.js +0 -44
  200. package/dist/esm/deprecated/Pill.js.map +0 -7
  201. package/dist/esm/deprecated/PillGroup.js +0 -43
  202. package/dist/esm/deprecated/PillGroup.js.map +0 -7
  203. package/dist/esm/deprecated/ReadOnlyPill.js +0 -71
  204. package/dist/esm/deprecated/ReadOnlyPill.js.map +0 -7
  205. package/dist/esm/deprecated/RemovablePill.js +0 -49
  206. package/dist/esm/deprecated/RemovablePill.js.map +0 -7
  207. package/dist/esm/deprecated/index.js +0 -14
  208. package/dist/esm/deprecated/index.js.map +0 -7
  209. package/dist/esm/index.d.js +0 -2
  210. package/dist/esm/index.d.js.map +0 -7
  211. package/dist/esm/index.js +0 -8
  212. package/dist/esm/index.js.map +0 -7
  213. package/dist/esm/props.js +0 -66
  214. package/dist/esm/props.js.map +0 -7
  215. package/dist/esm/utils.js +0 -17
  216. package/dist/esm/utils.js.map +0 -7
@@ -0,0 +1,52 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
+ /// <reference types="react" />
3
+ declare function LabeledPills({ children, label, leftAddon, onFocusGroupSet, onFocusNextGroup, onFocusPreviousGroup, }: {
4
+ children: any;
5
+ label?: string | undefined;
6
+ leftAddon: any;
7
+ onFocusGroupSet: any;
8
+ onFocusNextGroup: any;
9
+ onFocusPreviousGroup: any;
10
+ }): JSX.Element;
11
+ declare namespace LabeledPills {
12
+ var propTypes: {
13
+ /** labeled pill text label */
14
+ label: any;
15
+ /** pill to add the label to */
16
+ children: any;
17
+ /** addon component to left */
18
+ leftAddon: {
19
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
20
+ deprecated: import("react-desc").PropTypesDescValidator;
21
+ };
22
+ isRequired: import("react-desc").PropTypesDescValue;
23
+ };
24
+ /** focus next group callback */
25
+ onFocusNextGroup: {
26
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
27
+ deprecated: import("react-desc").PropTypesDescValidator;
28
+ };
29
+ isRequired: import("react-desc").PropTypesDescValue;
30
+ };
31
+ /** focus prev group callback */
32
+ onFocusPreviousGroup: {
33
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
34
+ deprecated: import("react-desc").PropTypesDescValidator;
35
+ };
36
+ isRequired: import("react-desc").PropTypesDescValue;
37
+ };
38
+ /** focus group set callback */
39
+ onFocusGroupSet: {
40
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
41
+ deprecated: import("react-desc").PropTypesDescValidator;
42
+ };
43
+ isRequired: import("react-desc").PropTypesDescValue;
44
+ };
45
+ };
46
+ }
47
+ declare const DSLabeledPillsWithSchema: {
48
+ (props?: unknown): JSX.Element;
49
+ propTypes: unknown;
50
+ toTypescript: () => import("react-desc").TypescriptSchema;
51
+ };
52
+ export { LabeledPills, DSLabeledPillsWithSchema };
@@ -0,0 +1,33 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
+ /// <reference types="react" />
3
+ declare function OverflowPill({ containerProps, label, options }: {
4
+ containerProps?: {} | undefined;
5
+ label?: string | undefined;
6
+ options?: never[] | undefined;
7
+ }): JSX.Element;
8
+ declare namespace OverflowPill {
9
+ var propTypes: {
10
+ /** props to inject to pill wrapper */
11
+ containerProps: {
12
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
13
+ deprecated: import("react-desc").PropTypesDescValidator;
14
+ };
15
+ isRequired: import("react-desc").PropTypesDescValue;
16
+ };
17
+ /** pill text label */
18
+ label: any;
19
+ /** overflow pills options */
20
+ options: {
21
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
22
+ deprecated: import("react-desc").PropTypesDescValidator;
23
+ };
24
+ isRequired: import("react-desc").PropTypesDescValue;
25
+ };
26
+ };
27
+ }
28
+ declare const DSOverflowPillWithSchema: {
29
+ (props?: unknown): JSX.Element;
30
+ propTypes: unknown;
31
+ toTypescript: () => import("react-desc").TypescriptSchema;
32
+ };
33
+ export { OverflowPill, DSOverflowPillWithSchema };
@@ -0,0 +1,59 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
+ /// <reference types="react" />
3
+ declare function Pill({ containerProps, label, leftAddon, rightAddon, variant, size, ...otherProps }: {
4
+ [x: string]: any;
5
+ containerProps?: {} | undefined;
6
+ label?: string | undefined;
7
+ leftAddon: any;
8
+ rightAddon: any;
9
+ variant?: string | undefined;
10
+ size?: string | undefined;
11
+ }): JSX.Element;
12
+ declare namespace Pill {
13
+ var propTypes: {
14
+ /** props to inject to pill wrapper */
15
+ containerProps: {
16
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
17
+ deprecated: import("react-desc").PropTypesDescValidator;
18
+ };
19
+ isRequired: import("react-desc").PropTypesDescValue;
20
+ };
21
+ /** pill text label */
22
+ label: any;
23
+ /** pill size */
24
+ size: {
25
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
26
+ deprecated: import("react-desc").PropTypesDescValidator;
27
+ };
28
+ isRequired: import("react-desc").PropTypesDescValue;
29
+ };
30
+ /** pill variant */
31
+ variant: {
32
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
33
+ deprecated: import("react-desc").PropTypesDescValidator;
34
+ };
35
+ isRequired: import("react-desc").PropTypesDescValue;
36
+ };
37
+ /** addon component to left */
38
+ leftAddon: {
39
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
40
+ deprecated: import("react-desc").PropTypesDescValidator;
41
+ };
42
+ isRequired: import("react-desc").PropTypesDescValue;
43
+ };
44
+ /** addon component to right */
45
+ rightAddon: {
46
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
47
+ deprecated: import("react-desc").PropTypesDescValidator;
48
+ };
49
+ isRequired: import("react-desc").PropTypesDescValue;
50
+ };
51
+ };
52
+ }
53
+ declare const DSPillWithSchema: {
54
+ (props?: unknown): JSX.Element;
55
+ propTypes: unknown;
56
+ toTypescript: () => import("react-desc").TypescriptSchema;
57
+ };
58
+ export { Pill, DSPillWithSchema };
59
+ export default Pill;
@@ -0,0 +1,50 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
+ import React from 'react';
3
+ export declare const Container: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
4
+ declare const PillGroup: {
5
+ ({ containerProps, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, children, }: {
6
+ containerProps?: {} | undefined;
7
+ onFocusNextGroup: any;
8
+ onFocusPreviousGroup: any;
9
+ onFocusGroupSet: any;
10
+ children: any;
11
+ }): JSX.Element;
12
+ propTypes: {
13
+ /** props injected to component wrapper */
14
+ containerProps: {
15
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
16
+ deprecated: import("react-desc").PropTypesDescValidator;
17
+ };
18
+ isRequired: import("react-desc").PropTypesDescValue;
19
+ };
20
+ /** focus next group callback */
21
+ onFocusNextGroup: {
22
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
23
+ deprecated: import("react-desc").PropTypesDescValidator;
24
+ };
25
+ isRequired: import("react-desc").PropTypesDescValue;
26
+ };
27
+ /** focus prev group callback */
28
+ onFocusPreviousGroup: {
29
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
30
+ deprecated: import("react-desc").PropTypesDescValidator;
31
+ };
32
+ isRequired: import("react-desc").PropTypesDescValue;
33
+ };
34
+ /** focus group set callback */
35
+ onFocusGroupSet: {
36
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
37
+ deprecated: import("react-desc").PropTypesDescValidator;
38
+ };
39
+ isRequired: import("react-desc").PropTypesDescValue;
40
+ };
41
+ /** pill components */
42
+ children: any;
43
+ };
44
+ };
45
+ declare const DSPillGroupWithSchema: {
46
+ (props?: unknown): JSX.Element;
47
+ propTypes: unknown;
48
+ toTypescript: () => import("react-desc").TypescriptSchema;
49
+ };
50
+ export { PillGroup, DSPillGroupWithSchema };
@@ -0,0 +1,56 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
+ /// <reference types="react" />
3
+ declare const ReadOnlyPill: {
4
+ ({ containerProps, modalContent, label, leftAddon, modalTitle, tooltipText, }: {
5
+ containerProps?: {} | undefined;
6
+ modalContent?: string | undefined;
7
+ label?: string | undefined;
8
+ leftAddon: any;
9
+ modalTitle?: string | undefined;
10
+ tooltipText?: string | undefined;
11
+ }): JSX.Element;
12
+ propTypes: {
13
+ /** props injected to component wrapper */
14
+ containerProps: {
15
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
16
+ deprecated: import("react-desc").PropTypesDescValidator;
17
+ };
18
+ isRequired: import("react-desc").PropTypesDescValue;
19
+ };
20
+ /** labeled pill text label */
21
+ label: any;
22
+ /** addon component to left */
23
+ leftAddon: {
24
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
25
+ deprecated: import("react-desc").PropTypesDescValidator;
26
+ };
27
+ isRequired: import("react-desc").PropTypesDescValue;
28
+ };
29
+ /** read only pill modal content */
30
+ modalContent: {
31
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
32
+ deprecated: import("react-desc").PropTypesDescValidator;
33
+ };
34
+ isRequired: import("react-desc").PropTypesDescValue;
35
+ };
36
+ /** read only pill modal title */
37
+ modalTitle: {
38
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
39
+ deprecated: import("react-desc").PropTypesDescValidator;
40
+ };
41
+ isRequired: import("react-desc").PropTypesDescValue;
42
+ };
43
+ tooltipText: {
44
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
45
+ deprecated: import("react-desc").PropTypesDescValidator;
46
+ };
47
+ isRequired: import("react-desc").PropTypesDescValue;
48
+ };
49
+ };
50
+ };
51
+ declare const DSReadOnlyPillWithSchema: {
52
+ (props?: unknown): JSX.Element;
53
+ propTypes: unknown;
54
+ toTypescript: () => import("react-desc").TypescriptSchema;
55
+ };
56
+ export { ReadOnlyPill, DSReadOnlyPillWithSchema };
@@ -0,0 +1,49 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
+ /// <reference types="react" />
3
+ declare function RemovablePill({ containerProps, label, onRemove, size, leftAddon }: {
4
+ containerProps?: {} | undefined;
5
+ label?: string | undefined;
6
+ onRemove: any;
7
+ size?: string | undefined;
8
+ leftAddon: any;
9
+ }): JSX.Element;
10
+ declare namespace RemovablePill {
11
+ var propTypes: {
12
+ /** props injected to component wrapper */
13
+ containerProps: {
14
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
15
+ deprecated: import("react-desc").PropTypesDescValidator;
16
+ };
17
+ isRequired: import("react-desc").PropTypesDescValue;
18
+ };
19
+ /** labeled pill text label */
20
+ label: any;
21
+ /** remove click callback */
22
+ onRemove: {
23
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
24
+ deprecated: import("react-desc").PropTypesDescValidator;
25
+ };
26
+ isRequired: import("react-desc").PropTypesDescValue;
27
+ };
28
+ /** pill size */
29
+ size: {
30
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
31
+ deprecated: import("react-desc").PropTypesDescValidator;
32
+ };
33
+ isRequired: import("react-desc").PropTypesDescValue;
34
+ };
35
+ /** addon component to left */
36
+ leftAddon: {
37
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
38
+ deprecated: import("react-desc").PropTypesDescValidator;
39
+ };
40
+ isRequired: import("react-desc").PropTypesDescValue;
41
+ };
42
+ };
43
+ }
44
+ declare const DSRemovablePillWithSchema: {
45
+ (props?: unknown): JSX.Element;
46
+ propTypes: unknown;
47
+ toTypescript: () => import("react-desc").TypescriptSchema;
48
+ };
49
+ export { RemovablePill, DSRemovablePillWithSchema };
@@ -0,0 +1,9 @@
1
+ export * from './Pill';
2
+ export * from './PillGroup';
3
+ export * from './LabeledDropdownPills';
4
+ export * from './LabeledPills';
5
+ export * from './DropdownPill';
6
+ export * from './RemovablePill';
7
+ export * from './ReadOnlyPill';
8
+ export * from './OverflowPill';
9
+ export { default } from './Pill';
@@ -0,0 +1,3 @@
1
+ export * from './deprecated';
2
+ export * from './components';
3
+ export { default } from './deprecated';
@@ -0,0 +1,92 @@
1
+ /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
+ export declare const DSPillV2PropTypes: {
3
+ label: import("react-desc").PropTypesDescValue;
4
+ type: import("react-desc").PropTypesDescValue;
5
+ innerRef: {
6
+ deprecated: import("react-desc").PropTypesDescValidator;
7
+ };
8
+ size: {
9
+ deprecated: import("react-desc").PropTypesDescValidator;
10
+ };
11
+ ariaLabel: {
12
+ deprecated: import("react-desc").PropTypesDescValidator;
13
+ };
14
+ labelTruncated: {
15
+ deprecated: import("react-desc").PropTypesDescValidator;
16
+ };
17
+ tooltipValue: {
18
+ deprecated: import("react-desc").PropTypesDescValidator;
19
+ };
20
+ iconLeft: {
21
+ deprecated: import("react-desc").PropTypesDescValidator;
22
+ };
23
+ iconRight: {
24
+ deprecated: import("react-desc").PropTypesDescValidator;
25
+ };
26
+ onRemove: {
27
+ deprecated: import("react-desc").PropTypesDescValidator;
28
+ };
29
+ inputPlaceholder: {
30
+ deprecated: import("react-desc").PropTypesDescValidator;
31
+ };
32
+ onInputChange: {
33
+ deprecated: import("react-desc").PropTypesDescValidator;
34
+ };
35
+ onInputClear: {
36
+ deprecated: import("react-desc").PropTypesDescValidator;
37
+ };
38
+ inputWidth: {
39
+ deprecated: import("react-desc").PropTypesDescValidator;
40
+ };
41
+ dropdownProps: {
42
+ deprecated: import("react-desc").PropTypesDescValidator;
43
+ };
44
+ onDropdownClick: {
45
+ deprecated: import("react-desc").PropTypesDescValidator;
46
+ };
47
+ };
48
+ export declare const DSPillButtonPropTypes: {
49
+ type: {
50
+ deprecated: import("react-desc").PropTypesDescValidator;
51
+ };
52
+ width: {
53
+ deprecated: import("react-desc").PropTypesDescValidator;
54
+ };
55
+ height: {
56
+ deprecated: import("react-desc").PropTypesDescValidator;
57
+ };
58
+ };
59
+ export declare const DSPillGroupPropTypes: {
60
+ width: {
61
+ deprecated: import("react-desc").PropTypesDescValidator;
62
+ };
63
+ innerRef: {
64
+ deprecated: import("react-desc").PropTypesDescValidator;
65
+ };
66
+ };
67
+ export declare const DSPillV2DefaultProps: {
68
+ innerRef: () => null;
69
+ ariaLabel: string;
70
+ size: string;
71
+ labelTruncated: boolean;
72
+ tooltipValue: string;
73
+ iconLeft: null;
74
+ iconRight: null;
75
+ onRemove: () => null;
76
+ inputPlaceholder: string;
77
+ onInputChange: () => null;
78
+ onInputClear: () => null;
79
+ inputWidth: number;
80
+ inputRender: any;
81
+ dropdownProps: {};
82
+ onDropdownClick: () => null;
83
+ };
84
+ export declare const DSPillButtonDefaultProps: {
85
+ type: string;
86
+ width: string;
87
+ height: string;
88
+ };
89
+ export declare const DSPillGroupDefaultProps: {
90
+ width: string;
91
+ innerRef: () => null;
92
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ declare type refInterfaceType = React.MutableRefObject<HTMLElement> | ((_ref: HTMLElement) => void);
3
+ export declare const setMultipleRefs: (...refs: refInterfaceType[]) => (_ref: HTMLElement) => void;
4
+ export {};
@@ -1,60 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var Pill_exports = {};
29
- __export(Pill_exports, {
30
- DSPillV2: () => DSPillV2,
31
- DSPillV2WithSchema: () => DSPillV2WithSchema
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_react_desc = require("react-desc");
36
- var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
37
- var import_props = require("../props");
38
- var import_types = require("./types");
39
- const pillComponentGetter = {
40
- dropdown: import_types.DropdownPill,
41
- input: import_types.InputPill,
42
- label: import_types.LabelPill,
43
- readonly: import_types.ReadOnlyPill,
44
- removable: import_types.RemovablePill,
45
- value: import_types.ValuePill
46
- };
47
- const DSPillV2 = (props) => {
48
- const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.DSPillV2DefaultProps);
49
- (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.DSPillV2PropTypes);
50
- const { type } = propsWithDefaults;
51
- const PillComponent = pillComponentGetter[type];
52
- return /* @__PURE__ */ import_react.default.createElement(PillComponent, {
53
- ...propsWithDefaults
54
- });
55
- };
56
- DSPillV2.propTypes = import_props.DSPillV2PropTypes;
57
- const DSPillV2WithSchema = (0, import_react_desc.describe)(DSPillV2).description("Pill");
58
- DSPillV2WithSchema.propTypes = import_props.DSPillV2PropTypes;
59
- module.exports = __toCommonJS(Pill_exports);
60
- //# sourceMappingURL=Pill.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/Pill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSPillProps } from '../index.d';\nimport { DSPillV2DefaultProps, DSPillV2PropTypes } from '../props';\nimport { DropdownPill, LabelPill, ValuePill, InputPill, ReadOnlyPill, RemovablePill } from './types';\n\nconst pillComponentGetter: Record<string, React.ComponentType<DSPillProps>> = {\n dropdown: DropdownPill,\n input: InputPill,\n label: LabelPill,\n readonly: ReadOnlyPill,\n removable: RemovablePill,\n value: ValuePill,\n};\n\nconst DSPillV2: React.ComponentType<DSPillProps> = (props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillV2DefaultProps);\n useValidateTypescriptPropTypes(propsWithDefaults, DSPillV2PropTypes);\n const { type } = propsWithDefaults;\n const PillComponent = pillComponentGetter[type];\n\n return <PillComponent {...propsWithDefaults} />;\n};\n\nDSPillV2.propTypes = DSPillV2PropTypes;\nconst DSPillV2WithSchema = describe(DSPillV2).description('Pill');\nDSPillV2WithSchema.propTypes = DSPillV2PropTypes;\n\nexport { DSPillV2, DSPillV2WithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAyB;AACzB,8BAA6E;AAE7E,mBAAwD;AACxD,mBAA2F;AAE3F,MAAM,sBAAwE;AAAA,EAC5E,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA;AAGT,MAAM,WAA6C,CAAC,UAAU;AAC5D,QAAM,oBAAoB,0DAA6B,OAAO;AAC9D,8DAA+B,mBAAmB;AAClD,QAAM,EAAE,SAAS;AACjB,QAAM,gBAAgB,oBAAoB;AAE1C,SAAO,mDAAC,eAAD;AAAA,OAAmB;AAAA;AAAA;AAG5B,SAAS,YAAY;AACrB,MAAM,qBAAqB,gCAAS,UAAU,YAAY;AAC1D,mBAAmB,YAAY;",
6
- "names": []
7
- }
@@ -1,58 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var PillButton_exports = {};
29
- __export(PillButton_exports, {
30
- DSPillButton: () => DSPillButton,
31
- DSPillButtonWithSchema: () => DSPillButtonWithSchema
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_react_desc = require("react-desc");
36
- var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
37
- var import_styled = require("./styled");
38
- var import_props = require("../props");
39
- const typeToClassName = {
40
- only: "ds-pill-button-only",
41
- left: "ds-pill-button-left",
42
- right: "ds-pill-button-right"
43
- };
44
- const DSPillButton = (props) => {
45
- const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.DSPillButtonDefaultProps);
46
- (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.DSPillButtonPropTypes);
47
- const { type, children, ...rest } = propsWithDefaults;
48
- return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledPillButton, {
49
- ...rest,
50
- buttonType: "raw",
51
- className: `${typeToClassName[type]} ${rest.className}`
52
- }, children);
53
- };
54
- DSPillButton.propTypes = import_props.DSPillButtonPropTypes;
55
- const DSPillButtonWithSchema = (0, import_react_desc.describe)(DSPillButton).description("Pill button");
56
- DSPillButtonWithSchema.propTypes = import_props.DSPillButtonPropTypes;
57
- module.exports = __toCommonJS(PillButton_exports);
58
- //# sourceMappingURL=PillButton.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/PillButton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { DSButtonPropsT } from '@elliemae/ds-button';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { StyledPillButton } from './styled';\nimport { DSPillButtonDefaultProps, DSPillButtonPropTypes } from '../props';\n\nconst typeToClassName = {\n only: 'ds-pill-button-only',\n left: 'ds-pill-button-left',\n right: 'ds-pill-button-right',\n};\n\nconst DSPillButton: React.ComponentType<DSButtonPropsT> = (props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillButtonDefaultProps);\n useValidateTypescriptPropTypes(propsWithDefaults, DSPillButtonPropTypes);\n\n const { type, children, ...rest } = propsWithDefaults;\n\n return (\n <StyledPillButton {...rest} buttonType=\"raw\" className={`${typeToClassName[type]} ${rest.className}`}>\n {children}\n </StyledPillButton>\n );\n};\n\nDSPillButton.propTypes = DSPillButtonPropTypes;\nconst DSPillButtonWithSchema = describe(DSPillButton).description('Pill button');\nDSPillButtonWithSchema.propTypes = DSPillButtonPropTypes;\n\nexport { DSPillButton, DSPillButtonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAyB;AAEzB,8BAA6E;AAC7E,oBAAiC;AACjC,mBAAgE;AAEhE,MAAM,kBAAkB;AAAA,EACtB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA;AAGT,MAAM,eAAoD,CAAC,UAAU;AACnE,QAAM,oBAAoB,0DAA6B,OAAO;AAC9D,8DAA+B,mBAAmB;AAElD,QAAM,EAAE,MAAM,aAAa,SAAS;AAEpC,SACE,mDAAC,gCAAD;AAAA,OAAsB;AAAA,IAAM,YAAW;AAAA,IAAM,WAAW,GAAG,gBAAgB,SAAS,KAAK;AAAA,KACtF;AAAA;AAKP,aAAa,YAAY;AACzB,MAAM,yBAAyB,gCAAS,cAAc,YAAY;AAClE,uBAAuB,YAAY;",
6
- "names": []
7
- }
@@ -1,72 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var PillGroup_exports = {};
29
- __export(PillGroup_exports, {
30
- DSPillGroupV2: () => DSPillGroupV2,
31
- DSPillGroupV2Context: () => DSPillGroupV2Context,
32
- DSPillGroupV2WithSchema: () => DSPillGroupV2WithSchema
33
- });
34
- var React = __toESM(require("react"));
35
- var import_react = __toESM(require("react"));
36
- var import_react_desc = require("react-desc");
37
- var import_uid = require("uid");
38
- var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
39
- var import_props = require("../props");
40
- var import_styled = require("./styled");
41
- const DSPillGroupV2Context = (0, import_react.createContext)({
42
- onKeyboardRemove: () => null
43
- });
44
- const DSPillGroupV2 = (props) => {
45
- const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.DSPillGroupDefaultProps);
46
- (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.DSPillGroupPropTypes);
47
- const pillGroupUid = (0, import_react.useMemo)(() => `ds-pill-group-${(0, import_uid.uid)()}`, []);
48
- const { children, width, innerRef } = propsWithDefaults;
49
- const onKeyboardRemove = (0, import_react.useCallback)((pillUid) => {
50
- const elems = [...document.querySelectorAll(`#${pillGroupUid} .ds-pill-focus-point`)];
51
- const pillIndex = elems.findIndex((elem) => elem.id === pillUid);
52
- if (pillIndex > 0) {
53
- elems[pillIndex - 1].focus();
54
- } else if (pillIndex + 1 < elems.length) {
55
- elems[pillIndex + 1].focus();
56
- }
57
- }, [pillGroupUid]);
58
- return /* @__PURE__ */ import_react.default.createElement(DSPillGroupV2Context.Provider, {
59
- value: { onKeyboardRemove }
60
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledPillGroup, {
61
- width,
62
- id: pillGroupUid,
63
- cols: import_react.default.Children.map(children, () => "auto"),
64
- gutter: "2px",
65
- ref: innerRef
66
- }, children));
67
- };
68
- DSPillGroupV2.propTypes = import_props.DSPillGroupPropTypes;
69
- const DSPillGroupV2WithSchema = (0, import_react_desc.describe)(DSPillGroupV2);
70
- DSPillGroupV2WithSchema.propTypes = import_props.DSPillGroupPropTypes;
71
- module.exports = __toCommonJS(PillGroup_exports);
72
- //# sourceMappingURL=PillGroup.js.map