@salutejs/plasma-new-hope 0.336.1-canary.2256.18030197073.0 → 0.336.1-canary.2264.18125135156.0

package/emotion/es/components/Tree/Tree.js

@@ -98,7 +98,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import React, { forwardRef, useState, useMemo } from "react";
 import Tree from "rc-tree";
-import { cx } from "../../utils";
+import cls from "classnames";
 import { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight, Line } from "./Tree.styles";
 import { sizeToIconSize, traverseTree } from "./utils";
 import { classes } from "./Tree.tokens";
@@ -106,7 +106,7 @@ import { classes } from "./Tree.tokens";
  * Многоуровневый раскрывающийся список в виде дерева.
  */ export var treeRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(param, ref) {
-        var items = param.items, _param_arrowPlacement = param.arrowPlacement, arrowPlacement = _param_arrowPlacement === void 0 ? 'left' : _param_arrowPlacement, _param_virtual = param.virtual, virtual = _param_virtual === void 0 ? true : _param_virtual, height = param.height, itemHeight = param.itemHeight, size = param.size, view = param.view, _param_fullWidthItemSelection = param.fullWidthItemSelection, fullWidthItemSelection = _param_fullWidthItemSelection === void 0 ? false : _param_fullWidthItemSelection, _param_multiple = param.multiple, multiple = _param_multiple === void 0 ? false : _param_multiple, _param_defaultExpandAll = param.defaultExpandAll, defaultExpandAll = _param_defaultExpandAll === void 0 ? false : _param_defaultExpandAll, _param_autoExpandParent = param.autoExpandParent, autoExpandParent = _param_autoExpandParent === void 0 ? false : _param_autoExpandParent, _param_checkable = param.checkable, checkable = _param_checkable === void 0 ? false : _param_checkable, outerSelectedKeys = param.selectedKeys, checkedKeys = param.checkedKeys, expandedKeys = param.expandedKeys, defaultCheckedKeys = param.defaultCheckedKeys, defaultExpandedKeys = param.defaultExpandedKeys, defaultSelectedKeys = param.defaultSelectedKeys, className = param.className, onTreeSelect = param.onTreeSelect, onTreeCheck = param.onTreeCheck, onTreeExpand = param.onTreeExpand, _param_hasIcon = param.hasIcon, hasIcon = _param_hasIcon === void 0 ? false : _param_hasIcon, icon = param.icon, renderTitle = param.renderTitle, _param_mode = param.mode, mode = _param_mode === void 0 ? 'default' : _param_mode, _param_draggable = param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, onDragStart = param.onDragStart, onDragEnter = param.onDragEnter, onDragOver = param.onDragOver, onDragLeave = param.onDragLeave, onDragEnd = param.onDragEnd, onDrop = param.onDrop, allowDrop = param.allowDrop;
+        var items = param.items, _param_arrowPlacement = param.arrowPlacement, arrowPlacement = _param_arrowPlacement === void 0 ? 'left' : _param_arrowPlacement, _param_virtual = param.virtual, virtual = _param_virtual === void 0 ? true : _param_virtual, height = param.height, itemHeight = param.itemHeight, size = param.size, view = param.view, variant = param.variant, _param_fullWidthItemSelection = param.fullWidthItemSelection, fullWidthItemSelection = _param_fullWidthItemSelection === void 0 ? false : _param_fullWidthItemSelection, _param_multiple = param.multiple, multiple = _param_multiple === void 0 ? false : _param_multiple, _param_defaultExpandAll = param.defaultExpandAll, defaultExpandAll = _param_defaultExpandAll === void 0 ? false : _param_defaultExpandAll, _param_autoExpandParent = param.autoExpandParent, autoExpandParent = _param_autoExpandParent === void 0 ? false : _param_autoExpandParent, _param_checkable = param.checkable, checkable = _param_checkable === void 0 ? false : _param_checkable, outerSelectedKeys = param.selectedKeys, checkedKeys = param.checkedKeys, expandedKeys = param.expandedKeys, defaultCheckedKeys = param.defaultCheckedKeys, defaultExpandedKeys = param.defaultExpandedKeys, defaultSelectedKeys = param.defaultSelectedKeys, className = param.className, onTreeSelect = param.onTreeSelect, onTreeCheck = param.onTreeCheck, onTreeExpand = param.onTreeExpand, _param_hasIcon = param.hasIcon, hasIcon = _param_hasIcon === void 0 ? false : _param_hasIcon, icon = param.icon, renderTitle = param.renderTitle, _param_singleLine = param.singleLine, singleLine = _param_singleLine === void 0 ? true : _param_singleLine, _param_mode = param.mode, mode = _param_mode === void 0 ? 'default' : _param_mode, _param_draggable = param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, onDragStart = param.onDragStart, onDragEnter = param.onDragEnter, onDragOver = param.onDragOver, onDragLeave = param.onDragLeave, onDragEnd = param.onDragEnd, onDrop = param.onDrop, allowDrop = param.allowDrop;
         var _useState = _sliced_to_array(useState(defaultSelectedKeys || []), 2), selected = _useState[0], setSelected = _useState[1];
         var selectedKeys = outerSelectedKeys !== null && outerSelectedKeys !== void 0 ? outerSelectedKeys : selected;
         var isRadioMode = mode === 'radio' && !multiple;
@@ -122,6 +122,7 @@ import { classes } from "./Tree.tokens";
         var invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;
         var itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;
         var radioModeClass = isRadioMode ? classes.treeRadioMode : undefined;
+        var tightVariantClass = variant === 'tight' ? classes.treeTightVariant : undefined;
         // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,
         // чтобы соблюсти иерархию вложенности в UI.
         var treeData = useMemo(function() {
@@ -133,6 +134,7 @@ import { classes } from "./Tree.tokens";
         return /*#__PURE__*/ React.createElement(Root, {
             view: view,
             size: size,
+            variant: variant,
             ref: ref,
             items: items
         }, /*#__PURE__*/ React.createElement(Tree, _object_spread_props(_object_spread({
@@ -141,7 +143,7 @@ import { classes } from "./Tree.tokens";
             virtual: virtual,
             multiple: multiple,
             checkable: checkable,
-            className: cx(className, invertedClass, itemFilledClass, radioModeClass),
+            className: cls(className, invertedClass, itemFilledClass, radioModeClass, tightVariantClass),
             defaultExpandAll: defaultExpandAll,
             autoExpandParent: autoExpandParent,
             style: {
@@ -165,20 +167,23 @@ import { classes } from "./Tree.tokens";
                     return null;
                 }
                 return /*#__PURE__*/ React.createElement(IconArrowWrapper, null, /*#__PURE__*/ React.createElement(StyledArrow, {
-                    size: sizeToIconSize(size),
+                    size: sizeToIconSize(size, variant),
                     color: "inherit",
                     className: "arrow"
                 }));
             },
             icon: hasIcon && (icon || /*#__PURE__*/ React.createElement(StyledFolder, {
-                size: sizeToIconSize(size),
+                size: sizeToIconSize(size, variant),
                 color: "inherit"
             })),
             titleRender: function(item) {
                 return /*#__PURE__*/ React.createElement(TitleWrapper, {
                     fullWidthItemSelection: fullWidthItemSelection,
-                    arrowPlacement: arrowPlacement
-                }, /*#__PURE__*/ React.createElement(Title, null, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/ React.createElement(ContentRight, null, item.contentRight));
+                    arrowPlacement: arrowPlacement,
+                    singleLine: singleLine
+                }, /*#__PURE__*/ React.createElement(Title, {
+                    singleLine: singleLine
+                }, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/ React.createElement(ContentRight, null, item.contentRight));
             },
             draggable: draggable,
             onDragStart: onDragStart,