@salutejs/plasma-new-hope 0.336.0-canary.2227.17672582071.0 → 0.336.0-canary.2231.17732581275.0

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

@@ -12,14 +12,6 @@ var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _utils = require("../../../../utils");
 var _Selecttokens = require("../../../../Select.tokens");
 var _Textfieldstyles = require("./Textfield.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 _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -81,12 +73,6 @@ 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 _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -126,19 +112,8 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-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 Textfield = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
-    var inputWrapperRef = param.inputWrapperRef, opened = param.opened, multiselect = param.multiselect, value = param.value, label = param.label, labelPlacement = param.labelPlacement, keepPlaceholder = param.keepPlaceholder, placeholder = param.placeholder, onKeyDown = param.onKeyDown, size = param.size, view = param.view, contentLeft = param.contentLeft, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, disabled = param.disabled, readOnly = param.readOnly, isTargetAmount = param.isTargetAmount, valueToItemMap = param.valueToItemMap, renderValue = param.renderValue, onChange = param.onChange, labelToItemMap = param.labelToItemMap, chipView = param.chipView, requiredProps = param.requiredProps, chipType = param.chipType, hintProps = param.hintProps;
+    var inputWrapperRef = param.inputWrapperRef, opened = param.opened, multiselect = param.multiselect, value = param.value, label = param.label, labelPlacement = param.labelPlacement, keepPlaceholder = param.keepPlaceholder, placeholder = param.placeholder, onKeyDown = param.onKeyDown, size = param.size, view = param.view, contentLeft = param.contentLeft, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, disabled = param.disabled, readOnly = param.readOnly, isTargetAmount = param.isTargetAmount, valueToItemMap = param.valueToItemMap, renderValue = param.renderValue, onChange = param.onChange, chipView = param.chipView, requiredProps = param.requiredProps, chipType = param.chipType, hintProps = param.hintProps;
     var withArrowInverse = opened ? _Selecttokens.classes.arrowInverse : undefined;
     var getValue = function() {
         var _valueToItemMap_get;
@@ -158,58 +133,44 @@ var Textfield = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
             if (value.length === 0) return [];
             if (isTargetAmount) {
                 return [
-                    "Выбрано ".concat(value.length)
+                    {
+                        value: '_removeAll',
+                        label: "Выбрано ".concat(value.length),
+                        disabled: value.every(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;
+                        })
+                    }
                 ];
             }
-            var renderValueMapper = renderValue && function(stringValue) {
-                return renderValue(valueToItemMap.get(stringValue) || {
-                    value: stringValue,
-                    label: stringValue.toString()
-                });
-            };
-            var valueToItemMapper = function(stringValue) {
-                var _valueToItemMap_get;
-                return ((_valueToItemMap_get = valueToItemMap.get(stringValue)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || stringValue.toString();
-            };
-            return value.map(renderValueMapper || valueToItemMapper);
+            return value.map(function(value) {
+                var _valueToItemMap_get, _valueToItemMap_get1;
+                var currentLabel = renderValue ? renderValue(valueToItemMap.get(value) || {
+                    value: value,
+                    label: value.toString()
+                }) : ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value.toString();
+                return {
+                    value: value,
+                    label: currentLabel,
+                    disabled: ((_valueToItemMap_get1 = valueToItemMap.get(value)) === null || _valueToItemMap_get1 === void 0 ? void 0 : _valueToItemMap_get1.disabled) || false
+                };
+            });
         }
         return [];
     };
     // Обработчик чипов
-    var handleChipsChange = function(chipLabels) {
+    var handleChipClick = function(chip) {
         if (!Array.isArray(value)) return;
-        // TODO: #1564
-        // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.
-        if (renderValue && !isTargetAmount) {
-            var resultValues = _to_consumable_array(value);
-            value.forEach(function(_, index) {
+        if (isTargetAmount) {
+            // При закрытии чипа в режиме isTargetAmount в value оставляем только disabled-элементы
+            onChange(value.filter(function(val) {
                 var _valueToItemMap_get;
-                var stringValue = value[index];
-                var label = (_valueToItemMap_get = valueToItemMap.get(stringValue)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label;
-                var labelAfterRenderValue = renderValue(label ? labelToItemMap.get(label) : {
-                    value: stringValue,
-                    label: stringValue.toString()
-                });
-                if (!chipLabels.includes(labelAfterRenderValue)) {
-                    resultValues.splice(index, 1);
-                }
-            });
-            var removedItemValue = (0, _utils.getRemovedElement)(value, resultValues, isTargetAmount);
-            onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) || {
-                value: removedItemValue,
-                label: removedItemValue.toString()
-            } : null);
+                return valueToItemMap === null || valueToItemMap === void 0 ? void 0 : (_valueToItemMap_get = valueToItemMap.get(val)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.disabled;
+            }));
         } else {
-            var newValues = chipLabels.map(function(chipLabel) {
-                var _labelToItemMap_get;
-                return ((_labelToItemMap_get = labelToItemMap.get(chipLabel)) === null || _labelToItemMap_get === void 0 ? void 0 : _labelToItemMap_get.value) || chipLabel;
-            });
-            var removedItemValue1 = (0, _utils.getRemovedElement)(value, newValues, isTargetAmount);
-            var item = removedItemValue1 ? valueToItemMap.get(removedItemValue1) || {
-                value: removedItemValue1,
-                label: removedItemValue1.toString()
-            } : null;
-            onChange(newValues, item);
+            onChange(value.filter(function(val) {
+                return val !== chip.value;
+            }), valueToItemMap.get(chip.value) || null);
         }
     };
     var helperTextStopPropagation = function(event) {
@@ -248,8 +209,8 @@ var Textfield = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
         "aria-activedescendant": activeDescendantItemValue ? (0, _utils.getItemId)(treeId, activeDescendantItemValue) : ''
     }, multiselect ? {
         enumerationType: 'chip',
-        chips: getChips(),
-        onChangeChips: handleChipsChange,
+        _chips: getChips(),
+        _onChipClick: handleChipClick,
         chipType: chipType,
         chipView: chipView
     } : {

package/styled-components/cjs/components/Select/utils/index.js

@@ -24,9 +24,6 @@ _export(exports, {
     get getPlacement () {
         return _getPlacement.getPlacement;
     },
-    get getRemovedElement () {
-        return _getRemovedElement.getRemovedElement;
-    },
     get getView () {
         return _getView.getView;
     },
@@ -57,4 +54,3 @@ var _getView = require("./getView");
 var _getPlacement = require("./getPlacement");
 var _getFallbackPlacements = require("./getFallbackPlacements");
 var _getItemId = require("./getItemId");
-var _getRemovedElement = require("./getRemovedElement");

package/styled-components/cjs/components/Switch/Switch.js

@@ -147,7 +147,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 var switchRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
-        var size = props.size, toggleSize = props.toggleSize, view = props.view, focused = props.focused, outlined = props.outlined, disabled = props.disabled, labelPosition = props.labelPosition, label = props.label, description = props.description, id = props.id, style = props.style, className = props.className, // singleLine,
+        var size = props.size, toggleSize = props.toggleSize, view = props.view, focused = props.focused, outlined = props.outlined, disabled = props.disabled, labelPosition = props.labelPosition, label = props.label, description = props.description, _props_singleLine = props.singleLine, singleLine = _props_singleLine === void 0 ? true : _props_singleLine, id = props.id, style = props.style, className = props.className, // singleLine,
         checked = props.checked, pressed = props.pressed, defaultChecked = props.defaultChecked, rest = _object_without_properties(props, [
             "size",
             "toggleSize",
@@ -158,6 +158,7 @@ var switchRoot = function(Root) {
             "labelPosition",
             "label",
             "description",
+            "singleLine",
             "id",
             "style",
             "className",
@@ -187,7 +188,8 @@ var switchRoot = function(Root) {
             defaultChecked: defaultChecked,
             disabled: disabled
         })), /*#__PURE__*/ _react.default.createElement(_Switchstyles.StyledLabel, {
-            tabIndex: -1
+            tabIndex: -1,
+            className: singleLine ? _Switchtokens.classes.singleLine : ''
         }, label), /*#__PURE__*/ _react.default.createElement(_Switchstyles.StyledTrigger, {
             "aria-hidden": true
         })), description && /*#__PURE__*/ _react.default.createElement(_Switchstyles.StyledDescription, null, description));

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

@@ -78,7 +78,7 @@ var base = (0, _styledcomponents.css)([
 ], _Switchtokens.tokens.verticalGap);
 var StyledContent = _styledcomponents.default.div.withConfig({
     displayName: "Switch.styles__StyledContent",
-    componentId: "sc-c4704e70-0"
+    componentId: "sc-6da706dd-0"
 })([
     "width:100%;position:relative;display:flex;align-items:center;&.",
     "{justify-content:space-between;",
@@ -90,7 +90,7 @@ var StyledContent = _styledcomponents.default.div.withConfig({
 ], _Switchtokens.classes.beforeSwitchLabelPosition, _Switchtokens.tokens.labelOffsetPrivate, _Switchtokens.tokens.labelOffset, _Switchtokens.classes.afterSwitchLabelPosition, _Switchtokens.tokens.labelOffsetPrivate, _Switchtokens.tokens.labelOffset);
 var StyledDescription = _styledcomponents.default.div.withConfig({
     displayName: "Switch.styles__StyledDescription",
-    componentId: "sc-c4704e70-1"
+    componentId: "sc-6da706dd-1"
 })([
     "position:relative;",
     " display:-webkit-box;line-clamp:var(",
@@ -99,20 +99,21 @@ var StyledDescription = _styledcomponents.default.div.withConfig({
 ], (0, _mixins.applyEllipsis)(), _Switchtokens.tokens.descriptionMaxLines, _Switchtokens.tokens.descriptionMaxLines);
 var StyledInput = _styledcomponents.default.input.withConfig({
     displayName: "Switch.styles__StyledInput",
-    componentId: "sc-c4704e70-2"
+    componentId: "sc-6da706dd-2"
 })([
     "position:absolute;right:0;margin:0;opacity:0;&:focus{outline:0 none;}"
 ]);
 var StyledLabel = _styledcomponents.default.span.withConfig({
     displayName: "Switch.styles__StyledLabel",
-    componentId: "sc-c4704e70-3"
+    componentId: "sc-6da706dd-3"
 })([
-    "user-select:none;",
-    ""
-], (0, _mixins.applyEllipsis)());
+    "user-select:none;&.",
+    "{",
+    "}"
+], _Switchtokens.classes.singleLine, (0, _mixins.applyEllipsis)());
 var StyledTrigger = _styledcomponents.default.div.withConfig({
     displayName: "Switch.styles__StyledTrigger",
-    componentId: "sc-c4704e70-4"
+    componentId: "sc-6da706dd-4"
 })([
     "position:relative;display:flex;align-items:center;transition:background-color 0.15s ease-in-out 0.1s;::after{content:'';position:absolute;right:auto;left:0;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}",
     ":checked ~ &::after{right:0;left:auto;}"

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

@@ -64,5 +64,6 @@ var tokens = {
 };
 var classes = {
     beforeSwitchLabelPosition: 'switch-label-position-before',
-    afterSwitchLabelPosition: 'switch-label-position-after'
+    afterSwitchLabelPosition: 'switch-label-position-after',
+    singleLine: 'switch-single-line'
 };

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

@@ -195,7 +195,9 @@ var textFieldRoot = function(Root) {
         contentLeft = _param.contentLeft, contentRight = _param.contentRight, label = _param.label, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, textBefore = _param.textBefore, textAfter = _param.textAfter, placeholder = _param.placeholder, leftHelper = _param.leftHelper, _param_enumerationType = _param.enumerationType, enumerationType = _param_enumerationType === void 0 ? 'plain' : _param_enumerationType, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, titleCaption = _param.titleCaption, _param_chipView = _param.chipView, chipView = _param_chipView === void 0 ? 'default' : _param_chipView, chipValidator = _param.chipValidator, _param_hintTrigger = _param.// hint
         hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // variations
         view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, hasDivider = _param.hasDivider, // controlled
-        outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // events
+        outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // @ts-ignore
+        _chips = _param._chips, // @ts-ignore
+        _onChipClick = _param._onChipClick, // events
         onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, onPaste = _param.onPaste, // Пропсы для внутреннего использования, не отдается наружу.
         // @ts-ignore
         _onEnterDisabled = _param._onEnterDisabled, // @ts-ignore
@@ -240,6 +242,8 @@ var textFieldRoot = function(Root) {
             "value",
             "chips",
             "chipType",
+            "_chips",
+            "_onChipClick",
             "onChange",
             "onChangeChips",
             "onSearch",
@@ -271,7 +275,7 @@ var textFieldRoot = function(Root) {
         var helperTextId = (0, _utils.safeUseId)();
         var isDefaultView = view === 'default' || readOnly || disabled;
         var isChipEnumeration = enumerationType === 'chip';
-        var isChipsVisible = isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length);
+        var isChipsVisible = isChipEnumeration && Boolean((chips === null || chips === void 0 ? void 0 : chips.length) || (_chips === null || _chips === void 0 ? void 0 : _chips.length));
         var withHasChips = isChipsVisible ? _TextFieldtokens.classes.hasChips : undefined;
         var hasLabelValue = Boolean(label);
         var hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;
@@ -525,8 +529,20 @@ var textFieldRoot = function(Root) {
             tabIndex: -1,
             ref: contentRef,
             onKeyDown: handleContentKeyDown,
-            className: withHasChips
-        }, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledTextBefore, null, textBefore), isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length) && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledChips, {
+            className: (0, _utils.cx)(withHasChips, _TextFieldtokens.classes.inputScrollableWrapper)
+        }, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledTextBefore, null, textBefore), Boolean(_chips === null || _chips === void 0 ? void 0 : _chips.length) && /*#__PURE__*/ _react.default.createElement(_ui.TextFieldChipNew, {
+            chips: _chips,
+            onChipClick: _onChipClick,
+            getRef: getRef,
+            handleChipKeyDown: handleChipKeyDown,
+            onChipClear: onChipClear,
+            view: chipView || view,
+            readOnly: readOnly,
+            chipType: chipType,
+            // TODO: #1547
+            // @ts-ignore
+            _forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
+        }), isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length) && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledChips, {
             className: _TextFieldtokens.classes.chipsWrapper
         }, chips === null || chips === void 0 ? void 0 : chips.map(function(param, index) {
             var chipId = param.id, text = param.text;

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

@@ -33,6 +33,7 @@ var classes = {
     textFieldGroupItem: 'text-field-group-item',
     requiredAlignRight: 'required-align-right',
     inputWrapper: 'input-wrapper',
+    inputScrollableWrapper: 'input-scrollable-wrapper',
     inputTextEllipsis: 'textfield-input-text-ellipsis',
     contentRightCompensationMargin: 'textfield-content-right-compensation-margin',
     readOnlyInput: 'textfield-readonly-input'

package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TextFieldChipNew", {
+    enumerable: true,
+    get: function() {
+        return TextFieldChipNew;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
+var _TextFieldChipstyles = require("../TextFieldChip/TextFieldChip.styles");
+var _TextFieldstyles = require("../../TextField.styles");
+var _TextFieldtokens = require("../../TextField.tokens");
+var _TextFieldChipNewstyles = require("./TextFieldChipNew.styles");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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.default.createElement(_TextFieldstyles.StyledChips, {
+        className: _TextFieldtokens.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.default.createElement(_TextFieldChipNewstyles.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.default.createElement(_TextFieldChipstyles.TextChip, {
+            tabIndex: -1,
+            onClick: handleClick,
+            onKeyDown: onKeyDownHandle
+        }, label);
+    }));
+};

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

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get StyledChip () {
+        return StyledChip;
+    },
+    get TextChip () {
+        return TextChip;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _engines = require("../../../../engines");
+var _mixins = require("../../../../mixins");
+var _Chip = require("../../../Chip");
+var _TextFieldtokens = require("../../TextField.tokens");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+// issue #823
+var mergedConfig = (0, _engines.mergeConfig)(_Chip.chipConfig);
+var Chip = (0, _engines.component)(mergedConfig);
+var StyledChip = (0, _styledcomponents.default)(Chip).withConfig({
+    displayName: "TextFieldChipNew.styles__StyledChip",
+    componentId: "sc-ffa02158-0"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":0.4;",
+    " &[readonly]{opacity:var(",
+    ");}"
+], _Chip.chipTokens.color, _TextFieldtokens.tokens.chipColor, _Chip.chipTokens.background, _TextFieldtokens.tokens.chipBackground, _Chip.chipTokens.colorHover, _TextFieldtokens.tokens.chipColorHover, _Chip.chipTokens.backgroundHover, _TextFieldtokens.tokens.chipBackgroundHover, _Chip.chipTokens.colorActive, _TextFieldtokens.tokens.chipColorActive, _Chip.chipTokens.backgroundActive, _TextFieldtokens.tokens.chipBackgroundActive, _Chip.chipTokens.backgroundReadOnly, _TextFieldtokens.tokens.chipBackgroundReadOnly, _Chip.chipTokens.colorReadOnly, _TextFieldtokens.tokens.chipColorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _TextFieldtokens.tokens.chipBackgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _TextFieldtokens.tokens.chipColorReadOnlyHover, _Chip.chipTokens.borderRadius, _TextFieldtokens.tokens.chipBorderRadius, _Chip.chipTokens.width, _TextFieldtokens.tokens.chipWidth, _Chip.chipTokens.height, _TextFieldtokens.tokens.chipHeight, _Chip.chipTokens.padding, _TextFieldtokens.tokens.chipPadding, _Chip.chipTokens.fontFamily, _TextFieldtokens.tokens.chipFontFamily, _Chip.chipTokens.fontSize, _TextFieldtokens.tokens.chipFontSize, _Chip.chipTokens.fontStyle, _TextFieldtokens.tokens.chipFontStyle, _Chip.chipTokens.fontWeight, _TextFieldtokens.tokens.chipFontWeight, _Chip.chipTokens.letterSpacing, _TextFieldtokens.tokens.chipLetterSpacing, _Chip.chipTokens.lineHeight, _TextFieldtokens.tokens.chipLineHeight, _Chip.chipTokens.clearContentMarginLeft, _TextFieldtokens.tokens.chipClearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _TextFieldtokens.tokens.chipClearContentMarginRight, _Chip.chipTokens.closeIconSize, _TextFieldtokens.tokens.chipCloseIconSize, _Chip.chipTokens.closeIconColor, _TextFieldtokens.tokens.chipCloseIconColor, _Chip.chipTokens.focusColor, _TextFieldtokens.tokens.focusColor, _Chip.chipTokens.disabledOpacity, (0, _mixins.addFocus)({
+    outlineOffset: '0.0625rem',
+    outlineSize: '0.0625rem',
+    outlineRadius: "calc(var(".concat(_TextFieldtokens.tokens.chipBorderRadius, ") - 0.1rem)"),
+    outlineColor: "var(".concat(_TextFieldtokens.tokens.focusColor, ")")
+}), _TextFieldtokens.tokens.chipOpacityReadonly);
+var TextChip = _styledcomponents.default.button.withConfig({
+    displayName: "TextFieldChipNew.styles__TextChip",
+    componentId: "sc-ffa02158-1"
+})([
+    "display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(",
+    ");font-size:var(",
+    ");font-style:var(",
+    ");font-weight:var(",
+    ");letter-spacing:var(",
+    ");line-height:var(",
+    ");color:var(",
+    ");",
+    " &:after{content:',';}&:last-child{&:after{content:'';}}"
+], _TextFieldtokens.tokens.fontFamily, _TextFieldtokens.tokens.fontSize, _TextFieldtokens.tokens.fontStyle, _TextFieldtokens.tokens.fontWeight, _TextFieldtokens.tokens.letterSpacing, _TextFieldtokens.tokens.lineHeight, _TextFieldtokens.tokens.color, (0, _mixins.addFocus)({
+    outlineOffset: '0.0625rem',
+    outlineSize: '0.0625rem',
+    outlineRadius: "calc(var(".concat(_TextFieldtokens.tokens.chipBorderRadius, ") - 0.1rem)"),
+    outlineColor: "var(".concat(_TextFieldtokens.tokens.focusColor, ")")
+}));

package/styled-components/cjs/components/TextField/ui/index.js

@@ -2,10 +2,19 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "TextFieldChip", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get TextFieldChip () {
         return _TextFieldChip.TextFieldChip;
+    },
+    get TextFieldChipNew () {
+        return _TextFieldChipNew.TextFieldChipNew;
     }
 });
 var _TextFieldChip = require("./TextFieldChip/TextFieldChip");
+var _TextFieldChipNew = require("./TextFieldChipNew/TextFieldChipNew");

package/styled-components/cjs/components/Tree/Tree.js

@@ -168,7 +168,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var treeRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.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((0, _react.useState)(defaultSelectedKeys || []), 2), selected = _useState[0], setSelected = _useState[1];
         var selectedKeys = outerSelectedKeys !== null && outerSelectedKeys !== void 0 ? outerSelectedKeys : selected;
         var isRadioMode = mode === 'radio' && !multiple;
@@ -241,6 +241,36 @@ var treeRoot = function(Root) {
                     fullWidthItemSelection: fullWidthItemSelection,
                     arrowPlacement: arrowPlacement
                 }, /*#__PURE__*/ _react.default.createElement(_Treestyles.Title, null, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/ _react.default.createElement(_Treestyles.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.default.createElement(_Treestyles.Line, {
+                    style: style,
+                    left: left
+                });
             }
         })));
     });