@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
@@ -1,131 +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 LabeledDropdownCascadeMenuPill_exports = {};
29
- __export(LabeledDropdownCascadeMenuPill_exports, {
30
- LabeledDropdownCascadeMenuPill: () => LabeledDropdownCascadeMenuPill,
31
- default: () => LabeledDropdownCascadeMenuPill_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_ds_utilities = require("@elliemae/ds-utilities");
36
- var import_PillGroup = require("../PillGroup");
37
- var import_RemovablePill = require("../RemovablePill");
38
- var import_DropdownPill = require("../DropdownPill");
39
- function renderMenuItems(options, factory) {
40
- return options.map((option, index) => {
41
- const ItemComponent = factory("radio");
42
- if (option.type === "submenu") {
43
- const SubmenuComponent = factory("submenu");
44
- const ChildComponent = factory("selection-group");
45
- return /* @__PURE__ */ import_react.default.createElement(SubmenuComponent, {
46
- ...option,
47
- key: option.id,
48
- item: option
49
- }, /* @__PURE__ */ import_react.default.createElement(ChildComponent, {
50
- ...option,
51
- id: option.id,
52
- item: option,
53
- items: option.items,
54
- itemValueAccessor: (item) => item,
55
- multi: true
56
- }));
57
- }
58
- return /* @__PURE__ */ import_react.default.createElement(ItemComponent, {
59
- ...option,
60
- key: option.id || index,
61
- item: option
62
- });
63
- });
64
- }
65
- const getSubmenuOptionLabelById = (options, id) => {
66
- const index = options.findIndex((option) => option.id === id);
67
- return index ? options[index].label : "";
68
- };
69
- function LabeledDropdownCascadeMenuPill({
70
- label,
71
- options,
72
- value: optionValue,
73
- onChange,
74
- onRemove,
75
- value: selection = {},
76
- placeholder = "---",
77
- onFocusNextGroup,
78
- onFocusPreviousGroup,
79
- onFocusGroupSet,
80
- maxWidth,
81
- minWidth,
82
- ...menuProps
83
- }) {
84
- const selectionId = Object.keys(selection)[0];
85
- const selectionValues = selection[selectionId] || "";
86
- const dropdownLabel = Array.isArray(selectionValues) ? getSubmenuOptionLabelById(options, selectionId) : selectionValues;
87
- const handleSelectChange = ({ item, group }) => {
88
- if ((0, import_ds_utilities.isFunction)(onChange)) {
89
- const nextSelection = group ? {
90
- [group.id]: (0, import_ds_utilities.addOrRemove)([...selection[group.id] || []], item, (o) => o.id)
91
- } : {
92
- [item.id]: item.label
93
- };
94
- onChange(nextSelection);
95
- }
96
- };
97
- const removeOption = (option) => {
98
- if ((0, import_ds_utilities.isFunction)(onChange)) {
99
- const nextSelection = {
100
- [selectionId]: selectionValues.filter((val) => option.id !== val.id)
101
- };
102
- onChange(nextSelection);
103
- }
104
- onRemove(option);
105
- };
106
- return /* @__PURE__ */ import_react.default.createElement(import_PillGroup.PillGroup, {
107
- onFocusGroupSet,
108
- onFocusNextGroup,
109
- onFocusPreviousGroup
110
- }, /* @__PURE__ */ import_react.default.createElement(import_DropdownPill.DropdownPill, {
111
- ...menuProps,
112
- itemsRenderer: renderMenuItems,
113
- label: dropdownLabel || placeholder,
114
- maxWidth,
115
- minWidth,
116
- onSelectChange: handleSelectChange,
117
- options,
118
- selection: {
119
- [selectionId]: Array.isArray(selectionValues) ? selectionValues.map((v) => v.id) : selectionValues
120
- },
121
- singleGroupSelection: true,
122
- variant: "title"
123
- }), Array.isArray(selectionValues) && selectionValues.map((option) => /* @__PURE__ */ import_react.default.createElement(import_RemovablePill.RemovablePill, {
124
- key: option.id,
125
- label: option.label,
126
- onRemove: () => removeOption(option)
127
- })));
128
- }
129
- var LabeledDropdownCascadeMenuPill_default = LabeledDropdownCascadeMenuPill;
130
- module.exports = __toCommonJS(LabeledDropdownCascadeMenuPill_exports);
131
- //# sourceMappingURL=LabeledDropdownCascadeMenuPill.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { isFunction, addOrRemove } from '@elliemae/ds-utilities';\nimport { PillGroup } from '../PillGroup';\nimport { RemovablePill } from '../RemovablePill';\nimport { DropdownPill } from '../DropdownPill';\n\nfunction renderMenuItems(options, factory) {\n return options.map((option, index) => {\n const ItemComponent = factory('radio');\n\n if (option.type === 'submenu') {\n const SubmenuComponent = factory('submenu');\n const ChildComponent = factory('selection-group');\n return (\n <SubmenuComponent {...option} key={option.id} item={option}>\n <ChildComponent\n {...option}\n id={option.id}\n item={option}\n items={option.items}\n itemValueAccessor={(item) => item}\n multi\n />\n </SubmenuComponent>\n );\n }\n\n return <ItemComponent {...option} key={option.id || index} item={option} />;\n });\n}\n\nconst getSubmenuOptionLabelById = (options, id) => {\n const index = options.findIndex((option) => option.id === id);\n return index ? options[index].label : '';\n};\n\nfunction LabeledDropdownCascadeMenuPill({\n label,\n options,\n value: optionValue,\n onChange,\n onRemove,\n value: selection = {},\n placeholder = '---',\n onFocusNextGroup,\n onFocusPreviousGroup,\n onFocusGroupSet,\n maxWidth,\n minWidth,\n ...menuProps\n}) {\n const selectionId = Object.keys(selection)[0];\n const selectionValues = selection[selectionId] || '';\n const dropdownLabel = Array.isArray(selectionValues)\n ? getSubmenuOptionLabelById(options, selectionId)\n : selectionValues;\n\n const handleSelectChange = ({ item, group }) => {\n if (isFunction(onChange)) {\n const nextSelection = group\n ? {\n [group.id]: addOrRemove([...(selection[group.id] || [])], item, (o) => o.id),\n }\n : {\n [item.id]: item.label,\n };\n onChange(nextSelection);\n }\n };\n\n const removeOption = (option) => {\n if (isFunction(onChange)) {\n const nextSelection = {\n [selectionId]: selectionValues.filter((val) => option.id !== val.id),\n };\n onChange(nextSelection);\n }\n onRemove(option);\n };\n\n return (\n <PillGroup\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n >\n <DropdownPill\n {...menuProps}\n itemsRenderer={renderMenuItems}\n label={dropdownLabel || placeholder}\n maxWidth={maxWidth}\n minWidth={minWidth}\n onSelectChange={handleSelectChange}\n options={options}\n selection={{\n [selectionId]: Array.isArray(selectionValues) ? selectionValues.map((v) => v.id) : selectionValues,\n }}\n singleGroupSelection\n variant=\"title\"\n />\n {Array.isArray(selectionValues) &&\n selectionValues.map((option) => (\n <RemovablePill key={option.id} label={option.label} onRemove={() => removeOption(option)} />\n ))}\n </PillGroup>\n );\n}\n\nexport { LabeledDropdownCascadeMenuPill };\nexport default LabeledDropdownCascadeMenuPill;", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAwC;AACxC,uBAA0B;AAC1B,2BAA8B;AAC9B,0BAA6B;AAE7B,yBAAyB,SAAS,SAAS;AACzC,SAAO,QAAQ,IAAI,CAAC,QAAQ,UAAU;AACpC,UAAM,gBAAgB,QAAQ;AAE9B,QAAI,OAAO,SAAS,WAAW;AAC7B,YAAM,mBAAmB,QAAQ;AACjC,YAAM,iBAAiB,QAAQ;AAC/B,aACE,mDAAC,kBAAD;AAAA,WAAsB;AAAA,QAAQ,KAAK,OAAO;AAAA,QAAI,MAAM;AAAA,SAClD,mDAAC,gBAAD;AAAA,WACM;AAAA,QACJ,IAAI,OAAO;AAAA,QACX,MAAM;AAAA,QACN,OAAO,OAAO;AAAA,QACd,mBAAmB,CAAC,SAAS;AAAA,QAC7B,OAAK;AAAA;AAAA;AAMb,WAAO,mDAAC,eAAD;AAAA,SAAmB;AAAA,MAAQ,KAAK,OAAO,MAAM;AAAA,MAAO,MAAM;AAAA;AAAA;AAAA;AAIrE,MAAM,4BAA4B,CAAC,SAAS,OAAO;AACjD,QAAM,QAAQ,QAAQ,UAAU,CAAC,WAAW,OAAO,OAAO;AAC1D,SAAO,QAAQ,QAAQ,OAAO,QAAQ;AAAA;AAGxC,wCAAwC;AAAA,EACtC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,OAAO,YAAY;AAAA,EACnB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,cAAc,OAAO,KAAK,WAAW;AAC3C,QAAM,kBAAkB,UAAU,gBAAgB;AAClD,QAAM,gBAAgB,MAAM,QAAQ,mBAChC,0BAA0B,SAAS,eACnC;AAEJ,QAAM,qBAAqB,CAAC,EAAE,MAAM,YAAY;AAC9C,QAAI,oCAAW,WAAW;AACxB,YAAM,gBAAgB,QAClB;AAAA,SACG,MAAM,KAAK,qCAAY,CAAC,GAAI,UAAU,MAAM,OAAO,KAAM,MAAM,CAAC,MAAM,EAAE;AAAA,UAE3E;AAAA,SACG,KAAK,KAAK,KAAK;AAAA;AAEtB,eAAS;AAAA;AAAA;AAIb,QAAM,eAAe,CAAC,WAAW;AAC/B,QAAI,oCAAW,WAAW;AACxB,YAAM,gBAAgB;AAAA,SACnB,cAAc,gBAAgB,OAAO,CAAC,QAAQ,OAAO,OAAO,IAAI;AAAA;AAEnE,eAAS;AAAA;AAEX,aAAS;AAAA;AAGX,SACE,mDAAC,4BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC,kCAAD;AAAA,OACM;AAAA,IACJ,eAAe;AAAA,IACf,OAAO,iBAAiB;AAAA,IACxB;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA,WAAW;AAAA,OACR,cAAc,MAAM,QAAQ,mBAAmB,gBAAgB,IAAI,CAAC,MAAM,EAAE,MAAM;AAAA;AAAA,IAErF,sBAAoB;AAAA,IACpB,SAAQ;AAAA,MAET,MAAM,QAAQ,oBACb,gBAAgB,IAAI,CAAC,WACnB,mDAAC,oCAAD;AAAA,IAAe,KAAK,OAAO;AAAA,IAAI,OAAO,OAAO;AAAA,IAAO,UAAU,MAAM,aAAa;AAAA;AAAA;AAO3F,IAAO,yCAAQ;",
6
- "names": []
7
- }
@@ -1,145 +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 LabeledDropdownMultiPill_exports = {};
29
- __export(LabeledDropdownMultiPill_exports, {
30
- LabeledDropdownMultiPills: () => LabeledDropdownMultiPills,
31
- default: () => LabeledDropdownMultiPill_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_lodash = require("lodash");
36
- var import_ds_utilities = require("@elliemae/ds-utilities");
37
- var import_RemovablePill = require("../RemovablePill");
38
- var import_Pill = require("../Pill");
39
- var import_OverflowPill = require("../OverflowPill");
40
- var import_DropdownPill = require("../DropdownPill");
41
- function LabeledDropdownMultiPills({
42
- label,
43
- options = [],
44
- value = [],
45
- onSelect = () => null,
46
- onRemove = () => null,
47
- onChange,
48
- maxWidth,
49
- minWidth,
50
- ...menuProps
51
- }) {
52
- const [totalDefaultOptions, setTotalDefaultOptions] = (0, import_react.useState)(0);
53
- const [selectedOptions, setSelectedOptions] = (0, import_react.useState)(value);
54
- const [allOptions, setAllOptions] = (0, import_react.useState)(options);
55
- const [overflowOptions, setOverflowOptions] = (0, import_react.useState)([]);
56
- const overflowQuantity = 3;
57
- (0, import_react.useEffect)(() => setSelectedOptions(value), [value]);
58
- (0, import_react.useEffect)(() => {
59
- const newOptions = allOptions.filter((option) => option.fixedItem);
60
- if (newOptions.length > 0) {
61
- setSelectedOptions(newOptions);
62
- }
63
- setTotalDefaultOptions(newOptions.length);
64
- }, []);
65
- (0, import_react.useEffect)(() => {
66
- if (totalDefaultOptions) {
67
- const newOptions = allOptions.map((opt) => {
68
- if (selectedOptions.length <= totalDefaultOptions && (0, import_lodash.find)(selectedOptions, { id: opt.id })) {
69
- return { ...opt, fixedItem: true };
70
- }
71
- return { ...opt, fixedItem: false };
72
- });
73
- setAllOptions(newOptions);
74
- }
75
- }, [onSelect, onRemove, selectedOptions]);
76
- (0, import_react.useEffect)(() => {
77
- if (selectedOptions.length > overflowQuantity) {
78
- const overflow = selectedOptions.filter((val, index) => index >= overflowQuantity);
79
- setOverflowOptions(overflow);
80
- }
81
- }, [selectedOptions]);
82
- const selectOption = (0, import_react.useCallback)((option) => {
83
- if (!option.fixedItem) {
84
- if ((0, import_ds_utilities.isFunction)(onChange)) {
85
- const nextValue = (0, import_ds_utilities.addOrRemove)(selectedOptions, option, (item) => item.id);
86
- setSelectedOptions(nextValue);
87
- onChange(nextValue);
88
- }
89
- onSelect(option);
90
- }
91
- }, [selectedOptions]);
92
- const removeOption = (0, import_react.useCallback)((option) => {
93
- if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {
94
- if ((0, import_ds_utilities.isFunction)(onChange)) {
95
- const nextValue = selectedOptions.filter((val) => option.id !== val.id);
96
- setSelectedOptions(nextValue);
97
- onChange(nextValue);
98
- }
99
- onRemove(option);
100
- }
101
- }, [selectedOptions]);
102
- const typeOfPill = () => {
103
- if (selectedOptions.length > totalDefaultOptions) {
104
- return import_RemovablePill.RemovablePill;
105
- }
106
- return import_Pill.Pill;
107
- };
108
- return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_DropdownPill.DropdownPill, {
109
- ...menuProps,
110
- focusOnOpen: false,
111
- label,
112
- maxWidth,
113
- minWidth,
114
- onSelectMenuItem: selectOption,
115
- options: [
116
- {
117
- ...menuProps,
118
- type: "SelectionGroup",
119
- id: "multi-selection-views",
120
- multi: true,
121
- items: allOptions
122
- }
123
- ],
124
- selection: {
125
- "multi-selection-views": selectedOptions ? selectedOptions.map((o) => o.id) : ""
126
- },
127
- variant: "title"
128
- }), selectedOptions && selectedOptions.map((option, index) => {
129
- const TypeOfPill = typeOfPill();
130
- if (index < overflowQuantity) {
131
- return /* @__PURE__ */ import_react.default.createElement(TypeOfPill, {
132
- key: option.id,
133
- label: option.label,
134
- onRemove: () => removeOption(option)
135
- });
136
- }
137
- return null;
138
- }), selectedOptions && selectedOptions.length > overflowQuantity && /* @__PURE__ */ import_react.default.createElement(import_OverflowPill.OverflowPill, {
139
- label: `+ ${selectedOptions.length - overflowQuantity}`,
140
- options: overflowOptions
141
- }));
142
- }
143
- var LabeledDropdownMultiPill_default = LabeledDropdownMultiPills;
144
- module.exports = __toCommonJS(LabeledDropdownMultiPill_exports);
145
- //# sourceMappingURL=LabeledDropdownMultiPill.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React, { useState, useEffect, useCallback } from 'react';\nimport { find } from 'lodash';\nimport { isFunction, addOrRemove } from '@elliemae/ds-utilities';\nimport { RemovablePill } from '../RemovablePill';\nimport { Pill } from '../Pill';\nimport { OverflowPill } from '../OverflowPill';\nimport { DropdownPill } from '../DropdownPill';\n\nfunction LabeledDropdownMultiPills({\n label,\n options = [],\n value = [],\n onSelect = () => null,\n onRemove = () => null,\n onChange, // if this is defined, then it's calculating the next result onSelect or onRemove\n maxWidth,\n minWidth,\n ...menuProps\n}) {\n const [totalDefaultOptions, setTotalDefaultOptions] = useState(0);\n const [selectedOptions, setSelectedOptions] = useState(value);\n const [allOptions, setAllOptions] = useState(options);\n const [overflowOptions, setOverflowOptions] = useState([]);\n\n const overflowQuantity = 3;\n\n useEffect(() => setSelectedOptions(value), [value]);\n\n useEffect(() => {\n const newOptions = allOptions.filter((option) => option.fixedItem);\n if (newOptions.length > 0) {\n setSelectedOptions(newOptions);\n }\n setTotalDefaultOptions(newOptions.length);\n }, []);\n\n useEffect(() => {\n if (totalDefaultOptions) {\n const newOptions = allOptions.map((opt) => {\n if (selectedOptions.length <= totalDefaultOptions && find(selectedOptions, { id: opt.id })) {\n return { ...opt, fixedItem: true };\n }\n return { ...opt, fixedItem: false };\n });\n\n setAllOptions(newOptions);\n }\n }, [onSelect, onRemove, selectedOptions]);\n\n useEffect(() => {\n if (selectedOptions.length > overflowQuantity) {\n const overflow = selectedOptions.filter((val, index) => index >= overflowQuantity);\n setOverflowOptions(overflow);\n }\n }, [selectedOptions]);\n\n const selectOption = useCallback(\n (option) => {\n if (!option.fixedItem) {\n if (isFunction(onChange)) {\n const nextValue = addOrRemove(selectedOptions, option, (item) => item.id);\n setSelectedOptions(nextValue);\n onChange(nextValue);\n }\n onSelect(option);\n }\n },\n [selectedOptions],\n );\n\n const removeOption = useCallback(\n (option) => {\n if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {\n if (isFunction(onChange)) {\n const nextValue = selectedOptions.filter((val) => option.id !== val.id);\n setSelectedOptions(nextValue);\n onChange(nextValue);\n }\n onRemove(option);\n }\n },\n [selectedOptions],\n );\n\n const typeOfPill = () => {\n if (selectedOptions.length > totalDefaultOptions) {\n return RemovablePill;\n }\n\n return Pill;\n };\n\n return (\n <>\n <DropdownPill\n {...menuProps}\n focusOnOpen={false}\n label={label}\n maxWidth={maxWidth}\n minWidth={minWidth}\n onSelectMenuItem={selectOption}\n options={[\n {\n ...menuProps,\n type: 'SelectionGroup',\n id: 'multi-selection-views',\n multi: true,\n items: allOptions,\n },\n ]}\n selection={{\n 'multi-selection-views': selectedOptions ? selectedOptions.map((o) => o.id) : '',\n }}\n variant=\"title\"\n />\n {selectedOptions &&\n selectedOptions.map((option, index) => {\n const TypeOfPill = typeOfPill();\n if (index < overflowQuantity) {\n return <TypeOfPill key={option.id} label={option.label} onRemove={() => removeOption(option)} />;\n }\n return null;\n })}\n {selectedOptions && selectedOptions.length > overflowQuantity && (\n <OverflowPill label={`+ ${selectedOptions.length - overflowQuantity}`} options={overflowOptions} />\n )}\n </>\n );\n}\n\nexport { LabeledDropdownMultiPills };\nexport default LabeledDropdownMultiPills;", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,154 +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 LabeledDropdownSinglePill_exports = {};
29
- __export(LabeledDropdownSinglePill_exports, {
30
- LabeledDropdownSinglePill: () => LabeledDropdownSinglePill,
31
- default: () => LabeledDropdownSinglePill_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_prop_types = __toESM(require("prop-types"));
36
- var import_ds_utilities = require("@elliemae/ds-utilities");
37
- var import_DropdownPill = require("../DropdownPill");
38
- var import_InputPill = require("../InputPill");
39
- var import_Pill = require("../Pill");
40
- var import_RemovablePill = require("../RemovablePill");
41
- var import_utils = require("./utils");
42
- function LabeledDropdownSinglePill({
43
- label,
44
- labelIsValue = false,
45
- options,
46
- value,
47
- onSelect = () => null,
48
- onChange,
49
- maxWidth,
50
- minWidth,
51
- fixed = false,
52
- ...menuProps
53
- }) {
54
- const [optionValue, setOptionValue] = (0, import_react.useState)(value);
55
- const prevOptions = (0, import_ds_utilities.usePrevious)(options);
56
- const areOptionsEqual = (0, import_ds_utilities.useShouldRecalculate)((0, import_utils.hasOptionChanged)(prevOptions, options));
57
- (0, import_react.useEffect)(() => setOptionValue(value), [value]);
58
- (0, import_react.useEffect)(() => {
59
- const selectedValue = options.find((option) => option.selected);
60
- if (selectedValue) {
61
- setOptionValue(selectedValue);
62
- } else if (!selectedValue) {
63
- setOptionValue(options[0]);
64
- }
65
- }, [areOptionsEqual]);
66
- (0, import_react.useLayoutEffect)(() => {
67
- if (optionValue) {
68
- const selectedValue = options.find((option) => option.id === optionValue.id);
69
- setOptionValue(selectedValue);
70
- }
71
- }, [options]);
72
- const selectOption = (0, import_react.useCallback)((option) => {
73
- if ((0, import_ds_utilities.isFunction)(onChange)) {
74
- onChange(option);
75
- }
76
- setOptionValue(option);
77
- onSelect(option);
78
- }, [onChange, onSelect]);
79
- const onChangeInputValue = (0, import_react.useCallback)(({ target: { value: inputValue } }) => {
80
- const { onChangeInput } = optionValue;
81
- onChangeInput && onChangeInput(inputValue);
82
- }, [optionValue]);
83
- const removeOption = (removedOption) => {
84
- const { onRemove } = menuProps;
85
- const { onChangeInput } = optionValue;
86
- setOptionValue(null);
87
- onChangeInput && onChangeInput("");
88
- const newOption = { ...removedOption, input: "" };
89
- onRemove && onRemove(newOption, removedOption);
90
- };
91
- const renderPill = (option, fixed2) => {
92
- const { input, onChangeInput, ...otherProps } = option;
93
- let SelectedPill;
94
- if ((0, import_ds_utilities.isString)(input)) {
95
- SelectedPill = import_InputPill.InputPill;
96
- } else if (fixed2) {
97
- SelectedPill = import_Pill.Pill;
98
- } else {
99
- SelectedPill = import_RemovablePill.RemovablePill;
100
- }
101
- return /* @__PURE__ */ import_react.default.createElement(SelectedPill, {
102
- key: option.id,
103
- label: option.label,
104
- onChange: onChangeInputValue,
105
- onRemove: (e) => removeOption(option, e),
106
- value: input,
107
- ...otherProps
108
- });
109
- };
110
- const renderSelection = () => {
111
- if (!labelIsValue) {
112
- if (optionValue)
113
- return renderPill(optionValue, fixed);
114
- return /* @__PURE__ */ import_react.default.createElement(import_Pill.Pill, {
115
- label: "-"
116
- });
117
- }
118
- };
119
- return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_DropdownPill.DropdownPill, {
120
- ...menuProps,
121
- label: !labelIsValue ? label : optionValue?.label,
122
- maxWidth,
123
- minWidth,
124
- onSelectMenuItem: selectOption,
125
- options: [
126
- {
127
- ...menuProps,
128
- type: "SelectionGroup",
129
- id: "multi-selection-views",
130
- multi: false,
131
- items: options,
132
- closeOnClick: true
133
- }
134
- ],
135
- selection: {
136
- "multi-selection-views": optionValue ? [optionValue?.id] : ""
137
- },
138
- variant: "title"
139
- }), renderSelection());
140
- }
141
- LabeledDropdownSinglePill.propTypes = {
142
- label: import_prop_types.default.string,
143
- labelIsValue: import_prop_types.default.bool,
144
- options: import_prop_types.default.array,
145
- value: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
146
- onSelect: import_prop_types.default.func,
147
- onChange: import_prop_types.default.func,
148
- maxWidth: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
149
- minWidth: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
150
- fixed: import_prop_types.default.bool
151
- };
152
- var LabeledDropdownSinglePill_default = LabeledDropdownSinglePill;
153
- module.exports = __toCommonJS(LabeledDropdownSinglePill_exports);
154
- //# sourceMappingURL=LabeledDropdownSinglePill.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable mdx/no-unused-expressions */\n/* eslint-disable no-shadow */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable max-lines */\nimport React, { useCallback, useState, useEffect, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { isFunction, isString, useShouldRecalculate, usePrevious } from '@elliemae/ds-utilities';\nimport { DropdownPill } from '../DropdownPill';\nimport { InputPill } from '../InputPill';\nimport { Pill } from '../Pill';\nimport { RemovablePill } from '../RemovablePill';\nimport { hasOptionChanged } from './utils';\n\nfunction LabeledDropdownSinglePill({\n label,\n labelIsValue = false,\n options,\n value,\n onSelect = () => null,\n onChange,\n maxWidth,\n minWidth,\n fixed = false,\n ...menuProps\n}) {\n const [optionValue, setOptionValue] = useState(value);\n const prevOptions = usePrevious(options);\n const areOptionsEqual = useShouldRecalculate(hasOptionChanged(prevOptions, options));\n\n useEffect(() => setOptionValue(value), [value]);\n\n useEffect(() => {\n const selectedValue = options.find((option) => option.selected);\n\n if (selectedValue) {\n setOptionValue(selectedValue);\n } else if (!selectedValue) {\n setOptionValue(options[0]);\n }\n }, [areOptionsEqual]);\n\n useLayoutEffect(() => {\n if (optionValue) {\n const selectedValue = options.find((option) => option.id === optionValue.id);\n setOptionValue(selectedValue);\n }\n }, [options]);\n\n const selectOption = useCallback(\n (option) => {\n if (isFunction(onChange)) {\n onChange(option);\n }\n setOptionValue(option);\n onSelect(option);\n },\n [onChange, onSelect],\n );\n\n const onChangeInputValue = useCallback(\n ({ target: { value: inputValue } }) => {\n const { onChangeInput } = optionValue;\n\n onChangeInput && onChangeInput(inputValue);\n },\n [optionValue],\n );\n\n const removeOption = (removedOption) => {\n const { onRemove } = menuProps;\n const { onChangeInput } = optionValue;\n setOptionValue(null);\n onChangeInput && onChangeInput('');\n const newOption = { ...removedOption, input: '' };\n onRemove && onRemove(newOption, removedOption);\n };\n\n const renderPill = (option, fixed) => {\n const { input, onChangeInput, ...otherProps } = option;\n let SelectedPill;\n if (isString(input)) {\n SelectedPill = InputPill;\n } else if (fixed) {\n SelectedPill = Pill;\n } else {\n SelectedPill = RemovablePill;\n }\n\n return (\n <SelectedPill\n key={option.id}\n label={option.label}\n onChange={onChangeInputValue}\n onRemove={(e) => removeOption(option, e)}\n value={input}\n {...otherProps}\n />\n );\n };\n\n const renderSelection = () => {\n if (!labelIsValue) {\n if (optionValue) return renderPill(optionValue, fixed);\n return <Pill label=\"-\" />;\n }\n };\n\n return (\n <>\n <DropdownPill\n {...menuProps}\n label={!labelIsValue ? label : optionValue?.label}\n maxWidth={maxWidth}\n minWidth={minWidth}\n onSelectMenuItem={selectOption}\n options={[\n {\n ...menuProps,\n type: 'SelectionGroup',\n id: 'multi-selection-views',\n multi: false,\n items: options,\n closeOnClick: true,\n },\n ]}\n selection={{\n 'multi-selection-views': optionValue ? [optionValue?.id] : '',\n }}\n variant=\"title\"\n />\n {renderSelection()}\n </>\n );\n}\n\nLabeledDropdownSinglePill.propTypes = {\n label: PropTypes.string,\n labelIsValue: PropTypes.bool,\n options: PropTypes.array,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n onSelect: PropTypes.func,\n onChange: PropTypes.func,\n maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n fixed: PropTypes.bool,\n};\n\nexport { LabeledDropdownSinglePill };\nexport default LabeledDropdownSinglePill;", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,44 +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 utils_exports = {};
29
- __export(utils_exports, {
30
- hasOptionChanged: () => hasOptionChanged
31
- });
32
- var React = __toESM(require("react"));
33
- var import_ds_utilities = require("@elliemae/ds-utilities");
34
- var import_lodash = require("lodash");
35
- const hasOptionChanged = (prevOptions, options) => {
36
- if (prevOptions && options) {
37
- const prevOptionsOmited = prevOptions.map((option) => (0, import_lodash.omit)(option, ["input", "onChangeInput", "mask"]));
38
- const optionsOmited = options.map((option) => (0, import_lodash.omit)(option, ["input", "onChangeInput", "mask"]));
39
- return (0, import_ds_utilities.isEqual)(prevOptionsOmited, optionsOmited);
40
- }
41
- return false;
42
- };
43
- module.exports = __toCommonJS(utils_exports);
44
- //# sourceMappingURL=utils.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/deprecated/LabeledDropdownPillsTypes/utils.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { isEqual } from '@elliemae/ds-utilities';\nimport { omit } from 'lodash';\n\nexport const hasOptionChanged = (prevOptions, options) => {\n if (prevOptions && options) {\n const prevOptionsOmited = prevOptions.map((option) => omit(option, ['input', 'onChangeInput', 'mask']));\n const optionsOmited = options.map((option) => omit(option, ['input', 'onChangeInput', 'mask']));\n\n return isEqual(prevOptionsOmited, optionsOmited);\n }\n\n return false;\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAwB;AACxB,oBAAqB;AAEd,MAAM,mBAAmB,CAAC,aAAa,YAAY;AACxD,MAAI,eAAe,SAAS;AAC1B,UAAM,oBAAoB,YAAY,IAAI,CAAC,WAAW,wBAAK,QAAQ,CAAC,SAAS,iBAAiB;AAC9F,UAAM,gBAAgB,QAAQ,IAAI,CAAC,WAAW,wBAAK,QAAQ,CAAC,SAAS,iBAAiB;AAEtF,WAAO,iCAAQ,mBAAmB;AAAA;AAGpC,SAAO;AAAA;",
6
- "names": []
7
- }
@@ -1,75 +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 LabeledPills_exports = {};
29
- __export(LabeledPills_exports, {
30
- DSLabeledPillsWithSchema: () => DSLabeledPillsWithSchema,
31
- LabeledPills: () => LabeledPills
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_PillGroup = require("./PillGroup");
37
- var import_RemovablePill = require("./RemovablePill");
38
- var import_Pill = require("./Pill");
39
- function LabeledPills({
40
- children,
41
- label = "",
42
- leftAddon,
43
- onFocusGroupSet,
44
- onFocusNextGroup,
45
- onFocusPreviousGroup
46
- }) {
47
- return /* @__PURE__ */ import_react.default.createElement(import_PillGroup.PillGroup, {
48
- onFocusGroupSet,
49
- onFocusNextGroup,
50
- onFocusPreviousGroup
51
- }, /* @__PURE__ */ import_react.default.createElement(import_Pill.Pill, {
52
- label,
53
- leftAddon,
54
- variant: "title",
55
- "data-testid": "pill-title"
56
- }), children);
57
- }
58
- const props = {
59
- label: import_react_desc.PropTypes.string.isRequired.description("pill text label"),
60
- children: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
61
- type: import_react_desc.PropTypes.oneOf([
62
- import_react_desc.PropTypes.instanceOf(import_Pill.Pill),
63
- import_react_desc.PropTypes.instanceOf(import_RemovablePill.RemovablePill)
64
- ])
65
- })).isRequired.description("pill to add the label to"),
66
- leftAddon: import_react_desc.PropTypes.node.description("addon component to left"),
67
- onFocusNextGroup: import_react_desc.PropTypes.func.description("focus next group callback"),
68
- onFocusPreviousGroup: import_react_desc.PropTypes.func.description("focus prev group callback"),
69
- onFocusGroupSet: import_react_desc.PropTypes.func.description("focus group set callback")
70
- };
71
- LabeledPills.propTypes = props;
72
- const DSLabeledPillsWithSchema = (0, import_react_desc.describe)(LabeledPills);
73
- DSLabeledPillsWithSchema.propTypes = props;
74
- module.exports = __toCommonJS(LabeledPills_exports);
75
- //# sourceMappingURL=LabeledPills.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/deprecated/LabeledPills.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PillGroup } from './PillGroup';\nimport { RemovablePill } from './RemovablePill';\nimport { Pill } from './Pill';\n\nfunction LabeledPills({\n children,\n label = '',\n leftAddon,\n onFocusGroupSet,\n onFocusNextGroup,\n onFocusPreviousGroup,\n}) {\n return (\n <PillGroup\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n >\n <Pill\n label={label}\n leftAddon={leftAddon}\n variant=\"title\"\n data-testid=\"pill-title\"\n />\n {children}\n </PillGroup>\n );\n}\n\nconst props = {\n /** labeled pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** pill to add the label to */\n children: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.oneOf([\n PropTypes.instanceOf(Pill),\n PropTypes.instanceOf(RemovablePill),\n ]),\n }),\n ).isRequired.description('pill to add the label to'),\n /** addon component to left */\n leftAddon: PropTypes.node.description('addon component to left'),\n /** focus next group callback */\n onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n /** focus prev group callback */\n onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n /** focus group set callback */\n onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n};\n\nLabeledPills.propTypes = props;\n\nconst DSLabeledPillsWithSchema = describe(LabeledPills);\nDSLabeledPillsWithSchema.propTypes = props;\n\nexport { LabeledPills, DSLabeledPillsWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uBAA0B;AAC1B,2BAA8B;AAC9B,kBAAqB;AAErB,sBAAsB;AAAA,EACpB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,SACE,mDAAC,4BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC,kBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAQ;AAAA,IACR,eAAY;AAAA,MAEb;AAAA;AAKP,MAAM,QAAQ;AAAA,EAEZ,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,UAAU,4BAAU,QAClB,4BAAU,MAAM;AAAA,IACd,MAAM,4BAAU,MAAM;AAAA,MACpB,4BAAU,WAAW;AAAA,MACrB,4BAAU,WAAW;AAAA;AAAA,MAGzB,WAAW,YAAY;AAAA,EAEzB,WAAW,4BAAU,KAAK,YAAY;AAAA,EAEtC,kBAAkB,4BAAU,KAAK,YAAY;AAAA,EAE7C,sBAAsB,4BAAU,KAAK,YAAY;AAAA,EAEjD,iBAAiB,4BAAU,KAAK,YAAY;AAAA;AAG9C,aAAa,YAAY;AAEzB,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
6
- "names": []
7
- }