@salutejs/plasma-new-hope 0.340.0-canary.2324.19228888741.0 → 0.340.0-canary.2325.19236948330.0

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

@@ -11,9 +11,19 @@ Object.defineProperty(exports, "Item", {
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _Selecttokens = require("../../../../Select.tokens");
 var _utils = require("../../../../utils");
+var _utils1 = require("../../../../../../utils");
+var _hooks = require("../../../../../../hooks");
 var _treePathReducer = require("../../../../reducers/treePathReducer");
 var _Selectcontext = require("../../../../Select.context");
 var _Itemstyles = require("./Item.styles");
+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 _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -55,8 +65,25 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+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);
+}
 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);
@@ -64,11 +91,14 @@ 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 ? _Selecttokens.classes.dropdownItemIsDisabled : undefined;
+    var ref = (0, _react.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 = (0, _treePathReducer.keyExists)(treePath, valueToPathMap.get(value.toString()) || []);
     var withArrowInverse = isCurrentLevelOpened ? _Selecttokens.classes.arrowInverse : undefined;
-    var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? _Selecttokens.classes.dropdownItemIsFocused : undefined;
+    var focusedClass = (0, _utils1.isArraysEqual)(pathToItem, focusedPath) ? _Selecttokens.classes.dropdownItemIsFocused : undefined;
     var handleClick = function(e) {
+        if (itemDisabled) return;
         if (!isLeaf) {
             dispatchTreePath({
                 type: 'toggled_level',
@@ -84,8 +114,20 @@ var Item = function(param) {
         e.stopPropagation();
         handleCheckboxChange(item);
     };
+    (0, _hooks.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.default.createElement(_Itemstyles.ItemWrapper, null, /*#__PURE__*/ _react.default.createElement(_Itemstyles.Wrapper, {
-        className: focusedClass,
+        ref: ref,
+        className: (0, _utils1.cx)(focusedClass, disabledClassName),
         onClick: handleClick,
         variant: variant,
         role: "treeitem"
@@ -143,8 +185,10 @@ var Item = function(param) {
     }))), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/ _react.default.createElement(_Itemstyles.ChildItems, null, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(item, index) {
         return /*#__PURE__*/ _react.default.createElement(Item, {
             item: item,
-            index: index,
-            key: index
+            key: item.value,
+            pathToItem: _to_consumable_array(pathToItem).concat([
+                index
+            ])
         });
     })));
 };