@salutejs/plasma-new-hope 0.336.0-canary.2228.17672900057.0 → 0.336.0-canary.2233.17737701789.0

package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js

@@ -0,0 +1,63 @@
+import React from "react";
+import { TextChip } from "../TextFieldChip/TextFieldChip.styles";
+import { StyledChips } from "../../TextField.styles";
+import { classes } from "../../TextField.tokens";
+import { StyledChip } from "./TextFieldChipNew.styles";
+export var TextFieldChipNew = function(param) {
+    var chips = param.chips, onChipClick = param.onChipClick, getRef = param.getRef, handleChipKeyDown = param.handleChipKeyDown, onChipClear = param.onChipClear, readOnly = param.readOnly, chipType = param.chipType, view = param.view, _forceChipManipulationWithReadonly = param._forceChipManipulationWithReadonly;
+    return /*#__PURE__*/ React.createElement(StyledChips, {
+        className: classes.chipsWrapper
+    }, chips.map(function(param, index) {
+        var value = param.value, label = param.label, disabled = param.disabled;
+        var chipId = "".concat(index, "_").concat(value);
+        var onKeyDownHandle = function(event) {
+            if (handleChipKeyDown) {
+                handleChipKeyDown(event, chipId, index);
+            }
+            if (event.key === 'Enter' || event.key === 'Backspace') {
+                if (onChipClick) {
+                    onChipClick({
+                        value: value,
+                        label: label,
+                        disabled: disabled
+                    });
+                }
+            }
+        };
+        var handleClick = function(event) {
+            event.stopPropagation();
+            if (onChipClick) {
+                onChipClick({
+                    value: value,
+                    label: label,
+                    disabled: disabled
+                });
+            }
+            if (onChipClear) {
+                onChipClear(chipId, index);
+            }
+        };
+        return chipType === 'default' ? /*#__PURE__*/ React.createElement(StyledChip, {
+            key: chipId,
+            ref: function(element) {
+                return getRef(element, index);
+            },
+            tabIndex: -1,
+            disabled: disabled,
+            hasClear: !disabled,
+            readOnly: readOnly,
+            onClick: handleClick,
+            onKeyDown: onKeyDownHandle,
+            text: label,
+            view: view,
+            // TODO: #1547
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            _forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
+        }) : /*#__PURE__*/ React.createElement(TextChip, {
+            tabIndex: -1,
+            onClick: handleClick,
+            onKeyDown: onKeyDownHandle
+        }, label);
+    }));
+};

package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js

