w-design-system 0.0.58 → 0.0.60
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/MultiSelect/index.d.ts +4 -2
- package/dist/components/MultiSelect/index.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.js +174 -15
- package/dist/components/MultiSelect/index.js.map +1 -1
- package/dist/components/MultiSelect/stories.js +1 -1
- package/dist/components/MultiSelect/stories.js.map +1 -1
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +111 -24
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.d.ts +10 -0
- package/dist/components/Select/styles.d.ts.map +1 -1
- package/dist/components/Select/styles.js +22 -3
- package/dist/components/Select/styles.js.map +1 -1
- package/dist/components/Types/index.d.ts +1 -0
- package/dist/components/Types/index.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/MultiSelect/index.tsx +251 -35
- package/src/components/MultiSelect/stories.tsx +1 -1
- package/src/components/Select/index.tsx +161 -44
- package/src/components/Select/styles.ts +33 -3
- package/src/components/Types/index.ts +1 -0
- package/src/index.tsx +1 -0
- package/src/components/MultiSelect/styles.ts +0 -79
|
@@ -3,10 +3,12 @@ export interface MultiSelectProps<T extends {
|
|
|
3
3
|
text: string;
|
|
4
4
|
id: number;
|
|
5
5
|
icon?: ReactNode;
|
|
6
|
+
badge?: string | number;
|
|
6
7
|
} = {
|
|
7
8
|
text: string;
|
|
8
9
|
id: number;
|
|
9
10
|
icon?: ReactNode;
|
|
11
|
+
badge?: string | number;
|
|
10
12
|
}> extends HTMLAttributes<HTMLDivElement> {
|
|
11
13
|
disabled?: boolean;
|
|
12
14
|
label?: string;
|
|
@@ -22,7 +24,7 @@ export interface MultiSelectProps<T extends {
|
|
|
22
24
|
disableSearch?: boolean;
|
|
23
25
|
dropDownMaxHeight?: string;
|
|
24
26
|
}
|
|
25
|
-
export interface
|
|
27
|
+
export interface MultiSelectRef {
|
|
26
28
|
setOpen(open: boolean): void;
|
|
27
29
|
}
|
|
28
30
|
export declare const MultiSelect: <T extends {
|
|
@@ -30,6 +32,6 @@ export declare const MultiSelect: <T extends {
|
|
|
30
32
|
id: number;
|
|
31
33
|
icon?: ReactNode;
|
|
32
34
|
}>(props: PropsWithChildren<MultiSelectProps<T>> & {
|
|
33
|
-
ref?: React.ForwardedRef<
|
|
35
|
+
ref?: React.ForwardedRef<MultiSelectRef>;
|
|
34
36
|
}) => React.ReactElement;
|
|
35
37
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EACd,iBAAiB,EACjB,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EACd,iBAAiB,EACjB,SAAS,EAQV,MAAM,OAAO,CAAA;AAmBd,MAAM,WAAW,gBAAgB,CAC/B,CAAC,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG;IAClF,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CACD,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,cAAc,CAAC,EAAE,CAAC,EAAE,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAA;CAC7B;AA0WD,eAAO,MAAM,WAAW,EAA6C,CACnE,CAAwD,SAA9C;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,CAAA;CAAE,EAExD,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACzF,KAAK,CAAC,YAAY,CAAA"}
|
|
@@ -9,12 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
|
|
12
|
+
import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
|
|
13
13
|
import { chevronDownSVG } from '../../assets/icon';
|
|
14
14
|
import { IconWrapper } from '../IconWrapper';
|
|
15
15
|
import { Input } from '../Input';
|
|
16
16
|
import { theme } from '../Themes';
|
|
17
|
-
import { Dropdown, DropdownWrapper, OptionButton, OptionText,
|
|
17
|
+
import { Dropdown, DropdownWrapper, OptionButton, OptionText, SelectWrapper, OptionBackground, OptionsWrapper, OptionTextBadge, NoResults, } from '../Select/styles';
|
|
18
|
+
import { Paragraph } from '../Paragraph';
|
|
18
19
|
const MultiSelectFowardRef = (_a, ref) => {
|
|
19
20
|
var _b;
|
|
20
21
|
var { children, label, leftIcon, onOptionChange, options, placeholder, rightIcon, selectedOption: selectedOptions, value, dropDownWidth, disabled, disableSearch } = _a, props = __rest(_a, ["children", "label", "leftIcon", "onOptionChange", "options", "placeholder", "rightIcon", "selectedOption", "value", "dropDownWidth", "disabled", "disableSearch"]);
|
|
@@ -44,7 +45,7 @@ const MultiSelectFowardRef = (_a, ref) => {
|
|
|
44
45
|
document.removeEventListener('click', handler);
|
|
45
46
|
};
|
|
46
47
|
}, [open]);
|
|
47
|
-
const onOptionClick = (option) => {
|
|
48
|
+
const onOptionClick = useCallback((option) => {
|
|
48
49
|
var _a;
|
|
49
50
|
const isActive = (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.findIndex(item => item.id === option.id)) !== -1;
|
|
50
51
|
if (isActive) {
|
|
@@ -53,7 +54,7 @@ const MultiSelectFowardRef = (_a, ref) => {
|
|
|
53
54
|
else {
|
|
54
55
|
onOptionChange && onOptionChange([...(selectedOptions !== null && selectedOptions !== void 0 ? selectedOptions : []), option]);
|
|
55
56
|
}
|
|
56
|
-
};
|
|
57
|
+
}, [onOptionChange, selectedOptions]);
|
|
57
58
|
useEffect(() => {
|
|
58
59
|
if (usingInput)
|
|
59
60
|
return;
|
|
@@ -65,7 +66,10 @@ const MultiSelectFowardRef = (_a, ref) => {
|
|
|
65
66
|
setComputedValue('Todos');
|
|
66
67
|
}
|
|
67
68
|
else {
|
|
68
|
-
setComputedValue(selectedOptions
|
|
69
|
+
setComputedValue(selectedOptions
|
|
70
|
+
.map(option => option.text)
|
|
71
|
+
.sort()
|
|
72
|
+
.join(', '));
|
|
69
73
|
}
|
|
70
74
|
}
|
|
71
75
|
else {
|
|
@@ -106,19 +110,174 @@ const MultiSelectFowardRef = (_a, ref) => {
|
|
|
106
110
|
}
|
|
107
111
|
return items;
|
|
108
112
|
}, [options, usingInput, disableSearch, computedValue]);
|
|
109
|
-
|
|
113
|
+
const dropdownRef = useRef(null);
|
|
114
|
+
const optionsWrapperRef = useRef(null);
|
|
115
|
+
const [backgroundStyle, setBackgroundStyle] = useState({
|
|
116
|
+
$opacity: 0,
|
|
117
|
+
$width: '100%',
|
|
118
|
+
$height: '0px',
|
|
119
|
+
$top: '0px',
|
|
120
|
+
$left: '0px',
|
|
121
|
+
});
|
|
122
|
+
const optionRefs = useRef([]);
|
|
123
|
+
const lastItemIdRef = useRef();
|
|
124
|
+
const [highlightedIndex, setHighlightedIndex] = useState(null);
|
|
125
|
+
const updateBackground = useCallback((index) => {
|
|
126
|
+
if (index === lastItemIdRef.current)
|
|
127
|
+
return;
|
|
128
|
+
const target = optionRefs.current[index];
|
|
129
|
+
if (!target)
|
|
130
|
+
return;
|
|
131
|
+
if (!optionsWrapperRef.current)
|
|
132
|
+
return;
|
|
133
|
+
const { left, top, height } = target.getBoundingClientRect();
|
|
134
|
+
const { left: contentLeft, top: contentTop } = optionsWrapperRef.current.getBoundingClientRect();
|
|
135
|
+
const padding = 16;
|
|
136
|
+
setBackgroundStyle({
|
|
137
|
+
$opacity: 1,
|
|
138
|
+
$width: `100%`,
|
|
139
|
+
$height: `${height}px`,
|
|
140
|
+
$top: `${padding + top - contentTop}px`,
|
|
141
|
+
$left: `${left - contentLeft}px`,
|
|
142
|
+
});
|
|
143
|
+
lastItemIdRef.current = index;
|
|
144
|
+
}, []);
|
|
145
|
+
/**
|
|
146
|
+
* When the user has the mouse over the dropdown and presses an up or down arrow key, the dropdown should
|
|
147
|
+
* ignore the hover change, as the user is navigating with the keyboard
|
|
148
|
+
*/
|
|
149
|
+
const [disableHoverChange, setDisableHoverChange] = useState(false);
|
|
150
|
+
const timeoutRef = useRef(null);
|
|
151
|
+
const scrollIntoView = (index) => {
|
|
152
|
+
const option = optionRefs.current[index];
|
|
153
|
+
if (option && dropdownRef.current) {
|
|
154
|
+
option.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
|
|
155
|
+
if (timeoutRef.current)
|
|
156
|
+
clearTimeout(timeoutRef.current);
|
|
157
|
+
const intersectionObserver = new IntersectionObserver(entries => {
|
|
158
|
+
if (entries[0].isIntersecting) {
|
|
159
|
+
setDisableHoverChange(true);
|
|
160
|
+
timeoutRef.current = setTimeout(() => {
|
|
161
|
+
timeoutRef.current = null;
|
|
162
|
+
setDisableHoverChange(false);
|
|
163
|
+
}, 200);
|
|
164
|
+
}
|
|
165
|
+
setTimeout(() => {
|
|
166
|
+
intersectionObserver.disconnect();
|
|
167
|
+
}, 100);
|
|
168
|
+
});
|
|
169
|
+
if (dropdownRef.current)
|
|
170
|
+
intersectionObserver.observe(dropdownRef.current);
|
|
171
|
+
}
|
|
172
|
+
};
|
|
173
|
+
useEffect(() => {
|
|
174
|
+
if (!open) {
|
|
175
|
+
setHighlightedIndex(null);
|
|
176
|
+
setBackgroundStyle(Object.assign(Object.assign({}, backgroundStyle), { $opacity: 0 }));
|
|
177
|
+
return;
|
|
178
|
+
}
|
|
179
|
+
const handleKeyDown = (event) => {
|
|
180
|
+
if (!filteredOptions.length)
|
|
181
|
+
return;
|
|
182
|
+
if (event.key === 'ArrowDown') {
|
|
183
|
+
event.preventDefault();
|
|
184
|
+
setHighlightedIndex(prevIndex => {
|
|
185
|
+
const nextIndex = prevIndex === null || prevIndex === filteredOptions.length - 1 ? 0 : prevIndex + 1;
|
|
186
|
+
scrollIntoView(nextIndex);
|
|
187
|
+
updateBackground(nextIndex);
|
|
188
|
+
const element = optionRefs.current[nextIndex];
|
|
189
|
+
if (element) {
|
|
190
|
+
const checkbox = element.querySelector('input');
|
|
191
|
+
if (checkbox) {
|
|
192
|
+
checkbox.focus();
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
return nextIndex;
|
|
196
|
+
});
|
|
197
|
+
}
|
|
198
|
+
if (event.key === 'ArrowUp') {
|
|
199
|
+
event.preventDefault();
|
|
200
|
+
setHighlightedIndex(prevIndex => {
|
|
201
|
+
const nextIndex = prevIndex === null || prevIndex === 0 ? filteredOptions.length - 1 : prevIndex - 1;
|
|
202
|
+
scrollIntoView(nextIndex);
|
|
203
|
+
updateBackground(nextIndex);
|
|
204
|
+
const element = optionRefs.current[nextIndex];
|
|
205
|
+
if (element) {
|
|
206
|
+
const checkbox = element.querySelector('input');
|
|
207
|
+
if (checkbox) {
|
|
208
|
+
checkbox.focus();
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
return nextIndex;
|
|
212
|
+
});
|
|
213
|
+
}
|
|
214
|
+
if (event.key === 'Enter' && highlightedIndex !== null) {
|
|
215
|
+
event.preventDefault();
|
|
216
|
+
onOptionClick(filteredOptions[highlightedIndex]);
|
|
217
|
+
}
|
|
218
|
+
};
|
|
219
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
220
|
+
return () => {
|
|
221
|
+
document.removeEventListener('keydown', handleKeyDown);
|
|
222
|
+
};
|
|
223
|
+
}, [open, filteredOptions, highlightedIndex, updateBackground, backgroundStyle, onOptionClick]);
|
|
224
|
+
useEffect(() => {
|
|
225
|
+
if (disableHoverChange && dropdownRef.current) {
|
|
226
|
+
const element = dropdownRef.current;
|
|
227
|
+
const handler = () => {
|
|
228
|
+
setDisableHoverChange(false);
|
|
229
|
+
};
|
|
230
|
+
element.addEventListener('scrollend', handler);
|
|
231
|
+
return () => {
|
|
232
|
+
element.removeEventListener('scrollend', handler);
|
|
233
|
+
};
|
|
234
|
+
}
|
|
235
|
+
}, [disableHoverChange]);
|
|
236
|
+
/**
|
|
237
|
+
* Used to handle the pointer enter event, it's used to highlight the option that the mouse is over
|
|
238
|
+
*/
|
|
239
|
+
const onPointerEnter = useCallback((event, index) => {
|
|
240
|
+
if (disableHoverChange)
|
|
241
|
+
return;
|
|
242
|
+
updateBackground(index);
|
|
243
|
+
setHighlightedIndex(index);
|
|
244
|
+
}, [disableHoverChange, updateBackground, setHighlightedIndex]);
|
|
245
|
+
/**
|
|
246
|
+
* Used to handle the pointer leave event, it's used to remove the highlight from the option that the mouse is over
|
|
247
|
+
*/
|
|
248
|
+
const onPointerLeave = useCallback((event, index) => {
|
|
249
|
+
if (disableHoverChange)
|
|
250
|
+
return;
|
|
251
|
+
if (index === lastItemIdRef.current) {
|
|
252
|
+
setBackgroundStyle(currentStyle => (Object.assign(Object.assign({}, currentStyle), { $opacity: 0 })));
|
|
253
|
+
lastItemIdRef.current = undefined;
|
|
254
|
+
}
|
|
255
|
+
}, [disableHoverChange]);
|
|
256
|
+
return (React.createElement(SelectWrapper, Object.assign({}, props, { ref: wrapperRef }),
|
|
110
257
|
React.createElement(Input, { disabled: disabled, leftIcon: leftIcon, rightIcon: React.createElement(React.Fragment, null,
|
|
111
258
|
rightIcon,
|
|
112
|
-
React.createElement(IconWrapper, { className: `icon ${open ? 'icon-rotate' : ''}`, src: chevronDownSVG, width: "16px", color: theme.colors.shade30 })), placeholder: placeholder, label: label, value: computedValue, readonly: !open, onChange: onInputChange, onClick: () =>
|
|
259
|
+
React.createElement(IconWrapper, { className: `icon ${open ? 'icon-rotate' : ''}`, src: chevronDownSVG, width: "16px", color: theme.colors.shade30 })), placeholder: placeholder, label: label, value: computedValue, readonly: !open, onChange: onInputChange, onClick: () => {
|
|
260
|
+
if (!disabled) {
|
|
261
|
+
setComputedValue('');
|
|
262
|
+
setUsingInput(true);
|
|
263
|
+
setOpen(true);
|
|
264
|
+
}
|
|
265
|
+
} }),
|
|
113
266
|
open && (React.createElement(DropdownWrapper, null,
|
|
114
|
-
React.createElement(Dropdown, { dropDownTop: props.dropDownTop, dropDownWidth: dropDownWidth, dropDownMaxHeight: props.dropDownMaxHeight },
|
|
115
|
-
((_b = options === null || options === void 0 ? void 0 : options.length) !== null && _b !== void 0 ? _b : 0) > 0 && (React.createElement(
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
React.createElement(
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
267
|
+
React.createElement(Dropdown, { ref: dropdownRef, dropDownTop: props.dropDownTop, dropDownWidth: dropDownWidth, dropDownMaxHeight: props.dropDownMaxHeight },
|
|
268
|
+
((_b = options === null || options === void 0 ? void 0 : options.length) !== null && _b !== void 0 ? _b : 0) > 0 && (React.createElement(React.Fragment, null,
|
|
269
|
+
React.createElement(OptionsWrapper, { ref: optionsWrapperRef }, filteredOptions.map((option, index) => {
|
|
270
|
+
var _a, _b;
|
|
271
|
+
return (React.createElement(OptionButton, { selected: (_a = selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.some(selectedOption => option.id === selectedOption.id)) !== null && _a !== void 0 ? _a : false, key: option.id, onClick: () => onOptionClick(option), ref: ref => (optionRefs.current[index] = ref), onPointerEnter: event => onPointerEnter(event, index), onPointerLeave: event => onPointerLeave(event, index) },
|
|
272
|
+
React.createElement("input", { type: "checkbox", checked: (_b = selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.some(selectedOption => option.id === selectedOption.id)) !== null && _b !== void 0 ? _b : false, onChange: () => onOptionClick(option) }),
|
|
273
|
+
(option === null || option === void 0 ? void 0 : option.badge) ? (React.createElement(OptionTextBadge, null,
|
|
274
|
+
React.createElement("div", null, option.text),
|
|
275
|
+
React.createElement(Paragraph, { strongBod: true, color: theme.colors.honey30 }, option.badge))) : (React.createElement(React.Fragment, null,
|
|
276
|
+
option.icon,
|
|
277
|
+
React.createElement(OptionText, null, option.text)))));
|
|
278
|
+
})),
|
|
279
|
+
React.createElement(OptionBackground, { "$opacity": backgroundStyle.$opacity, "$width": backgroundStyle.$width, "$height": backgroundStyle.$height, "$top": backgroundStyle.$top, "$left": backgroundStyle.$left }),
|
|
280
|
+
filteredOptions.length === 0 && (options === null || options === void 0 ? void 0 : options.length) && React.createElement(NoResults, null, "Sem resultados"))),
|
|
122
281
|
children)))));
|
|
123
282
|
};
|
|
124
283
|
export const MultiSelect = React.forwardRef(MultiSelectFowardRef);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,7 +28,7 @@ export default meta;
|
|
|
28
28
|
const ComponentWrapper = (_a) => {
|
|
29
29
|
var { options } = _a, args = __rest(_a, ["options"]);
|
|
30
30
|
const [selectedOption, setSelectOption] = React.useState([]);
|
|
31
|
-
return (React.createElement(MultiSelect, Object.assign({ selectedOption: selectedOption, onOptionChange: option => setSelectOption(option), options: options !== null && options !== void 0 ? options : (new Array(
|
|
31
|
+
return (React.createElement(MultiSelect, Object.assign({ selectedOption: selectedOption, onOptionChange: option => setSelectOption(option), options: options !== null && options !== void 0 ? options : (new Array(5)).fill(0).map((_, index) => ({
|
|
32
32
|
id: index,
|
|
33
33
|
text: `Opção ${index + 1}`,
|
|
34
34
|
})) }, args)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,WAAW,EAAoB,MAAM,SAAS,CAAA;AACvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACrC,cAAc,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE;QAClD,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACpC;CACiC,CAAA;AAEpC,eAAe,IAAI,CAAA;AAGnB,MAAM,gBAAgB,GAAG,CAAC,EAAsC,EAAE,EAAE;QAA1C,EAAE,OAAO,OAA6B,EAAxB,IAAI,cAAlB,WAAoB,CAAF;IAC1C,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqC,EAAE,CAAC,CAAA;IAEhG,OAAO,CACL,oBAAC,WAAW,kBACV,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,MAAM,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EACjD,OAAO,EACL,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,CAAC,IAAI,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,WAAW,EAAoB,MAAM,SAAS,CAAA;AACvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACrC,cAAc,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE;QAClD,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACpC;CACiC,CAAA;AAEpC,eAAe,IAAI,CAAA;AAGnB,MAAM,gBAAgB,GAAG,CAAC,EAAsC,EAAE,EAAE;QAA1C,EAAE,OAAO,OAA6B,EAAxB,IAAI,cAAlB,WAAoB,CAAF;IAC1C,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqC,EAAE,CAAC,CAAA;IAEhG,OAAO,CACL,oBAAC,WAAW,kBACV,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,MAAM,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EACjD,OAAO,EACL,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YACnD,EAAE,EAAE,KAAK;YACT,IAAI,EAAE,SAAS,KAAK,GAAG,CAAC,EAAE;SAC3B,CAAC,CAAC,IAED,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAC,gBAAgB,IAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,aAAa,GAAG;CAC3E,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EACd,iBAAiB,EACjB,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EACd,iBAAiB,EACjB,SAAS,EAQV,MAAM,OAAO,CAAA;AAoBd,MAAM,WAAW,WAAW,CAC1B,CAAC,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG;IAClF,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CACD,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IAC3C,OAAO,CAAC,EAAE,CAAC,EAAE,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,cAAc,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAA;CAC7B;AA+UD,eAAO,MAAM,MAAM,EAAwC,CACzD,CAAqE,SAA3D;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAA;CAAE,EAErE,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;CAAE,KAC/E,KAAK,CAAC,YAAY,CAAA"}
|
|
@@ -9,13 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
|
|
12
|
+
import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
|
|
13
13
|
import { chevronDownSVG } from '../../assets/icon';
|
|
14
14
|
import { IconWrapper } from '../IconWrapper';
|
|
15
15
|
import { Input } from '../Input';
|
|
16
16
|
import { Paragraph } from '../Paragraph';
|
|
17
17
|
import { theme } from '../Themes';
|
|
18
|
-
import { Dropdown, DropdownWrapper, OptionButton, OptionText, OptionTextBadge, SelectWrapper } from './styles';
|
|
18
|
+
import { Dropdown, DropdownWrapper, NoResults, OptionBackground, OptionButton, OptionsWrapper, OptionText, OptionTextBadge, SelectWrapper, } from './styles';
|
|
19
19
|
const SelectFowardRef = (_a, ref) => {
|
|
20
20
|
var _b;
|
|
21
21
|
var { children, label, leftIcon, onOptionChange, options, placeholder, rightIcon, selectedOption, value, dropDownWidth, disabled, disableSearch } = _a, props = __rest(_a, ["children", "label", "leftIcon", "onOptionChange", "options", "placeholder", "rightIcon", "selectedOption", "value", "dropDownWidth", "disabled", "disableSearch"]);
|
|
@@ -26,6 +26,35 @@ const SelectFowardRef = (_a, ref) => {
|
|
|
26
26
|
useImperativeHandle(ref, () => ({
|
|
27
27
|
setOpen,
|
|
28
28
|
}));
|
|
29
|
+
const lastItemIdRef = useRef();
|
|
30
|
+
const optionsWrapperRef = useRef(null);
|
|
31
|
+
const [backgroundStyle, setBackgroundStyle] = useState({
|
|
32
|
+
$opacity: 0,
|
|
33
|
+
$width: '0px',
|
|
34
|
+
$height: '0px',
|
|
35
|
+
$top: '0px',
|
|
36
|
+
$left: '0px',
|
|
37
|
+
});
|
|
38
|
+
const updateBackground = useCallback((index) => {
|
|
39
|
+
if (index === lastItemIdRef.current)
|
|
40
|
+
return;
|
|
41
|
+
const target = optionRefs.current[index];
|
|
42
|
+
if (!target)
|
|
43
|
+
return;
|
|
44
|
+
if (!optionsWrapperRef.current)
|
|
45
|
+
return;
|
|
46
|
+
const { left, top, height } = target.getBoundingClientRect();
|
|
47
|
+
const { left: contentLeft, top: contentTop } = optionsWrapperRef.current.getBoundingClientRect();
|
|
48
|
+
const padding = 16;
|
|
49
|
+
setBackgroundStyle({
|
|
50
|
+
$opacity: 1,
|
|
51
|
+
$width: '100%',
|
|
52
|
+
$height: `${height}px`,
|
|
53
|
+
$top: `${padding + top - contentTop}px`,
|
|
54
|
+
$left: `${left - contentLeft}px`,
|
|
55
|
+
});
|
|
56
|
+
lastItemIdRef.current = index;
|
|
57
|
+
}, []);
|
|
29
58
|
useEffect(() => {
|
|
30
59
|
if (!open)
|
|
31
60
|
return;
|
|
@@ -45,10 +74,10 @@ const SelectFowardRef = (_a, ref) => {
|
|
|
45
74
|
document.removeEventListener('click', handler);
|
|
46
75
|
};
|
|
47
76
|
}, [open]);
|
|
48
|
-
const onOptionClick = (option) => {
|
|
77
|
+
const onOptionClick = useCallback((option) => {
|
|
49
78
|
onOptionChange && onOptionChange(option);
|
|
50
79
|
setOpen(false);
|
|
51
|
-
};
|
|
80
|
+
}, [onOptionChange]);
|
|
52
81
|
useEffect(() => {
|
|
53
82
|
if (usingInput)
|
|
54
83
|
return;
|
|
@@ -103,6 +132,7 @@ const SelectFowardRef = (_a, ref) => {
|
|
|
103
132
|
useEffect(() => {
|
|
104
133
|
if (!open) {
|
|
105
134
|
setHighlightedIndex(null);
|
|
135
|
+
setBackgroundStyle(Object.assign(Object.assign({}, backgroundStyle), { $opacity: 0 }));
|
|
106
136
|
return;
|
|
107
137
|
}
|
|
108
138
|
const handleKeyDown = (event) => {
|
|
@@ -113,6 +143,7 @@ const SelectFowardRef = (_a, ref) => {
|
|
|
113
143
|
setHighlightedIndex(prevIndex => {
|
|
114
144
|
const nextIndex = prevIndex === null || prevIndex === filteredOptions.length - 1 ? 0 : prevIndex + 1;
|
|
115
145
|
scrollIntoView(nextIndex);
|
|
146
|
+
updateBackground(nextIndex);
|
|
116
147
|
return nextIndex;
|
|
117
148
|
});
|
|
118
149
|
}
|
|
@@ -121,6 +152,7 @@ const SelectFowardRef = (_a, ref) => {
|
|
|
121
152
|
setHighlightedIndex(prevIndex => {
|
|
122
153
|
const nextIndex = prevIndex === null || prevIndex === 0 ? filteredOptions.length - 1 : prevIndex - 1;
|
|
123
154
|
scrollIntoView(nextIndex);
|
|
155
|
+
updateBackground(nextIndex);
|
|
124
156
|
return nextIndex;
|
|
125
157
|
});
|
|
126
158
|
}
|
|
@@ -129,17 +161,71 @@ const SelectFowardRef = (_a, ref) => {
|
|
|
129
161
|
onOptionClick(filteredOptions[highlightedIndex]);
|
|
130
162
|
}
|
|
131
163
|
};
|
|
132
|
-
const scrollIntoView = (index) => {
|
|
133
|
-
const option = optionRefs.current[index];
|
|
134
|
-
if (option && dropdownRef.current) {
|
|
135
|
-
option.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
|
|
136
|
-
}
|
|
137
|
-
};
|
|
138
164
|
document.addEventListener('keydown', handleKeyDown);
|
|
139
165
|
return () => {
|
|
140
166
|
document.removeEventListener('keydown', handleKeyDown);
|
|
141
167
|
};
|
|
142
|
-
}, [open, filteredOptions, highlightedIndex]);
|
|
168
|
+
}, [open, filteredOptions, highlightedIndex, updateBackground, backgroundStyle, onOptionClick]);
|
|
169
|
+
/**
|
|
170
|
+
* When the user has the mouse over the dropdown and presses an up or down arrow key, the dropdown should
|
|
171
|
+
* ignore the hover change, as the user is navigating with the keyboard
|
|
172
|
+
*/
|
|
173
|
+
const [disableHoverChange, setDisableHoverChange] = useState(false);
|
|
174
|
+
const timeoutRef = useRef(null);
|
|
175
|
+
const scrollIntoView = (index) => {
|
|
176
|
+
const option = optionRefs.current[index];
|
|
177
|
+
if (option && dropdownRef.current) {
|
|
178
|
+
option.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
|
|
179
|
+
if (timeoutRef.current)
|
|
180
|
+
clearTimeout(timeoutRef.current);
|
|
181
|
+
const intersectionObserver = new IntersectionObserver(entries => {
|
|
182
|
+
if (entries[0].isIntersecting) {
|
|
183
|
+
setDisableHoverChange(true);
|
|
184
|
+
timeoutRef.current = setTimeout(() => {
|
|
185
|
+
timeoutRef.current = null;
|
|
186
|
+
setDisableHoverChange(false);
|
|
187
|
+
}, 200);
|
|
188
|
+
}
|
|
189
|
+
setTimeout(() => {
|
|
190
|
+
intersectionObserver.disconnect();
|
|
191
|
+
}, 100);
|
|
192
|
+
});
|
|
193
|
+
if (dropdownRef.current)
|
|
194
|
+
intersectionObserver.observe(dropdownRef.current);
|
|
195
|
+
}
|
|
196
|
+
};
|
|
197
|
+
useEffect(() => {
|
|
198
|
+
if (disableHoverChange && dropdownRef.current) {
|
|
199
|
+
const element = dropdownRef.current;
|
|
200
|
+
const handler = () => {
|
|
201
|
+
setDisableHoverChange(false);
|
|
202
|
+
};
|
|
203
|
+
element.addEventListener('scrollend', handler);
|
|
204
|
+
return () => {
|
|
205
|
+
element.removeEventListener('scrollend', handler);
|
|
206
|
+
};
|
|
207
|
+
}
|
|
208
|
+
}, [disableHoverChange]);
|
|
209
|
+
/**
|
|
210
|
+
* Used to handle the pointer enter event, it's used to highlight the option that the mouse is over
|
|
211
|
+
*/
|
|
212
|
+
const onPointerEnter = useCallback((event, index) => {
|
|
213
|
+
if (disableHoverChange)
|
|
214
|
+
return;
|
|
215
|
+
updateBackground(index);
|
|
216
|
+
setHighlightedIndex(index);
|
|
217
|
+
}, [disableHoverChange, updateBackground, setHighlightedIndex]);
|
|
218
|
+
/**
|
|
219
|
+
* Used to handle the pointer leave event, it's used to remove the highlight from the option that the mouse is over
|
|
220
|
+
*/
|
|
221
|
+
const onPointerLeave = useCallback((event, index) => {
|
|
222
|
+
if (disableHoverChange)
|
|
223
|
+
return;
|
|
224
|
+
if (index === lastItemIdRef.current) {
|
|
225
|
+
setBackgroundStyle(currentStyle => (Object.assign(Object.assign({}, currentStyle), { $opacity: 0 })));
|
|
226
|
+
lastItemIdRef.current = undefined;
|
|
227
|
+
}
|
|
228
|
+
}, [disableHoverChange]);
|
|
143
229
|
return (React.createElement(SelectWrapper, Object.assign({}, props, { ref: wrapperRef }),
|
|
144
230
|
React.createElement(Input, { disabled: disabled, leftIcon: leftIcon, rightIcon: React.createElement(React.Fragment, null,
|
|
145
231
|
rightIcon,
|
|
@@ -148,21 +234,22 @@ const SelectFowardRef = (_a, ref) => {
|
|
|
148
234
|
setComputedValue('');
|
|
149
235
|
setUsingInput(true);
|
|
150
236
|
setOpen(true);
|
|
237
|
+
setBackgroundStyle({ $opacity: 0, $width: '100%', $height: '0px', $top: '0px', $left: '0px' });
|
|
151
238
|
}
|
|
152
239
|
} }),
|
|
153
|
-
open && (React.createElement(DropdownWrapper,
|
|
154
|
-
React.createElement(Dropdown, { dropDownTop: props.dropDownTop, dropDownWidth: dropDownWidth, dropDownMaxHeight: props.dropDownMaxHeight },
|
|
155
|
-
((_b = options === null || options === void 0 ? void 0 : options.length) !== null && _b !== void 0 ? _b : 0) > 0 && (React.createElement(
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
240
|
+
open && (React.createElement(DropdownWrapper, null,
|
|
241
|
+
React.createElement(Dropdown, { ref: dropdownRef, dropDownTop: props.dropDownTop, dropDownWidth: dropDownWidth, dropDownMaxHeight: props.dropDownMaxHeight },
|
|
242
|
+
((_b = options === null || options === void 0 ? void 0 : options.length) !== null && _b !== void 0 ? _b : 0) > 0 && (React.createElement(React.Fragment, null,
|
|
243
|
+
React.createElement(OptionsWrapper, { ref: optionsWrapperRef }, filteredOptions.map((option, index) => {
|
|
244
|
+
const isSelected = (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.id) === option.id;
|
|
245
|
+
return (React.createElement(OptionButton, { selected: isSelected, key: option.id, onClick: () => onOptionClick(option), ref: el => (optionRefs.current[index] = el), onPointerEnter: event => onPointerEnter(event, index), onPointerLeave: event => onPointerLeave(event, index) }, (option === null || option === void 0 ? void 0 : option.badge) ? (React.createElement(OptionTextBadge, null,
|
|
246
|
+
React.createElement("div", null, option.text),
|
|
247
|
+
React.createElement(Paragraph, { strongBod: true, color: theme.colors.honey30 }, option.badge))) : (React.createElement(React.Fragment, null,
|
|
248
|
+
option.icon,
|
|
249
|
+
React.createElement(OptionText, null, option.text)))));
|
|
250
|
+
})),
|
|
251
|
+
React.createElement(OptionBackground, { "$opacity": backgroundStyle.$opacity, "$width": backgroundStyle.$width, "$height": backgroundStyle.$height, "$top": backgroundStyle.$top, "$left": backgroundStyle.$left }),
|
|
252
|
+
filteredOptions.length === 0 && (options === null || options === void 0 ? void 0 : options.length) && React.createElement(NoResults, null, "Sem resultados"))),
|
|
166
253
|
children)))));
|
|
167
254
|
};
|
|
168
255
|
export const Select = React.forwardRef(SelectFowardRef);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAIZ,SAAS,EACT,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,4 +12,14 @@ export interface OptionButtonProps {
|
|
|
12
12
|
export declare const OptionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, OptionButtonProps>> & string;
|
|
13
13
|
export declare const OptionText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
14
|
export declare const OptionTextBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
15
|
+
export declare const OptionsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
16
|
+
export interface OptionBackgroundProps {
|
|
17
|
+
$opacity: number;
|
|
18
|
+
$width: string;
|
|
19
|
+
$height: string;
|
|
20
|
+
$top: string;
|
|
21
|
+
$left: string;
|
|
22
|
+
}
|
|
23
|
+
export declare const OptionBackground: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, OptionBackgroundProps>> & string;
|
|
24
|
+
export declare const NoResults: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
15
25
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,6NAUzB,CAAA;AACD,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,eAAO,MAAM,QAAQ,kPAgBpB,CAAA;AAED,eAAO,MAAM,eAAe,6NAG3B,CAAA;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,6NAUzB,CAAA;AACD,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,eAAO,MAAM,QAAQ,kPAgBpB,CAAA;AAED,eAAO,MAAM,eAAe,6NAG3B,CAAA;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,YAAY,kQAwBxB,CAAA;AAED,eAAO,MAAM,UAAU,6NAEtB,CAAA;AACD,eAAO,MAAM,eAAe,6NAK3B,CAAA;AAED,eAAO,MAAM,cAAc,6NAG1B,CAAA;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,gBAAgB,0PAU5B,CAAA;AAED,eAAO,MAAM,SAAS,6NAMrB,CAAA"}
|