@salutejs/plasma-new-hope 0.339.1-canary.2315.19231744336.0 → 0.340.0-canary.2254.19262020278.0

package/styled-components/es/components/Select/reducers/treePathReducer.js

@@ -73,6 +73,18 @@ export function treePathReducer(state, action) {
                 }
                 return stateCopy;
             }
+        case 'open_level':
+            {
+                var stateCopy1 = deepCopy(state);
+                createObjectAtPath(stateCopy1, action.value);
+                return stateCopy1;
+            }
+        case 'close_level':
+            {
+                var stateCopy2 = deepCopy(state);
+                removeObjectAtPath(stateCopy2, action.value);
+                return stateCopy2;
+            }
         default:
             {
                 return state;

package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -115,11 +115,14 @@ export var Textfield = /*#__PURE__*/ forwardRef(function(param, ref) {
             onChange(value.filter(function(val) {
                 var _valueToItemMap_get;
                 return valueToItemMap === null || valueToItemMap === void 0 ? void 0 : (_valueToItemMap_get = valueToItemMap.get(val)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.disabled;
-            }));
+            }), null);
         } else {
             onChange(value.filter(function(val) {
                 return val !== chip.value;
-            }), valueToItemMap.get(chip.value) || null);
+            }), valueToItemMap.get(chip.value) || {
+                value: chip.value,
+                label: chip.label
+            });
         }
     };
     var helperTextStopPropagation = function(event) {

package/styled-components/es/components/Select/ui/TreeList/TreeList.js

@@ -20,8 +20,10 @@ export var TreeList = function(param) {
     }, beforeList, items === null || items === void 0 ? void 0 : items.map(function(item, index) {
         return /*#__PURE__*/ React.createElement(Item, {
             key: index,
-            index: index,
-            item: item
+            item: item,
+            pathToItem: [
+                index
+            ]
         });
     }), afterList));
 };
@@ -69,7 +71,9 @@ var VirtualTreeList = function(param) {
             ref: virtualizer.measureElement
         }, /*#__PURE__*/ React.createElement(Item, {
             item: items[virtualRow.index],
-            index: virtualRow.index
+            pathToItem: [
+                virtualRow.index
+            ]
         }));
     })))), afterList);
 };

package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.js

@@ -1,11 +1,38 @@
-import React, { useContext } from "react";
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import React, { useContext, useRef } from "react";
 import { classes } from "../../../../Select.tokens";
 import { sizeToIconSize } from "../../../../utils";
+import { isArraysEqual, cx } from "../../../../../../utils";
+import { useDidMountEffect } from "../../../../../../hooks";
 import { keyExists } from "../../../../reducers/treePathReducer";
 import { Context } from "../../../../Select.context";
 import { ItemWrapper, ChildItems, Offset, IconWrapper, StyledCheckboxWrapper, StyledCheckbox, StyledIndicator, StyledIconDone, StyledText, StyledWrapper, StyledCell, DisclosureIconWrapper, StyledArrowRight, Wrapper, StyledArrowLeft } from "./Item.styles";
 export var Item = function(param) {
-    var item = param.item, index = param.index;
+    var item = param.item, pathToItem = param.pathToItem;
     var _valueToPathMap_get, _item_items;
     var label = item.label, value = item.value, disabled = item.disabled, isDisabled = item.isDisabled, contentLeft = item.contentLeft, contentRight = item.contentRight;
     var isLeaf = !(item === null || item === void 0 ? void 0 : item.items);
@@ -13,11 +40,14 @@ export var Item = function(param) {
     // @ts-ignore
     _checkboxAppearance = _useContext._checkboxAppearance, focusedPath = _useContext.focusedPath, treePath = _useContext.treePath, dispatchTreePath = _useContext.dispatchTreePath, arrowPlacement = _useContext.arrowPlacement, handleItemClick = _useContext.handleItemClick, handleCheckboxChange = _useContext.handleCheckboxChange, valueToPathMap = _useContext.valueToPathMap;
     var itemDisabled = Boolean(disabled || isDisabled);
+    var disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;
+    var ref = useRef(null);
     var currentItemDepth = (((_valueToPathMap_get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap_get === void 0 ? void 0 : _valueToPathMap_get.length) || 0) - 1;
     var isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);
     var withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;
-    var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? classes.dropdownItemIsFocused : undefined;
+    var focusedClass = isArraysEqual(pathToItem, focusedPath) ? classes.dropdownItemIsFocused : undefined;
     var handleClick = function(e) {
+        if (itemDisabled) return;
         if (!isLeaf) {
             dispatchTreePath({
                 type: 'toggled_level',
@@ -33,8 +63,20 @@ export var Item = function(param) {
         e.stopPropagation();
         handleCheckboxChange(item);
     };
+    useDidMountEffect(function() {
+        if (focusedClass && (ref === null || ref === void 0 ? void 0 : ref.current)) {
+            ref.current.scrollIntoView({
+                behavior: 'smooth',
+                block: 'center',
+                inline: 'center'
+            });
+        }
+    }, [
+        focusedClass
+    ]);
     return /*#__PURE__*/ React.createElement(ItemWrapper, null, /*#__PURE__*/ React.createElement(Wrapper, {
-        className: focusedClass,
+        ref: ref,
+        className: cx(focusedClass, disabledClassName),
         onClick: handleClick,
         variant: variant,
         role: "treeitem"
@@ -92,8 +134,10 @@ export var Item = function(param) {
     }))), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/ React.createElement(ChildItems, null, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(item, index) {
         return /*#__PURE__*/ React.createElement(Item, {
             item: item,
-            index: index,
-            key: index
+            key: item.value,
+            pathToItem: _to_consumable_array(pathToItem).concat([
+                index
+            ])
         });
     })));
 };