@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
@@ -0,0 +1,28 @@
1
+ /// <reference types="react" />
2
+ import PropTypes from 'prop-types';
3
+ declare function LabeledDropdownSinglePill({ label, labelIsValue, options, value, onSelect, onChange, maxWidth, minWidth, fixed, ...menuProps }: {
4
+ [x: string]: any;
5
+ label: any;
6
+ labelIsValue?: boolean | undefined;
7
+ options: any;
8
+ value: any;
9
+ onSelect?: (() => null) | undefined;
10
+ onChange: any;
11
+ maxWidth: any;
12
+ minWidth: any;
13
+ fixed?: boolean | undefined;
14
+ }): JSX.Element;
15
+ declare namespace LabeledDropdownSinglePill {
16
+ var propTypes: {
17
+ label: PropTypes.Requireable<string>;
18
+ labelIsValue: PropTypes.Requireable<boolean>;
19
+ options: PropTypes.Requireable<any[]>;
20
+ value: PropTypes.Requireable<string | number>;
21
+ onSelect: PropTypes.Requireable<(...args: any[]) => any>;
22
+ onChange: PropTypes.Requireable<(...args: any[]) => any>;
23
+ maxWidth: PropTypes.Requireable<string | number>;
24
+ minWidth: PropTypes.Requireable<string | number>;
25
+ fixed: PropTypes.Requireable<boolean>;
26
+ };
27
+ }
28
+ export default LabeledDropdownSinglePill;
@@ -0,0 +1 @@
1
+ export declare const hasOptionChanged: (prevOptions: any, options: any) => boolean;
@@ -0,0 +1,59 @@
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<T = unknown>(arg: T): {
20
+ deprecated: import("react-desc").PropTypesDescValidator;
21
+ };
22
+ isRequired: import("react-desc").PropTypesDescValidator;
23
+ };
24
+ /** focus next group callback */
25
+ onFocusNextGroup: {
26
+ defaultValue<T = unknown>(arg: T): {
27
+ deprecated: import("react-desc").PropTypesDescValidator;
28
+ };
29
+ isRequired: import("react-desc").PropTypesDescValidator;
30
+ };
31
+ /** focus prev group callback */
32
+ onFocusPreviousGroup: {
33
+ defaultValue<T = unknown>(arg: T): {
34
+ deprecated: import("react-desc").PropTypesDescValidator;
35
+ };
36
+ isRequired: import("react-desc").PropTypesDescValidator;
37
+ };
38
+ /** focus group set callback */
39
+ onFocusGroupSet: {
40
+ defaultValue<T = unknown>(arg: T): {
41
+ deprecated: import("react-desc").PropTypesDescValidator;
42
+ };
43
+ isRequired: import("react-desc").PropTypesDescValidator;
44
+ };
45
+ };
46
+ }
47
+ declare const DSLabeledPillsWithSchema: {
48
+ (props?: {
49
+ children: any;
50
+ label?: string | undefined;
51
+ leftAddon: any;
52
+ onFocusGroupSet: any;
53
+ onFocusNextGroup: any;
54
+ onFocusPreviousGroup: any;
55
+ } | undefined): JSX.Element;
56
+ propTypes: unknown;
57
+ toTypescript: () => import("react-desc").TypescriptSchema;
58
+ };
59
+ export { LabeledPills, DSLabeledPillsWithSchema };
@@ -0,0 +1,37 @@
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<T = unknown>(arg: T): {
13
+ deprecated: import("react-desc").PropTypesDescValidator;
14
+ };
15
+ isRequired: import("react-desc").PropTypesDescValidator;
16
+ };
17
+ /** pill text label */
18
+ label: any;
19
+ /** overflow pills options */
20
+ options: {
21
+ defaultValue<T = unknown>(arg: T): {
22
+ deprecated: import("react-desc").PropTypesDescValidator;
23
+ };
24
+ isRequired: import("react-desc").PropTypesDescValidator;
25
+ };
26
+ };
27
+ }
28
+ declare const DSOverflowPillWithSchema: {
29
+ (props?: {
30
+ containerProps?: {} | undefined;
31
+ label?: string | undefined;
32
+ options?: never[] | undefined;
33
+ } | undefined): JSX.Element;
34
+ propTypes: unknown;
35
+ toTypescript: () => import("react-desc").TypescriptSchema;
36
+ };
37
+ export { OverflowPill, DSOverflowPillWithSchema };
@@ -0,0 +1,67 @@
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<T = unknown>(arg: T): {
17
+ deprecated: import("react-desc").PropTypesDescValidator;
18
+ };
19
+ isRequired: import("react-desc").PropTypesDescValidator;
20
+ };
21
+ /** pill text label */
22
+ label: any;
23
+ /** pill size */
24
+ size: {
25
+ defaultValue<T = unknown>(arg: T): {
26
+ deprecated: import("react-desc").PropTypesDescValidator;
27
+ };
28
+ isRequired: import("react-desc").PropTypesDescValidator;
29
+ };
30
+ /** pill variant */
31
+ variant: {
32
+ defaultValue<T = unknown>(arg: T): {
33
+ deprecated: import("react-desc").PropTypesDescValidator;
34
+ };
35
+ isRequired: import("react-desc").PropTypesDescValidator;
36
+ };
37
+ /** addon component to left */
38
+ leftAddon: {
39
+ defaultValue<T = unknown>(arg: T): {
40
+ deprecated: import("react-desc").PropTypesDescValidator;
41
+ };
42
+ isRequired: import("react-desc").PropTypesDescValidator;
43
+ };
44
+ /** addon component to right */
45
+ rightAddon: {
46
+ defaultValue<T = unknown>(arg: T): {
47
+ deprecated: import("react-desc").PropTypesDescValidator;
48
+ };
49
+ isRequired: import("react-desc").PropTypesDescValidator;
50
+ };
51
+ };
52
+ }
53
+ declare const DSPillWithSchema: {
54
+ (props?: {
55
+ [x: string]: any;
56
+ containerProps?: {} | undefined;
57
+ label?: string | undefined;
58
+ leftAddon: any;
59
+ rightAddon: any;
60
+ variant?: string | undefined;
61
+ size?: string | undefined;
62
+ } | undefined): JSX.Element;
63
+ propTypes: unknown;
64
+ toTypescript: () => import("react-desc").TypescriptSchema;
65
+ };
66
+ export { Pill, DSPillWithSchema };
67
+ export default Pill;
@@ -0,0 +1,56 @@
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<T = unknown>(arg: T): {
16
+ deprecated: import("react-desc").PropTypesDescValidator;
17
+ };
18
+ isRequired: import("react-desc").PropTypesDescValidator;
19
+ };
20
+ /** focus next group callback */
21
+ onFocusNextGroup: {
22
+ defaultValue<T = unknown>(arg: T): {
23
+ deprecated: import("react-desc").PropTypesDescValidator;
24
+ };
25
+ isRequired: import("react-desc").PropTypesDescValidator;
26
+ };
27
+ /** focus prev group callback */
28
+ onFocusPreviousGroup: {
29
+ defaultValue<T = unknown>(arg: T): {
30
+ deprecated: import("react-desc").PropTypesDescValidator;
31
+ };
32
+ isRequired: import("react-desc").PropTypesDescValidator;
33
+ };
34
+ /** focus group set callback */
35
+ onFocusGroupSet: {
36
+ defaultValue<T = unknown>(arg: T): {
37
+ deprecated: import("react-desc").PropTypesDescValidator;
38
+ };
39
+ isRequired: import("react-desc").PropTypesDescValidator;
40
+ };
41
+ /** pill components */
42
+ children: any;
43
+ };
44
+ };
45
+ declare const DSPillGroupWithSchema: {
46
+ (props?: {
47
+ containerProps?: {} | undefined;
48
+ onFocusNextGroup: any;
49
+ onFocusPreviousGroup: any;
50
+ onFocusGroupSet: any;
51
+ children: any;
52
+ } | undefined): JSX.Element;
53
+ propTypes: unknown;
54
+ toTypescript: () => import("react-desc").TypescriptSchema;
55
+ };
56
+ export { PillGroup, DSPillGroupWithSchema };
@@ -0,0 +1,63 @@
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<T = unknown>(arg: T): {
16
+ deprecated: import("react-desc").PropTypesDescValidator;
17
+ };
18
+ isRequired: import("react-desc").PropTypesDescValidator;
19
+ };
20
+ /** labeled pill text label */
21
+ label: any;
22
+ /** addon component to left */
23
+ leftAddon: {
24
+ defaultValue<T = unknown>(arg: T): {
25
+ deprecated: import("react-desc").PropTypesDescValidator;
26
+ };
27
+ isRequired: import("react-desc").PropTypesDescValidator;
28
+ };
29
+ /** read only pill modal content */
30
+ modalContent: {
31
+ defaultValue<T = unknown>(arg: T): {
32
+ deprecated: import("react-desc").PropTypesDescValidator;
33
+ };
34
+ isRequired: import("react-desc").PropTypesDescValidator;
35
+ };
36
+ /** read only pill modal title */
37
+ modalTitle: {
38
+ defaultValue<T = unknown>(arg: T): {
39
+ deprecated: import("react-desc").PropTypesDescValidator;
40
+ };
41
+ isRequired: import("react-desc").PropTypesDescValidator;
42
+ };
43
+ tooltipText: {
44
+ defaultValue<T = unknown>(arg: T): {
45
+ deprecated: import("react-desc").PropTypesDescValidator;
46
+ };
47
+ isRequired: import("react-desc").PropTypesDescValidator;
48
+ };
49
+ };
50
+ };
51
+ declare const DSReadOnlyPillWithSchema: {
52
+ (props?: {
53
+ containerProps?: {} | undefined;
54
+ modalContent?: string | undefined;
55
+ label?: string | undefined;
56
+ leftAddon: any;
57
+ modalTitle?: string | undefined;
58
+ tooltipText?: string | undefined;
59
+ } | undefined): JSX.Element;
60
+ propTypes: unknown;
61
+ toTypescript: () => import("react-desc").TypescriptSchema;
62
+ };
63
+ export { ReadOnlyPill, DSReadOnlyPillWithSchema };
@@ -0,0 +1,55 @@
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<T = unknown>(arg: T): {
15
+ deprecated: import("react-desc").PropTypesDescValidator;
16
+ };
17
+ isRequired: import("react-desc").PropTypesDescValidator;
18
+ };
19
+ /** labeled pill text label */
20
+ label: any;
21
+ /** remove click callback */
22
+ onRemove: {
23
+ defaultValue<T = unknown>(arg: T): {
24
+ deprecated: import("react-desc").PropTypesDescValidator;
25
+ };
26
+ isRequired: import("react-desc").PropTypesDescValidator;
27
+ };
28
+ /** pill size */
29
+ size: {
30
+ defaultValue<T = unknown>(arg: T): {
31
+ deprecated: import("react-desc").PropTypesDescValidator;
32
+ };
33
+ isRequired: import("react-desc").PropTypesDescValidator;
34
+ };
35
+ /** addon component to left */
36
+ leftAddon: {
37
+ defaultValue<T = unknown>(arg: T): {
38
+ deprecated: import("react-desc").PropTypesDescValidator;
39
+ };
40
+ isRequired: import("react-desc").PropTypesDescValidator;
41
+ };
42
+ };
43
+ }
44
+ declare const DSRemovablePillWithSchema: {
45
+ (props?: {
46
+ containerProps?: {} | undefined;
47
+ label?: string | undefined;
48
+ onRemove: any;
49
+ size?: string | undefined;
50
+ leftAddon: any;
51
+ } | undefined): JSX.Element;
52
+ propTypes: unknown;
53
+ toTypescript: () => import("react-desc").TypescriptSchema;
54
+ };
55
+ 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").PropTypesDescValidator;
4
+ type: import("react-desc").PropTypesDescValidator;
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 +0,0 @@
1
- {"version":3,"file":"Pill.js","sources":["../../../src/components/Pill.tsx"],"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, DSPillV2WithSchema.toTypescript());\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"],"names":["pillComponentGetter","dropdown","DropdownPill","input","InputPill","label","LabelPill","readonly","ReadOnlyPill","removable","RemovablePill","value","ValuePill","DSPillV2","props","propsWithDefaults","useMemoMergePropsWithDefault","DSPillV2DefaultProps","useValidateTypescriptPropTypes","DSPillV2WithSchema","toTypescript","type","PillComponent","React","propTypes","DSPillV2PropTypes","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAQA,IAAMA,mBAAqE,GAAG;AAC5EC,EAAAA,QAAQ,EAAEC,0CADkE;AAE5EC,EAAAA,KAAK,EAAEC,oCAFqE;AAG5EC,EAAAA,KAAK,EAAEC,oCAHqE;AAI5EC,EAAAA,QAAQ,EAAEC,0CAJkE;AAK5EC,EAAAA,SAAS,EAAEC,4CALiE;AAM5EC,EAAAA,KAAK,EAAEC;AANqE,CAA9E;;IASMC,QAA0C,GAAG,SAA7CA,QAA6C,CAACC,OAAD,EAAW;AAC5D,MAAMC,iBAAiB,GAAGC,2CAA4B,CAACF,OAAD,EAAQG,0BAAR,CAAtD;AACAC,EAAAA,6CAA8B,CAACH,iBAAD,EAAoBI,kBAAkB,CAACC,YAAnB,EAApB,CAA9B;AACA,MAAQC,IAAR,GAAiBN,iBAAjB,CAAQM,IAAR;AACA,MAAMC,aAAa,GAAGtB,mBAAmB,CAACqB,IAAD,CAAzC;AAEA,sBAAOE,wCAAC,aAAD,EAAmBR,iBAAnB,CAAP;AACD;;AAEDF,QAAQ,CAACW,SAAT,GAAqBC,uBAArB;IACMN,kBAAkB,GAAGO,kBAAQ,CAACb,QAAD,CAAR,CAAmBc,WAAnB,CAA+B,MAA/B;AAC3BR,kBAAkB,CAACK,SAAnB,GAA+BC,uBAA/B;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"PillButton.js","sources":["../../../src/components/PillButton.tsx"],"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, DSPillButtonWithSchema.toTypescript());\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"],"names":["typeToClassName","only","left","right","DSPillButton","props","propsWithDefaults","useMemoMergePropsWithDefault","DSPillButtonDefaultProps","useValidateTypescriptPropTypes","DSPillButtonWithSchema","toTypescript","type","children","rest","React","StyledPillButton","className","propTypes","DSPillButtonPropTypes","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,eAAe,GAAG;AACtBC,EAAAA,IAAI,EAAE,qBADgB;AAEtBC,EAAAA,IAAI,EAAE,qBAFgB;AAGtBC,EAAAA,KAAK,EAAE;AAHe,CAAxB;;IAMMC,YAAiD,GAAG,SAApDA,YAAoD,CAACC,OAAD,EAAW;AACnE,MAAMC,iBAAiB,GAAGC,2CAA4B,CAACF,OAAD,EAAQG,8BAAR,CAAtD;AACAC,EAAAA,6CAA8B,CAACH,iBAAD,EAAoBI,sBAAsB,CAACC,YAAvB,EAApB,CAA9B;;AAEA,MAAQC,IAAR,GAAoCN,iBAApC,CAAQM,IAAR;AAAA,MAAcC,QAAd,GAAoCP,iBAApC,CAAcO,QAAd;AAAA,MAA2BC,IAA3B,gDAAoCR,iBAApC;;AAEA,sBACES,wCAACC,kCAAD,mCAAsBF,IAAtB;AAA4B,IAAA,UAAU,EAAC,KAAvC;AAA6C,IAAA,SAAS,YAAKd,eAAe,CAACY,IAAD,CAApB,cAA8BE,IAAI,CAACG,SAAnC;AAAtD,MACGJ,QADH,CADF;AAKD;;AAEDT,YAAY,CAACc,SAAb,GAAyBC,2BAAzB;IACMT,sBAAsB,GAAGU,kBAAQ,CAAChB,YAAD,CAAR,CAAuBiB,WAAvB,CAAmC,aAAnC;AAC/BX,sBAAsB,CAACQ,SAAvB,GAAmCC,2BAAnC;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"PillGroup.js","sources":["../../../src/components/PillGroup.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { createContext, useCallback, useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { uid } from 'uid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { DSPillGroupProps } from '../index.d';\nimport { DSPillGroupDefaultProps, DSPillGroupPropTypes } from '../props';\nimport { StyledPillGroup } from './styled';\n\nexport const DSPillGroupV2Context = createContext<{ onKeyboardRemove: (pillUid: string) => void }>({\n onKeyboardRemove: () => null,\n});\n\nconst DSPillGroupV2: React.ComponentType<DSPillGroupProps> = (props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillGroupDefaultProps);\n useValidateTypescriptPropTypes(propsWithDefaults, DSPillGroupV2WithSchema.toTypescript());\n\n const pillGroupUid = useMemo(() => `ds-pill-group-${uid()}`, []);\n const { children, width, innerRef } = propsWithDefaults;\n const onKeyboardRemove = useCallback(\n (pillUid: string) => {\n const elems = [...document.querySelectorAll(`#${pillGroupUid} .ds-pill-focus-point`)] as HTMLElement[];\n\n const pillIndex = elems.findIndex((elem) => elem.id === pillUid);\n\n if (pillIndex > 0) {\n elems[pillIndex - 1].focus();\n } else if (pillIndex + 1 < elems.length) {\n elems[pillIndex + 1].focus();\n }\n },\n [pillGroupUid],\n );\n\n return (\n <DSPillGroupV2Context.Provider value={{ onKeyboardRemove }}>\n <StyledPillGroup\n width={width}\n id={pillGroupUid}\n cols={React.Children.map(children, () => 'auto')}\n gutter=\"2px\"\n ref={innerRef}\n >\n {children}\n </StyledPillGroup>\n </DSPillGroupV2Context.Provider>\n );\n};\n\nDSPillGroupV2.propTypes = DSPillGroupPropTypes;\nconst DSPillGroupV2WithSchema = describe(DSPillGroupV2);\nDSPillGroupV2WithSchema.propTypes = DSPillGroupPropTypes;\n\nexport { DSPillGroupV2, DSPillGroupV2WithSchema };\n"],"names":["DSPillGroupV2Context","createContext","onKeyboardRemove","DSPillGroupV2","props","propsWithDefaults","useMemoMergePropsWithDefault","DSPillGroupDefaultProps","useValidateTypescriptPropTypes","DSPillGroupV2WithSchema","toTypescript","pillGroupUid","useMemo","uid","children","width","innerRef","useCallback","pillUid","elems","document","querySelectorAll","pillIndex","findIndex","elem","id","focus","length","React","StyledPillGroup","Children","map","propTypes","DSPillGroupPropTypes","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;IASaA,oBAAoB,gBAAGC,mBAAa,CAAkD;AACjGC,EAAAA,gBAAgB,EAAE;AAAA,WAAM,IAAN;AAAA;AAD+E,CAAlD;;IAI3CC,aAAoD,GAAG,SAAvDA,aAAuD,CAACC,OAAD,EAAW;AACtE,MAAMC,iBAAiB,GAAGC,2CAA4B,CAACF,OAAD,EAAQG,6BAAR,CAAtD;AACAC,EAAAA,6CAA8B,CAACH,iBAAD,EAAoBI,uBAAuB,CAACC,YAAxB,EAApB,CAA9B;AAEA,MAAMC,YAAY,GAAGC,aAAO,CAAC;AAAA,mCAAuBC,OAAG,EAA1B;AAAA,GAAD,EAAiC,EAAjC,CAA5B;AACA,MAAQC,QAAR,GAAsCT,iBAAtC,CAAQS,QAAR;AAAA,MAAkBC,KAAlB,GAAsCV,iBAAtC,CAAkBU,KAAlB;AAAA,MAAyBC,QAAzB,GAAsCX,iBAAtC,CAAyBW,QAAzB;AACA,MAAMd,gBAAgB,GAAGe,iBAAW,CAClC,UAACC,OAAD,EAAqB;AACnB,QAAMC,KAAK,0CAAOC,QAAQ,CAACC,gBAAT,YAA8BV,YAA9B,2BAAP,CAAX;;AAEA,QAAMW,SAAS,GAAGH,KAAK,CAACI,SAAN,CAAgB,UAACC,IAAD;AAAA,aAAUA,IAAI,CAACC,EAAL,KAAYP,OAAtB;AAAA,KAAhB,CAAlB;;AAEA,QAAII,SAAS,GAAG,CAAhB,EAAmB;AACjBH,MAAAA,KAAK,CAACG,SAAS,GAAG,CAAb,CAAL,CAAqBI,KAArB;AACD,KAFD,MAEO,IAAIJ,SAAS,GAAG,CAAZ,GAAgBH,KAAK,CAACQ,MAA1B,EAAkC;AACvCR,MAAAA,KAAK,CAACG,SAAS,GAAG,CAAb,CAAL,CAAqBI,KAArB;AACD;AACF,GAXiC,EAYlC,CAACf,YAAD,CAZkC,CAApC;AAeA,sBACEiB,wCAAC,oBAAD,CAAsB,QAAtB;AAA+B,IAAA,KAAK,EAAE;AAAE1B,MAAAA,gBAAgB,EAAhBA;AAAF;AAAtC,kBACE0B,wCAACC,iCAAD;AACE,IAAA,KAAK,EAAEd,KADT;AAEE,IAAA,EAAE,EAAEJ,YAFN;AAGE,IAAA,IAAI,EAAEiB,yBAAK,CAACE,QAAN,CAAeC,GAAf,CAAmBjB,QAAnB,EAA6B;AAAA,aAAM,MAAN;AAAA,KAA7B,CAHR;AAIE,IAAA,MAAM,EAAC,KAJT;AAKE,IAAA,GAAG,EAAEE;AALP,KAOGF,QAPH,CADF,CADF;AAaD;;AAEDX,aAAa,CAAC6B,SAAd,GAA0BC,0BAA1B;IACMxB,uBAAuB,GAAGyB,kBAAQ,CAAC/B,aAAD;AACxCM,uBAAuB,CAACuB,SAAxB,GAAoCC,0BAApC;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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","SimpleTruncatedTooltipText","Fragment","StyledDropdownPillWrapper","DSDropdownMenuV2","e","code","current","focus","onClickOutside","width","height","DSPillButton","setMultipleRefs","ChevronSmallDown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAWaA,YAAY,gBAAGC,yBAAK,CAACC,IAAN,CAC1B,gBAAoF;AAAA,MAAjFC,KAAiF,QAAjFA,KAAiF;AAAA,MAA1EC,cAA0E,QAA1EA,cAA0E;AAAA,MAA1DC,aAA0D,QAA1DA,aAA0D;AAAA,MAA3CC,QAA2C,QAA3CA,QAA2C;AAAA,MAAjCC,SAAiC,QAAjCA,SAAiC;AAAA,MAAtBC,eAAsB,QAAtBA,eAAsB;AAClF,MAAMC,UAAU,GAAGC,YAAM,CAAC,IAAD,CAAzB;AAEA,MAAMC,OAAO,GAAGC,aAAO,CAAC;AAAA,6BAAiBC,OAAG,EAApB;AAAA,GAAD,EAA2B,EAA3B,CAAvB;AAEA,MAAMC,aAAa,GAAGV,cAAc,GAChC;AAAA,QAAGW,QAAH,SAAGA,QAAH;AAAA,wBAAkBd,wCAACe,iDAAD;AAA4B,MAAA,KAAK,EAAED;AAAnC,MAAlB;AAAA,GADgC,GAEhCd,yBAAK,CAACgB,QAFV;AAIA,sBACEhB,wCAACiB,2CAAD;AACE,IAAA,EAAE,EAAEP,OADN;AAEE,IAAA,SAAS,EAAC,0CAFZ;AAGE,mBAAY,iBAHd;AAIE,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAJR;AAKE,IAAA,MAAM,EAAC,KALT;AAME,IAAA,UAAU,EAAC,QANb;AAOE,IAAA,YAAY,EAAC;AAPf,kBASEV,wCAAC,aAAD,QAAgBE,KAAhB,CATF,eAUEF,wCAACkB,+BAAD,mCACMd,aADN;AAEE,IAAA,cAAc,EAAE,wBAACe,CAAD,EAAO;AACrB,UAAIA,CAAC,CAACC,IAAF,KAAW,QAAf,EAAyBZ,UAAU,CAACa,OAAX,CAAmBC,KAAnB;AACzB,UAAIlB,aAAa,CAACmB,cAAlB,EAAkCnB,aAAa,CAACmB,cAAd,CAA6BJ,CAA7B;AACnC,KALH;AAME,IAAA,aAAa,EAAE;AAAEK,MAAAA,KAAK,EAAE,MAAT;AAAiBC,MAAAA,MAAM,EAAE;AAAzB;AANjB,mBAQEzB,wCAAC0B,kCAAD;AACE,IAAA,SAAS,EAAC,qBADZ;AAEE,mBAAY,0BAFd;AAGE,IAAA,QAAQ,EAAEC,qBAAe,CAACnB,UAAD,EAAaH,QAAb,CAH3B;AAIE,kBAAYC,SAAS,IAAIJ,KAJ3B;AAKE,IAAA,IAAI,EAAC,OALP;AAME,IAAA,OAAO,EAAEK;AANX,kBAQEP,wCAAC4B,wBAAD;AAAkB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB,CAAzB;AAAmD,IAAA,IAAI,EAAC;AAAxD,IARF,CARF,CAVF,CADF;AAgCD,CA1CyB;;;;"}
@@ -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","StyledInputPillWrapper","setMultipleRefs","DSPillButton","CloseXsmall"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IASaA,SAAS,gBAAGC,yBAAK,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,YAAM,CAAc,IAAd,CAAlB;AAEA,MAAMC,cAAc,GAAGC,aAAO,CAAC;AAAA,WAAMP,WAAN;AAAA,GAAD,EAAoB,CAACA,WAAD,CAApB,CAA9B;AAEA,MAAMQ,OAAO,GAAGD,aAAO,CAAC;AAAA,6BAAiBE,OAAG,EAApB;AAAA,GAAD,EAA2B,EAA3B,CAAvB;AAEA,MAAMC,gBAAsE,GAAGC,iBAAW,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,cAAQ,CAAC,KAAD,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,sBACE1B,wCAAC2B,wCAAD;AACE,IAAA,SAAS,EAAC,iBADZ;AAEE,mBAAY,iBAFd;AAGE,IAAA,IAAI,EAAEzB,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,kBAQEzB,wCAAC,cAAD;AACE,IAAA,EAAE,EAAEa,OADN;AAEE,IAAA,SAAS,EAAC,qBAFZ;AAGE,mBAAY,eAHd;AAIE,IAAA,QAAQ,EAAEe,qBAAe,CAACnB,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,iBACCF,wCAAC6B,kCAAD;AACE,IAAA,EAAE,EAAEhB,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,kBASEf,wCAAC8B,mBAAD;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","SimpleTruncatedTooltipText","Fragment","StyledLabelPillWrapper","filter","notFalse"],"mappings":";;;;;;;;;;;;;;;AAAA;IAMaA,SAAS,gBAAGC,yBAAK,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,wBAAkBP,wCAACQ,iDAAD;AAA4B,MAAA,KAAK,EAAED;AAAnC,MAAlB;AAAA,GADgC,GAEhCP,yBAAK,CAACS,QAFV;AAGA,sBACET,wCAACU,wCAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,SAAS,EAAC,uCAFZ;AAGE,mBAAY,iBAHd;AAIE,kBAAYL,SAAS,IAAIH,KAJ3B;AAKE,IAAA,IAAI,EAAE,CAACE,QAAQ,IAAI,aAAb,EAA4B,MAA5B,EAAoCO,MAApC,CAA2C,UAACC,QAAD;AAAA,aAAcA,QAAd;AAAA,KAA3C,CALR;AAME,IAAA,MAAM,EAAC,MANT;AAOE,IAAA,OAAO,EAAER,QAAQ,KAAK;AAPxB,KASGA,QATH,eAUEJ,wCAAC,aAAD,QAAgBE,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","SimpleTruncatedTooltipText","Fragment","StyledReadonlyPillWrapper","filter","notFalse"],"mappings":";;;;;;;;;;;;;;;AAAA;IAOaA,YAAY,gBAAGC,yBAAK,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,wBAAkBV,wCAACW,iDAAD;AAA4B,MAAA,KAAK,EAAED;AAAnC,MAAlB;AAAA,GADgC,GAEhCV,yBAAK,CAACY,QAFV;AAIA,sBACEZ,wCAACa,2CAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,SAAS,EAAC,0CAFZ;AAGE,mBAAY,iBAHd;AAIE,kBAAYP,SAAS,IAAIJ,KAJ3B;AAKE,IAAA,IAAI,EAAE,CAACE,QAAQ,IAAI,aAAb,EAA4BF,KAAK,IAAI,MAArC,EAA6CG,SAAS,IAAI,aAA1D,EAAyES,MAAzE,CAAgF,UAACC,QAAD;AAAA,aAAcA,QAAd;AAAA,KAAhF,CALR;AAME,IAAA,MAAM,EAAC,MANT;AAOE,IAAA,YAAY,EAAEP,YAPhB;AAQE,IAAA,WAAW,EAAED;AARf,KAUGH,QAVH,EAWGF,KAAK,gBAAGF,wCAAC,aAAD,QAAgBE,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","SimpleTruncatedTooltipText","Fragment","onKeyDown","useCallback","e","includes","code","preventDefault","StyledRemovablePillWrapper","DSPillButton","CloseXsmall"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAUaA,aAAa,gBAAGC,yBAAK,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,gBAAU,CAACC,yCAAD,CAAvC;AAAA,MAAQC,gBAAR,eAAQA,gBAAR;;AACA,MAAMC,OAAO,GAAGC,aAAO,CAAC;AAAA,6BAAiBC,OAAG,EAApB;AAAA,GAAD,EAA2B,EAA3B,CAAvB;AAEA,MAAMC,aAAa,GAAGV,cAAc,GAChC;AAAA,QAAGW,QAAH,SAAGA,QAAH;AAAA,wBAAkBd,wCAACe,iDAAD;AAA4B,MAAA,KAAK,EAAED;AAAnC,MAAlB;AAAA,GADgC,GAEhCd,yBAAK,CAACgB,QAFV;AAIA,MAAMC,SAA+D,GAAGC,iBAAW,CACjF,UAACC,CAAD,EAAO;AACL,QAAI,CAAC,OAAD,EAAU,OAAV,EAAmBC,QAAnB,CAA4BD,CAAC,CAACE,IAA9B,CAAJ,EAAyC;AACvCF,MAAAA,CAAC,CAACG,cAAF;AACA,UAAIb,gBAAJ,EAAsBA,gBAAgB,CAACC,OAAD,CAAhB;AACtBN,MAAAA,QAAQ,CAACe,CAAD,CAAR;AACD;AACF,GAPgF,EAQjF,CAACV,gBAAD,EAAmBL,QAAnB,EAA6BM,OAA7B,CARiF,CAAnF;AAWA,sBACEV,wCAACuB,4CAAD;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,kBAAYjB,SAAS,IAAIJ;AAP3B,kBASEF,wCAAC,aAAD,QAAgBE,KAAhB,CATF,eAUEF,wCAACwB,kCAAD;AACE,IAAA,SAAS,EAAC,qBADZ;AAEE,IAAA,EAAE,EAAEd,OAFN;AAGE,mBAAY,oBAHd;AAIE,IAAA,QAAQ,EAAEL,QAJZ;AAKE,IAAA,OAAO,EAAED,QALX;AAME,IAAA,SAAS,EAAEa,SANb;AAOE,mCAAsBf,KAAtB,CAPF;AAQE,IAAA,IAAI,EAAC;AARP,kBAUEF,wCAACyB,mBAAD;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","SimpleTruncatedTooltipText","Fragment","StyledValuePillWrapper","filter","notFalse","DSTooltipV2","StyledSpanWithTooltip"],"mappings":";;;;;;;;;;;;;;;;AAAA;IAOaA,SAAS,gBAAGC,yBAAK,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,wBAAkBR,wCAACS,iDAAD;AAA4B,MAAA,KAAK,EAAED;AAAnC,MAAlB;AAAA,GADgC,GAEhCR,yBAAK,CAACU,QAFV;AAIA,sBACEV,wCAACW,wCAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,SAAS,EAAC,uCAFZ;AAGE,mBAAY,iBAHd;AAIE,kBAAYL,SAAS,IAAIJ,KAJ3B;AAKE,IAAA,IAAI,EAAE,CAACG,QAAQ,IAAI,aAAb,EAA4B,MAA5B,EAAoCO,MAApC,CAA2C,UAACC,QAAD;AAAA,aAAcA,QAAd;AAAA,KAA3C,CALR;AAME,IAAA,MAAM,EAAC,MANT;AAOE,IAAA,OAAO,EAAER,QAAQ,KAAK;AAPxB,KASGA,QATH,EAUGD,YAAY,KAAK,EAAjB,gBACCJ,wCAACc,qBAAD;AACE,IAAA,KAAK,EAAEV,YADT;AAEE,IAAA,gBAAgB,eACdJ,wCAACe,uCAAD;AAAuB,MAAA,SAAS,EAAC,uBAAjC;AAAyD,MAAA,QAAQ,EAAE;AAAnE,OACGb,KADH;AAHJ,IADD,gBAUCF,wCAAC,aAAD,QAAgBE,KAAhB,CApBJ,CADF;AAyBD,CA9BwB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}