@ultraviolet/ui 1.51.2 → 1.51.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionBar/index.js +16 -26
- package/dist/components/Alert/index.js +77 -88
- package/dist/components/Avatar/index.js +29 -26
- package/dist/components/Badge/index.js +36 -52
- package/dist/components/Banner/index.js +64 -139
- package/dist/components/BarChart/Tooltip.js +23 -18
- package/dist/components/BarChart/index.js +29 -42
- package/dist/components/BarStack/index.js +89 -163
- package/dist/components/Breadcrumbs/index.js +30 -33
- package/dist/components/Bullet/index.js +24 -28
- package/dist/components/Button/index.js +117 -159
- package/dist/components/Card/index.js +45 -52
- package/dist/components/Carousel/index.js +75 -99
- package/dist/components/Checkbox/index.js +246 -343
- package/dist/components/CheckboxGroup/index.js +60 -56
- package/dist/components/CopyButton/index.js +1 -15
- package/dist/components/DateInput/index.js +124 -243
- package/dist/components/Dialog/Context.js +1 -3
- package/dist/components/Dialog/index.js +22 -43
- package/dist/components/Dialog/subComponents/Button.js +1 -10
- package/dist/components/Dialog/subComponents/Stack.js +3 -1
- package/dist/components/Dialog/subComponents/Text.js +3 -1
- package/dist/components/EmptyState/index.js +58 -50
- package/dist/components/Expandable/index.js +19 -23
- package/dist/components/GlobalAlert/GlobalAlertLink.js +4 -20
- package/dist/components/GlobalAlert/index.js +34 -87
- package/dist/components/LineChart/CustomLegend.js +76 -72
- package/dist/components/LineChart/Tooltip.js +26 -37
- package/dist/components/LineChart/helpers.js +11 -9
- package/dist/components/LineChart/index.js +38 -55
- package/dist/components/Link/index.js +86 -125
- package/dist/components/List/Body.js +12 -7
- package/dist/components/List/Cell.js +36 -33
- package/dist/components/List/HeaderCell.js +54 -68
- package/dist/components/List/HeaderRow.js +16 -18
- package/dist/components/List/ListContext.js +68 -87
- package/dist/components/List/Row.js +136 -169
- package/dist/components/List/SelectBar.js +31 -14
- package/dist/components/List/SkeletonRows.js +42 -23
- package/dist/components/List/index.js +39 -59
- package/dist/components/Loader/index.js +44 -65
- package/dist/components/Menu/Item.js +52 -62
- package/dist/components/Menu/index.js +105 -171
- package/dist/components/MenuV2/Group.js +14 -16
- package/dist/components/MenuV2/Item.js +67 -74
- package/dist/components/MenuV2/index.js +76 -110
- package/dist/components/Meter/index.js +44 -57
- package/dist/components/Modal/Dialog.js +44 -100
- package/dist/components/Modal/index.js +23 -58
- package/dist/components/Notice/index.js +13 -29
- package/dist/components/Notification/index.js +9 -48
- package/dist/components/NumberInput/index.js +113 -200
- package/dist/components/NumberInputV2/index.js +200 -349
- package/dist/components/Pagination/getPageNumbers.js +3 -1
- package/dist/components/Pagination/index.js +45 -81
- package/dist/components/PasswordCheck/index.js +10 -15
- package/dist/components/PasswordStrengthMeter/index.js +66 -68
- package/dist/components/PieChart/Legends.js +121 -99
- package/dist/components/PieChart/Tooltip.js +35 -15
- package/dist/components/PieChart/index.js +68 -87
- package/dist/components/Popover/index.js +57 -106
- package/dist/components/Popup/helpers.js +24 -12
- package/dist/components/Popup/index.js +263 -351
- package/dist/components/ProgressBar/index.js +33 -51
- package/dist/components/Radio/index.js +119 -188
- package/dist/components/RadioGroup/index.js +46 -51
- package/dist/components/Row/index.js +11 -20
- package/dist/components/SelectInput/index.js +165 -212
- package/dist/components/SelectInputV2/Dropdown.js +233 -473
- package/dist/components/SelectInputV2/DropdownOption.js +44 -115
- package/dist/components/SelectInputV2/SearchBarDropdown.js +28 -44
- package/dist/components/SelectInputV2/SelectBar.js +137 -240
- package/dist/components/SelectInputV2/SelectInputProvider.js +45 -77
- package/dist/components/SelectInputV2/index.js +39 -98
- package/dist/components/SelectableCard/index.js +127 -183
- package/dist/components/SelectableCardGroup/index.js +50 -55
- package/dist/components/Separator/index.js +44 -64
- package/dist/components/Skeleton/Block.js +28 -20
- package/dist/components/Skeleton/Blocks.js +26 -16
- package/dist/components/Skeleton/BoxWithIcon.js +24 -17
- package/dist/components/Skeleton/Donut.js +46 -21
- package/dist/components/Skeleton/IconSkeleton.js +19 -9
- package/dist/components/Skeleton/Line.js +11 -8
- package/dist/components/Skeleton/List.js +48 -21
- package/dist/components/Skeleton/Slider.js +36 -22
- package/dist/components/Skeleton/Square.js +9 -7
- package/dist/components/Skeleton/index.js +38 -45
- package/dist/components/Snippet/index.js +139 -128
- package/dist/components/Stack/index.js +10 -17
- package/dist/components/Status/index.js +42 -27
- package/dist/components/StepList/index.js +34 -45
- package/dist/components/Stepper/index.js +106 -114
- package/dist/components/SwitchButton/FocusOverlay.js +18 -27
- package/dist/components/SwitchButton/index.js +39 -103
- package/dist/components/Table/Body.js +3 -1
- package/dist/components/Table/Cell.js +15 -6
- package/dist/components/Table/Header.js +12 -5
- package/dist/components/Table/HeaderCell.js +48 -91
- package/dist/components/Table/HeaderRow.js +11 -13
- package/dist/components/Table/Row.js +39 -44
- package/dist/components/Table/SelectBar.js +31 -14
- package/dist/components/Table/SkeletonRows.js +43 -11
- package/dist/components/Table/TableContext.js +29 -44
- package/dist/components/Table/index.js +37 -51
- package/dist/components/Tabs/Tab.js +108 -158
- package/dist/components/Tabs/TabMenu.js +52 -53
- package/dist/components/Tabs/TabMenuItem.js +19 -24
- package/dist/components/Tabs/TabsContext.js +1 -3
- package/dist/components/Tabs/index.js +44 -79
- package/dist/components/Tag/index.js +66 -75
- package/dist/components/TagInput/index.js +125 -188
- package/dist/components/TagList/index.js +51 -56
- package/dist/components/Text/index.js +10 -35
- package/dist/components/TextArea/index.js +140 -208
- package/dist/components/TextInput/index.js +326 -411
- package/dist/components/TextInputV2/index.js +170 -294
- package/dist/components/TimeInput/index.js +3 -174
- package/dist/components/Toaster/index.js +26 -74
- package/dist/components/Toggle/index.js +112 -172
- package/dist/components/ToggleGroup/index.js +44 -35
- package/dist/components/Tooltip/index.js +34 -41
- package/dist/components/VerificationCode/index.js +58 -63
- package/dist/helpers/legend.js +4 -4
- package/dist/theme/index.js +10 -13
- package/dist/utils/ids.js +3 -1
- package/dist/utils/responsive/Breakpoint.js +8 -6
- package/package.json +4 -4
|
@@ -11,11 +11,17 @@ const SelectInputContext = createContext({
|
|
|
11
11
|
searchInput: "",
|
|
12
12
|
setSearchInput: () => {
|
|
13
13
|
},
|
|
14
|
-
selectAll: {
|
|
14
|
+
selectAll: {
|
|
15
|
+
label: ""
|
|
16
|
+
},
|
|
15
17
|
selectAllGroup: false,
|
|
16
18
|
numberOfOptions: 0,
|
|
17
19
|
displayedOptions: [],
|
|
18
|
-
selectedData: {
|
|
20
|
+
selectedData: {
|
|
21
|
+
allSelected: false,
|
|
22
|
+
selectedGroups: [],
|
|
23
|
+
selectedValues: []
|
|
24
|
+
},
|
|
19
25
|
setSelectedData: () => {
|
|
20
26
|
},
|
|
21
27
|
onChange: () => {
|
|
@@ -45,20 +51,14 @@ const SelectInputProvider = ({
|
|
|
45
51
|
if (Array.isArray(options)) {
|
|
46
52
|
return [];
|
|
47
53
|
}
|
|
48
|
-
return Object.keys(options).filter(
|
|
49
|
-
(group) => options[group].every(
|
|
50
|
-
(groupOption) => currentValue.includes(groupOption.value)
|
|
51
|
-
)
|
|
52
|
-
);
|
|
54
|
+
return Object.keys(options).filter((group) => options[group].every((groupOption) => currentValue.includes(groupOption.value)));
|
|
53
55
|
}, [currentValue, options]);
|
|
54
56
|
const [displayedOptions, setDisplayedOptions] = useState(options);
|
|
55
57
|
const [isDropdownVisible, setIsDropdownVisible] = useState(false);
|
|
56
58
|
const [searchInput, setSearchInput] = useState("");
|
|
57
59
|
const allValues = useMemo(() => {
|
|
58
60
|
if (!Array.isArray(options)) {
|
|
59
|
-
return Object.keys(options).map(
|
|
60
|
-
(group) => options[group].filter((option) => !option.disabled)
|
|
61
|
-
).flat();
|
|
61
|
+
return Object.keys(options).map((group) => options[group].filter((option) => !option.disabled)).flat();
|
|
62
62
|
}
|
|
63
63
|
return options;
|
|
64
64
|
}, [options]);
|
|
@@ -72,7 +72,11 @@ const SelectInputProvider = ({
|
|
|
72
72
|
switch (action.type) {
|
|
73
73
|
case "selectAll":
|
|
74
74
|
if (state.allSelected) {
|
|
75
|
-
return {
|
|
75
|
+
return {
|
|
76
|
+
selectedValues: [],
|
|
77
|
+
allSelected: false,
|
|
78
|
+
selectedGroups: []
|
|
79
|
+
};
|
|
76
80
|
}
|
|
77
81
|
return {
|
|
78
82
|
selectedValues: allValues.map((option) => option.value),
|
|
@@ -83,21 +87,13 @@ const SelectInputProvider = ({
|
|
|
83
87
|
if (!Array.isArray(options)) {
|
|
84
88
|
if (state.selectedGroups.includes(action.selectedGroup)) {
|
|
85
89
|
return {
|
|
86
|
-
selectedValues: [...state.selectedValues].filter(
|
|
87
|
-
(selectedValue) => !options[action.selectedGroup].find(
|
|
88
|
-
(option) => option.value === selectedValue
|
|
89
|
-
)
|
|
90
|
-
),
|
|
90
|
+
selectedValues: [...state.selectedValues].filter((selectedValue) => !options[action.selectedGroup].find((option) => option.value === selectedValue)),
|
|
91
91
|
allSelected: false,
|
|
92
|
-
selectedGroups: state.selectedGroups.filter(
|
|
93
|
-
(selectedGroup) => selectedGroup !== action.selectedGroup
|
|
94
|
-
)
|
|
92
|
+
selectedGroups: state.selectedGroups.filter((selectedGroup) => selectedGroup !== action.selectedGroup)
|
|
95
93
|
};
|
|
96
94
|
}
|
|
97
95
|
const newSelectedValues = [...state.selectedValues];
|
|
98
|
-
options[action.selectedGroup].map(
|
|
99
|
-
(option) => newSelectedValues.find((aValue) => aValue === option.value) || option.disabled ? null : newSelectedValues.push(option.value)
|
|
100
|
-
);
|
|
96
|
+
options[action.selectedGroup].map((option) => newSelectedValues.find((aValue) => aValue === option.value) || option.disabled ? null : newSelectedValues.push(option.value));
|
|
101
97
|
return {
|
|
102
98
|
selectedValues: newSelectedValues,
|
|
103
99
|
allSelected: newSelectedValues.length === numberOfOptions,
|
|
@@ -109,27 +105,15 @@ const SelectInputProvider = ({
|
|
|
109
105
|
if (multiselect) {
|
|
110
106
|
if (state.selectedValues.includes(action.clickedOption.value)) {
|
|
111
107
|
return {
|
|
112
|
-
selectedValues: state.selectedValues.filter(
|
|
113
|
-
(val) => val !== action.clickedOption.value
|
|
114
|
-
),
|
|
108
|
+
selectedValues: state.selectedValues.filter((val) => val !== action.clickedOption.value),
|
|
115
109
|
allSelected: false,
|
|
116
|
-
selectedGroups: action.group && state.selectedGroups.includes(action.group) ? state.selectedGroups.filter(
|
|
117
|
-
(selectedGroup) => selectedGroup !== action.group
|
|
118
|
-
) : []
|
|
110
|
+
selectedGroups: action.group && state.selectedGroups.includes(action.group) ? state.selectedGroups.filter((selectedGroup) => selectedGroup !== action.group) : []
|
|
119
111
|
};
|
|
120
112
|
}
|
|
121
113
|
return {
|
|
122
|
-
selectedValues: [
|
|
123
|
-
...state.selectedValues,
|
|
124
|
-
action.clickedOption.value
|
|
125
|
-
],
|
|
114
|
+
selectedValues: [...state.selectedValues, action.clickedOption.value],
|
|
126
115
|
allSelected: state.selectedValues.length + 1 === numberOfOptions,
|
|
127
|
-
selectedGroups: !Array.isArray(options) && action.group && options[action.group].every(
|
|
128
|
-
(option) => [
|
|
129
|
-
...state.selectedValues,
|
|
130
|
-
action.clickedOption.value
|
|
131
|
-
].includes(option.value) || option.disabled
|
|
132
|
-
) ? [...state.selectedGroups, action.group] : state.selectedGroups
|
|
116
|
+
selectedGroups: !Array.isArray(options) && action.group && options[action.group].every((option) => [...state.selectedValues, action.clickedOption.value].includes(option.value) || option.disabled) ? [...state.selectedGroups, action.group] : state.selectedGroups
|
|
133
117
|
};
|
|
134
118
|
}
|
|
135
119
|
return {
|
|
@@ -138,22 +122,20 @@ const SelectInputProvider = ({
|
|
|
138
122
|
selectedGroups: state.selectedGroups
|
|
139
123
|
};
|
|
140
124
|
case "clearAll":
|
|
141
|
-
return {
|
|
125
|
+
return {
|
|
126
|
+
selectedGroups: [],
|
|
127
|
+
selectedValues: [],
|
|
128
|
+
allSelected: false
|
|
129
|
+
};
|
|
142
130
|
case "update":
|
|
143
131
|
return {
|
|
144
132
|
selectedGroups: state.selectedGroups,
|
|
145
133
|
allSelected: state.allSelected,
|
|
146
134
|
selectedValues: state.selectedValues.filter((selectedValue) => {
|
|
147
135
|
if (!Array.isArray(options)) {
|
|
148
|
-
return Object.keys(options).some(
|
|
149
|
-
(group) => options[group].some(
|
|
150
|
-
(option) => option.value === selectedValue && !option.disabled
|
|
151
|
-
)
|
|
152
|
-
);
|
|
136
|
+
return Object.keys(options).some((group) => options[group].some((option) => option.value === selectedValue && !option.disabled));
|
|
153
137
|
}
|
|
154
|
-
return options.some(
|
|
155
|
-
(option) => option.value === selectedValue && !option.disabled
|
|
156
|
-
);
|
|
138
|
+
return options.some((option) => option.value === selectedValue && !option.disabled);
|
|
157
139
|
})
|
|
158
140
|
};
|
|
159
141
|
default:
|
|
@@ -165,36 +147,22 @@ const SelectInputProvider = ({
|
|
|
165
147
|
allSelected: false,
|
|
166
148
|
selectedGroups
|
|
167
149
|
});
|
|
168
|
-
const providerValue = useMemo(
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
}),
|
|
185
|
-
[
|
|
186
|
-
displayedOptions,
|
|
187
|
-
isDropdownVisible,
|
|
188
|
-
multiselect,
|
|
189
|
-
numberOfOptions,
|
|
190
|
-
options,
|
|
191
|
-
searchInput,
|
|
192
|
-
selectAll,
|
|
193
|
-
selectAllGroup,
|
|
194
|
-
selectedData,
|
|
195
|
-
onChange
|
|
196
|
-
]
|
|
197
|
-
);
|
|
150
|
+
const providerValue = useMemo(() => ({
|
|
151
|
+
onSearch: setDisplayedOptions,
|
|
152
|
+
isDropdownVisible,
|
|
153
|
+
setIsDropdownVisible,
|
|
154
|
+
searchInput,
|
|
155
|
+
setSearchInput,
|
|
156
|
+
options,
|
|
157
|
+
multiselect,
|
|
158
|
+
selectAll,
|
|
159
|
+
selectAllGroup,
|
|
160
|
+
numberOfOptions,
|
|
161
|
+
displayedOptions,
|
|
162
|
+
selectedData,
|
|
163
|
+
setSelectedData,
|
|
164
|
+
onChange
|
|
165
|
+
}), [displayedOptions, isDropdownVisible, multiselect, numberOfOptions, options, searchInput, selectAll, selectAllGroup, selectedData, onChange]);
|
|
198
166
|
return /* @__PURE__ */ jsx(SelectInputContext.Provider, { value: providerValue, children });
|
|
199
167
|
};
|
|
200
168
|
export {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import _styled from "@emotion/styled/base";
|
|
3
3
|
import { Icon } from "@ultraviolet/icons";
|
|
4
4
|
import { useRef } from "react";
|
|
5
5
|
import { Stack } from "../Stack/index.js";
|
|
@@ -7,12 +7,31 @@ import { Text } from "../Text/index.js";
|
|
|
7
7
|
import { Dropdown } from "./Dropdown.js";
|
|
8
8
|
import { SelectBar } from "./SelectBar.js";
|
|
9
9
|
import { SelectInputProvider } from "./SelectInputProvider.js";
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
11
|
+
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
12
|
+
}
|
|
13
|
+
const SelectInputContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
14
|
+
target: "ebdnz3x1"
|
|
15
|
+
} : {
|
|
16
|
+
target: "ebdnz3x1",
|
|
17
|
+
label: "SelectInputContainer"
|
|
18
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
19
|
+
name: "1d3w5wq",
|
|
20
|
+
styles: "width:100%"
|
|
21
|
+
} : {
|
|
22
|
+
name: "1d3w5wq",
|
|
23
|
+
styles: "width:100%",
|
|
24
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0VjIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBIdUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VsZWN0SW5wdXRWMi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgSFRNTEF0dHJpYnV0ZXMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgRHJvcGRvd24gfSBmcm9tICcuL0Ryb3Bkb3duJ1xuaW1wb3J0IHsgU2VsZWN0QmFyIH0gZnJvbSAnLi9TZWxlY3RCYXInXG5pbXBvcnQgeyBTZWxlY3RJbnB1dFByb3ZpZGVyIH0gZnJvbSAnLi9TZWxlY3RJbnB1dFByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBEYXRhVHlwZSB9IGZyb20gJy4vdHlwZXMnXG5cbnR5cGUgU2VsZWN0SW5wdXRWMlByb3BzPElzTXVsdGkgZXh0ZW5kcyB1bmRlZmluZWQgfCBib29sZWFuID0gZmFsc2U+ID0ge1xuICAvKipcbiAgICogSW5wdXQgbmFtZVxuICAgKi9cbiAgbmFtZTogc3RyaW5nXG4gIC8qKlxuICAgKiBQbGFjZSBob2xkZXIgd2hlbiBubyB2YWx1ZSBkZWZpbmVkXG4gICAqL1xuICBwbGFjZWhvbGRlcj86IHN0cmluZ1xuICAvKipcbiAgICogV2hlbiBzZWFyY2hhYmxlLCBwbGFjZWhvbGRlciB3aGVuIG5vIHZhbHVlIGlzIHNlYXJjaGVkXG4gICAqL1xuICBwbGFjZWhvbGRlclNlYXJjaD86IHN0cmluZ1xuICAvKipcbiAgICogTGFiZWwgb2YgdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgbGFiZWw/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhlbHBlciB0ZXh0IHRvIGdpdmUgbW9yZSBpbmZvcm1hdGlvbiB0byB0aGUgdXNlclxuICAgKi9cbiAgaGVscGVyPzogc3RyaW5nXG4gIC8qKlxuICAgKiBTZWxlY3RhYmxlIG9wdGlvbnNcbiAgICovXG4gIG9wdGlvbnM6IERhdGFUeXBlXG4gIC8qKlxuICAgKiBNZXNzYWdlIHRvIHNob3cgd2hlbiBubyBvcHRpb24gYXZhaWxhYmxlXG4gICAqL1xuICBlbXB0eVN0YXRlPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBXaGV0aGVyIGl0IGlzIHBvc3NpYmxlIHRvIHNlYXJjaCB0aHJvdWdoIHRoZSBpbnB1dFxuICAgKi9cbiAgc2VhcmNoYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGNvbXBvbmVudCBpbiBkaXNhYmxlZFxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBjb21wb25lbnQgaW4gcmVhZE9ubHlcbiAgICovXG4gIHJlYWRPbmx5PzogYm9vbGVhblxuICAvKipcbiAgICogV2hldGhlciBpdCBpcyBwb3NzaWJsZSB0byBjbGVhciB0aGUgc2VhcmNoIGlucHV0XG4gICAqL1xuICBjbGVhcmFibGU/OiBib29sZWFuXG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBpbnB1dFxuICAgKi9cbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZSdcbiAgLyoqXG4gICAqIFdoZXRoZXIgZmllbGQgaXMgcmVxdWlyZWRcbiAgICovXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICAvKipcbiAgICogTW9yZSBpbmZvcm1hdGlvbiByZWdhcmRpbmcvZGVzY3JpcHRpb24gb2ZzIHRoZSBzZWxlY3RJbnB1dFxuICAgKi9cbiAgbGFiZWxEZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogV2hldGhlciBvcHRpb24gZGVzY3JpcHRpb24gaXMgb24gdGhlIHJpZ2h0IG9mIHRoZSBvcHRpb24gb3IgdW5kZXIgaXRcbiAgICovXG4gIGRlc2NyaXB0aW9uRGlyZWN0aW9uPzogJ3JvdycgfCAnY29sdW1uJ1xuICAvKipcbiAgICogV2hlcmUgdG8gcGxhY2UgdGhlIGFkZGl0aW9uYWwgaW5mbyBwcm9wXG4gICAqL1xuICBvcHRpb25hbEluZm9QbGFjZW1lbnQ/OiAnbGVmdCcgfCAncmlnaHQnXG4gIC8qKlxuICAgKiBUbyBhZGQgY3VzdG9tIGZpeGVkIGVsZW1lbnRzIGF0IHRoZSBib3R0b20gb2YgdGhlIGRyb3Bkb3duXG4gICAqL1xuICBmb290ZXI/OiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIERpc3BsYXkgYW4gZXJyb3IgbWVzc2FnZSB1bmRlciB0aGUgc2VsZWN0IGJhclxuICAgKi9cbiAgZXJyb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIERpc3BsYXkgYSBzdWNjZXNzIG1lc3NhZ2UgdW5kZXIgdGhlIHNlbGVjdCBiYXJcbiAgICovXG4gIHN1Y2Nlc3M/OiBzdHJpbmdcbiAgLyoqXG4gICAqIExvYWQgbW9yZSBidXR0b24gdG8gaW1wbGVtZW50IGxhenkgbG9hZGluZ1xuICAgKi9cbiAgbG9hZE1vcmU/OiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFdoZW4gdGhlIG9wdGlvbnMgYXJlIGxvYWRpbmcsIGRpc3BsYXkgYSBza2VsZXRvblxuICAgKi9cbiAgaXNMb2FkaW5nPzogYm9vbGVhblxuICAvKipcbiAgICogQWRkcyBhbiBvcHRpb24gdG8gc2VsZWN0IGV2ZXJ5IHNlbGVjdGFibGUgb3B0aW9uc1xuICAgKi9cbiAgc2VsZWN0QWxsPzogeyBsYWJlbDogUmVhY3ROb2RlOyBkZXNjcmlwdGlvbj86IHN0cmluZyB9XG4gIC8qKlxuICAgKiBXaGVuIG9wdGlvbnMgYXJlIGdyb3VwLCBkZWZpbmUgYSBvcHRpb24gdG8gc2VsZWN0IGV2ZXJ5IHNlbGVjdGFibGUgb3B0aW9ucyBvZiBhIGdyb3VwXG4gICAqL1xuICBzZWxlY3RBbGxHcm91cD86IGJvb2xlYW5cbiAgYXV0b2ZvY3VzPzogYm9vbGVhblxuICAvKipcbiAgICogV2hldGhlciBpdCBpcyBwb3NzaWJsZSB0byBzZWxlY3QgbXVsdGlwbGUgb3B0aW9uc1xuICAgKi9cbiAgbXVsdGlzZWxlY3Q/OiBJc011bHRpXG4gIC8qKlxuICAgKiBEZWZhdWx0IHZhbHVlLCBtdXN0IGJlIG9uZSBvZiB0aGUgb3B0aW9uc1xuICAgKi9cbiAgdmFsdWU/OiBJc011bHRpIGV4dGVuZHMgdHJ1ZSA/IHN0cmluZ1tdIDogc3RyaW5nXG4gIG9uQ2hhbmdlPzogSXNNdWx0aSBleHRlbmRzIHRydWVcbiAgICA/ICh2YWx1ZTogc3RyaW5nW10pID0+IHZvaWRcbiAgICA6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn0gJiBQaWNrPFxuICBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sXG4gICdpZCcgfCAnb25CbHVyJyB8ICdvbkZvY3VzJyB8ICdhcmlhLWxhYmVsJyB8ICdjbGFzc05hbWUnXG4+XG5cbmNvbnN0IFNlbGVjdElucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG5gXG5jb25zdCBIZWxwZXJUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuYFxuXG4vKipcbiAqIFNlbGVjdElucHV0VjIgY29tcG9uZW50IGlzIHVzZWQgdG8gc2VsZWN0IG9uZSBvciBtYW55IGVsZW1lbnRzIGZyb20gYSBzZWxlY3Rpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBTZWxlY3RJbnB1dFYyID0gPElzTXVsdGkgZXh0ZW5kcyB1bmRlZmluZWQgfCBib29sZWFuPih7XG4gIG5hbWUsXG4gIGlkLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIG9uQ2hhbmdlLFxuICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgdmFsdWUsXG4gIGxhYmVsLFxuICBoZWxwZXIsXG4gIG9wdGlvbnMsXG4gIHNpemUgPSAnbGFyZ2UnLFxuICBlbXB0eVN0YXRlLFxuICBkZXNjcmlwdGlvbkRpcmVjdGlvbiA9ICdjb2x1bW4nLFxuICBzdWNjZXNzLFxuICBlcnJvcixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgY2xhc3NOYW1lLFxuICBmb290ZXIsXG4gIHBsYWNlaG9sZGVyU2VhcmNoID0gJ1NlYXJjaCBpbiBsaXN0JyxcbiAgcGxhY2Vob2xkZXIgPSAnU2VsZWN0IGl0ZW0nLFxuICBzZWFyY2hhYmxlID0gdHJ1ZSxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgcmVhZE9ubHkgPSBmYWxzZSxcbiAgY2xlYXJhYmxlID0gdHJ1ZSxcbiAgbXVsdGlzZWxlY3QgPSBmYWxzZSxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgbGFiZWxEZXNjcmlwdGlvbixcbiAgYXV0b2ZvY3VzLFxuICBsb2FkTW9yZSxcbiAgb3B0aW9uYWxJbmZvUGxhY2VtZW50ID0gJ3JpZ2h0JyxcbiAgaXNMb2FkaW5nLFxuICBzZWxlY3RBbGwsXG4gIHNlbGVjdEFsbEdyb3VwID0gZmFsc2UsXG59OiBTZWxlY3RJbnB1dFYyUHJvcHM8SXNNdWx0aT4pID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBudW1iZXJPZk9wdGlvbnMgPSBBcnJheS5pc0FycmF5KG9wdGlvbnMpXG4gICAgPyBvcHRpb25zLmxlbmd0aFxuICAgIDogT2JqZWN0LnZhbHVlcyhvcHRpb25zKS5yZWR1Y2UoXG4gICAgICAgIChhY2MsIGN1cnJlbnQpID0+XG4gICAgICAgICAgYWNjICsgY3VycmVudC5maWx0ZXIob3B0aW9uID0+ICFvcHRpb24uZGlzYWJsZWQpLmxlbmd0aCxcbiAgICAgICAgMCxcbiAgICAgIClcblxuICByZXR1cm4gKFxuICAgIDxTZWxlY3RJbnB1dFByb3ZpZGVyXG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgbXVsdGlzZWxlY3Q9e211bHRpc2VsZWN0fVxuICAgICAgc2VsZWN0QWxsPXtzZWxlY3RBbGx9XG4gICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICBzZWxlY3RBbGxHcm91cD17c2VsZWN0QWxsR3JvdXB9XG4gICAgICBudW1iZXJPZk9wdGlvbnM9e251bWJlck9mT3B0aW9uc31cbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICA+XG4gICAgICA8U2VsZWN0SW5wdXRDb250YWluZXJcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBhcmlhLWxhYmVsPXtuYW1lfVxuICAgICAgPlxuICAgICAgICA8RHJvcGRvd25cbiAgICAgICAgICBlbXB0eVN0YXRlPXtlbXB0eVN0YXRlfVxuICAgICAgICAgIGRlc2NyaXB0aW9uRGlyZWN0aW9uPXtkZXNjcmlwdGlvbkRpcmVjdGlvbn1cbiAgICAgICAgICBzZWFyY2hhYmxlPXtzZWFyY2hhYmxlfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlclNlYXJjaH1cbiAgICAgICAgICBmb290ZXI9e2Zvb3Rlcn1cbiAgICAgICAgICByZWZTZWxlY3Q9e3JlZn1cbiAgICAgICAgICBsb2FkTW9yZT17bG9hZE1vcmV9XG4gICAgICAgICAgb3B0aW9uYWxJbmZvUGxhY2VtZW50PXtvcHRpb25hbEluZm9QbGFjZW1lbnR9XG4gICAgICAgICAgaXNMb2FkaW5nPXtpc0xvYWRpbmd9XG4gICAgICAgID5cbiAgICAgICAgICA8U3RhY2sgZ2FwPXswLjV9IGFyaWEtbGFiZWw9e2FyaWFMYWJlbH0+XG4gICAgICAgICAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIgZ2FwPXswLjV9PlxuICAgICAgICAgICAgICB7bGFiZWwgPyAoXG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGFzPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgICAgdmFyaWFudD17c2l6ZSA9PT0gJ2xhcmdlJyA/ICdib2R5U3Ryb25nJyA6ICdib2R5U21hbGxTdHJvbmcnfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICB7cmVxdWlyZWQgJiYgbGFiZWwgPyAoXG4gICAgICAgICAgICAgICAgPEljb24gbmFtZT1cImFzdGVyaXNrXCIgc2VudGltZW50PVwiZGFuZ2VyXCIgc2l6ZT17OH0gLz5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIHtsYWJlbERlc2NyaXB0aW9uID8/IG51bGx9XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPFNlbGVjdEJhclxuICAgICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgICBjbGVhcmFibGU9e2NsZWFyYWJsZX1cbiAgICAgICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgICAgc3VjY2Vzcz17c3VjY2Vzc31cbiAgICAgICAgICAgICAgZXJyb3I9e2Vycm9yfVxuICAgICAgICAgICAgICBhdXRvRm9jdXM9e2F1dG9mb2N1c31cbiAgICAgICAgICAgICAgaW5uZXJSZWY9e3JlZn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgPC9Ecm9wZG93bj5cbiAgICAgICAgeyFlcnJvciAmJiAhc3VjY2VzcyA/IChcbiAgICAgICAgICA8SGVscGVyVGV4dFxuICAgICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICAgICAgYXM9XCJwXCJcbiAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgcHJvbWluZW5jZT1cImRlZmF1bHRcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoZWxwZXJ9XG4gICAgICAgICAgPC9IZWxwZXJUZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2Vycm9yIHx8IHN1Y2Nlc3MgPyAoXG4gICAgICAgICAgPEhlbHBlclRleHRcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgICAgICBzZW50aW1lbnQ9e2Vycm9yID8gJ2RhbmdlcicgOiAnc3VjY2Vzcyd9XG4gICAgICAgICAgICBwcm9taW5lbmNlPVwiZGVmYXVsdFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2Vycm9yIHx8IHN1Y2Nlc3N9XG4gICAgICAgICAgPC9IZWxwZXJUZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU2VsZWN0SW5wdXRDb250YWluZXI+XG4gICAgPC9TZWxlY3RJbnB1dFByb3ZpZGVyPlxuICApXG59XG4iXX0= */",
|
|
25
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
26
|
+
});
|
|
27
|
+
const HelperText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
|
|
28
|
+
target: "ebdnz3x0"
|
|
29
|
+
} : {
|
|
30
|
+
target: "ebdnz3x0",
|
|
31
|
+
label: "HelperText"
|
|
32
|
+
})("padding-top:", ({
|
|
33
|
+
theme
|
|
34
|
+
}) => theme.space["0.5"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0VjIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZIK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VsZWN0SW5wdXRWMi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgSFRNTEF0dHJpYnV0ZXMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgRHJvcGRvd24gfSBmcm9tICcuL0Ryb3Bkb3duJ1xuaW1wb3J0IHsgU2VsZWN0QmFyIH0gZnJvbSAnLi9TZWxlY3RCYXInXG5pbXBvcnQgeyBTZWxlY3RJbnB1dFByb3ZpZGVyIH0gZnJvbSAnLi9TZWxlY3RJbnB1dFByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBEYXRhVHlwZSB9IGZyb20gJy4vdHlwZXMnXG5cbnR5cGUgU2VsZWN0SW5wdXRWMlByb3BzPElzTXVsdGkgZXh0ZW5kcyB1bmRlZmluZWQgfCBib29sZWFuID0gZmFsc2U+ID0ge1xuICAvKipcbiAgICogSW5wdXQgbmFtZVxuICAgKi9cbiAgbmFtZTogc3RyaW5nXG4gIC8qKlxuICAgKiBQbGFjZSBob2xkZXIgd2hlbiBubyB2YWx1ZSBkZWZpbmVkXG4gICAqL1xuICBwbGFjZWhvbGRlcj86IHN0cmluZ1xuICAvKipcbiAgICogV2hlbiBzZWFyY2hhYmxlLCBwbGFjZWhvbGRlciB3aGVuIG5vIHZhbHVlIGlzIHNlYXJjaGVkXG4gICAqL1xuICBwbGFjZWhvbGRlclNlYXJjaD86IHN0cmluZ1xuICAvKipcbiAgICogTGFiZWwgb2YgdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgbGFiZWw/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhlbHBlciB0ZXh0IHRvIGdpdmUgbW9yZSBpbmZvcm1hdGlvbiB0byB0aGUgdXNlclxuICAgKi9cbiAgaGVscGVyPzogc3RyaW5nXG4gIC8qKlxuICAgKiBTZWxlY3RhYmxlIG9wdGlvbnNcbiAgICovXG4gIG9wdGlvbnM6IERhdGFUeXBlXG4gIC8qKlxuICAgKiBNZXNzYWdlIHRvIHNob3cgd2hlbiBubyBvcHRpb24gYXZhaWxhYmxlXG4gICAqL1xuICBlbXB0eVN0YXRlPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBXaGV0aGVyIGl0IGlzIHBvc3NpYmxlIHRvIHNlYXJjaCB0aHJvdWdoIHRoZSBpbnB1dFxuICAgKi9cbiAgc2VhcmNoYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGNvbXBvbmVudCBpbiBkaXNhYmxlZFxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBjb21wb25lbnQgaW4gcmVhZE9ubHlcbiAgICovXG4gIHJlYWRPbmx5PzogYm9vbGVhblxuICAvKipcbiAgICogV2hldGhlciBpdCBpcyBwb3NzaWJsZSB0byBjbGVhciB0aGUgc2VhcmNoIGlucHV0XG4gICAqL1xuICBjbGVhcmFibGU/OiBib29sZWFuXG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBpbnB1dFxuICAgKi9cbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZSdcbiAgLyoqXG4gICAqIFdoZXRoZXIgZmllbGQgaXMgcmVxdWlyZWRcbiAgICovXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICAvKipcbiAgICogTW9yZSBpbmZvcm1hdGlvbiByZWdhcmRpbmcvZGVzY3JpcHRpb24gb2ZzIHRoZSBzZWxlY3RJbnB1dFxuICAgKi9cbiAgbGFiZWxEZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogV2hldGhlciBvcHRpb24gZGVzY3JpcHRpb24gaXMgb24gdGhlIHJpZ2h0IG9mIHRoZSBvcHRpb24gb3IgdW5kZXIgaXRcbiAgICovXG4gIGRlc2NyaXB0aW9uRGlyZWN0aW9uPzogJ3JvdycgfCAnY29sdW1uJ1xuICAvKipcbiAgICogV2hlcmUgdG8gcGxhY2UgdGhlIGFkZGl0aW9uYWwgaW5mbyBwcm9wXG4gICAqL1xuICBvcHRpb25hbEluZm9QbGFjZW1lbnQ/OiAnbGVmdCcgfCAncmlnaHQnXG4gIC8qKlxuICAgKiBUbyBhZGQgY3VzdG9tIGZpeGVkIGVsZW1lbnRzIGF0IHRoZSBib3R0b20gb2YgdGhlIGRyb3Bkb3duXG4gICAqL1xuICBmb290ZXI/OiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIERpc3BsYXkgYW4gZXJyb3IgbWVzc2FnZSB1bmRlciB0aGUgc2VsZWN0IGJhclxuICAgKi9cbiAgZXJyb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIERpc3BsYXkgYSBzdWNjZXNzIG1lc3NhZ2UgdW5kZXIgdGhlIHNlbGVjdCBiYXJcbiAgICovXG4gIHN1Y2Nlc3M/OiBzdHJpbmdcbiAgLyoqXG4gICAqIExvYWQgbW9yZSBidXR0b24gdG8gaW1wbGVtZW50IGxhenkgbG9hZGluZ1xuICAgKi9cbiAgbG9hZE1vcmU/OiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFdoZW4gdGhlIG9wdGlvbnMgYXJlIGxvYWRpbmcsIGRpc3BsYXkgYSBza2VsZXRvblxuICAgKi9cbiAgaXNMb2FkaW5nPzogYm9vbGVhblxuICAvKipcbiAgICogQWRkcyBhbiBvcHRpb24gdG8gc2VsZWN0IGV2ZXJ5IHNlbGVjdGFibGUgb3B0aW9uc1xuICAgKi9cbiAgc2VsZWN0QWxsPzogeyBsYWJlbDogUmVhY3ROb2RlOyBkZXNjcmlwdGlvbj86IHN0cmluZyB9XG4gIC8qKlxuICAgKiBXaGVuIG9wdGlvbnMgYXJlIGdyb3VwLCBkZWZpbmUgYSBvcHRpb24gdG8gc2VsZWN0IGV2ZXJ5IHNlbGVjdGFibGUgb3B0aW9ucyBvZiBhIGdyb3VwXG4gICAqL1xuICBzZWxlY3RBbGxHcm91cD86IGJvb2xlYW5cbiAgYXV0b2ZvY3VzPzogYm9vbGVhblxuICAvKipcbiAgICogV2hldGhlciBpdCBpcyBwb3NzaWJsZSB0byBzZWxlY3QgbXVsdGlwbGUgb3B0aW9uc1xuICAgKi9cbiAgbXVsdGlzZWxlY3Q/OiBJc011bHRpXG4gIC8qKlxuICAgKiBEZWZhdWx0IHZhbHVlLCBtdXN0IGJlIG9uZSBvZiB0aGUgb3B0aW9uc1xuICAgKi9cbiAgdmFsdWU/OiBJc011bHRpIGV4dGVuZHMgdHJ1ZSA/IHN0cmluZ1tdIDogc3RyaW5nXG4gIG9uQ2hhbmdlPzogSXNNdWx0aSBleHRlbmRzIHRydWVcbiAgICA/ICh2YWx1ZTogc3RyaW5nW10pID0+IHZvaWRcbiAgICA6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn0gJiBQaWNrPFxuICBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sXG4gICdpZCcgfCAnb25CbHVyJyB8ICdvbkZvY3VzJyB8ICdhcmlhLWxhYmVsJyB8ICdjbGFzc05hbWUnXG4+XG5cbmNvbnN0IFNlbGVjdElucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG5gXG5jb25zdCBIZWxwZXJUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuYFxuXG4vKipcbiAqIFNlbGVjdElucHV0VjIgY29tcG9uZW50IGlzIHVzZWQgdG8gc2VsZWN0IG9uZSBvciBtYW55IGVsZW1lbnRzIGZyb20gYSBzZWxlY3Rpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBTZWxlY3RJbnB1dFYyID0gPElzTXVsdGkgZXh0ZW5kcyB1bmRlZmluZWQgfCBib29sZWFuPih7XG4gIG5hbWUsXG4gIGlkLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIG9uQ2hhbmdlLFxuICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgdmFsdWUsXG4gIGxhYmVsLFxuICBoZWxwZXIsXG4gIG9wdGlvbnMsXG4gIHNpemUgPSAnbGFyZ2UnLFxuICBlbXB0eVN0YXRlLFxuICBkZXNjcmlwdGlvbkRpcmVjdGlvbiA9ICdjb2x1bW4nLFxuICBzdWNjZXNzLFxuICBlcnJvcixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgY2xhc3NOYW1lLFxuICBmb290ZXIsXG4gIHBsYWNlaG9sZGVyU2VhcmNoID0gJ1NlYXJjaCBpbiBsaXN0JyxcbiAgcGxhY2Vob2xkZXIgPSAnU2VsZWN0IGl0ZW0nLFxuICBzZWFyY2hhYmxlID0gdHJ1ZSxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgcmVhZE9ubHkgPSBmYWxzZSxcbiAgY2xlYXJhYmxlID0gdHJ1ZSxcbiAgbXVsdGlzZWxlY3QgPSBmYWxzZSxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgbGFiZWxEZXNjcmlwdGlvbixcbiAgYXV0b2ZvY3VzLFxuICBsb2FkTW9yZSxcbiAgb3B0aW9uYWxJbmZvUGxhY2VtZW50ID0gJ3JpZ2h0JyxcbiAgaXNMb2FkaW5nLFxuICBzZWxlY3RBbGwsXG4gIHNlbGVjdEFsbEdyb3VwID0gZmFsc2UsXG59OiBTZWxlY3RJbnB1dFYyUHJvcHM8SXNNdWx0aT4pID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBudW1iZXJPZk9wdGlvbnMgPSBBcnJheS5pc0FycmF5KG9wdGlvbnMpXG4gICAgPyBvcHRpb25zLmxlbmd0aFxuICAgIDogT2JqZWN0LnZhbHVlcyhvcHRpb25zKS5yZWR1Y2UoXG4gICAgICAgIChhY2MsIGN1cnJlbnQpID0+XG4gICAgICAgICAgYWNjICsgY3VycmVudC5maWx0ZXIob3B0aW9uID0+ICFvcHRpb24uZGlzYWJsZWQpLmxlbmd0aCxcbiAgICAgICAgMCxcbiAgICAgIClcblxuICByZXR1cm4gKFxuICAgIDxTZWxlY3RJbnB1dFByb3ZpZGVyXG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgbXVsdGlzZWxlY3Q9e211bHRpc2VsZWN0fVxuICAgICAgc2VsZWN0QWxsPXtzZWxlY3RBbGx9XG4gICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICBzZWxlY3RBbGxHcm91cD17c2VsZWN0QWxsR3JvdXB9XG4gICAgICBudW1iZXJPZk9wdGlvbnM9e251bWJlck9mT3B0aW9uc31cbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICA+XG4gICAgICA8U2VsZWN0SW5wdXRDb250YWluZXJcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBhcmlhLWxhYmVsPXtuYW1lfVxuICAgICAgPlxuICAgICAgICA8RHJvcGRvd25cbiAgICAgICAgICBlbXB0eVN0YXRlPXtlbXB0eVN0YXRlfVxuICAgICAgICAgIGRlc2NyaXB0aW9uRGlyZWN0aW9uPXtkZXNjcmlwdGlvbkRpcmVjdGlvbn1cbiAgICAgICAgICBzZWFyY2hhYmxlPXtzZWFyY2hhYmxlfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlclNlYXJjaH1cbiAgICAgICAgICBmb290ZXI9e2Zvb3Rlcn1cbiAgICAgICAgICByZWZTZWxlY3Q9e3JlZn1cbiAgICAgICAgICBsb2FkTW9yZT17bG9hZE1vcmV9XG4gICAgICAgICAgb3B0aW9uYWxJbmZvUGxhY2VtZW50PXtvcHRpb25hbEluZm9QbGFjZW1lbnR9XG4gICAgICAgICAgaXNMb2FkaW5nPXtpc0xvYWRpbmd9XG4gICAgICAgID5cbiAgICAgICAgICA8U3RhY2sgZ2FwPXswLjV9IGFyaWEtbGFiZWw9e2FyaWFMYWJlbH0+XG4gICAgICAgICAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIgZ2FwPXswLjV9PlxuICAgICAgICAgICAgICB7bGFiZWwgPyAoXG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGFzPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgICAgdmFyaWFudD17c2l6ZSA9PT0gJ2xhcmdlJyA/ICdib2R5U3Ryb25nJyA6ICdib2R5U21hbGxTdHJvbmcnfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICB7cmVxdWlyZWQgJiYgbGFiZWwgPyAoXG4gICAgICAgICAgICAgICAgPEljb24gbmFtZT1cImFzdGVyaXNrXCIgc2VudGltZW50PVwiZGFuZ2VyXCIgc2l6ZT17OH0gLz5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIHtsYWJlbERlc2NyaXB0aW9uID8/IG51bGx9XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPFNlbGVjdEJhclxuICAgICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgICBjbGVhcmFibGU9e2NsZWFyYWJsZX1cbiAgICAgICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgICAgc3VjY2Vzcz17c3VjY2Vzc31cbiAgICAgICAgICAgICAgZXJyb3I9e2Vycm9yfVxuICAgICAgICAgICAgICBhdXRvRm9jdXM9e2F1dG9mb2N1c31cbiAgICAgICAgICAgICAgaW5uZXJSZWY9e3JlZn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgPC9Ecm9wZG93bj5cbiAgICAgICAgeyFlcnJvciAmJiAhc3VjY2VzcyA/IChcbiAgICAgICAgICA8SGVscGVyVGV4dFxuICAgICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICAgICAgYXM9XCJwXCJcbiAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgcHJvbWluZW5jZT1cImRlZmF1bHRcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoZWxwZXJ9XG4gICAgICAgICAgPC9IZWxwZXJUZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2Vycm9yIHx8IHN1Y2Nlc3MgPyAoXG4gICAgICAgICAgPEhlbHBlclRleHRcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgICAgICBzZW50aW1lbnQ9e2Vycm9yID8gJ2RhbmdlcicgOiAnc3VjY2Vzcyd9XG4gICAgICAgICAgICBwcm9taW5lbmNlPVwiZGVmYXVsdFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2Vycm9yIHx8IHN1Y2Nlc3N9XG4gICAgICAgICAgPC9IZWxwZXJUZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU2VsZWN0SW5wdXRDb250YWluZXI+XG4gICAgPC9TZWxlY3RJbnB1dFByb3ZpZGVyPlxuICApXG59XG4iXX0= */"));
|
|
16
35
|
const SelectInputV2 = ({
|
|
17
36
|
name,
|
|
18
37
|
id,
|
|
@@ -49,97 +68,19 @@ const SelectInputV2 = ({
|
|
|
49
68
|
selectAllGroup = false
|
|
50
69
|
}) => {
|
|
51
70
|
const ref = useRef(null);
|
|
52
|
-
const numberOfOptions = Array.isArray(options) ? options.length : Object.values(options).reduce(
|
|
53
|
-
|
|
54
|
-
0
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
onChange,
|
|
66
|
-
children: /* @__PURE__ */ jsxs(
|
|
67
|
-
SelectInputContainer,
|
|
68
|
-
{
|
|
69
|
-
id,
|
|
70
|
-
onBlur,
|
|
71
|
-
onFocus,
|
|
72
|
-
"data-testid": dataTestId,
|
|
73
|
-
className,
|
|
74
|
-
"aria-label": name,
|
|
75
|
-
children: [
|
|
76
|
-
/* @__PURE__ */ jsx(
|
|
77
|
-
Dropdown,
|
|
78
|
-
{
|
|
79
|
-
emptyState,
|
|
80
|
-
descriptionDirection,
|
|
81
|
-
searchable,
|
|
82
|
-
placeholder: placeholderSearch,
|
|
83
|
-
footer,
|
|
84
|
-
refSelect: ref,
|
|
85
|
-
loadMore,
|
|
86
|
-
optionalInfoPlacement,
|
|
87
|
-
isLoading,
|
|
88
|
-
children: /* @__PURE__ */ jsxs(Stack, { gap: 0.5, "aria-label": ariaLabel, children: [
|
|
89
|
-
/* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 0.5, children: [
|
|
90
|
-
label ? /* @__PURE__ */ jsx(
|
|
91
|
-
Text,
|
|
92
|
-
{
|
|
93
|
-
as: "label",
|
|
94
|
-
variant: size === "large" ? "bodyStrong" : "bodySmallStrong",
|
|
95
|
-
children: label
|
|
96
|
-
}
|
|
97
|
-
) : null,
|
|
98
|
-
required && label ? /* @__PURE__ */ jsx(Icon, { name: "asterisk", sentiment: "danger", size: 8 }) : null,
|
|
99
|
-
labelDescription ?? null
|
|
100
|
-
] }),
|
|
101
|
-
/* @__PURE__ */ jsx(
|
|
102
|
-
SelectBar,
|
|
103
|
-
{
|
|
104
|
-
size,
|
|
105
|
-
clearable,
|
|
106
|
-
readOnly,
|
|
107
|
-
disabled,
|
|
108
|
-
placeholder,
|
|
109
|
-
success,
|
|
110
|
-
error,
|
|
111
|
-
autoFocus: autofocus,
|
|
112
|
-
innerRef: ref
|
|
113
|
-
}
|
|
114
|
-
)
|
|
115
|
-
] })
|
|
116
|
-
}
|
|
117
|
-
),
|
|
118
|
-
!error && !success ? /* @__PURE__ */ jsx(
|
|
119
|
-
HelperText,
|
|
120
|
-
{
|
|
121
|
-
variant: "caption",
|
|
122
|
-
as: "p",
|
|
123
|
-
sentiment: "neutral",
|
|
124
|
-
prominence: "default",
|
|
125
|
-
children: helper
|
|
126
|
-
}
|
|
127
|
-
) : null,
|
|
128
|
-
error || success ? /* @__PURE__ */ jsx(
|
|
129
|
-
HelperText,
|
|
130
|
-
{
|
|
131
|
-
variant: "caption",
|
|
132
|
-
as: "p",
|
|
133
|
-
sentiment: error ? "danger" : "success",
|
|
134
|
-
prominence: "default",
|
|
135
|
-
children: error || success
|
|
136
|
-
}
|
|
137
|
-
) : null
|
|
138
|
-
]
|
|
139
|
-
}
|
|
140
|
-
)
|
|
141
|
-
}
|
|
142
|
-
);
|
|
71
|
+
const numberOfOptions = Array.isArray(options) ? options.length : Object.values(options).reduce((acc, current) => acc + current.filter((option) => !option.disabled).length, 0);
|
|
72
|
+
return /* @__PURE__ */ jsx(SelectInputProvider, { options, multiselect, selectAll, value, selectAllGroup, numberOfOptions, onChange, children: /* @__PURE__ */ jsxs(SelectInputContainer, { id, onBlur, onFocus, "data-testid": dataTestId, className, "aria-label": name, children: [
|
|
73
|
+
/* @__PURE__ */ jsx(Dropdown, { emptyState, descriptionDirection, searchable, placeholder: placeholderSearch, footer, refSelect: ref, loadMore, optionalInfoPlacement, isLoading, children: /* @__PURE__ */ jsxs(Stack, { gap: 0.5, "aria-label": ariaLabel, children: [
|
|
74
|
+
/* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 0.5, children: [
|
|
75
|
+
label ? /* @__PURE__ */ jsx(Text, { as: "label", variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children: label }) : null,
|
|
76
|
+
required && label ? /* @__PURE__ */ jsx(Icon, { name: "asterisk", sentiment: "danger", size: 8 }) : null,
|
|
77
|
+
labelDescription ?? null
|
|
78
|
+
] }),
|
|
79
|
+
/* @__PURE__ */ jsx(SelectBar, { size, clearable, readOnly, disabled, placeholder, success, error, autoFocus: autofocus, innerRef: ref })
|
|
80
|
+
] }) }),
|
|
81
|
+
!error && !success ? /* @__PURE__ */ jsx(HelperText, { variant: "caption", as: "p", sentiment: "neutral", prominence: "default", children: helper }) : null,
|
|
82
|
+
error || success ? /* @__PURE__ */ jsx(HelperText, { variant: "caption", as: "p", sentiment: error ? "danger" : "success", prominence: "default", children: error || success }) : null
|
|
83
|
+
] }) });
|
|
143
84
|
};
|
|
144
85
|
export {
|
|
145
86
|
SelectInputV2
|