@salutejs/plasma-new-hope 0.340.0-canary.2322.19132961849.0 → 0.340.0-canary.2322.19262336998.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
+            ])
         });
     })));
 };

package/styled-components/cjs/components/Tabs/tokens.js

@@ -98,6 +98,7 @@ var tokens = {
     fontSize: '--plasma-tab-item-font-size',
     fontStyle: '--plasma-tab-item-font-style',
     fontWeight: '--plasma-tab-item-font-weight',
+    fontWeightSelected: '--plasma-tab-item-font-weight-selected',
     letterSpacing: '--plasma-tab-item-letter-spacing',
     lineHeight: '--plasma-tab-item-lineheight',
     valueFontFamily: '--plasma-tab-item-value-font-family',

package/styled-components/cjs/components/TextField/TextField.styles.js

@@ -91,13 +91,13 @@ var mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
 var Tooltip = (0, _engines.component)(mergedConfig);
 var InputWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__InputWrapper",
-    componentId: "sc-66cc3e7c-0"
+    componentId: "sc-28a93ab-0"
 })([
     "position:relative;display:flex;align-items:center;box-sizing:border-box;"
 ]);
 var InputLabelWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__InputLabelWrapper",
-    componentId: "sc-66cc3e7c-1"
+    componentId: "sc-28a93ab-1"
 })([
     "flex:1;overflow:scroll;position:relative;width:100%;display:inline-flex;align-items:center;::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;&.",
     "{height:var(",
@@ -106,7 +106,7 @@ var InputLabelWrapper = _styledcomponents.default.div.withConfig({
 ], String(_TextFieldtokens.classes.hasChips), _TextFieldtokens.tokens.chipHeight, _TextFieldtokens.tokens.chipBorderRadius);
 var StyledChips = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledChips",
-    componentId: "sc-66cc3e7c-2"
+    componentId: "sc-28a93ab-2"
 })([
     "display:flex;gap:var(",
     ");margin-right:var(",
@@ -115,7 +115,7 @@ var StyledChips = _styledcomponents.default.div.withConfig({
 ], _TextFieldtokens.tokens.chipGap, _TextFieldtokens.tokens.chipMarginRight, _TextFieldtokens.tokens.chipGap);
 var Input = _styledcomponents.default.input.withConfig({
     displayName: "TextField.styles__Input",
-    componentId: "sc-66cc3e7c-3"
+    componentId: "sc-28a93ab-3"
 })([
     "box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;&.",
     "{",
@@ -123,7 +123,7 @@ var Input = _styledcomponents.default.input.withConfig({
 ], _TextFieldtokens.classes.inputTextEllipsis, (0, _mixins.applyEllipsis)());
 var InputContainer = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__InputContainer",
-    componentId: "sc-66cc3e7c-4"
+    componentId: "sc-28a93ab-4"
 })([
     "position:relative;display:flex;flex:1;min-width:",
     ";",
@@ -138,7 +138,7 @@ var InputContainer = _styledcomponents.default.div.withConfig({
 });
 var InputPlaceholder = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__InputPlaceholder",
-    componentId: "sc-66cc3e7c-5"
+    componentId: "sc-28a93ab-5"
 })([
     "display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(",
     ");padding:",
@@ -149,7 +149,7 @@ var InputPlaceholder = _styledcomponents.default.div.withConfig({
 });
 var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__OuterLabelWrapper",
-    componentId: "sc-66cc3e7c-6"
+    componentId: "sc-28a93ab-6"
 })([
     "display:flex;align-items:center;white-space:",
     ";margin-bottom:",
@@ -163,42 +163,44 @@ var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
 });
 var TitleCaption = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__TitleCaption",
-    componentId: "sc-66cc3e7c-7"
+    componentId: "sc-28a93ab-7"
 })([
     "display:inline-block;margin-left:auto;"
 ]);
 var StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledIndicatorWrapper",
-    componentId: "sc-66cc3e7c-8"
+    componentId: "sc-28a93ab-8"
 })([
     "position:relative;display:inline-flex;align-items:center;"
 ]);
 var Label = _styledcomponents.default.label.withConfig({
     displayName: "TextField.styles__Label",
-    componentId: "sc-66cc3e7c-9"
+    componentId: "sc-28a93ab-9"
 })([
     "display:inline-flex;"
 ]);
 var StyledContentLeft = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledContentLeft",