@@ -0,0 +1,27 @@
+import styled from "@emotion/styled";
+import { component, mergeConfig } from "../../../../engines";
+import { addFocus } from "../../../../mixins";
+import { chipConfig, chipTokens } from "../../../Chip";
+import { tokens } from "../../TextField.tokens";
+// issue #823
+var mergedConfig = mergeConfig(chipConfig);
+var Chip = component(mergedConfig);
+// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
+export var StyledChip = /*#__PURE__*/ styled(Chip, {
+    target: "et7b0k80",
+    label: "StyledChip"
+})(chipTokens.color, ":var(", tokens.chipColor, ");", chipTokens.background, ":var(", tokens.chipBackground, ");", chipTokens.colorHover, ":var(", tokens.chipColorHover, ");", chipTokens.backgroundHover, ":var(", tokens.chipBackgroundHover, ");", chipTokens.colorActive, ":var(", tokens.chipColorActive, ");", chipTokens.backgroundActive, ":var(", tokens.chipBackgroundActive, ");", chipTokens.backgroundReadOnly, ":var(", tokens.chipBackgroundReadOnly, ");", chipTokens.colorReadOnly, ":var(", tokens.chipColorReadOnly, ");", chipTokens.backgroundReadOnlyHover, ":var(", tokens.chipBackgroundReadOnlyHover, ");", chipTokens.colorReadOnlyHover, ":var(", tokens.chipColorReadOnlyHover, ");", chipTokens.borderRadius, ":var(", tokens.chipBorderRadius, ");", chipTokens.width, ":var(", tokens.chipWidth, ");", chipTokens.height, ":var(", tokens.chipHeight, ");", chipTokens.padding, ":var(", tokens.chipPadding, ");", chipTokens.fontFamily, ":var(", tokens.chipFontFamily, ");", chipTokens.fontSize, ":var(", tokens.chipFontSize, ");", chipTokens.fontStyle, ":var(", tokens.chipFontStyle, ");", chipTokens.fontWeight, ":var(", tokens.chipFontWeight, ");", chipTokens.letterSpacing, ":var(", tokens.chipLetterSpacing, ");", chipTokens.lineHeight, ":var(", tokens.chipLineHeight, ");", chipTokens.clearContentMarginLeft, ":var(", tokens.chipClearContentMarginLeft, ");", chipTokens.clearContentMarginRight, ":var(", tokens.chipClearContentMarginRight, ");", chipTokens.closeIconSize, ":var(", tokens.chipCloseIconSize, ");", chipTokens.closeIconColor, ":var(", tokens.chipCloseIconColor, ");", chipTokens.focusColor, ":var(", tokens.focusColor, ");", chipTokens.disabledOpacity, ":0.4;", addFocus({
+    outlineOffset: '0.0625rem',
+    outlineSize: '0.0625rem',
+    outlineRadius: "calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
+    outlineColor: "var(".concat(tokens.focusColor, ")")
+}), "    &[readonly]{opacity:var(", tokens.chipOpacityReadonly, ");}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdWkvVGV4dEZpZWxkQ2hpcE5ldy9UZXh0RmllbGRDaGlwTmV3LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdWkvVGV4dEZpZWxkQ2hpcE5ldy9UZXh0RmllbGRDaGlwTmV3LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnc3JjL2VuZ2luZXMnO1xuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICdzcmMvbWl4aW5zJztcbmltcG9ydCB7IGNoaXBDb25maWcsIGNoaXBUb2tlbnMgfSBmcm9tICdzcmMvY29tcG9uZW50cy9DaGlwJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5cbi8vIGlzc3VlICM4MjNcbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGNoaXBDb25maWcpO1xuY29uc3QgQ2hpcCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG4vLyBOT1RFOiDQndC10L7QsdGF0L7QtNC40LzQvtC1INC/0LXRgNC10L7Qv9GA0LXQtNC10LvQtdC90LjQtSDRgtC+0LrQtdC90L7QsiDQuNC3INC60L7QvNC/0L7QvdC10L3RgtCwIENoaXAg0YIu0LouINC40YHQv9C+0LvRjNC30YPRjtGC0YHRjyDQtdCz0L4g0YfQsNGB0YLQuFxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQoQ2hpcClgXG4gICAgJHtjaGlwVG9rZW5zLmNvbG9yfTogdmFyKCR7dG9rZW5zLmNoaXBDb2xvcn0pO1xuICAgICR7Y2hpcFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKCR7dG9rZW5zLmNoaXBCYWNrZ3JvdW5kfSk7XG4gICAgJHtjaGlwVG9rZW5zLmNvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2hpcENvbG9ySG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuYmFja2dyb3VuZEhvdmVyfTogdmFyKCR7dG9rZW5zLmNoaXBCYWNrZ3JvdW5kSG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuY29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2hpcENvbG9yQWN0aXZlfSk7XG4gICAgJHtjaGlwVG9rZW5zLmJhY2tncm91bmRBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2hpcEJhY2tncm91bmRBY3RpdmV9KTtcbiAgICAke2NoaXBUb2tlbnMuYmFja2dyb3VuZFJlYWRPbmx5fTogdmFyKCR7dG9rZW5zLmNoaXBCYWNrZ3JvdW5kUmVhZE9ubHl9KTtcbiAgICAke2NoaXBUb2tlbnMuY29sb3JSZWFkT25seX06IHZhcigke3Rva2Vucy5jaGlwQ29sb3JSZWFkT25seX0pO1xuICAgICR7Y2hpcFRva2Vucy5iYWNrZ3JvdW5kUmVhZE9ubHlIb3Zlcn06IHZhcigke3Rva2Vucy5jaGlwQmFja2dyb3VuZFJlYWRPbmx5SG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuY29sb3JSZWFkT25seUhvdmVyfTogdmFyKCR7dG9rZW5zLmNoaXBDb2xvclJlYWRPbmx5SG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmNoaXBCb3JkZXJSYWRpdXN9KTtcbiAgICAke2NoaXBUb2tlbnMud2lkdGh9OiB2YXIoJHt0b2tlbnMuY2hpcFdpZHRofSk7XG4gICAgJHtjaGlwVG9rZW5zLmhlaWdodH06IHZhcigke3Rva2Vucy5jaGlwSGVpZ2h0fSk7XG4gICAgJHtjaGlwVG9rZW5zLnBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2hpcFBhZGRpbmd9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jaGlwRm9udEZhbWlseX0pO1xuICAgICR7Y2hpcFRva2Vucy5mb250U2l6ZX06IHZhcigke3Rva2Vucy5jaGlwRm9udFNpemV9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLmNoaXBGb250U3R5bGV9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jaGlwRm9udFdlaWdodH0pO1xuICAgICR7Y2hpcFRva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmNoaXBMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjaGlwVG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2hpcExpbmVIZWlnaHR9KTtcbiAgICAke2NoaXBUb2tlbnMuY2xlYXJDb250ZW50TWFyZ2luTGVmdH06IHZhcigke3Rva2Vucy5jaGlwQ2xlYXJDb250ZW50TWFyZ2luTGVmdH0pO1xuICAgICR7Y2hpcFRva2Vucy5jbGVhckNvbnRlbnRNYXJnaW5SaWdodH06IHZhcigke3Rva2Vucy5jaGlwQ2xlYXJDb250ZW50TWFyZ2luUmlnaHR9KTtcbiAgICAke2NoaXBUb2tlbnMuY2xvc2VJY29uU2l6ZX06IHZhcigke3Rva2Vucy5jaGlwQ2xvc2VJY29uU2l6ZX0pO1xuICAgICR7Y2hpcFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigke3Rva2Vucy5jaGlwQ2xvc2VJY29uQ29sb3J9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9jdXNDb2xvcn06IHZhcigke3Rva2Vucy5mb2N1c0NvbG9yfSk7XG4gICAgJHtjaGlwVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMC4wNjI1cmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2MjVyZW0nLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiBgY2FsYyh2YXIoJHt0b2tlbnMuY2hpcEJvcmRlclJhZGl1c30pIC0gMC4xcmVtKWAsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5mb2N1c0NvbG9yfSlgLFxuICAgIH0pfVxuXG4gICAgJltyZWFkb25seV0ge1xuICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuY2hpcE9wYWNpdHlSZWFkb25seX0pO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0Q2hpcCA9IHN0eWxlZC5idXR0b25gXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgZmxleDogbm9uZTtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5mb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5mb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yfSk7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzAuMDYyNXJlbScsXG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLmNoaXBCb3JkZXJSYWRpdXN9KSAtIDAuMXJlbSlgLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuZm9jdXNDb2xvcn0pYCxcbiAgICB9KX1cblxuICAgICY6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnLCc7XG4gICAgfVxuXG4gICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgJjphZnRlciB7XG4gICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIn0= */");
+export var TextChip = /*#__PURE__*/ styled("button", {
+    target: "et7b0k81",
+    label: "TextChip"
+})("display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");color:var(", tokens.color, ");", addFocus({
+    outlineOffset: '0.0625rem',
+    outlineSize: '0.0625rem',
+    outlineRadius: "calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
+    outlineColor: "var(".concat(tokens.focusColor, ")")
+}), "    &:after{content:',';}&:last-child{&:after{content:'';}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdWkvVGV4dEZpZWxkQ2hpcE5ldy9UZXh0RmllbGRDaGlwTmV3LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdWkvVGV4dEZpZWxkQ2hpcE5ldy9UZXh0RmllbGRDaGlwTmV3LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnc3JjL2VuZ2luZXMnO1xuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICdzcmMvbWl4aW5zJztcbmltcG9ydCB7IGNoaXBDb25maWcsIGNoaXBUb2tlbnMgfSBmcm9tICdzcmMvY29tcG9uZW50cy9DaGlwJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5cbi8vIGlzc3VlICM4MjNcbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGNoaXBDb25maWcpO1xuY29uc3QgQ2hpcCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG4vLyBOT1RFOiDQndC10L7QsdGF0L7QtNC40LzQvtC1INC/0LXRgNC10L7Qv9GA0LXQtNC10LvQtdC90LjQtSDRgtC+0LrQtdC90L7QsiDQuNC3INC60L7QvNC/0L7QvdC10L3RgtCwIENoaXAg0YIu0LouINC40YHQv9C+0LvRjNC30YPRjtGC0YHRjyDQtdCz0L4g0YfQsNGB0YLQuFxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQoQ2hpcClgXG4gICAgJHtjaGlwVG9rZW5zLmNvbG9yfTogdmFyKCR7dG9rZW5zLmNoaXBDb2xvcn0pO1xuICAgICR7Y2hpcFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKCR7dG9rZW5zLmNoaXBCYWNrZ3JvdW5kfSk7XG4gICAgJHtjaGlwVG9rZW5zLmNvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2hpcENvbG9ySG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuYmFja2dyb3VuZEhvdmVyfTogdmFyKCR7dG9rZW5zLmNoaXBCYWNrZ3JvdW5kSG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuY29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2hpcENvbG9yQWN0aXZlfSk7XG4gICAgJHtjaGlwVG9rZW5zLmJhY2tncm91bmRBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2hpcEJhY2tncm91bmRBY3RpdmV9KTtcbiAgICAke2NoaXBUb2tlbnMuYmFja2dyb3VuZFJlYWRPbmx5fTogdmFyKCR7dG9rZW5zLmNoaXBCYWNrZ3JvdW5kUmVhZE9ubHl9KTtcbiAgICAke2NoaXBUb2tlbnMuY29sb3JSZWFkT25seX06IHZhcigke3Rva2Vucy5jaGlwQ29sb3JSZWFkT25seX0pO1xuICAgICR7Y2hpcFRva2Vucy5iYWNrZ3JvdW5kUmVhZE9ubHlIb3Zlcn06IHZhcigke3Rva2Vucy5jaGlwQmFja2dyb3VuZFJlYWRPbmx5SG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuY29sb3JSZWFkT25seUhvdmVyfTogdmFyKCR7dG9rZW5zLmNoaXBDb2xvclJlYWRPbmx5SG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmNoaXBCb3JkZXJSYWRpdXN9KTtcbiAgICAke2NoaXBUb2tlbnMud2lkdGh9OiB2YXIoJHt0b2tlbnMuY2hpcFdpZHRofSk7XG4gICAgJHtjaGlwVG9rZW5zLmhlaWdodH06IHZhcigke3Rva2Vucy5jaGlwSGVpZ2h0fSk7XG4gICAgJHtjaGlwVG9rZW5zLnBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2hpcFBhZGRpbmd9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jaGlwRm9udEZhbWlseX0pO1xuICAgICR7Y2hpcFRva2Vucy5mb250U2l6ZX06IHZhcigke3Rva2Vucy5jaGlwRm9udFNpemV9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLmNoaXBGb250U3R5bGV9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jaGlwRm9udFdlaWdodH0pO1xuICAgICR7Y2hpcFRva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmNoaXBMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjaGlwVG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2hpcExpbmVIZWlnaHR9KTtcbiAgICAke2NoaXBUb2tlbnMuY2xlYXJDb250ZW50TWFyZ2luTGVmdH06IHZhcigke3Rva2Vucy5jaGlwQ2xlYXJDb250ZW50TWFyZ2luTGVmdH0pO1xuICAgICR7Y2hpcFRva2Vucy5jbGVhckNvbnRlbnRNYXJnaW5SaWdodH06IHZhcigke3Rva2Vucy5jaGlwQ2xlYXJDb250ZW50TWFyZ2luUmlnaHR9KTtcbiAgICAke2NoaXBUb2tlbnMuY2xvc2VJY29uU2l6ZX06IHZhcigke3Rva2Vucy5jaGlwQ2xvc2VJY29uU2l6ZX0pO1xuICAgICR7Y2hpcFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigke3Rva2Vucy5jaGlwQ2xvc2VJY29uQ29sb3J9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9jdXNDb2xvcn06IHZhcigke3Rva2Vucy5mb2N1c0NvbG9yfSk7XG4gICAgJHtjaGlwVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMC4wNjI1cmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2MjVyZW0nLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiBgY2FsYyh2YXIoJHt0b2tlbnMuY2hpcEJvcmRlclJhZGl1c30pIC0gMC4xcmVtKWAsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5mb2N1c0NvbG9yfSlgLFxuICAgIH0pfVxuXG4gICAgJltyZWFkb25seV0ge1xuICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuY2hpcE9wYWNpdHlSZWFkb25seX0pO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0Q2hpcCA9IHN0eWxlZC5idXR0b25gXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgZmxleDogbm9uZTtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5mb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5mb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yfSk7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzAuMDYyNXJlbScsXG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLmNoaXBCb3JkZXJSYWRpdXN9KSAtIDAuMXJlbSlgLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuZm9jdXNDb2xvcn0pYCxcbiAgICB9KX1cblxuICAgICY6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnLCc7XG4gICAgfVxuXG4gICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgJjphZnRlciB7XG4gICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0R3QiJ9 */");

