@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.
- package/cjs/components/Pill.js +53 -0
- package/cjs/components/PillButton.js +56 -0
- package/cjs/components/PillGroup.js +64 -0
- package/cjs/components/index.js +17 -0
- package/cjs/components/styled.js +85 -0
- package/cjs/components/types/DropdownPill.js +86 -0
- package/cjs/components/types/InputPill.js +74 -0
- package/cjs/components/types/LabelPill.js +46 -0
- package/cjs/components/types/ReadOnlyPill.js +50 -0
- package/cjs/components/types/RemovablePill.js +72 -0
- package/cjs/components/types/ValuePill.js +54 -0
- package/cjs/components/types/index.js +19 -0
- package/cjs/deprecated/DropdownPill.js +113 -0
- package/cjs/deprecated/InputPill.js +84 -0
- package/cjs/deprecated/LabeledDropdownPills.js +106 -0
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +134 -0
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +153 -0
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +162 -0
- package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js +20 -0
- package/cjs/deprecated/LabeledPills.js +62 -0
- package/cjs/deprecated/OverflowPill.js +73 -0
- package/cjs/deprecated/Pill.js +88 -0
- package/cjs/deprecated/PillGroup.js +72 -0
- package/cjs/deprecated/ReadOnlyPill.js +101 -0
- package/cjs/deprecated/RemovablePill.js +74 -0
- package/cjs/deprecated/index.js +33 -0
- package/cjs/index.d.js +2 -0
- package/cjs/index.js +43 -0
- package/cjs/props.js +69 -0
- package/cjs/utils.js +28 -0
- package/esm/components/Pill.js +44 -0
- package/esm/components/PillButton.js +46 -0
- package/esm/components/PillGroup.js +53 -0
- package/esm/components/index.js +3 -0
- package/esm/components/styled.js +67 -0
- package/esm/components/types/DropdownPill.js +76 -0
- package/esm/components/types/InputPill.js +65 -0
- package/esm/components/types/LabelPill.js +37 -0
- package/esm/components/types/ReadOnlyPill.js +41 -0
- package/esm/components/types/RemovablePill.js +63 -0
- package/esm/components/types/ValuePill.js +45 -0
- package/esm/components/types/index.js +6 -0
- package/esm/deprecated/DropdownPill.js +100 -0
- package/esm/deprecated/InputPill.js +74 -0
- package/esm/deprecated/LabeledDropdownPills.js +95 -0
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +126 -0
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +145 -0
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +154 -0
- package/esm/deprecated/LabeledDropdownPillsTypes/utils.js +16 -0
- package/esm/deprecated/LabeledPills.js +53 -0
- package/esm/deprecated/OverflowPill.js +62 -0
- package/esm/deprecated/Pill.js +76 -0
- package/esm/deprecated/PillGroup.js +60 -0
- package/esm/deprecated/ReadOnlyPill.js +90 -0
- package/esm/deprecated/RemovablePill.js +64 -0
- package/esm/deprecated/index.js +8 -0
- package/esm/index.d.js +1 -0
- package/esm/index.js +11 -0
- package/esm/props.js +60 -0
- package/esm/utils.js +24 -0
- package/package.json +86 -88
- package/types/components/Pill.d.ts +5 -0
- package/types/components/PillButton.d.ts +5 -0
- package/types/components/PillGroup.d.ts +13 -0
- package/types/components/index.d.ts +3 -0
- package/types/components/styled.d.ts +24 -0
- package/types/components/types/DropdownPill.d.ts +3 -0
- package/types/components/types/InputPill.d.ts +3 -0
- package/types/components/types/LabelPill.d.ts +3 -0
- package/types/components/types/ReadOnlyPill.d.ts +3 -0
- package/types/components/types/RemovablePill.d.ts +3 -0
- package/types/components/types/ValuePill.d.ts +3 -0
- package/types/components/types/index.d.ts +6 -0
- package/types/deprecated/DropdownPill.d.ts +66 -0
- package/types/deprecated/InputPill.d.ts +10 -0
- package/types/deprecated/LabeledDropdownPills.d.ts +82 -0
- package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.d.ts +15 -0
- package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.d.ts +13 -0
- package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.d.ts +28 -0
- package/types/deprecated/LabeledDropdownPillsTypes/utils.d.ts +1 -0
- package/types/deprecated/LabeledPills.d.ts +52 -0
- package/types/deprecated/OverflowPill.d.ts +33 -0
- package/types/deprecated/Pill.d.ts +59 -0
- package/types/deprecated/PillGroup.d.ts +50 -0
- package/types/deprecated/ReadOnlyPill.d.ts +56 -0
- package/types/deprecated/RemovablePill.d.ts +49 -0
- package/types/deprecated/index.d.ts +9 -0
- package/types/index.d.ts +3 -0
- package/types/props.d.ts +92 -0
- package/types/tests/DSPill.test.d.ts +1 -0
- package/types/tests/DSPillGroup.test.d.ts +1 -0
- package/types/tests/events/DSPill.events.keyboard.test.d.ts +1 -0
- package/types/tests/events/DSPill.events.test.d.ts +1 -0
- package/types/tests/events/DSPillGroup.events.keyboard.test.d.ts +1 -0
- package/types/tests/events/DSPillGroup.events.test.d.ts +1 -0
- package/types/utils.d.ts +4 -0
- package/dist/cjs/components/Pill.js +0 -60
- package/dist/cjs/components/Pill.js.map +0 -7
- package/dist/cjs/components/PillButton.js +0 -58
- package/dist/cjs/components/PillButton.js.map +0 -7
- package/dist/cjs/components/PillGroup.js +0 -72
- package/dist/cjs/components/PillGroup.js.map +0 -7
- package/dist/cjs/components/index.js +0 -30
- package/dist/cjs/components/index.js.map +0 -7
- package/dist/cjs/components/styled.js +0 -235
- package/dist/cjs/components/styled.js.map +0 -7
- package/dist/cjs/components/types/DropdownPill.js +0 -88
- package/dist/cjs/components/types/DropdownPill.js.map +0 -7
- package/dist/cjs/components/types/InputPill.js +0 -84
- package/dist/cjs/components/types/InputPill.js.map +0 -7
- package/dist/cjs/components/types/LabelPill.js +0 -52
- package/dist/cjs/components/types/LabelPill.js.map +0 -7
- package/dist/cjs/components/types/ReadOnlyPill.js +0 -55
- package/dist/cjs/components/types/ReadOnlyPill.js.map +0 -7
- package/dist/cjs/components/types/RemovablePill.js +0 -79
- package/dist/cjs/components/types/RemovablePill.js.map +0 -7
- package/dist/cjs/components/types/ValuePill.js +0 -59
- package/dist/cjs/components/types/ValuePill.js.map +0 -7
- package/dist/cjs/components/types/index.js +0 -33
- package/dist/cjs/components/types/index.js.map +0 -7
- package/dist/cjs/deprecated/DropdownPill.js +0 -92
- package/dist/cjs/deprecated/DropdownPill.js.map +0 -7
- package/dist/cjs/deprecated/InputPill.js +0 -82
- package/dist/cjs/deprecated/InputPill.js.map +0 -7
- package/dist/cjs/deprecated/LabeledDropdownPills.js +0 -102
- package/dist/cjs/deprecated/LabeledDropdownPills.js.map +0 -7
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +0 -131
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +0 -7
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +0 -145
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +0 -7
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +0 -154
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +0 -7
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/utils.js +0 -44
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/utils.js.map +0 -7
- package/dist/cjs/deprecated/LabeledPills.js +0 -75
- package/dist/cjs/deprecated/LabeledPills.js.map +0 -7
- package/dist/cjs/deprecated/OverflowPill.js +0 -79
- package/dist/cjs/deprecated/OverflowPill.js.map +0 -7
- package/dist/cjs/deprecated/Pill.js +0 -73
- package/dist/cjs/deprecated/Pill.js.map +0 -7
- package/dist/cjs/deprecated/PillGroup.js +0 -72
- package/dist/cjs/deprecated/PillGroup.js.map +0 -7
- package/dist/cjs/deprecated/ReadOnlyPill.js +0 -100
- package/dist/cjs/deprecated/ReadOnlyPill.js.map +0 -7
- package/dist/cjs/deprecated/RemovablePill.js +0 -78
- package/dist/cjs/deprecated/RemovablePill.js.map +0 -7
- package/dist/cjs/deprecated/index.js +0 -43
- package/dist/cjs/deprecated/index.js.map +0 -7
- package/dist/cjs/index.d.js +0 -27
- package/dist/cjs/index.d.js.map +0 -7
- package/dist/cjs/index.js +0 -37
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/props.js +0 -95
- package/dist/cjs/props.js.map +0 -7
- package/dist/cjs/utils.js +0 -46
- package/dist/cjs/utils.js.map +0 -7
- package/dist/esm/components/Pill.js +0 -31
- package/dist/esm/components/Pill.js.map +0 -7
- package/dist/esm/components/PillButton.js +0 -29
- package/dist/esm/components/PillButton.js.map +0 -7
- package/dist/esm/components/PillGroup.js +0 -43
- package/dist/esm/components/PillGroup.js.map +0 -7
- package/dist/esm/components/index.js +0 -5
- package/dist/esm/components/index.js.map +0 -7
- package/dist/esm/components/styled.js +0 -206
- package/dist/esm/components/styled.js.map +0 -7
- package/dist/esm/components/types/DropdownPill.js +0 -59
- package/dist/esm/components/types/DropdownPill.js.map +0 -7
- package/dist/esm/components/types/InputPill.js +0 -55
- package/dist/esm/components/types/InputPill.js.map +0 -7
- package/dist/esm/components/types/LabelPill.js +0 -23
- package/dist/esm/components/types/LabelPill.js.map +0 -7
- package/dist/esm/components/types/ReadOnlyPill.js +0 -26
- package/dist/esm/components/types/ReadOnlyPill.js.map +0 -7
- package/dist/esm/components/types/RemovablePill.js +0 -50
- package/dist/esm/components/types/RemovablePill.js.map +0 -7
- package/dist/esm/components/types/ValuePill.js +0 -30
- package/dist/esm/components/types/ValuePill.js.map +0 -7
- package/dist/esm/components/types/index.js +0 -8
- package/dist/esm/components/types/index.js.map +0 -7
- package/dist/esm/deprecated/DropdownPill.js +0 -63
- package/dist/esm/deprecated/DropdownPill.js.map +0 -7
- package/dist/esm/deprecated/InputPill.js +0 -53
- package/dist/esm/deprecated/InputPill.js.map +0 -7
- package/dist/esm/deprecated/LabeledDropdownPills.js +0 -73
- package/dist/esm/deprecated/LabeledDropdownPills.js.map +0 -7
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +0 -102
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +0 -7
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +0 -116
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +0 -7
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +0 -125
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +0 -7
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/utils.js +0 -15
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/utils.js.map +0 -7
- package/dist/esm/deprecated/LabeledPills.js +0 -46
- package/dist/esm/deprecated/LabeledPills.js.map +0 -7
- package/dist/esm/deprecated/OverflowPill.js +0 -50
- package/dist/esm/deprecated/OverflowPill.js.map +0 -7
- package/dist/esm/deprecated/Pill.js +0 -44
- package/dist/esm/deprecated/Pill.js.map +0 -7
- package/dist/esm/deprecated/PillGroup.js +0 -43
- package/dist/esm/deprecated/PillGroup.js.map +0 -7
- package/dist/esm/deprecated/ReadOnlyPill.js +0 -71
- package/dist/esm/deprecated/ReadOnlyPill.js.map +0 -7
- package/dist/esm/deprecated/RemovablePill.js +0 -49
- package/dist/esm/deprecated/RemovablePill.js.map +0 -7
- package/dist/esm/deprecated/index.js +0 -14
- package/dist/esm/deprecated/index.js.map +0 -7
- package/dist/esm/index.d.js +0 -2
- package/dist/esm/index.d.js.map +0 -7
- package/dist/esm/index.js +0 -8
- package/dist/esm/index.js.map +0 -7
- package/dist/esm/props.js +0 -66
- package/dist/esm/props.js.map +0 -7
- package/dist/esm/utils.js +0 -17
- 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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwD;AACxD,oBAAqB;AACrB,0BAAwC;AACxC,2BAA8B;AAC9B,kBAAqB;AACrB,0BAA6B;AAC7B,0BAA6B;AAE7B,mCAAmC;AAAA,EACjC;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB,WAAW,MAAM;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,CAAC,qBAAqB,0BAA0B,2BAAS;AAC/D,QAAM,CAAC,iBAAiB,sBAAsB,2BAAS;AACvD,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAC7C,QAAM,CAAC,iBAAiB,sBAAsB,2BAAS;AAEvD,QAAM,mBAAmB;AAEzB,8BAAU,MAAM,mBAAmB,QAAQ,CAAC;AAE5C,8BAAU,MAAM;AACd,UAAM,aAAa,WAAW,OAAO,CAAC,WAAW,OAAO;AACxD,QAAI,WAAW,SAAS,GAAG;AACzB,yBAAmB;AAAA;AAErB,2BAAuB,WAAW;AAAA,KACjC;AAEH,8BAAU,MAAM;AACd,QAAI,qBAAqB;AACvB,YAAM,aAAa,WAAW,IAAI,CAAC,QAAQ;AACzC,YAAI,gBAAgB,UAAU,uBAAuB,wBAAK,iBAAiB,EAAE,IAAI,IAAI,OAAO;AAC1F,iBAAO,KAAK,KAAK,WAAW;AAAA;AAE9B,eAAO,KAAK,KAAK,WAAW;AAAA;AAG9B,oBAAc;AAAA;AAAA,KAEf,CAAC,UAAU,UAAU;AAExB,8BAAU,MAAM;AACd,QAAI,gBAAgB,SAAS,kBAAkB;AAC7C,YAAM,WAAW,gBAAgB,OAAO,CAAC,KAAK,UAAU,SAAS;AACjE,yBAAmB;AAAA;AAAA,KAEpB,CAAC;AAEJ,QAAM,eAAe,8BACnB,CAAC,WAAW;AACV,QAAI,CAAC,OAAO,WAAW;AACrB,UAAI,oCAAW,WAAW;AACxB,cAAM,YAAY,qCAAY,iBAAiB,QAAQ,CAAC,SAAS,KAAK;AACtE,2BAAmB;AACnB,iBAAS;AAAA;AAEX,eAAS;AAAA;AAAA,KAGb,CAAC;AAGH,QAAM,eAAe,8BACnB,CAAC,WAAW;AACV,QAAI,CAAC,OAAO,aAAa,gBAAgB,SAAS,qBAAqB;AACrE,UAAI,oCAAW,WAAW;AACxB,cAAM,YAAY,gBAAgB,OAAO,CAAC,QAAQ,OAAO,OAAO,IAAI;AACpE,2BAAmB;AACnB,iBAAS;AAAA;AAEX,eAAS;AAAA;AAAA,KAGb,CAAC;AAGH,QAAM,aAAa,MAAM;AACvB,QAAI,gBAAgB,SAAS,qBAAqB;AAChD,aAAO;AAAA;AAGT,WAAO;AAAA;AAGT,SACE,wFACE,mDAAC,kCAAD;AAAA,OACM;AAAA,IACJ,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,SAAS;AAAA,MACP;AAAA,WACK;AAAA,QACH,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA;AAAA;AAAA,IAGX,WAAW;AAAA,MACT,yBAAyB,kBAAkB,gBAAgB,IAAI,CAAC,MAAM,EAAE,MAAM;AAAA;AAAA,IAEhF,SAAQ;AAAA,MAET,mBACC,gBAAgB,IAAI,CAAC,QAAQ,UAAU;AACrC,UAAM,aAAa;AACnB,QAAI,QAAQ,kBAAkB;AAC5B,aAAO,mDAAC,YAAD;AAAA,QAAY,KAAK,OAAO;AAAA,QAAI,OAAO,OAAO;AAAA,QAAO,UAAU,MAAM,aAAa;AAAA;AAAA;AAEvF,WAAO;AAAA,MAEV,mBAAmB,gBAAgB,SAAS,oBAC3C,mDAAC,kCAAD;AAAA,IAAc,OAAO,KAAK,gBAAgB,SAAS;AAAA,IAAoB,SAAS;AAAA;AAAA;AAOxF,IAAO,mCAAQ;",
|
|
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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAyE;AACzE,wBAAsB;AACtB,0BAAwE;AACxE,0BAA6B;AAC7B,uBAA0B;AAC1B,kBAAqB;AACrB,2BAA8B;AAC9B,mBAAiC;AAEjC,mCAAmC;AAAA,EACjC;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA,WAAW,MAAM;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,KACL;AAAA,GACF;AACD,QAAM,CAAC,aAAa,kBAAkB,2BAAS;AAC/C,QAAM,cAAc,qCAAY;AAChC,QAAM,kBAAkB,8CAAqB,mCAAiB,aAAa;AAE3E,8BAAU,MAAM,eAAe,QAAQ,CAAC;AAExC,8BAAU,MAAM;AACd,UAAM,gBAAgB,QAAQ,KAAK,CAAC,WAAW,OAAO;AAEtD,QAAI,eAAe;AACjB,qBAAe;AAAA,eACN,CAAC,eAAe;AACzB,qBAAe,QAAQ;AAAA;AAAA,KAExB,CAAC;AAEJ,oCAAgB,MAAM;AACpB,QAAI,aAAa;AACf,YAAM,gBAAgB,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,YAAY;AACzE,qBAAe;AAAA;AAAA,KAEhB,CAAC;AAEJ,QAAM,eAAe,8BACnB,CAAC,WAAW;AACV,QAAI,oCAAW,WAAW;AACxB,eAAS;AAAA;AAEX,mBAAe;AACf,aAAS;AAAA,KAEX,CAAC,UAAU;AAGb,QAAM,qBAAqB,8BACzB,CAAC,EAAE,QAAQ,EAAE,OAAO,mBAAmB;AACrC,UAAM,EAAE,kBAAkB;AAE1B,qBAAiB,cAAc;AAAA,KAEjC,CAAC;AAGH,QAAM,eAAe,CAAC,kBAAkB;AACtC,UAAM,EAAE,aAAa;AACrB,UAAM,EAAE,kBAAkB;AAC1B,mBAAe;AACf,qBAAiB,cAAc;AAC/B,UAAM,YAAY,KAAK,eAAe,OAAO;AAC7C,gBAAY,SAAS,WAAW;AAAA;AAGlC,QAAM,aAAa,CAAC,QAAQ,WAAU;AACpC,UAAM,EAAE,OAAO,kBAAkB,eAAe;AAChD,QAAI;AACJ,QAAI,kCAAS,QAAQ;AACnB,qBAAe;AAAA,eACN,QAAO;AAChB,qBAAe;AAAA,WACV;AACL,qBAAe;AAAA;AAGjB,WACE,mDAAC,cAAD;AAAA,MACE,KAAK,OAAO;AAAA,MACZ,OAAO,OAAO;AAAA,MACd,UAAU;AAAA,MACV,UAAU,CAAC,MAAM,aAAa,QAAQ;AAAA,MACtC,OAAO;AAAA,SACH;AAAA;AAAA;AAKV,QAAM,kBAAkB,MAAM;AAC5B,QAAI,CAAC,cAAc;AACjB,UAAI;AAAa,eAAO,WAAW,aAAa;AAChD,aAAO,mDAAC,kBAAD;AAAA,QAAM,OAAM;AAAA;AAAA;AAAA;AAIvB,SACE,wFACE,mDAAC,kCAAD;AAAA,OACM;AAAA,IACJ,OAAO,CAAC,eAAe,QAAQ,aAAa;AAAA,IAC5C;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,SAAS;AAAA,MACP;AAAA,WACK;AAAA,QACH,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,cAAc;AAAA;AAAA;AAAA,IAGlB,WAAW;AAAA,MACT,yBAAyB,cAAc,CAAC,aAAa,MAAM;AAAA;AAAA,IAE7D,SAAQ;AAAA,MAET;AAAA;AAKP,0BAA0B,YAAY;AAAA,EACpC,OAAO,0BAAU;AAAA,EACjB,cAAc,0BAAU;AAAA,EACxB,SAAS,0BAAU;AAAA,EACnB,OAAO,0BAAU,UAAU,CAAC,0BAAU,QAAQ,0BAAU;AAAA,EACxD,UAAU,0BAAU;AAAA,EACpB,UAAU,0BAAU;AAAA,EACpB,UAAU,0BAAU,UAAU,CAAC,0BAAU,QAAQ,0BAAU;AAAA,EAC3D,UAAU,0BAAU,UAAU,CAAC,0BAAU,QAAQ,0BAAU;AAAA,EAC3D,OAAO,0BAAU;AAAA;AAInB,IAAO,oCAAQ;",
|
|
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
|
-
}
|