-    componentId: "sc-66cc3e7c-10"
+    componentId: "sc-28a93ab-10"
 })([
-    "margin:var(",
-    ");color:",
-    ";line-height:0;"
-], _TextFieldtokens.tokens.leftContentMargin, function(param) {
+    "--private_content-slot-color:",
+    ";margin:var(",
+    ");color:var(--private_content-slot-color);line-height:0;&:hover{color:var(",
+    ",var(--private_content-slot-color));}&:active{color:var(",
+    ",var(--private_content-slot-color));}"
+], function(param) {
     var isDefaultView = param.isDefaultView, isClear = param.isClear;
     return !isDefaultView && isClear ? "var(".concat(_TextFieldtokens.tokens.clearColor, ")") : "var(".concat(_TextFieldtokens.tokens.contentSlotColor, ")");
-});
+}, _TextFieldtokens.tokens.leftContentMargin, _TextFieldtokens.tokens.contentSlotColorHover, _TextFieldtokens.tokens.contentSlotColorActive);
 var StyledContentRightWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledContentRightWrapper",
-    componentId: "sc-66cc3e7c-11"
+    componentId: "sc-28a93ab-11"
 })([
     "display:flex;align-items:center;"
 ]);
 var StyledContentRight = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledContentRight",
-    componentId: "sc-66cc3e7c-12"
+    componentId: "sc-28a93ab-12"
 })([
     "line-height:0;margin:var(",
     ");color:var(",
@@ -211,13 +213,13 @@ var StyledContentRight = _styledcomponents.default.div.withConfig({
 ], _TextFieldtokens.tokens.rightContentMargin, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.tokens.contentSlotRightColorHover, _TextFieldtokens.tokens.contentSlotColorHover, _TextFieldtokens.tokens.contentSlotRightColorActive, _TextFieldtokens.tokens.contentSlotColorActive);
 var LeftHelper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__LeftHelper",
-    componentId: "sc-66cc3e7c-13"
+    componentId: "sc-28a93ab-13"
 })([
     ""
 ]);
 var StyledTextBefore = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledTextBefore",
-    componentId: "sc-66cc3e7c-14"
+    componentId: "sc-28a93ab-14"
 })([
     "visibility:",
     ";"
@@ -227,20 +229,20 @@ var StyledTextBefore = _styledcomponents.default.div.withConfig({
 });
 var StyledTextAfter = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledTextAfter",
-    componentId: "sc-66cc3e7c-15"
+    componentId: "sc-28a93ab-15"
 })([
     ""
 ]);
 var StyledOptionalText = _styledcomponents.default.span.withConfig({
     displayName: "TextField.styles__StyledOptionalText",
-    componentId: "sc-66cc3e7c-16"
+    componentId: "sc-28a93ab-16"
 })([
     "color:var(",
     ");"
 ], _TextFieldtokens.tokens.optionalColor);
 var StyledHintWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledHintWrapper",
-    componentId: "sc-66cc3e7c-17"
+    componentId: "sc-28a93ab-17"
 })([
     "display:inline-block;line-height:0;&.",
     "{position:absolute;margin:0;inset:var(",
@@ -248,14 +250,14 @@ var StyledHintWrapper = _styledcomponents.default.div.withConfig({
 ], _TextFieldtokens.classes.innerLabelPlacement, _TextFieldtokens.tokens.hintInnerLabelPlacementOffset);
 var HintTargetWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__HintTargetWrapper",
-    componentId: "sc-66cc3e7c-18"
+    componentId: "sc-28a93ab-18"
 })([
     "color:var(",
     ");display:flex;justify-content:center;align-items:center;"
 ], _TextFieldtokens.tokens.hintIconColor);
 var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
     displayName: "TextField.styles__Hint",
-    componentId: "sc-66cc3e7c-19"
+    componentId: "sc-28a93ab-19"
 })([
     "",
     " .",
@@ -263,13 +265,13 @@ var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
 ], HintTargetWrapper, _Popover.popoverClasses.root);
 var HintIconWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__HintIconWrapper",
-    componentId: "sc-66cc3e7c-20"
+    componentId: "sc-28a93ab-20"
 })([
     "display:flex;"
 ]);
 var StyledIndicator = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledIndicator",
-    componentId: "sc-66cc3e7c-21"
+    componentId: "sc-28a93ab-21"
 })([
     "position:absolute;border-radius:50%;background-color:var(",
     ");&.",