package/emotion/es/components/TextField/ui/index.js

@@ -1 +1,2 @@
 export { TextFieldChip } from "./TextFieldChip/TextFieldChip";
+export { TextFieldChipNew } from "./TextFieldChipNew/TextFieldChipNew";

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

@@ -99,14 +99,14 @@ function _unsupported_iterable_to_array(o, minLen) {
 import React, { forwardRef, useState, useMemo } from "react";
 import Tree from "rc-tree";
 import { cx } from "../../utils";
-import { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight } from "./Tree.styles";
+import { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight, Line } from "./Tree.styles";
 import { sizeToIconSize, traverseTree } from "./utils";
 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;
+        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 _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;
@@ -179,6 +179,36 @@ import { classes } from "./Tree.tokens";
                     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));
+            },
+            draggable: draggable,
+            onDragStart: onDragStart,
+            onDragEnter: onDragEnter,
+            onDragOver: onDragOver,
+            onDragLeave: onDragLeave,
+            onDragEnd: onDragEnd,
+            onDrop: onDrop,
+            allowDrop: allowDrop,
+            dropIndicatorRender: function(props) {
+                var offset = 0;
+                var dropPosition = props.dropPosition, dropLevelOffset = props.dropLevelOffset, indent = props.indent;
+                var left = -dropLevelOffset * indent + offset;
+                var style = {};
+                switch(dropPosition){
+                    case -1:
+                        style.top = 0;
+                        break;
+                    case 1:
+                        style.bottom = 0;
+                        break;
+                    default:
+                        style.bottom = 0;
+                        style.left = indent + offset;
+                        break;
+                }
+                return /*#__PURE__*/ React.createElement(Line, {
+                    style: style,
+                    left: left
+                });
             }
         })));
     });