@salutejs/plasma-new-hope 0.335.0-canary.2194.17367251959.0 → 0.335.0-canary.2196.17375511532.0
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/Combobox/ComboboxNew/Combobox.js +15 -30
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +24 -0
- package/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js.map +1 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +26 -44
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +25 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
- package/emotion/cjs/examples/components/Chip/Chip.config.js +13 -14
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +12 -30
- package/emotion/es/components/Combobox/ComboboxNew/utils/getTextValue.js +16 -0
- package/emotion/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
- package/emotion/es/examples/components/Chip/Chip.config.js +13 -14
- package/es/components/Combobox/ComboboxNew/Combobox.js +15 -30
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/utils/getTextValue.js +20 -0
- package/es/components/Combobox/ComboboxNew/utils/getTextValue.js.map +1 -0
- package/package.json +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +26 -44
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +25 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
- package/styled-components/cjs/examples/components/Chip/Chip.config.js +0 -21
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +12 -30
- package/styled-components/es/components/Combobox/ComboboxNew/utils/getTextValue.js +16 -0
- package/styled-components/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
- package/styled-components/es/examples/components/Chip/Chip.config.js +0 -21
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/utils/getTextValue.d.ts +4 -0
- package/types/components/Combobox/ComboboxNew/utils/getTextValue.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/utils/index.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/utils/index.d.ts.map +1 -1
- package/types/examples/components/Chip/Chip.config.d.ts +0 -1
- package/types/examples/components/Chip/Chip.config.d.ts.map +1 -1
- package/types/examples/components/Chip/Chip.d.ts +0 -1
- package/types/examples/components/Chip/Chip.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
@@ -19,13 +19,12 @@ _export(exports, {
|
|
19
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
20
20
|
var _plasmacore = require("@salutejs/plasma-core");
|
21
21
|
var _utils = require("../../../utils");
|
22
|
-
var _utils1 = require("../../../utils");
|
23
22
|
var _hooks = require("../../../hooks");
|
24
|
-
var
|
23
|
+
var _utils1 = require("../../Select/utils");
|
25
24
|
var _Comboboxtokens = require("./Combobox.tokens");
|
26
25
|
var _FloatingPopover = require("./FloatingPopover");
|
27
26
|
var _useKeyboardNavigation = require("./hooks/useKeyboardNavigation");
|
28
|
-
var
|
27
|
+
var _utils2 = require("./utils");
|
29
28
|
var _ui = require("./ui");
|
30
29
|
var _reducers = require("./reducers");
|
31
30
|
var _getPathMaps = require("./hooks/getPathMaps");
|
@@ -218,7 +217,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
218
217
|
}
|
219
218
|
var comboboxRoot = function(Root) {
|
220
219
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
|
221
|
-
var
|
220
|
+
var _getItemByFocused;
|
222
221
|
var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, // @ts-ignore
|
223
222
|
_offset = props._offset, rest = _object_without_properties(props, [
|
224
223
|
"name",
|
@@ -266,7 +265,7 @@ var comboboxRoot = function(Root) {
|
|
266
265
|
"_offset"
|
267
266
|
]);
|
268
267
|
var transformedItems = (0, _react.useMemo)(function() {
|
269
|
-
return (0,
|
268
|
+
return (0, _utils2.initialItemsTransform)(items || []);
|
270
269
|
}, [
|
271
270
|
items
|
272
271
|
]);
|
@@ -276,7 +275,7 @@ var comboboxRoot = function(Root) {
|
|
276
275
|
}, [
|
277
276
|
items
|
278
277
|
]), 3), valueToCheckedMap = _useMemo[0], valueToItemMap = _useMemo[1], labelToItemMap = _useMemo[2];
|
279
|
-
var _useState = _sliced_to_array((0, _react.useState)(
|
278
|
+
var _useState = _sliced_to_array((0, _react.useState)((0, _utils2.getTextValue)(multiple, outerValue, valueToItemMap, renderValue)), 2), textValue = _useState[0], setTextValue = _useState[1];
|
280
279
|
var _useState1 = _sliced_to_array((0, _react.useState)(multiple ? [] : ''), 2), internalValue = _useState1[0], setInternalValue = _useState1[1];
|
281
280
|
var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
|
282
281
|
var inputRef = (0, _react.useRef)(null);
|
@@ -284,8 +283,7 @@ var comboboxRoot = function(Root) {
|
|
284
283
|
var inputForkRef = (0, _plasmacore.useForkRef)(inputRef, ref);
|
285
284
|
var treeId = (0, _utils.safeUseId)();
|
286
285
|
var filteredItems = (0, _react.useMemo)(function() {
|
287
|
-
|
288
|
-
return (0, _utils3.filterItems)(transformedItems, textValue, ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value, filter);
|
286
|
+
return (0, _utils2.filterItems)(transformedItems, textValue, (0, _utils2.getTextValue)(multiple, value, valueToItemMap, renderValue), filter);
|
289
287
|
}, [
|
290
288
|
transformedItems,
|
291
289
|
textValue,
|
@@ -322,30 +320,19 @@ var comboboxRoot = function(Root) {
|
|
322
320
|
if (onToggle) {
|
323
321
|
onToggle(false);
|
324
322
|
}
|
325
|
-
//
|
326
|
-
|
327
|
-
// Если нет выбранного элемента, то стираем значение инпута.
|
328
|
-
if (textValue !== value) {
|
329
|
-
if ((0, _utils1.isEmpty)(value)) {
|
330
|
-
setTextValue('');
|
331
|
-
} else if (multiple) {
|
332
|
-
setTextValue('');
|
333
|
-
} else {
|
334
|
-
var _valueToItemMap_get;
|
335
|
-
setTextValue(((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value || '');
|
336
|
-
}
|
337
|
-
}
|
323
|
+
// Возвращаем актуальное значение поля ввода после закрытия выпадающего списка.
|
324
|
+
setTextValue((0, _utils2.getTextValue)(multiple, value, valueToItemMap, renderValue));
|
338
325
|
}, floatingPopoverRef);
|
339
326
|
// Эта функция срабатывает при изменении Combobox и
|
340
327
|
// при изменении нативного Select для формы (срабатывает только после изменения internalValue и рендера).
|
341
328
|
var onChange = function(newValue, item) {
|
342
329
|
// Условие для отправки изменений наружу
|
343
330
|
if (props.onChange) {
|
344
|
-
// Условие для
|
331
|
+
// Условие для отправки, если комбобокс используется без формы.
|
345
332
|
if (!props.name && (typeof newValue === 'string' || Array.isArray(newValue))) {
|
346
333
|
props.onChange(newValue, item || null);
|
347
334
|
}
|
348
|
-
// Условие для
|
335
|
+
// Условие для отправки, если комбобокс используется с формой.
|
349
336
|
if (props.name && (typeof newValue === "undefined" ? "undefined" : _type_of(newValue)) === 'object' && !Array.isArray(newValue)) {
|
350
337
|
props.onChange(newValue);
|
351
338
|
}
|
@@ -404,7 +391,7 @@ var comboboxRoot = function(Root) {
|
|
404
391
|
resultValues.splice(index, 1);
|
405
392
|
}
|
406
393
|
});
|
407
|
-
var removedItemValue = (0,
|
394
|
+
var removedItemValue = (0, _utils2.getRemovedElement)(value, resultValues, isTargetAmount);
|
408
395
|
onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) || {
|
409
396
|
value: removedItemValue,
|
410
397
|
label: removedItemValue.toString()
|
@@ -414,7 +401,7 @@ var comboboxRoot = function(Root) {
|
|
414
401
|
var _labelToItemMap_get;
|
415
402
|
return ((_labelToItemMap_get = labelToItemMap.get(chipLabel)) === null || _labelToItemMap_get === void 0 ? void 0 : _labelToItemMap_get.value) || chipLabel;
|
416
403
|
});
|
417
|
-
var removedItemValue1 = (0,
|
404
|
+
var removedItemValue1 = (0, _utils2.getRemovedElement)(value, newValues, isTargetAmount);
|
418
405
|
onChange(newValues, removedItemValue1 ? valueToItemMap.get(removedItemValue1) || {
|
419
406
|
value: removedItemValue1,
|
420
407
|
label: removedItemValue1.toString()
|
@@ -450,12 +437,12 @@ var comboboxRoot = function(Root) {
|
|
450
437
|
var checkedCopy = new Map(checked);
|
451
438
|
if (!checkedCopy.get(item.value)) {
|
452
439
|
checkedCopy.set(item.value, true);
|
453
|
-
(0,
|
440
|
+
(0, _utils2.updateDescendants)(item, checkedCopy, true, valueToItemMap);
|
454
441
|
} else {
|
455
442
|
checkedCopy.set(item.value, false);
|
456
|
-
(0,
|
443
|
+
(0, _utils2.updateDescendants)(item, checkedCopy, false);
|
457
444
|
}
|
458
|
-
(0,
|
445
|
+
(0, _utils2.updateAncestors)(item, checkedCopy);
|
459
446
|
var newValues = [];
|
460
447
|
valueToItemMap.forEach(function(item, key) {
|
461
448
|
if (checkedCopy.get(key)) {
|
@@ -484,7 +471,7 @@ var comboboxRoot = function(Root) {
|
|
484
471
|
};
|
485
472
|
// Обработчик клика по айтему выпадающего списка
|
486
473
|
var handleItemClick = function(item, e) {
|
487
|
-
if (!(0,
|
474
|
+
if (!(0, _utils.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
|
488
475
|
return;
|
489
476
|
}
|
490
477
|
if (multiple) {
|
@@ -530,7 +517,7 @@ var comboboxRoot = function(Root) {
|
|
530
517
|
return [];
|
531
518
|
};
|
532
519
|
var handlePressDown = function(item, e) {
|
533
|
-
if ((0,
|
520
|
+
if ((0, _utils.isEmpty)(item.items)) {
|
534
521
|
handleItemClick(item, e);
|
535
522
|
} else if (multiple) {
|
536
523
|
handleCheckboxChange(item);
|
@@ -561,14 +548,14 @@ var comboboxRoot = function(Root) {
|
|
561
548
|
checkedCopy.forEach(function(_, key) {
|
562
549
|
checkedCopy.set(key, false);
|
563
550
|
});
|
564
|
-
if (!(0,
|
551
|
+
if (!(0, _utils.isEmpty)(value)) {
|
565
552
|
if (Array.isArray(value)) {
|
566
553
|
value.forEach(function(val) {
|
567
554
|
// Только если value находится в items, т.к. value может и не существовать в items.
|
568
555
|
if (valueToItemMap.has(val)) {
|
569
556
|
checkedCopy.set(val, true);
|
570
|
-
(0,
|
571
|
-
(0,
|
557
|
+
(0, _utils2.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
|
558
|
+
(0, _utils2.updateAncestors)(valueToItemMap.get(val), checkedCopy);
|
572
559
|
}
|
573
560
|
});
|
574
561
|
} else {
|
@@ -576,15 +563,11 @@ var comboboxRoot = function(Root) {
|
|
576
563
|
// eslint-disable-next-line no-lonely-if
|
577
564
|
if (valueToItemMap.has(value)) {
|
578
565
|
checkedCopy.set(value, 'done');
|
579
|
-
(0,
|
566
|
+
(0, _utils2.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
|
580
567
|
}
|
581
568
|
}
|
582
569
|
}
|
583
570
|
setChecked(checkedCopy);
|
584
|
-
if (!multiple && textValue === value && valueToItemMap.has(value)) {
|
585
|
-
var _valueToItemMap_get;
|
586
|
-
setTextValue(((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || '');
|
587
|
-
}
|
588
571
|
// В deps мы кладем именно outerValue и internalValue, а не просто value.
|
589
572
|
// Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
|
590
573
|
// А переменную, содержащую сложные типы данных, нельзя помещать в deps.
|
@@ -594,9 +577,8 @@ var comboboxRoot = function(Root) {
|
|
594
577
|
items
|
595
578
|
]);
|
596
579
|
// При изменении value нужно возвращать значение в инпуте к исходному.
|
597
|
-
(0,
|
598
|
-
|
599
|
-
setTextValue(multiple ? '' : ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || (value === null || value === void 0 ? void 0 : value.toString()) || '');
|
580
|
+
(0, _hooks.useDidMountLayoutEffect)(function() {
|
581
|
+
setTextValue((0, _utils2.getTextValue)(multiple, value, valueToItemMap, renderValue));
|
600
582
|
}, [
|
601
583
|
outerValue,
|
602
584
|
internalValue
|
@@ -667,7 +649,7 @@ var comboboxRoot = function(Root) {
|
|
667
649
|
onClick: handleClickArrow
|
668
650
|
}, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledArrow, {
|
669
651
|
color: "inherit",
|
670
|
-
size: (0,
|
652
|
+
size: (0, _utils1.sizeToIconSize)(size),
|
671
653
|
className: withArrowInverse
|
672
654
|
})),
|
673
655
|
textBefore: textBefore,
|
@@ -680,7 +662,7 @@ var comboboxRoot = function(Root) {
|
|
680
662
|
"aria-autocomplete": "list",
|
681
663
|
"aria-controls": "".concat(treeId, "_tree_level_1"),
|
682
664
|
"aria-expanded": isCurrentListOpen,
|
683
|
-
"aria-activedescendant": activeDescendantItemValue ? (0,
|
665
|
+
"aria-activedescendant": activeDescendantItemValue ? (0, _utils2.getItemId)(treeId, activeDescendantItemValue) : '',
|
684
666
|
labelPlacement: labelPlacement,
|
685
667
|
keepPlaceholder: keepPlaceholder
|
686
668
|
}, multiple ? {
|
@@ -713,7 +695,7 @@ var comboboxRoot = function(Root) {
|
|
713
695
|
virtual: virtual,
|
714
696
|
listOverflow: listOverflow,
|
715
697
|
onScroll: virtual ? undefined : onScroll
|
716
|
-
}, beforeList, (0,
|
698
|
+
}, beforeList, (0, _utils.isEmpty)(filteredItems) ? /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledEmptyState, {
|
717
699
|
className: _Comboboxtokens.classes.emptyStateWrapper,
|
718
700
|
size: size,
|
719
701
|
description: emptyStateDescription || 'Ничего не найдено'
|
@@ -0,0 +1,25 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
3
|
+
value: true
|
4
|
+
});
|
5
|
+
Object.defineProperty(exports, "getTextValue", {
|
6
|
+
enumerable: true,
|
7
|
+
get: function() {
|
8
|
+
return getTextValue;
|
9
|
+
}
|
10
|
+
});
|
11
|
+
// Type Guard для multiple.
|
12
|
+
// @ts-ignore
|
13
|
+
function isMultiple(multiple, value) {
|
14
|
+
return Boolean(multiple);
|
15
|
+
}
|
16
|
+
var getTextValue = function(multiple, value, valueToItemMap, renderValue) {
|
17
|
+
var _valueToItemMap_get;
|
18
|
+
if (isMultiple(multiple, value) || !value) {
|
19
|
+
return '';
|
20
|
+
}
|
21
|
+
return (renderValue === null || renderValue === void 0 ? void 0 : renderValue({
|
22
|
+
value: value,
|
23
|
+
label: ''
|
24
|
+
})) || ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value.toString();
|
25
|
+
};
|
@@ -18,6 +18,9 @@ _export(exports, {
|
|
18
18
|
get getRemovedElement () {
|
19
19
|
return _getRemovedElement.getRemovedElement;
|
20
20
|
},
|
21
|
+
get getTextValue () {
|
22
|
+
return _getTextValue.getTextValue;
|
23
|
+
},
|
21
24
|
get initialItemsTransform () {
|
22
25
|
return _initialItemsTransform.initialItemsTransform;
|
23
26
|
},
|
@@ -42,3 +45,4 @@ var _sizeToIconSize = require("./sizeToIconSize");
|
|
42
45
|
var _filterItems = require("./filterItems");
|
43
46
|
var _getItemId = require("./getItemId");
|
44
47
|
var _getRemovedElement = require("./getRemovedElement");
|
48
|
+
var _getTextValue = require("./getTextValue");
|
@@ -181,27 +181,6 @@ var config = {
|
|
181
181
|
":0.25rem;",
|
182
182
|
":-0.25rem;",
|
183
183
|
":0.75rem;"
|
184
|
-
], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
|
185
|
-
xxs: (0, _styledcomponents.css)([
|
186
|
-
"",
|
187
|
-
":0.375rem;",
|
188
|
-
":0.625rem;",
|
189
|
-
":auto;",
|
190
|
-
":1.25rem;",
|
191
|
-
":0 0.5rem;",
|
192
|
-
":var(--plasma-typo-body-xxs-font-family);",
|
193
|
-
":var(--plasma-typo-body-xxs-font-size);",
|
194
|
-
":var(--plasma-typo-body-xxs-font-style);",
|
195
|
-
":var(--plasma-typo-body-xxs-font-weight);",
|
196
|
-
":var(--plasma-typo-body-xxs-letter-spacing);",
|
197
|
-
":var(--plasma-typo-body-xxs-line-height);",
|
198
|
-
":-0.125rem;",
|
199
|
-
":0.125rem;",
|
200
|
-
":0.125rem;",
|
201
|
-
":-0.125rem;",
|
202
|
-
":0.25rem;",
|
203
|
-
":-0.25rem;",
|
204
|
-
":0.75rem;"
|
205
184
|
], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize)
|
206
185
|
},
|
207
186
|
disabled: {
|
@@ -141,14 +141,13 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
141
141
|
}
|
142
142
|
import React, { forwardRef, useState, useReducer, useMemo, useLayoutEffect, useRef } from "react";
|
143
143
|
import { useForkRef } from "@salutejs/plasma-core";
|
144
|
-
import { safeUseId } from "../../../utils";
|
145
|
-
import {
|
146
|
-
import { useOutsideClick } from "../../../hooks";
|
144
|
+
import { safeUseId, isEmpty } from "../../../utils";
|
145
|
+
import { useOutsideClick, useDidMountLayoutEffect } from "../../../hooks";
|
147
146
|
import { sizeToIconSize } from "../../Select/utils";
|
148
147
|
import { classes } from "./Combobox.tokens";
|
149
148
|
import { FloatingPopover } from "./FloatingPopover";
|
150
149
|
import { useKeyNavigation, getItemByFocused } from "./hooks/useKeyboardNavigation";
|
151
|
-
import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, filterItems, getItemId, getRemovedElement } from "./utils";
|
150
|
+
import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, filterItems, getItemId, getRemovedElement, getTextValue } from "./utils";
|
152
151
|
import { Inner, StyledTextField, VirtualList, SelectAll } from "./ui";
|
153
152
|
import { pathReducer, focusedPathReducer } from "./reducers";
|
154
153
|
import { getPathMap, getTreeMaps } from "./hooks/getPathMaps";
|
@@ -161,7 +160,7 @@ import { Context } from "./Combobox.context";
|
|
161
160
|
* Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
|
162
161
|
*/ export var comboboxRoot = function(Root) {
|
163
162
|
return /*#__PURE__*/ forwardRef(function(props, ref) {
|
164
|
-
var
|
163
|
+
var _getItemByFocused;
|
165
164
|
var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, // @ts-ignore
|
166
165
|
_offset = props._offset, rest = _object_without_properties(props, [
|
167
166
|
"name",
|
@@ -219,7 +218,7 @@ import { Context } from "./Combobox.context";
|
|
219
218
|
}, [
|
220
219
|
items
|
221
220
|
]), 3), valueToCheckedMap = _useMemo[0], valueToItemMap = _useMemo[1], labelToItemMap = _useMemo[2];
|
222
|
-
var _useState = _sliced_to_array(useState(multiple
|
221
|
+
var _useState = _sliced_to_array(useState(getTextValue(multiple, outerValue, valueToItemMap, renderValue)), 2), textValue = _useState[0], setTextValue = _useState[1];
|
223
222
|
var _useState1 = _sliced_to_array(useState(multiple ? [] : ''), 2), internalValue = _useState1[0], setInternalValue = _useState1[1];
|
224
223
|
var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
|
225
224
|
var inputRef = useRef(null);
|
@@ -227,8 +226,7 @@ import { Context } from "./Combobox.context";
|
|
227
226
|
var inputForkRef = useForkRef(inputRef, ref);
|
228
227
|
var treeId = safeUseId();
|
229
228
|
var filteredItems = useMemo(function() {
|
230
|
-
|
231
|
-
return filterItems(transformedItems, textValue, ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value, filter);
|
229
|
+
return filterItems(transformedItems, textValue, getTextValue(multiple, value, valueToItemMap, renderValue), filter);
|
232
230
|
}, [
|
233
231
|
transformedItems,
|
234
232
|
textValue,
|
@@ -265,30 +263,19 @@ import { Context } from "./Combobox.context";
|
|
265
263
|
if (onToggle) {
|
266
264
|
onToggle(false);
|
267
265
|
}
|
268
|
-
//
|
269
|
-
|
270
|
-
// Если нет выбранного элемента, то стираем значение инпута.
|
271
|
-
if (textValue !== value) {
|
272
|
-
if (isEmpty(value)) {
|
273
|
-
setTextValue('');
|
274
|
-
} else if (multiple) {
|
275
|
-
setTextValue('');
|
276
|
-
} else {
|
277
|
-
var _valueToItemMap_get;
|
278
|
-
setTextValue(((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value || '');
|
279
|
-
}
|
280
|
-
}
|
266
|
+
// Возвращаем актуальное значение поля ввода после закрытия выпадающего списка.
|
267
|
+
setTextValue(getTextValue(multiple, value, valueToItemMap, renderValue));
|
281
268
|
}, floatingPopoverRef);
|
282
269
|
// Эта функция срабатывает при изменении Combobox и
|
283
270
|
// при изменении нативного Select для формы (срабатывает только после изменения internalValue и рендера).
|
284
271
|
var onChange = function(newValue, item) {
|
285
272
|
// Условие для отправки изменений наружу
|
286
273
|
if (props.onChange) {
|
287
|
-
// Условие для
|
274
|
+
// Условие для отправки, если комбобокс используется без формы.
|
288
275
|
if (!props.name && (typeof newValue === 'string' || Array.isArray(newValue))) {
|
289
276
|
props.onChange(newValue, item || null);
|
290
277
|
}
|
291
|
-
// Условие для
|
278
|
+
// Условие для отправки, если комбобокс используется с формой.
|
292
279
|
if (props.name && (typeof newValue === "undefined" ? "undefined" : _type_of(newValue)) === 'object' && !Array.isArray(newValue)) {
|
293
280
|
props.onChange(newValue);
|
294
281
|
}
|
@@ -524,10 +511,6 @@ import { Context } from "./Combobox.context";
|
|
524
511
|
}
|
525
512
|
}
|
526
513
|
setChecked(checkedCopy);
|
527
|
-
if (!multiple && textValue === value && valueToItemMap.has(value)) {
|
528
|
-
var _valueToItemMap_get;
|
529
|
-
setTextValue(((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || '');
|
530
|
-
}
|
531
514
|
// В deps мы кладем именно outerValue и internalValue, а не просто value.
|
532
515
|
// Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
|
533
516
|
// А переменную, содержащую сложные типы данных, нельзя помещать в deps.
|
@@ -537,9 +520,8 @@ import { Context } from "./Combobox.context";
|
|
537
520
|
items
|
538
521
|
]);
|
539
522
|
// При изменении value нужно возвращать значение в инпуте к исходному.
|
540
|
-
|
541
|
-
|
542
|
-
setTextValue(multiple ? '' : ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || (value === null || value === void 0 ? void 0 : value.toString()) || '');
|
523
|
+
useDidMountLayoutEffect(function() {
|
524
|
+
setTextValue(getTextValue(multiple, value, valueToItemMap, renderValue));
|
543
525
|
}, [
|
544
526
|
outerValue,
|
545
527
|
internalValue
|
@@ -0,0 +1,16 @@
|
|
1
|
+
// Type Guard для multiple.
|
2
|
+
// @ts-ignore
|
3
|
+
function isMultiple(multiple, value) {
|
4
|
+
return Boolean(multiple);
|
5
|
+
}
|
6
|
+
// Хелпер для генерации начального состояния поля ввода.
|
7
|
+
export var getTextValue = function(multiple, value, valueToItemMap, renderValue) {
|
8
|
+
var _valueToItemMap_get;
|
9
|
+
if (isMultiple(multiple, value) || !value) {
|
10
|
+
return '';
|
11
|
+
}
|
12
|
+
return (renderValue === null || renderValue === void 0 ? void 0 : renderValue({
|
13
|
+
value: value,
|
14
|
+
label: ''
|
15
|
+
})) || ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value.toString();
|
16
|
+
};
|
@@ -171,27 +171,6 @@ export var config = {
|
|
171
171
|
":0.25rem;",
|
172
172
|
":-0.25rem;",
|
173
173
|
":0.75rem;"
|
174
|
-
], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
|
175
|
-
xxs: css([
|
176
|
-
"",
|
177
|
-
":0.375rem;",
|
178
|
-
":0.625rem;",
|
179
|
-
":auto;",
|
180
|
-
":1.25rem;",
|
181
|
-
":0 0.5rem;",
|
182
|
-
":var(--plasma-typo-body-xxs-font-family);",
|
183
|
-
":var(--plasma-typo-body-xxs-font-size);",
|
184
|
-
":var(--plasma-typo-body-xxs-font-style);",
|
185
|
-
":var(--plasma-typo-body-xxs-font-weight);",
|
186
|
-
":var(--plasma-typo-body-xxs-letter-spacing);",
|
187
|
-
":var(--plasma-typo-body-xxs-line-height);",
|
188
|
-
":-0.125rem;",
|
189
|
-
":0.125rem;",
|
190
|
-
":0.125rem;",
|
191
|
-
":-0.125rem;",
|
192
|
-
":0.25rem;",
|
193
|
-
":-0.25rem;",
|
194
|
-
":0.75rem;"
|
195
174
|
], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize)
|
196
175
|
},
|
197
176
|
disabled: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA8BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,2FA6jBtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA/jBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAolB3F,CAAC"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { CSSProperties, ButtonHTMLAttributes, ChangeEventHandler } from 'react';
|
2
|
-
import React from 'react';
|
2
|
+
import * as React from 'react';
|
3
3
|
import { RequiredProps, HintProps, LabelProps } from '../../TextField/TextField.types';
|
4
4
|
import { DropdownProps } from '../../Dropdown/Dropdown.types';
|
5
5
|
import { FocusedPathState } from './reducers';
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AACrF,OAAO,KAAK,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.types.ts"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import { ComboboxProps } from '../Combobox.types';
|
2
|
+
import { ValueToItemMapType } from '../hooks/getPathMaps';
|
3
|
+
export declare const getTextValue: (multiple: ComboboxProps['multiple'], value: ComboboxProps['value'], valueToItemMap: ValueToItemMapType, renderValue: ComboboxProps['renderValue']) => string;
|
4
|
+
//# sourceMappingURL=getTextValue.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"getTextValue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/getTextValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAS1D,eAAO,MAAM,YAAY,EAAE,CACvB,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,EACnC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,EAC7B,cAAc,EAAE,kBAAkB,EAClC,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,KACxC,MAMJ,CAAC"}
|
@@ -6,4 +6,5 @@ export { sizeToIconSize } from './sizeToIconSize';
|
|
6
6
|
export { filterItems } from './filterItems';
|
7
7
|
export { getItemId } from './getItemId';
|
8
8
|
export { getRemovedElement } from './getRemovedElement';
|
9
|
+
export { getTextValue } from './getTextValue';
|
9
10
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
@@ -18,7 +18,6 @@ export declare const config: {
|
|
18
18
|
m: import("@linaria/core").LinariaClassName;
|
19
19
|
s: import("@linaria/core").LinariaClassName;
|
20
20
|
xs: import("@linaria/core").LinariaClassName;
|
21
|
-
xxs: import("@linaria/core").LinariaClassName;
|
22
21
|
};
|
23
22
|
disabled: {
|
24
23
|
true: import("@linaria/core").LinariaClassName;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Chip.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Chip/Chip.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Chip.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Chip/Chip.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyLlB,CAAC"}
|
@@ -12,7 +12,6 @@ export declare const Chip: import("react").FunctionComponent<import("../../../en
|
|
12
12
|
m: import("@linaria/core").LinariaClassName;
|
13
13
|
s: import("@linaria/core").LinariaClassName;
|
14
14
|
xs: import("@linaria/core").LinariaClassName;
|
15
|
-
xxs: import("@linaria/core").LinariaClassName;
|
16
15
|
};
|
17
16
|
disabled: {
|
18
17
|
true: import("@linaria/core").LinariaClassName;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Chip/Chip.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Chip/Chip.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;qGAA0B,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Combobox/Combobox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIxE,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAEtF,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Combobox/Combobox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIxE,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAEtF,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAY+yG,MAAO,YAAY;;;;;;;;sBAAy1B,MAAO,SAAS;gDAAgI,MAAO,SAAS;;;;mBAA6f,MAAO,OAAO;;iBAAyO,MAAO,SAAS;gBAAwF,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAj3D,YAAY;;;;;;;;4BAAg2B,SAAS;sDAAuI,SAAS;;;;yBAAogB,OAAO;;uBAAgP,SAAS;sBAA+F,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qKAZ7oK,CAAC;AAElD,KAAK,eAAe,GAAG,MAAM,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC;AAEzD,KAAK,QAAQ,CAAC,CAAC,SAAS,kBAAkB,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,eAAe,CAAC,GACjF,IAAI,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,EAAE,eAAe,CAAC,CAAC;AAEpE,QAAA,MAAM,QAAQ,EAAwB,CAAC,CAA4B,SAAlB,kBAAkB,EAC/D,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAC5D,YAAY,GAAG,IAAI,CAAC;AAEzB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|