@salutejs/plasma-new-hope 0.110.0-canary.1307.10059399396.0 → 0.110.1-canary.1233.10062283292.0

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

@@ -0,0 +1,113 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('../../../../../../utils/index.js');
+var Select_tokens = require('../../../../Select.tokens.js');
+var sizeToIconSize = require('../../../../utils/sizeToIconSize.js');
+var Chip = require('./ui/Chip/Chip.js');
+var Textfield_styles = require('./Textfield.styles.js');
+var isEmpty = require('../../../../../../utils/isEmpty.js');
+
+var getLabel = function getLabel(_ref) {
+  var value = _ref.value,
+    isTargetAmount = _ref.isTargetAmount,
+    valueToItemMap = _ref.valueToItemMap,
+    onChipClick = _ref.onChipClick,
+    label = _ref.label,
+    placeholder = _ref.placeholder,
+    focusedChipIndex = _ref.focusedChipIndex,
+    labelPlacement = _ref.labelPlacement,
+    size = _ref.size,
+    renderValue = _ref.renderValue;
+  if (isEmpty.isEmpty(value)) {
+    if (!label || labelPlacement === 'outer') {
+      return /*#__PURE__*/React.createElement(Textfield_styles.Placeholder, null, placeholder);
+    }
+    return /*#__PURE__*/React.createElement(Textfield_styles.Label, null, label);
+  }
+  if (Array.isArray(value) && isTargetAmount) {
+    return /*#__PURE__*/React.createElement(Chip.Chip, {
+      text: "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length),
+      isTargetAmount: isTargetAmount
+    });
+  }
+  if (Array.isArray(value)) {
+    return value.map(function (currentValue, index) {
+      var itemLabel = valueToItemMap.get(currentValue).label;
+      return /*#__PURE__*/React.createElement(Chip.Chip, {
+        text: renderValue ? renderValue(currentValue, itemLabel) : itemLabel,
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          onChipClick(currentValue);
+        },
+        focused: focusedChipIndex === index
+      });
+    });
+  }
+  var itemLabel = valueToItemMap.get(value).label;
+  if (!label || labelPlacement === 'outer') {
+    return /*#__PURE__*/React.createElement(Textfield_styles.Value, null, renderValue ? renderValue(value, itemLabel) : itemLabel);
+  }
+  return /*#__PURE__*/React.createElement(Textfield_styles.InnerLabelWrapper, null, size !== 'xs' && /*#__PURE__*/React.createElement(Textfield_styles.InnerLabel, null, label), /*#__PURE__*/React.createElement(Textfield_styles.Value, null, renderValue ? renderValue(value, itemLabel) : itemLabel));
+};
+var Textfield = function Textfield(_ref2) {
+  var opened = _ref2.opened,
+    value = _ref2.value,
+    isTargetAmount = _ref2.isTargetAmount,
+    multiselect = _ref2.multiselect,
+    valueToItemMap = _ref2.valueToItemMap,
+    onChipClick = _ref2.onChipClick,
+    label = _ref2.label,
+    placeholder = _ref2.placeholder,
+    onKeyDown = _ref2.onKeyDown,
+    focusedChipIndex = _ref2.focusedChipIndex,
+    labelPlacement = _ref2.labelPlacement,
+    size = _ref2.size,
+    contentLeft = _ref2.contentLeft,
+    disabled = _ref2.disabled,
+    renderValue = _ref2.renderValue,
+    focusedPath = _ref2.focusedPath,
+    focusedToValueMap = _ref2.focusedToValueMap;
+  var withArrowInverse = opened ? Select_tokens.classes.arrowInverse : undefined;
+  var getActiveDescendant = function getActiveDescendant() {
+    var _focusedToValueMap$ge;
+    var focusedPathAsString = focusedPath.reduce(function (acc, n) {
+      return "".concat(acc, "/").concat(n);
+    }, '').replace(/^(\/)/, '');
+    return focusedToValueMap === null || focusedToValueMap === void 0 || (_focusedToValueMap$ge = focusedToValueMap.get(focusedPathAsString)) === null || _focusedToValueMap$ge === void 0 ? void 0 : _focusedToValueMap$ge.value.toString();
+  };
+  return /*#__PURE__*/React.createElement(Textfield_styles.TextfieldWrapper, {
+    opened: opened,
+    value: value
+  }, /*#__PURE__*/React.createElement(Textfield_styles.StyledButton, {
+    stretching: "filled",
+    className: index.cx(Select_tokens.classes.textfieldTarget, opened || focusedChipIndex !== null ? Select_tokens.classes.selectWithoutBoxShadow : undefined),
+    onKeyDown: onKeyDown,
+    disabled: disabled,
+    role: "combobox",
+    "aria-controls": "tree_level_1",
+    "aria-expanded": opened,
+    "aria-activedescendant": getActiveDescendant(),
+    "aria-label": label
+  }, /*#__PURE__*/React.createElement(Textfield_styles.Wrapper, null, contentLeft && (!multiselect || isEmpty.isEmpty(value)) && /*#__PURE__*/React.createElement(Textfield_styles.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/React.createElement(Textfield_styles.ChipWrapper, null, getLabel({
+    value: value,
+    isTargetAmount: isTargetAmount,
+    valueToItemMap: valueToItemMap,
+    onChipClick: onChipClick,
+    label: label,
+    placeholder: placeholder,
+    focusedChipIndex: focusedChipIndex,
+    labelPlacement: labelPlacement,
+    size: size,
+    renderValue: renderValue
+  })), /*#__PURE__*/React.createElement(Textfield_styles.IconArrowWrapper, null, /*#__PURE__*/React.createElement(Textfield_styles.StyledArrow, {
+    size: sizeToIconSize.sizeToIconSize(size),
+    color: "inherit",
+    className: index.cx(Select_tokens.classes.selectTargetArrow, withArrowInverse)
+  })))));
+};
+
+exports.Textfield = Textfield;
+//# sourceMappingURL=Textfield.js.map

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { sizeToIconSize } from '../../../../utils';\n\nimport { TextfieldProps, GetTextfieldLabelProps } from './Textfield.types';\nimport { Chip } from './ui';\nimport {\n    StyledButton,\n    StyledArrow,\n    Wrapper,\n    ChipWrapper,\n    TextfieldWrapper,\n    IconArrowWrapper,\n    Label,\n    Placeholder,\n    InnerLabel,\n    InnerLabelWrapper,\n    ContentLeftWrapper,\n    Value,\n} from './Textfield.styles';\n\nconst getLabel = ({\n    value,\n    isTargetAmount,\n    valueToItemMap,\n    onChipClick,\n    label,\n    placeholder,\n    focusedChipIndex,\n    labelPlacement,\n    size,\n    renderValue,\n}: GetTextfieldLabelProps) => {\n    if (isEmpty(value)) {\n        if (!label || labelPlacement === 'outer') {\n            return <Placeholder>{placeholder}</Placeholder>;\n        }\n\n        return <Label>{label}</Label>;\n    }\n\n    if (Array.isArray(value) && isTargetAmount) {\n        return <Chip text={`Выбрано: ${value.length}`} isTargetAmount={isTargetAmount} />;\n    }\n\n    if (Array.isArray(value)) {\n        return value.map((currentValue, index) => {\n            const itemLabel = valueToItemMap.get(currentValue)!.label;\n\n            return (\n                <Chip\n                    text={renderValue ? renderValue(currentValue, itemLabel) : itemLabel}\n                    onClick={(e: React.MouseEvent<HTMLElement>) => {\n                        e.stopPropagation();\n                        onChipClick(currentValue);\n                    }}\n                    focused={focusedChipIndex === index}\n                />\n            );\n        });\n    }\n\n    const itemLabel = valueToItemMap.get(value)!.label;\n\n    if (!label || labelPlacement === 'outer') {\n        return <Value>{renderValue ? renderValue(value, itemLabel) : itemLabel}</Value>;\n    }\n\n    return (\n        <InnerLabelWrapper>\n            {size !== 'xs' && <InnerLabel>{label}</InnerLabel>}\n            <Value>{renderValue ? renderValue(value, itemLabel) : itemLabel}</Value>\n        </InnerLabelWrapper>\n    );\n};\n\nexport const Textfield: React.FC<TextfieldProps> = ({\n    opened,\n    value,\n    isTargetAmount,\n    multiselect,\n    valueToItemMap,\n    onChipClick,\n    label,\n    placeholder,\n    onKeyDown,\n    focusedChipIndex,\n    labelPlacement,\n    size,\n    contentLeft,\n    disabled,\n    renderValue,\n    focusedPath,\n    focusedToValueMap,\n}) => {\n    const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n    const getActiveDescendant = () => {\n        const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n        return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n    };\n\n    return (\n        <TextfieldWrapper opened={opened} value={value}>\n            <StyledButton\n                stretching=\"filled\"\n                className={cx(\n                    classes.textfieldTarget,\n                    opened || focusedChipIndex !== null ? classes.selectWithoutBoxShadow : undefined,\n                )}\n                onKeyDown={onKeyDown}\n                disabled={disabled}\n                role=\"combobox\"\n                aria-controls=\"tree_level_1\"\n                aria-expanded={opened}\n                aria-activedescendant={getActiveDescendant()}\n                aria-label={label}\n            >\n                <Wrapper>\n                    {contentLeft && (!multiselect || isEmpty(value)) && (\n                        <ContentLeftWrapper>{contentLeft}</ContentLeftWrapper>\n                    )}\n\n                    <ChipWrapper>\n                        {getLabel({\n                            value,\n                            isTargetAmount,\n                            valueToItemMap,\n                            onChipClick,\n                            label,\n                            placeholder,\n                            focusedChipIndex,\n                            labelPlacement,\n                            size,\n                            renderValue,\n                        })}\n                    </ChipWrapper>\n\n                    <IconArrowWrapper>\n                        <StyledArrow\n                            size={sizeToIconSize(size)}\n                            color=\"inherit\"\n                            className={cx(classes.selectTargetArrow, withArrowInverse)}\n                        />\n                    </IconArrowWrapper>\n                </Wrapper>\n            </StyledButton>\n        </TextfieldWrapper>\n    );\n};\n"],"names":["getLabel","_ref","value","isTargetAmount","valueToItemMap","onChipClick","label","placeholder","focusedChipIndex","labelPlacement","size","renderValue","isEmpty","React","createElement","Placeholder","Label","Array","isArray","Chip","text","concat","length","map","currentValue","index","itemLabel","get","onClick","e","stopPropagation","focused","Value","InnerLabelWrapper","InnerLabel","Textfield","_ref2","opened","multiselect","onKeyDown","contentLeft","disabled","focusedPath","focusedToValueMap","withArrowInverse","classes","arrowInverse","undefined","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","replace","toString","TextfieldWrapper","StyledButton","stretching","className","cx","textfieldTarget","selectWithoutBoxShadow","role","Wrapper","ContentLeftWrapper","ChipWrapper","IconArrowWrapper","StyledArrow","sizeToIconSize","color","selectTargetArrow"],"mappings":"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"}

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js

@@ -0,0 +1,113 @@
+import './Textfield.styles_16d02b7.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+require('react');
+require('../../../../../../utils/react.js');
+var isEmpty = require('../../../../../../utils/isEmpty.js');
+var IconDisclosureDownCentered = require('../../../../../_Icon/Icons/IconDisclosureDownCentered.js');
+require('@linaria/core');
+var common = require('../../../../../../engines/common.js');
+var Button$1 = require('../../../../../Button/Button.js');
+var Select_tokens = require('../../../../Select.tokens.js');
+
+var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
+var Button = /*#__PURE__*/common.component(mergedButtonConfig);
+var _exp2 = function _exp2() {
+  return function (_ref) {
+    var opened = _ref.opened;
+    return opened ? "var(".concat(Select_tokens.tokens.targetTextfieldBackgroundColorOpened, ")") : "var(".concat(Select_tokens.tokens.targetTextfieldBackgroundColor, ")");
+  };
+};
+var _exp3 = function _exp3() {
+  return function (_ref2) {
+    var value = _ref2.value;
+    return Array.isArray(value) && !isEmpty.isEmpty(value) ? "0 var(".concat(Select_tokens.tokens.targetTextfieldChipPadding, ")") : "0 var(".concat(Select_tokens.tokens.targetTextfieldPadding, ")");
+  };
+};
+var TextfieldWrapper = /*#__PURE__*/react.styled('div')({
+  name: "TextfieldWrapper",
+  "class": "t1yhwv5r",
+  propsAsIs: false,
+  vars: {
+    "t1yhwv5r-0": [/*#__PURE__*/_exp2()],
+    "t1yhwv5r-1": [/*#__PURE__*/_exp3()]
+  }
+});
+var _exp5 = function _exp5() {
+  return Button;
+};
+var StyledButton = /*#__PURE__*/react.styled(_exp5())({
+  name: "StyledButton",
+  "class": "s7x5udn",
+  propsAsIs: true
+});
+var _exp38 = function _exp38() {
+  return IconDisclosureDownCentered.IconDisclosureDownCentered;
+};
+var StyledArrow = /*#__PURE__*/react.styled(_exp38())({
+  name: "StyledArrow",
+  "class": "s2oocb4",
+  propsAsIs: true
+});
+var IconArrowWrapper = /*#__PURE__*/react.styled('div')({
+  name: "IconArrowWrapper",
+  "class": "i1kxyc50",
+  propsAsIs: false
+});
+var Wrapper = /*#__PURE__*/react.styled('div')({
+  name: "Wrapper",
+  "class": "wqzfsxn",
+  propsAsIs: false
+});
+var ChipWrapper = /*#__PURE__*/react.styled('div')({
+  name: "ChipWrapper",
+  "class": "c1cgo38i",
+  propsAsIs: false
+});
+var Label = /*#__PURE__*/react.styled('label')({
+  name: "Label",
+  "class": "l9ikjwc",
+  propsAsIs: false
+});
+var Placeholder = /*#__PURE__*/react.styled('div')({
+  name: "Placeholder",
+  "class": "p1jn3k4y",
+  propsAsIs: false
+});
+var InnerLabelWrapper = /*#__PURE__*/react.styled('div')({
+  name: "InnerLabelWrapper",
+  "class": "i8xlj9b",
+  propsAsIs: false
+});
+var InnerLabel = /*#__PURE__*/react.styled('label')({
+  name: "InnerLabel",
+  "class": "iu6fefp",
+  propsAsIs: false
+});
+var ContentLeftWrapper = /*#__PURE__*/react.styled('div')({
+  name: "ContentLeftWrapper",
+  "class": "c1ox0htq",
+  propsAsIs: false
+});
+var Value = /*#__PURE__*/react.styled('span')({
+  name: "Value",
+  "class": "v1kam5d",
+  propsAsIs: false
+});
+
+exports.ChipWrapper = ChipWrapper;
+exports.ContentLeftWrapper = ContentLeftWrapper;
+exports.IconArrowWrapper = IconArrowWrapper;
+exports.InnerLabel = InnerLabel;
+exports.InnerLabelWrapper = InnerLabelWrapper;
+exports.Label = Label;
+exports.Placeholder = Placeholder;
+exports.StyledArrow = StyledArrow;
+exports.StyledButton = StyledButton;
+exports.TextfieldWrapper = TextfieldWrapper;
+exports.Value = Value;
+exports.Wrapper = Wrapper;
+//# sourceMappingURL=Textfield.styles.js.map

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { isEmpty } from '../../../../../../utils';\nimport { applyEllipsis, addFocus } from '../../../../../../mixins';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../../../Button';\nimport { tokens, classes, constants } from '../../../../Select.tokens';\nimport type { SelectProps } from '../../../../Select.types';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const TextfieldWrapper = styled.div<{ opened: boolean; value: SelectProps['value'] }>`\n    display: inline;\n\n    .${classes.textfieldTarget} {\n        background: ${({ opened }) =>\n            opened\n                ? `var(${tokens.targetTextfieldBackgroundColorOpened})`\n                : `var(${tokens.targetTextfieldBackgroundColor})`};\n        padding: ${({ value }) =>\n            Array.isArray(value) && !isEmpty(value)\n                ? `0 var(${tokens.targetTextfieldChipPadding})`\n                : `0 var(${tokens.targetTextfieldPadding})`};\n    }\n\n    .${classes.selectWithoutBoxShadow}::before {\n        box-shadow: none !important;\n    }\n`;\n\nexport const StyledButton = styled(Button)`\n    ${buttonTokens.buttonColor}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonColorHover}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonColorActive}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonHeight}: var(${tokens.targetHeight});\n    ${buttonTokens.buttonWidth}: 100%;\n    ${buttonTokens.buttonPadding}: var(${tokens.targetTextfieldPadding});\n    ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n    ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n    ${buttonTokens.buttonFontWeight}:var(${tokens.fontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n    ${buttonTokens.buttonDisabledOpacity}: ${constants.opacity};\n    ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n    box-shadow: inset 0 0 0 ${constants.textfieldBorderSize} var(${tokens.targetTextfieldBorderColor});\n\n    ${addFocus({\n        outlineOffset: constants.textfieldBorderSize,\n        outlineSize: constants.focusSize,\n        outlineRadius: `calc(var(${tokens.borderRadius}) - ${constants.textfieldBorderSize})`,\n        outlineColor: `var(${constants.focusColor})`,\n    })}\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)``;\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    margin: var(${tokens.targetTextfieldArrowMargin});\n    color: var(${tokens.targetTextfieldArrowColor});\n\n    &:hover {\n        color: var(${tokens.targetTextfieldArrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.targetTextfieldArrowColorActive});\n    }\n`;\n\nexport const Wrapper = styled.div`\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n`;\n\nexport const ChipWrapper = styled.div`\n    width: 100%;\n    display: flex;\n    min-width: 0;\n    padding: calc(${constants.focusSize} + var(${tokens.focusOffset}));\n    gap: 0.25rem;\n    overflow-x: scroll;\n    border-top-right-radius: var(${tokens.chipBorderRadius});\n    border-bottom-right-radius: var(${tokens.chipBorderRadius});\n\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n        display: none;\n    }\n`;\n\nexport const Label = styled.label`\n    color: var(${constants.textfieldInnerLabelColor});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const Placeholder = styled.div`\n    color: var(${constants.textfieldPlaceholderColor});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const InnerLabelWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n    row-gap: var(${tokens.innerLabelGap});\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const InnerLabel = styled.label`\n    color: var(${constants.textfieldInnerLabelColor});\n    font-family: var(${constants.fontFamily});\n    font-size: var(${constants.fontSize});\n    font-style: var(${constants.fontStyle});\n    font-weight: var(${constants.fontWeight});\n    letter-spacing: var(${constants.fontLetterSpacing});\n    line-height: var(${constants.fontLineHeight});\n    text-align: left;\n`;\n\nexport const ContentLeftWrapper = styled.div`\n    flex: none;\n    margin-left: -0.125rem;\n    margin-right: 0.375rem;\n    line-height: 0;\n`;\n\nexport const Value = styled.span`\n    ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp2","_ref","opened","concat","tokens","targetTextfieldBackgroundColorOpened","targetTextfieldBackgroundColor","_exp3","_ref2","value","Array","isArray","isEmpty","targetTextfieldChipPadding","targetTextfieldPadding","TextfieldWrapper","styled","name","class","propsAsIs","vars","_exp5","StyledButton","_exp38","IconDisclosureDownCentered","StyledArrow","IconArrowWrapper","Wrapper","ChipWrapper","Label","Placeholder","InnerLabelWrapper","InnerLabel","ContentLeftWrapper","Value"],"mappings":"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"}

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_16d02b7.css

@@ -0,0 +1,12 @@
+.t1yhwv5r{display:inline;}.t1yhwv5r .select-textfield-target{background:var(--t1yhwv5r-0);padding:var(--t1yhwv5r-1);}.t1yhwv5r .select-without-box-shadow::before{box-shadow:none !important;}
+.s7x5udn{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);box-shadow:inset 0 0 0 0.0625rem var(--plasma-select-target-textfield-border-color);position:relative;}.s7x5udn::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.0625rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s7x5udn.focus-visible:focus::before,.s7x5udn[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+
+.i1kxyc50{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.i1kxyc50:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.i1kxyc50:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
+.wqzfsxn{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.wqzfsxn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
+.c1cgo38i{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:calc(0.0625rem + var(--plasma-select-focus-offset));gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.c1cgo38i::-webkit-scrollbar{display:none;}
+.l9ikjwc{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
+.p1jn3k4y{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
+.i8xlj9b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
+.iu6fefp{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
+.c1ox0htq{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;}
+.v1kam5d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

package/cjs/components/Select/ui/{SelectChip/SelectChip.css → Target/ui/Textfield/ui/Chip/Chip.css}

@@ -18,4 +18,4 @@
 .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
 .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
 
-.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-color-hover:var(--plasma-select-chip-color-hover);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-color-active:var(--plasma-select-chip-color-active);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-background-readonly:var(--plasma-select-chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-select-chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-select-chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-select-chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-width:var(--plasma-select-chip-width);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-chip-font-family);--plasma-chip-font-size:var(--plasma-select-chip-font-size);--plasma-chip-font-style:var(--plasma-select-chip-font-style);--plasma-chip-font-weight:var(--plasma-select-chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-select-chip-scale-hover);--plasma-chip-scale-active:var(--plasma-select-chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-select-focus-color);position:relative;}.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1.SelectChip_styles_1u4uw04_focusVisible__c23911c1:focus::before,.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-select-focus-color);}.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1[readonly]{opacity:var(--plasma-select-chip-opacity-readonly);}
+.Chip_styles_1a752pa_scwjjdn__1a6784c0{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_1a752pa_scwjjdn__1a6784c0::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_1a752pa_scwjjdn__1a6784c0.Chip_styles_1a752pa_selectChipIsFocused__1a6784c0:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}

package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Select_tokens = require('../../../../../../Select.tokens.js');
+var Chip_styles = require('./Chip.styles.js');
+
+var _div;
+var Chip = function Chip(_ref) {
+  var text = _ref.text,
+    onClick = _ref.onClick,
+    focused = _ref.focused,
+    isTargetAmount = _ref.isTargetAmount;
+  var ref = React.useRef(null);
+  React.useEffect(function () {
+    if (focused && ref.current) {
+      ref.current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center',
+        inline: 'center'
+      });
+    }
+  }, [focused]);
+  return /*#__PURE__*/React.createElement(Chip_styles.StyledChip, {
+    contentClearButton: isTargetAmount && (_div || (_div = /*#__PURE__*/React.createElement("div", null))),
+    tabIndex: -1,
+    onClick: onClick,
+    text: "".concat(text),
+    className: focused ? Select_tokens.classes.selectChipIsFocused : undefined,
+    ref: ref
+  });
+};
+
+exports.Chip = Chip;
+//# sourceMappingURL=Chip.js.map

package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sources":["../../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\n\nimport { SelectProps } from '../../../../../../Select.types';\nimport { classes } from '../../../../../../Select.tokens';\n\nimport { StyledChip } from './Chip.styles';\n\nexport const Chip: React.FC<{\n    text: string;\n    onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n    focused?: boolean;\n    isTargetAmount?: SelectProps['isTargetAmount'];\n}> = ({ text, onClick, focused, isTargetAmount }) => {\n    const ref = useRef<HTMLButtonElement | null>(null);\n\n    useEffect(() => {\n        if (focused && ref.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focused]);\n\n    return (\n        <StyledChip\n            contentClearButton={isTargetAmount && <div />}\n            tabIndex={-1}\n            onClick={onClick}\n            text={`${text}`}\n            className={focused ? classes.selectChipIsFocused : undefined}\n            ref={ref}\n        />\n    );\n};\n"],"names":["Chip","_ref","text","onClick","focused","isTargetAmount","ref","useRef","useEffect","current","scrollIntoView","behavior","block","inline","React","createElement","StyledChip","contentClearButton","_div","tabIndex","concat","className","classes","selectChipIsFocused","undefined"],"mappings":";;;;;;;;;IAOaA,IAKX,GAAG,SALQA,IAKXA,CAAAC,IAAA,EAAmD;AAAA,EAAA,IAA7CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAEC,cAAc,GAAAJ,IAAA,CAAdI,cAAc,CAAA;AAC1C,EAAA,IAAMC,GAAG,GAAGC,YAAM,CAA2B,IAAI,CAAC,CAAA;AAElDC,EAAAA,eAAS,CAAC,YAAM;AACZ,IAAA,IAAIJ,OAAO,IAAIE,GAAG,CAACG,OAAO,EAAE;AACxBH,MAAAA,GAAG,CAACG,OAAO,CAACC,cAAc,CAAC;AACvBC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,KAAK,EAAE,QAAQ;AACfC,QAAAA,MAAM,EAAE,QAAA;AACZ,OAAC,CAAC,CAAA;AACN,KAAA;AACJ,GAAC,EAAE,CAACT,OAAO,CAAC,CAAC,CAAA;AAEb,EAAA,oBACIU,KAAA,CAAAC,aAAA,CAACC,sBAAU,EAAA;AACPC,IAAAA,kBAAkB,EAAEZ,cAAc,KAAAa,IAAA,KAAAA,IAAA,gBAAIJ,KAAA,CAAAC,aAAA,CAAM,KAAA,EAAA,IAAA,CAAC,CAAC,CAAA;IAC9CI,QAAQ,EAAE,CAAC,CAAE;AACbhB,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,IAAI,EAAAkB,EAAAA,CAAAA,MAAA,CAAKlB,IAAI,CAAG;AAChBmB,IAAAA,SAAS,EAAEjB,OAAO,GAAGkB,qBAAO,CAACC,mBAAmB,GAAGC,SAAU;AAC7DlB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GACZ,CAAC,CAAA;AAEV;;;;"}

package/cjs/components/Select/ui/{SelectChip/SelectChip.styles.js → Target/ui/Textfield/ui/Chip/Chip.styles.js}

@@ -1,26 +1,23 @@
-import './SelectChip.styles_1u4uw04.css';
+import './Chip.styles_1a752pa.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
-var Chip$1 = require('../../../Chip/Chip.js');
+var Chip$1 = require('../../../../../../../Chip/Chip.js');
 require('@linaria/core');
-var common = require('../../../../engines/common.js');
+var common = require('../../../../../../../../engines/common.js');
 
-// issue #823
 var mergedConfig = /*#__PURE__*/common.mergeConfig(Chip$1.chipConfig);
 var Chip = /*#__PURE__*/common.component(mergedConfig);
-
-// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
 var _exp = function _exp() {
   return Chip;
 };
 var StyledChip = /*#__PURE__*/react.styled(_exp())({
   name: "StyledChip",
-  "class": "s1eowjbp",
+  "class": "scwjjdn",
   propsAsIs: true
 });
 
 exports.StyledChip = StyledChip;
-//# sourceMappingURL=SelectChip.styles.js.map
+//# sourceMappingURL=Chip.styles.js.map

package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.styles.js","sources":["../../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../../../../../Chip';\nimport { component, mergeConfig } from '../../../../../../../../engines';\nimport { tokens, classes, constants } from '../../../../../../Select.tokens';\nimport { addFocus } from '../../../../../../../../mixins';\n\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\nexport const StyledChip = styled(Chip)`\n    ${chipTokens.color}: var(${tokens.chipColor});\n    ${chipTokens.colorHover}: var(${tokens.chipColor});\n    ${chipTokens.colorActive}: var(${tokens.chipColor});\n    ${chipTokens.background}: var(${tokens.chipBackground});\n    ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n    ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n    ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n    ${chipTokens.height}: var(${tokens.chipHeight});\n    ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n    ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n    ${chipTokens.fontFamily}: var(${tokens.fontFamily});\n    ${chipTokens.fontSize}: var(${tokens.fontSize});\n    ${chipTokens.fontStyle}: var(${tokens.fontStyle});\n    ${chipTokens.fontWeight}: var(${tokens.fontWeight});\n    ${chipTokens.letterSpacing}: var(${tokens.fontLetterSpacing});\n    ${chipTokens.lineHeight}: var(${tokens.fontLineHeight});\n    ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n    ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n    ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n    ${chipTokens.closeIconColor}: var(${tokens.chipColor});\n    ${chipTokens.focusColor}: var(${constants.focusColor});\n\n    ${addFocus({\n        outlineOffset: `calc(var(${tokens.focusOffset}) * -1)`,\n        outlineRadius: `calc(var(${tokens.chipBorderRadius}) + var(${tokens.focusOffset}))`,\n        customFocusRules: `\n            &.${classes.selectChipIsFocused}:before {\n                outline: none;\n                box-shadow: 0 0 0 ${constants.focusSize} var(${constants.focusColor});\n            }\n        `,\n    })};\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;AAOA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPnBA,SAOmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAiC/B;;;;"}

package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css

@@ -0,0 +1 @@
+.scwjjdn{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.scwjjdn::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.scwjjdn.select-chip-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}

package/cjs/components/Select/utils/getButtonLabel.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('../../../utils/react.js');
+var isEmpty = require('../../../utils/isEmpty.js');
+
+var getLabel = function getLabel(_ref) {
+  var renderValue = _ref.renderValue,
+    value = _ref.value,
+    valueToItemMap = _ref.valueToItemMap;
+  var _ref2 = valueToItemMap.get(value === null || value === void 0 ? void 0 : value.toString()),
+    label = _ref2.label;
+  return renderValue ? renderValue(value, label) : label;
+};
+var getButtonLabel = function getButtonLabel(_ref3) {
+  var value = _ref3.value,
+    label = _ref3.label,
+    isTargetAmount = _ref3.isTargetAmount,
+    multiselect = _ref3.multiselect,
+    valueToItemMap = _ref3.valueToItemMap,
+    renderValue = _ref3.renderValue;
+  if (isEmpty.isEmpty(value)) {
+    return label;
+  }
+  if (multiselect && isTargetAmount) {
+    return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length);
+  }
+  if (multiselect && Array.isArray(value)) {
+    return value.map(function (itemValue) {
+      return getLabel({
+        renderValue: renderValue,
+        value: itemValue,
+        valueToItemMap: valueToItemMap
+      });
+    }).join(', ');
+  }
+  return getLabel({
+    renderValue: renderValue,
+    value: value,
+    valueToItemMap: valueToItemMap
+  });
+};
+
+exports.getButtonLabel = getButtonLabel;
+//# sourceMappingURL=getButtonLabel.js.map

package/cjs/components/Select/utils/getButtonLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getButtonLabel.js","sources":["../../../../src/components/Select/utils/getButtonLabel.ts"],"sourcesContent":["import { GetButtonLabelProps } from '../ui/Target/ui/Button/Button.types';\nimport { isEmpty } from '../../../utils';\n\nconst getLabel = ({ renderValue, value, valueToItemMap }: GetButtonLabelProps) => {\n    const { label } = valueToItemMap.get(value?.toString())!;\n\n    return renderValue ? renderValue(value as string, label) : label;\n};\n\nexport const getButtonLabel = ({\n    value,\n    label,\n    isTargetAmount,\n    multiselect,\n    valueToItemMap,\n    renderValue,\n}: GetButtonLabelProps) => {\n    if (isEmpty(value)) {\n        return label;\n    }\n\n    if (multiselect && isTargetAmount) {\n        return `Выбрано: ${value.length}`;\n    }\n\n    if (multiselect && Array.isArray(value)) {\n        return value\n            .map((itemValue) =>\n                getLabel({\n                    renderValue,\n                    value: itemValue,\n                    valueToItemMap,\n                }),\n            )\n            .join(', ');\n    }\n\n    return getLabel({\n        renderValue,\n        value,\n        valueToItemMap,\n    });\n};\n"],"names":["getLabel","_ref","renderValue","value","valueToItemMap","_ref2","get","toString","label","getButtonLabel","_ref3","isTargetAmount","multiselect","isEmpty","concat","length","Array","isArray","map","itemValue","join"],"mappings":";;;;;;;;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAoE;AAAA,EAAA,IAA9DC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,cAAc,GAAAH,IAAA,CAAdG,cAAc,CAAA;AAClD,EAAA,IAAAC,KAAA,GAAkBD,cAAc,CAACE,GAAG,CAACH,KAAK,KAALA,IAAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEI,QAAQ,EAAE,CAAC;IAA/CC,KAAK,GAAAH,KAAA,CAALG,KAAK,CAAA;EAEb,OAAON,WAAW,GAAGA,WAAW,CAACC,KAAK,EAAYK,KAAK,CAAC,GAAGA,KAAK,CAAA;AACpE,CAAC,CAAA;IAEYC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAOA;AAAA,EAAA,IANvBP,KAAK,GAAAO,KAAA,CAALP,KAAK;IACLK,KAAK,GAAAE,KAAA,CAALF,KAAK;IACLG,cAAc,GAAAD,KAAA,CAAdC,cAAc;IACdC,WAAW,GAAAF,KAAA,CAAXE,WAAW;IACXR,cAAc,GAAAM,KAAA,CAAdN,cAAc;IACdF,WAAW,GAAAQ,KAAA,CAAXR,WAAW,CAAA;AAEX,EAAA,IAAIW,eAAO,CAACV,KAAK,CAAC,EAAE;AAChB,IAAA,OAAOK,KAAK,CAAA;AAChB,GAAA;EAEA,IAAII,WAAW,IAAID,cAAc,EAAE;AAC/B,IAAA,OAAA,8CAAA,CAAAG,MAAA,CAAmBX,KAAK,CAACY,MAAM,CAAA,CAAA;AACnC,GAAA;EAEA,IAAIH,WAAW,IAAII,KAAK,CAACC,OAAO,CAACd,KAAK,CAAC,EAAE;AACrC,IAAA,OAAOA,KAAK,CACPe,GAAG,CAAC,UAACC,SAAS,EAAA;AAAA,MAAA,OACXnB,QAAQ,CAAC;AACLE,QAAAA,WAAW,EAAXA,WAAW;AACXC,QAAAA,KAAK,EAAEgB,SAAS;AAChBf,QAAAA,cAAc,EAAdA,cAAAA;AACJ,OAAC,CAAC,CAAA;AAAA,KACN,CAAC,CACAgB,IAAI,CAAC,IAAI,CAAC,CAAA;AACnB,GAAA;AAEA,EAAA,OAAOpB,QAAQ,CAAC;AACZE,IAAAA,WAAW,EAAXA,WAAW;AACXC,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,cAAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}

package/cjs/components/Select/utils/getCorrectHeight.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getCorrectHeight = function getCorrectHeight(listHeight) {
+  if (Number.isNaN(Number(listHeight))) {
+    return listHeight.toString();
+  }
+  return "".concat(listHeight, "rem");
+};
+
+exports.getCorrectHeight = getCorrectHeight;
+//# sourceMappingURL=getCorrectHeight.js.map

package/cjs/components/Select/utils/getCorrectHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCorrectHeight.js","sources":["../../../../src/components/Select/utils/getCorrectHeight.ts"],"sourcesContent":["import type { DropdownProps } from '../../Dropdown';\n\nexport const getCorrectHeight = (listHeight: Required<DropdownProps>['listHeight']): string => {\n    if (Number.isNaN(Number(listHeight))) {\n        return listHeight.toString();\n    }\n    return `${listHeight}rem`;\n};\n"],"names":["getCorrectHeight","listHeight","Number","isNaN","toString","concat"],"mappings":";;;;IAEaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAiD,EAAa;EAC3F,IAAIC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,UAAU,CAAC,CAAC,EAAE;AAClC,IAAA,OAAOA,UAAU,CAACG,QAAQ,EAAE,CAAA;AAChC,GAAA;EACA,OAAAC,EAAAA,CAAAA,MAAA,CAAUJ,UAAU,EAAA,KAAA,CAAA,CAAA;AACxB;;;;"}

package/cjs/components/Select/utils/initialItemsTransform.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// Проходимся по массиву items и добавляем в каждый item ключ parent, который ссылается на item родителя.
+// Дает возможность прохода к корневому элементу (снизу вверх).
+
+var initialItemsTransform = function initialItemsTransform(items, parent) {
+  items.forEach(function (item) {
+    item.parent = parent;
+    if (item.items) {
+      item.items = initialItemsTransform(item.items, item);
+    }
+  });
+  return items;
+};
+
+exports.initialItemsTransform = initialItemsTransform;
+//# sourceMappingURL=initialItemsTransform.js.map

package/cjs/components/Select/utils/initialItemsTransform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initialItemsTransform.js","sources":["../../../../src/components/Select/utils/initialItemsTransform.ts"],"sourcesContent":["import { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\n\n// Проходимся по массиву items и добавляем в каждый item ключ parent, который ссылается на item родителя.\n// Дает возможность прохода к корневому элементу (снизу вверх).\n\nexport const initialItemsTransform = (\n    items: Array<ItemOptionTransformed>,\n    parent?: ItemOptionTransformed,\n): Array<ItemOptionTransformed> => {\n    items.forEach((item) => {\n        item.parent = parent;\n\n        if (item.items) {\n            item.items = initialItemsTransform(item.items, item);\n        }\n    });\n\n    return items;\n};\n"],"names":["initialItemsTransform","items","parent","forEach","item"],"mappings":";;;;AAEA;AACA;;AAEO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAC9BC,KAAmC,EACnCC,MAA8B,EACC;AAC/BD,EAAAA,KAAK,CAACE,OAAO,CAAC,UAACC,IAAI,EAAK;IACpBA,IAAI,CAACF,MAAM,GAAGA,MAAM,CAAA;IAEpB,IAAIE,IAAI,CAACH,KAAK,EAAE;MACZG,IAAI,CAACH,KAAK,GAAGD,qBAAqB,CAACI,IAAI,CAACH,KAAK,EAAEG,IAAI,CAAC,CAAA;AACxD,KAAA;AACJ,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOH,KAAK,CAAA;AAChB;;;;"}

package/cjs/components/Select/utils/sizeToIconSize.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sizeToIconSize = function sizeToIconSize(size, variant) {
+  if (size === 'xs' || size === 's' && variant === 'tight') return 'xs';
+  return 's';
+};
+
+exports.sizeToIconSize = sizeToIconSize;
+//# sourceMappingURL=sizeToIconSize.js.map

package/cjs/components/Select/utils/sizeToIconSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeToIconSize.js","sources":["../../../../src/components/Select/utils/sizeToIconSize.ts"],"sourcesContent":["import { SelectProps } from '../Select.types';\n\nexport const sizeToIconSize = (size?: string, variant?: SelectProps['variant']) => {\n    if (size === 'xs' || (size === 's' && variant === 'tight')) return 'xs';\n\n    return 's';\n};\n"],"names":["sizeToIconSize","size","variant"],"mappings":";;;;AAEO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAa,EAAEC,OAAgC,EAAK;AAC/E,EAAA,IAAID,IAAI,KAAK,IAAI,IAAKA,IAAI,KAAK,GAAG,IAAIC,OAAO,KAAK,OAAQ,EAAE,OAAO,IAAI,CAAA;AAEvE,EAAA,OAAO,GAAG,CAAA;AACd;;;;"}

package/cjs/components/Select/utils/updateAncestors.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var updateAncestors = function updateAncestors(node, checkedMap) {
+  if (!(node !== null && node !== void 0 && node.parent)) {
+    return;
+  }
+  var parent = node.parent;
+  var siblings = parent.items;
+  var siblingsLength = siblings.length;
+  var checkedFromAllSiblings = 0;
+  var isParentIndeterminate = false;
+  siblings.forEach(function (sib) {
+    if (checkedMap.get(sib.value) === 'indeterminate') {
+      isParentIndeterminate = true;
+      return;
+    }
+    if (checkedMap.get(sib.value)) {
+      checkedFromAllSiblings += 1;
+    }
+  });
+  if (isParentIndeterminate || checkedFromAllSiblings > 0 && checkedFromAllSiblings < siblingsLength) {
+    checkedMap.set(parent.value, 'indeterminate');
+  } else if (checkedFromAllSiblings === 0) {
+    checkedMap.set(parent.value, false);
+  } else {
+    checkedMap.set(parent.value, true);
+  }
+  updateAncestors(parent, checkedMap);
+};
+
+exports.updateAncestors = updateAncestors;
+//# sourceMappingURL=updateAncestors.js.map

package/cjs/components/Select/utils/updateAncestors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateAncestors.js","sources":["../../../../src/components/Select/utils/updateAncestors.ts"],"sourcesContent":["import type { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\nimport type { ValueToCheckedMapType } from '../hooks/usePathMaps';\n\nexport const updateAncestors = (node: ItemOptionTransformed, checkedMap: ValueToCheckedMapType) => {\n    if (!node?.parent) {\n        return;\n    }\n\n    const { parent } = node;\n    const siblings = parent.items!;\n    const siblingsLength = siblings.length;\n    let checkedFromAllSiblings = 0;\n    let isParentIndeterminate = false;\n\n    siblings.forEach((sib) => {\n        if (checkedMap.get(sib.value) === 'indeterminate') {\n            isParentIndeterminate = true;\n            return;\n        }\n\n        if (checkedMap.get(sib.value)) {\n            checkedFromAllSiblings += 1;\n        }\n    });\n\n    if (isParentIndeterminate || (checkedFromAllSiblings > 0 && checkedFromAllSiblings < siblingsLength)) {\n        checkedMap.set(parent.value, 'indeterminate');\n    } else if (checkedFromAllSiblings === 0) {\n        checkedMap.set(parent.value, false);\n    } else {\n        checkedMap.set(parent.value, true);\n    }\n\n    updateAncestors(parent, checkedMap);\n};\n"],"names":["updateAncestors","node","checkedMap","parent","siblings","items","siblingsLength","length","checkedFromAllSiblings","isParentIndeterminate","forEach","sib","get","value","set"],"mappings":";;;;AAGO,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA2B,EAAEC,UAAiC,EAAK;EAC/F,IAAI,EAACD,IAAI,KAAJA,IAAAA,IAAAA,IAAI,eAAJA,IAAI,CAAEE,MAAM,CAAE,EAAA;AACf,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAQA,MAAM,GAAKF,IAAI,CAAfE,MAAM,CAAA;AACd,EAAA,IAAMC,QAAQ,GAAGD,MAAM,CAACE,KAAM,CAAA;AAC9B,EAAA,IAAMC,cAAc,GAAGF,QAAQ,CAACG,MAAM,CAAA;EACtC,IAAIC,sBAAsB,GAAG,CAAC,CAAA;EAC9B,IAAIC,qBAAqB,GAAG,KAAK,CAAA;AAEjCL,EAAAA,QAAQ,CAACM,OAAO,CAAC,UAACC,GAAG,EAAK;IACtB,IAAIT,UAAU,CAACU,GAAG,CAACD,GAAG,CAACE,KAAK,CAAC,KAAK,eAAe,EAAE;AAC/CJ,MAAAA,qBAAqB,GAAG,IAAI,CAAA;AAC5B,MAAA,OAAA;AACJ,KAAA;IAEA,IAAIP,UAAU,CAACU,GAAG,CAACD,GAAG,CAACE,KAAK,CAAC,EAAE;AAC3BL,MAAAA,sBAAsB,IAAI,CAAC,CAAA;AAC/B,KAAA;AACJ,GAAC,CAAC,CAAA;EAEF,IAAIC,qBAAqB,IAAKD,sBAAsB,GAAG,CAAC,IAAIA,sBAAsB,GAAGF,cAAe,EAAE;IAClGJ,UAAU,CAACY,GAAG,CAACX,MAAM,CAACU,KAAK,EAAE,eAAe,CAAC,CAAA;AACjD,GAAC,MAAM,IAAIL,sBAAsB,KAAK,CAAC,EAAE;IACrCN,UAAU,CAACY,GAAG,CAACX,MAAM,CAACU,KAAK,EAAE,KAAK,CAAC,CAAA;AACvC,GAAC,MAAM;IACHX,UAAU,CAACY,GAAG,CAACX,MAAM,CAACU,KAAK,EAAE,IAAI,CAAC,CAAA;AACtC,GAAA;AAEAb,EAAAA,eAAe,CAACG,MAAM,EAAED,UAAU,CAAC,CAAA;AACvC;;;;"}

package/cjs/components/Select/utils/updateDescendants.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var updateDescendants = function updateDescendants(node, checkedMap, isChecked) {
+  if (!(node !== null && node !== void 0 && node.items)) {
+    return;
+  }
+  node.items.forEach(function (item) {
+    checkedMap.set(item.value, isChecked);
+    if (item.items) {
+      updateDescendants(item, checkedMap, isChecked);
+    }
+  });
+};
+
+exports.updateDescendants = updateDescendants;
+//# sourceMappingURL=updateDescendants.js.map

package/cjs/components/Select/utils/updateDescendants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateDescendants.js","sources":["../../../../src/components/Select/utils/updateDescendants.ts"],"sourcesContent":["import type { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\nimport type { ValueToCheckedMapType } from '../hooks/usePathMaps';\n\nexport const updateDescendants = (\n    node: ItemOptionTransformed,\n    checkedMap: ValueToCheckedMapType,\n    isChecked: boolean,\n) => {\n    if (!node?.items) {\n        return;\n    }\n\n    node.items.forEach((item) => {\n        checkedMap.set(item.value, isChecked);\n\n        if (item.items) {\n            updateDescendants(item, checkedMap, isChecked);\n        }\n    });\n};\n"],"names":["updateDescendants","node","checkedMap","isChecked","items","forEach","item","set","value"],"mappings":";;;;AAGO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAC1BC,IAA2B,EAC3BC,UAAiC,EACjCC,SAAkB,EACjB;EACD,IAAI,EAACF,IAAI,KAAJA,IAAAA,IAAAA,IAAI,eAAJA,IAAI,CAAEG,KAAK,CAAE,EAAA;AACd,IAAA,OAAA;AACJ,GAAA;AAEAH,EAAAA,IAAI,CAACG,KAAK,CAACC,OAAO,CAAC,UAACC,IAAI,EAAK;IACzBJ,UAAU,CAACK,GAAG,CAACD,IAAI,CAACE,KAAK,EAAEL,SAAS,CAAC,CAAA;IAErC,IAAIG,IAAI,CAACF,KAAK,EAAE;AACZJ,MAAAA,iBAAiB,CAACM,IAAI,EAAEJ,UAAU,EAAEC,SAAS,CAAC,CAAA;AAClD,KAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}

package/cjs/components/Select/utils/updateSingleAncestors.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var updateSingleAncestors = function updateSingleAncestors(node, checkedMap, type) {
+  if (!node.parent) {
+    return;
+  }
+  var parent = node.parent;
+  checkedMap.set(parent.value, type);
+  updateSingleAncestors(parent, checkedMap, type);
+};
+
+exports.updateSingleAncestors = updateSingleAncestors;
+//# sourceMappingURL=updateSingleAncestors.js.map

package/cjs/components/Select/utils/updateSingleAncestors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateSingleAncestors.js","sources":["../../../../src/components/Select/utils/updateSingleAncestors.ts"],"sourcesContent":["import type { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\nimport type { ValueToCheckedMapType } from '../hooks/usePathMaps';\n\nexport const updateSingleAncestors = (\n    node: ItemOptionTransformed,\n    checkedMap: ValueToCheckedMapType,\n    type: boolean | 'done' | 'dot' | 'indeterminate',\n) => {\n    if (!node.parent) {\n        return;\n    }\n\n    const { parent } = node;\n\n    checkedMap.set(parent.value, type);\n\n    updateSingleAncestors(parent, checkedMap, type);\n};\n"],"names":["updateSingleAncestors","node","checkedMap","type","parent","set","value"],"mappings":";;;;AAGO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAC9BC,IAA2B,EAC3BC,UAAiC,EACjCC,IAAgD,EAC/C;AACD,EAAA,IAAI,CAACF,IAAI,CAACG,MAAM,EAAE;AACd,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAQA,MAAM,GAAKH,IAAI,CAAfG,MAAM,CAAA;EAEdF,UAAU,CAACG,GAAG,CAACD,MAAM,CAACE,KAAK,EAAEH,IAAI,CAAC,CAAA;AAElCH,EAAAA,qBAAqB,CAACI,MAAM,EAAEF,UAAU,EAAEC,IAAI,CAAC,CAAA;AACnD;;;;"}