@salutejs/plasma-new-hope 0.174.0-canary.1504.11477432639.0 → 0.174.0-canary.1505.11483510462.0

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

@@ -82,7 +82,7 @@ var _exp47 = function _exp47() {
   return function (_ref6) {
     var multiselect = _ref6.multiselect,
       value = _ref6.value;
-    return "calc(".concat(constants.focusSize, " + ").concat(multiselect && value && value.length > 0 ? "var(".concat(tokens.focusOffset, ")") : 0, ")");
+    return "calc(".concat(constants.focusSize, " + ").concat(multiselect && value && value.toString().length > 0 ? "var(".concat(tokens.focusOffset, ")") : 0, ")");
   };
 };
 var ChipWrapper = /*#__PURE__*/styled('div')({

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

@@ -1 +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        transition: 100ms;\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        border: ${({ opened }) =>\n            opened\n                ? `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderOpenedColor})`\n                : `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderColor})`};\n    }\n\n    .${classes.textfieldTarget}:hover {\n        transition: 100ms;\n        border: ${({ opened }) =>\n            opened\n                ? `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderOpenedColor})`\n                : `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderColorHover})`};\n    }\n\n    .${classes.selectWithoutBoxShadow}::before {\n        box-shadow: none !important;\n    }\n`;\n\nexport const StyledButton = styled(Button)<{ renderTarget: boolean }>`\n    ${buttonTokens.buttonColor}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonColorHover}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonColorActive}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonHeight}: ${({ renderTarget }) => (renderTarget ? 'auto' : `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 ${tokens.targetTextfieldBorderSize} var(${tokens.targetTextfieldBorderColor});\n    text-align: left;\n\n    ${addFocus({\n        outlineOffset: tokens.targetTextfieldBorderSize,\n        outlineSize: constants.focusSize,\n        outlineRadius: `calc(var(${tokens.borderRadius}) - ${tokens.targetTextfieldBorderSize})`,\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<{ multiselect: SelectProps['multiselect']; value: SelectProps['value'] }>`\n    width: 100%;\n    display: flex;\n    min-width: 0;\n    padding: ${({ multiselect, value }) =>\n        `calc(${constants.focusSize} + ${\n            multiselect && value && value.length > 0 ? `var(${tokens.focusOffset})` : 0\n        })`};\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","_exp4","_ref3","targetTextfieldBorderSize","targetTextfieldBorderOpenedColor","targetTextfieldBorderColor","_exp6","_ref4","targetTextfieldBorderColorHover","TextfieldWrapper","styled","name","class","propsAsIs","vars","_exp8","_exp16","_ref5","renderTarget","targetHeight","StyledButton","_exp41","IconDisclosureDownCentered","StyledArrow","IconArrowWrapper","Wrapper","_exp47","_ref6","multiselect","constants","focusSize","length","focusOffset","ChipWrapper","Label","Placeholder","InnerLabelWrapper","InnerLabel","ContentLeftWrapper","Value"],"mappings":"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"}
+{"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 { MergedSelectProps } from '../../../../Select.types';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const TextfieldWrapper = styled.div<{ opened: boolean; value: MergedSelectProps['value'] }>`\n    display: inline;\n\n    .${classes.textfieldTarget} {\n        transition: 100ms;\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        border: ${({ opened }) =>\n            opened\n                ? `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderOpenedColor})`\n                : `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderColor})`};\n    }\n\n    .${classes.textfieldTarget}:hover {\n        transition: 100ms;\n        border: ${({ opened }) =>\n            opened\n                ? `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderOpenedColor})`\n                : `var(${tokens.targetTextfieldBorderSize}) solid var(${tokens.targetTextfieldBorderColorHover})`};\n    }\n\n    .${classes.selectWithoutBoxShadow}::before {\n        box-shadow: none !important;\n    }\n`;\n\nexport const StyledButton = styled(Button)<{ renderTarget: boolean }>`\n    ${buttonTokens.buttonColor}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonColorHover}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonColorActive}: var(${constants.textfieldTargetColor});\n    ${buttonTokens.buttonHeight}: ${({ renderTarget }) => (renderTarget ? 'auto' : `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 ${tokens.targetTextfieldBorderSize} var(${tokens.targetTextfieldBorderColor});\n    text-align: left;\n\n    ${addFocus({\n        outlineOffset: tokens.targetTextfieldBorderSize,\n        outlineSize: constants.focusSize,\n        outlineRadius: `calc(var(${tokens.borderRadius}) - ${tokens.targetTextfieldBorderSize})`,\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    multiselect: MergedSelectProps['multiselect'];\n    value: MergedSelectProps['value'];\n}>`\n    width: 100%;\n    display: flex;\n    min-width: 0;\n    padding: ${({ multiselect, value }) =>\n        `calc(${constants.focusSize} + ${\n            multiselect && value && value.toString().length > 0 ? `var(${tokens.focusOffset})` : 0\n        })`};\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","_exp4","_ref3","targetTextfieldBorderSize","targetTextfieldBorderOpenedColor","targetTextfieldBorderColor","_exp6","_ref4","targetTextfieldBorderColorHover","TextfieldWrapper","styled","name","class","propsAsIs","vars","_exp8","_exp16","_ref5","renderTarget","targetHeight","StyledButton","_exp41","IconDisclosureDownCentered","StyledArrow","IconArrowWrapper","Wrapper","_exp47","_ref6","multiselect","constants","focusSize","toString","length","focusOffset","ChipWrapper","Label","Placeholder","InnerLabelWrapper","InnerLabel","ContentLeftWrapper","Value"],"mappings":"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"}

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

@@ -18,7 +18,7 @@ var getButtonLabel = function getButtonLabel(_ref3) {
     return label || '';
   }
   if (selectProps.multiselect && selectProps.isTargetAmount) {
-    return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length);
+    return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.toString().length);
   }
   if (selectProps.multiselect && Array.isArray(value)) {
     return value === null || value === void 0 ? void 0 : value.map(function (itemValue) {

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

@@ -1 +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 = ({\n    value,\n    valueToItemMap,\n    renderValue,\n}: Omit<GetButtonLabelProps, 'label' | 'selectProps' | 'value'> & { value: any }): string => {\n    const { label } = valueToItemMap.get(value)!;\n\n    return renderValue ? renderValue(valueToItemMap.get(value)!) : label;\n};\n\nexport const getButtonLabel = ({\n    value,\n    valueToItemMap,\n    label,\n    renderValue,\n    selectProps,\n}: GetButtonLabelProps): string => {\n    if (isEmpty(value) && typeof value !== 'number') {\n        return label || '';\n    }\n\n    if (selectProps.multiselect && selectProps.isTargetAmount) {\n        return `Выбрано: ${value.length}`;\n    }\n\n    if (selectProps.multiselect && Array.isArray(value)) {\n        return value\n            ?.map((itemValue) =>\n                getLabel({\n                    value: itemValue,\n                    valueToItemMap,\n                    renderValue,\n                }),\n            )\n            .join(', ');\n    }\n\n    return getLabel({\n        value,\n        valueToItemMap,\n        renderValue,\n    });\n};\n"],"names":["getLabel","_ref","value","valueToItemMap","renderValue","_ref2","get","label","getButtonLabel","_ref3","selectProps","isEmpty","multiselect","isTargetAmount","concat","length","Array","isArray","map","itemValue","join"],"mappings":";;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAI+E;AAAA,EAAA,IAHzFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,WAAW,GAAAH,IAAA,CAAXG,WAAW,CAAA;AAEX,EAAA,IAAAC,KAAA,GAAkBF,cAAc,CAACG,GAAG,CAACJ,KAAK,CAAC;IAAnCK,KAAK,GAAAF,KAAA,CAALE,KAAK,CAAA;AAEb,EAAA,OAAOH,WAAW,GAAGA,WAAW,CAACD,cAAc,CAACG,GAAG,CAACJ,KAAK,CAAE,CAAC,GAAGK,KAAK,CAAA;AACxE,CAAC,CAAA;IAEYC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAMQ;AAAA,EAAA,IAL/BP,KAAK,GAAAO,KAAA,CAALP,KAAK;IACLC,cAAc,GAAAM,KAAA,CAAdN,cAAc;IACdI,KAAK,GAAAE,KAAA,CAALF,KAAK;IACLH,WAAW,GAAAK,KAAA,CAAXL,WAAW;IACXM,WAAW,GAAAD,KAAA,CAAXC,WAAW,CAAA;EAEX,IAAIC,OAAO,CAACT,KAAK,CAAC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7C,OAAOK,KAAK,IAAI,EAAE,CAAA;AACtB,GAAA;AAEA,EAAA,IAAIG,WAAW,CAACE,WAAW,IAAIF,WAAW,CAACG,cAAc,EAAE;AACvD,IAAA,OAAA,8CAAA,CAAAC,MAAA,CAAmBZ,KAAK,CAACa,MAAM,CAAA,CAAA;AACnC,GAAA;EAEA,IAAIL,WAAW,CAACE,WAAW,IAAII,KAAK,CAACC,OAAO,CAACf,KAAK,CAAC,EAAE;IACjD,OAAOA,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CACNgB,GAAG,CAAC,UAACC,SAAS,EAAA;AAAA,MAAA,OACZnB,QAAQ,CAAC;AACLE,QAAAA,KAAK,EAAEiB,SAAS;AAChBhB,QAAAA,cAAc,EAAdA,cAAc;AACdC,QAAAA,WAAW,EAAXA,WAAAA;AACJ,OAAC,CAAC,CAAA;AAAA,KACN,CAAC,CACAgB,IAAI,CAAC,IAAI,CAAC,CAAA;AACnB,GAAA;AAEA,EAAA,OAAOpB,QAAQ,CAAC;AACZE,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,cAAc;AACdC,IAAAA,WAAW,EAAXA,WAAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}
+{"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 = ({\n    value,\n    valueToItemMap,\n    renderValue,\n}: Omit<GetButtonLabelProps, 'label' | 'selectProps' | 'value'> & { value: any }): string => {\n    const { label } = valueToItemMap.get(value)!;\n\n    return renderValue ? renderValue(valueToItemMap.get(value)!) : label;\n};\n\nexport const getButtonLabel = ({\n    value,\n    valueToItemMap,\n    label,\n    renderValue,\n    selectProps,\n}: GetButtonLabelProps): string => {\n    if (isEmpty(value) && typeof value !== 'number') {\n        return label || '';\n    }\n\n    if (selectProps.multiselect && selectProps.isTargetAmount) {\n        return `Выбрано: ${value.toString().length}`;\n    }\n\n    if (selectProps.multiselect && Array.isArray(value)) {\n        return value\n            ?.map((itemValue) =>\n                getLabel({\n                    value: itemValue,\n                    valueToItemMap,\n                    renderValue,\n                }),\n            )\n            .join(', ');\n    }\n\n    return getLabel({\n        value,\n        valueToItemMap,\n        renderValue,\n    });\n};\n"],"names":["getLabel","_ref","value","valueToItemMap","renderValue","_ref2","get","label","getButtonLabel","_ref3","selectProps","isEmpty","multiselect","isTargetAmount","concat","toString","length","Array","isArray","map","itemValue","join"],"mappings":";;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAI+E;AAAA,EAAA,IAHzFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,WAAW,GAAAH,IAAA,CAAXG,WAAW,CAAA;AAEX,EAAA,IAAAC,KAAA,GAAkBF,cAAc,CAACG,GAAG,CAACJ,KAAK,CAAC;IAAnCK,KAAK,GAAAF,KAAA,CAALE,KAAK,CAAA;AAEb,EAAA,OAAOH,WAAW,GAAGA,WAAW,CAACD,cAAc,CAACG,GAAG,CAACJ,KAAK,CAAE,CAAC,GAAGK,KAAK,CAAA;AACxE,CAAC,CAAA;IAEYC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAMQ;AAAA,EAAA,IAL/BP,KAAK,GAAAO,KAAA,CAALP,KAAK;IACLC,cAAc,GAAAM,KAAA,CAAdN,cAAc;IACdI,KAAK,GAAAE,KAAA,CAALF,KAAK;IACLH,WAAW,GAAAK,KAAA,CAAXL,WAAW;IACXM,WAAW,GAAAD,KAAA,CAAXC,WAAW,CAAA;EAEX,IAAIC,OAAO,CAACT,KAAK,CAAC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7C,OAAOK,KAAK,IAAI,EAAE,CAAA;AACtB,GAAA;AAEA,EAAA,IAAIG,WAAW,CAACE,WAAW,IAAIF,WAAW,CAACG,cAAc,EAAE;IACvD,OAAAC,8CAAAA,CAAAA,MAAA,CAAmBZ,KAAK,CAACa,QAAQ,EAAE,CAACC,MAAM,CAAA,CAAA;AAC9C,GAAA;EAEA,IAAIN,WAAW,CAACE,WAAW,IAAIK,KAAK,CAACC,OAAO,CAAChB,KAAK,CAAC,EAAE;IACjD,OAAOA,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CACNiB,GAAG,CAAC,UAACC,SAAS,EAAA;AAAA,MAAA,OACZpB,QAAQ,CAAC;AACLE,QAAAA,KAAK,EAAEkB,SAAS;AAChBjB,QAAAA,cAAc,EAAdA,cAAc;AACdC,QAAAA,WAAW,EAAXA,WAAAA;AACJ,OAAC,CAAC,CAAA;AAAA,KACN,CAAC,CACAiB,IAAI,CAAC,IAAI,CAAC,CAAA;AACnB,GAAA;AAEA,EAAA,OAAOrB,QAAQ,CAAC;AACZE,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,cAAc;AACdC,IAAAA,WAAW,EAAXA,WAAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}

package/es/components/Select/utils/getInitialValue.js

@@ -0,0 +1,23 @@
+// Утилита предназначена для фильтрации элементов в value, которые отсутствуют в items.
+// Эти элементы игнорируются и не участвуют в дальнейшей работе компонента.
+var getInitialValue = function getInitialValue(outerValue, valueToItemMap) {
+  if (Array.isArray(outerValue)) {
+    if (outerValue.length === 0) {
+      return [];
+    }
+    var updatedValue = [];
+    outerValue.forEach(function (value) {
+      if (valueToItemMap.has(value)) {
+        updatedValue.push(value);
+      }
+    });
+    return updatedValue;
+  }
+  if (valueToItemMap.has(outerValue)) {
+    return outerValue;
+  }
+  return '';
+};
+
+export { getInitialValue };
+//# sourceMappingURL=getInitialValue.js.map

package/es/components/Select/utils/getInitialValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInitialValue.js","sources":["../../../../src/components/Select/utils/getInitialValue.ts"],"sourcesContent":["import { MergedSelectProps } from '../Select.types';\nimport { ValueToItemMapType } from '../hooks/usePathMaps';\n\n// Утилита предназначена для фильтрации элементов в value, которые отсутствуют в items.\n// Эти элементы игнорируются и не участвуют в дальнейшей работе компонента.\nexport const getInitialValue = (outerValue: MergedSelectProps['value'], valueToItemMap: ValueToItemMapType) => {\n    if (Array.isArray(outerValue)) {\n        if (outerValue.length === 0) {\n            return [];\n        }\n\n        const updatedValue: Array<string | number> = [];\n\n        outerValue.forEach((value) => {\n            if (valueToItemMap.has(value)) {\n                updatedValue.push(value);\n            }\n        });\n\n        return updatedValue;\n    }\n\n    if (valueToItemMap.has(outerValue)) {\n        return outerValue;\n    }\n\n    return '';\n};\n"],"names":["getInitialValue","outerValue","valueToItemMap","Array","isArray","length","updatedValue","forEach","value","has","push"],"mappings":"AAGA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,UAAsC,EAAEC,cAAkC,EAAK;AAC3G,EAAA,IAAIC,KAAK,CAACC,OAAO,CAACH,UAAU,CAAC,EAAE;AAC3B,IAAA,IAAIA,UAAU,CAACI,MAAM,KAAK,CAAC,EAAE;AACzB,MAAA,OAAO,EAAE,CAAA;AACb,KAAA;IAEA,IAAMC,YAAoC,GAAG,EAAE,CAAA;AAE/CL,IAAAA,UAAU,CAACM,OAAO,CAAC,UAACC,KAAK,EAAK;AAC1B,MAAA,IAAIN,cAAc,CAACO,GAAG,CAACD,KAAK,CAAC,EAAE;AAC3BF,QAAAA,YAAY,CAACI,IAAI,CAACF,KAAK,CAAC,CAAA;AAC5B,OAAA;AACJ,KAAC,CAAC,CAAA;AAEF,IAAA,OAAOF,YAAY,CAAA;AACvB,GAAA;AAEA,EAAA,IAAIJ,cAAc,CAACO,GAAG,CAACR,UAAU,CAAC,EAAE;AAChC,IAAA,OAAOA,UAAU,CAAA;AACrB,GAAA;AAEA,EAAA,OAAO,EAAE,CAAA;AACb;;;;"}

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

@@ -1,14 +1,18 @@
+import { toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+
 // Проходимся по массиву items и добавляем в каждый item ключ parent, который ссылается на item родителя.
 // Дает возможность прохода к корневому элементу (снизу вверх).
-
+// На выходе получаем глубокую копию исходного массива items.
 var initialItemsTransform = function initialItemsTransform(items, parent) {
-  items.forEach(function (item) {
-    item.parent = parent;
+  var newItems = _toConsumableArray(items);
+  newItems.forEach(function (item) {
+    var newItem = _objectSpread2({}, item);
+    newItem.parent = parent;
     if (item.items) {
       item.items = initialItemsTransform(item.items, item);
     }
   });
-  return items;
+  return newItems;
 };
 
 export { initialItemsTransform };

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

@@ -1 +1 @@
-{"version":3,"file":"initialItemsTransform.js","sources":["../../../../src/components/Select/utils/initialItemsTransform.ts"],"sourcesContent":["import { MergedDropdownNodeTransformed } from '../ui/Inner/ui/Item/Item.types';\n\n// Проходимся по массиву items и добавляем в каждый item ключ parent, который ссылается на item родителя.\n// Дает возможность прохода к корневому элементу (снизу вверх).\n\nexport const initialItemsTransform = (\n    items: Array<MergedDropdownNodeTransformed>,\n    parent?: MergedDropdownNodeTransformed,\n): Array<MergedDropdownNodeTransformed> => {\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,KAA2C,EAC3CC,MAAsC,EACC;AACvCD,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;;;;"}
+{"version":3,"file":"initialItemsTransform.js","sources":["../../../../src/components/Select/utils/initialItemsTransform.ts"],"sourcesContent":["import { MergedDropdownNodeTransformed } from '../ui/Inner/ui/Item/Item.types';\n\n// Проходимся по массиву items и добавляем в каждый item ключ parent, который ссылается на item родителя.\n// Дает возможность прохода к корневому элементу (снизу вверх).\n// На выходе получаем глубокую копию исходного массива items.\nexport const initialItemsTransform = (\n    items: Array<MergedDropdownNodeTransformed>,\n    parent?: MergedDropdownNodeTransformed,\n): Array<MergedDropdownNodeTransformed> => {\n    const newItems = [...items];\n\n    newItems.forEach((item) => {\n        const newItem = { ...item };\n\n        newItem.parent = parent;\n\n        if (item.items) {\n            item.items = initialItemsTransform(item.items, item);\n        }\n    });\n\n    return newItems;\n};\n"],"names":["initialItemsTransform","items","parent","newItems","_toConsumableArray","forEach","item","newItem","_objectSpread"],"mappings":";;AAEA;AACA;AACA;AACO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAC9BC,KAA2C,EAC3CC,MAAsC,EACC;AACvC,EAAA,IAAMC,QAAQ,GAAAC,kBAAA,CAAOH,KAAK,CAAC,CAAA;AAE3BE,EAAAA,QAAQ,CAACE,OAAO,CAAC,UAACC,IAAI,EAAK;AACvB,IAAA,IAAMC,OAAO,GAAAC,cAAA,CAAA,EAAA,EAAQF,IAAI,CAAE,CAAA;IAE3BC,OAAO,CAACL,MAAM,GAAGA,MAAM,CAAA;IAEvB,IAAII,IAAI,CAACL,KAAK,EAAE;MACZK,IAAI,CAACL,KAAK,GAAGD,qBAAqB,CAACM,IAAI,CAACL,KAAK,EAAEK,IAAI,CAAC,CAAA;AACxD,KAAA;AACJ,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOH,QAAQ,CAAA;AACnB;;;;"}

package/es/index.css

@@ -605,14 +605,14 @@
 
 .base_1gha00t_blzorgi__0445cc63 .base_1gha00t_swmawm7__0445cc63{height:var(--plasma-progress-track-height);border-radius:var(--plasma-progress-track-border-radius);}.base_1gha00t_blzorgi__0445cc63 .base_1gha00t_s1mmwynp__0445cc63{height:var(--plasma-progress-filled-height);border-radius:var(--plasma-progress-filled-border-radius);}.base_1gha00t_blzorgi__0445cc63 .base_1gha00t_s1oe6gw0__0445cc63{margin-left:var(--plasma-progress-value-margin-left);}
 
-.Item_styles_1gaxu1y_s1vls8ri__821f230b{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
-.Item_styles_1gaxu1y_s1to2lz5__821f230b{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
-.Item_styles_1gaxu1y_s17z4dei__821f230b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Item_styles_1gaxu1y_s1nd9idj__821f230b{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Item_styles_1gaxu1y_dnb2nsj__821f230b{line-height:0;color:var(--plasma-select-disclosure-icon-color,var(--text-secondary));}.Item_styles_1gaxu1y_dnb2nsj__821f230b:hover{color:var(--plasma-select-disclosure-icon-color-hover,var(--text-secondary-hover));}
-.Item_styles_1gaxu1y_i581hb1__821f230b{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:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.Item_styles_1gaxu1y_i581hb1__821f230b .Item_styles_1gaxu1y_selectItemCheckbox__821f230b{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
-.Item_styles_1gaxu1y_scgpql7__821f230b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--scgpql7-0);}
-.Item_styles_1gaxu1y_wzzpzvq__821f230b{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);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);background:var(--plasma-select-item-background,var(--plasma-colors-transparent));color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_1gaxu1y_wzzpzvq__821f230b:hover:not(.Item_styles_1gaxu1y_dropdownItemIsDisabled__821f230b){cursor:pointer;background:var(--plasma-select-item-background-hover,var(--surface-transparent-secondary));}.Item_styles_1gaxu1y_wzzpzvq__821f230b.Item_styles_1gaxu1y_dropdownItemIsActive__821f230b{background:var(--plasma-select-item-background-hover,var(--surface-transparent-secondary));}.Item_styles_1gaxu1y_wzzpzvq__821f230b.Item_styles_1gaxu1y_dropdownItemIsDisabled__821f230b{opacity:0.4;cursor:not-allowed;}.Item_styles_1gaxu1y_wzzpzvq__821f230b:focus{outline:none;}.Item_styles_1gaxu1y_wzzpzvq__821f230b::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1gaxu1y_wzzpzvq__821f230b.Item_styles_1gaxu1y_dropdownItemIsFocused__821f230b:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+.Item_styles_baxa65_s1vls8ri__1ba2f282{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
+.Item_styles_baxa65_s1to2lz5__1ba2f282{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
+.Item_styles_baxa65_s17z4dei__1ba2f282{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Item_styles_baxa65_s1nd9idj__1ba2f282{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Item_styles_baxa65_dnb2nsj__1ba2f282{line-height:0;color:var(--text-secondary);}.Item_styles_baxa65_dnb2nsj__1ba2f282:hover{color:var(--text-secondary-hover);}
+.Item_styles_baxa65_i581hb1__1ba2f282{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:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.Item_styles_baxa65_i581hb1__1ba2f282 .Item_styles_baxa65_selectItemCheckbox__1ba2f282{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
+.Item_styles_baxa65_scgpql7__1ba2f282{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--scgpql7-0);}
+.Item_styles_baxa65_wzzpzvq__1ba2f282{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);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);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_baxa65_wzzpzvq__1ba2f282:hover:not(.Item_styles_baxa65_dropdownItemIsDisabled__1ba2f282){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsActive__1ba2f282{background:var(--surface-transparent-secondary);}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsDisabled__1ba2f282{opacity:0.4;cursor:not-allowed;}.Item_styles_baxa65_wzzpzvq__1ba2f282:focus{outline:none;}.Item_styles_baxa65_wzzpzvq__1ba2f282::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsFocused__1ba2f282:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
 
 
 .Button_styles_lxxm4p_sfn0xs0__70a12c1a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-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:600;--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);text-align:left;}
@@ -636,11 +636,11 @@
 .Textfield_styles_11yj58s_c1ox0htq__817000d1{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;}
 .Textfield_styles_11yj58s_v1kam5d__817000d1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 
-.Select_styles_ei4ic3_spxbau6__ad5d5a7b .Select_styles_ei4ic3_popoverRoot__ad5d5a7b{width:var(--spxbau6-0);}.Select_styles_ei4ic3_spxbau6__ad5d5a7b .Select_styles_ei4ic3_popoverTarget__ad5d5a7b{width:100%;}
-.Select_styles_ei4ic3_u1yey2x3__ad5d5a7b{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);border:var(--plasma-select-popover-border-width) solid var(--plasma-select-popover-border-color);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
-.Select_styles_ei4ic3_bvro45w__ad5d5a7b .Select_styles_ei4ic3_popoverWrapper__ad5d5a7b,.Select_styles_ei4ic3_bvro45w__ad5d5a7b .Select_styles_ei4ic3_popoverTarget__ad5d5a7b{display:block;}
-.Select_styles_ei4ic3_ogpldc9__ad5d5a7b{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-label-font-family,var(--plasma-select-font-family));font-size:var(--plasma-select-label-font-size,var(--plasma-select-font-size));font-style:var(--plasma-select-label-font-style,var(--plasma-select-font-style));font-weight:var(--plasma-select-label-font-weight,var(--plasma-select-font-weight));-webkit-letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));-moz-letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));-ms-letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));letter-spacing:var(--plasma-select-label-font-letter-spacing,var(--plasma-select-font-letter-spacing));line-height:var(--plasma-select-label-font-line-height,var(--plasma-select-font-line-height));}
-.Select_styles_ei4ic3_h2ef052__ad5d5a7b{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-select-helper-text-font-family,var(--plasma-typo-body-xs-font-family));font-size:var(--plasma-select-helper-text-font-size,var(--plasma-typo-body-xs-font-size));font-style:var(--plasma-select-helper-text-font-style,var(--plasma-typo-body-xs-font-style));font-weight:var(--plasma-select-helper-text-font-weight,var(--plasma-typo-body-xs-font-weight));-webkit-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));-moz-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));-ms-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));letter-spacing:var(--plasma-select-helper-text-font-letter-spacing,var(--plasma-typo-body-xs-letter-spacing));line-height:var(--plasma-select-helper-text-font-line-height,var(--plasma-typo-body-xs-line-height));}
+.Select_styles_1nzals0_spxbau6__beedd761 .Select_styles_1nzals0_popoverRoot__beedd761{width:var(--spxbau6-0);}.Select_styles_1nzals0_spxbau6__beedd761 .Select_styles_1nzals0_popoverTarget__beedd761{width:100%;}
+.Select_styles_1nzals0_u1yey2x3__beedd761{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);border:var(--plasma-select-popover-border-width) solid var(--plasma-select-popover-border-color);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
+.Select_styles_1nzals0_bvro45w__beedd761 .Select_styles_1nzals0_popoverWrapper__beedd761,.Select_styles_1nzals0_bvro45w__beedd761 .Select_styles_1nzals0_popoverTarget__beedd761{display:block;}
+.Select_styles_1nzals0_ogpldc9__beedd761{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);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);}
+.Select_styles_1nzals0_h2ef052__beedd761{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);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);}
 
 .base_1mk6ghf_b1qy9s12__46da26aa{background:var(--plasma-divider-background);}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.174.0-canary.1504.11477432639.0",
+  "version": "0.174.0-canary.1505.11483510462.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -127,5 +127,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "de3c8998fe9c70aa1d11a77a8a5ddf2941733c7a"
+  "gitHead": "c09ba4c2328e01c3e95781ccd0a6c80c86d84ac4"
 }

package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js

@@ -24,8 +24,8 @@ var PaginationSelectPerPage = exports.PaginationSelectPerPage = function Paginat
     listWidth = _ref.listWidth,
     rest = _objectWithoutProperties(_ref, _excluded);
   var handleSelectChange = function handleSelectChange(newValue) {
-    if (newValue) {
-      onChangeValue === null || onChangeValue === void 0 || onChangeValue(Number(newValue));
+    if (newValue && !Array.isArray(newValue) && onChangeValue) {
+      onChangeValue(Number(newValue));
     }
   };
   var transformedList = perPageList.map(function (num) {

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

@@ -67,17 +67,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       separator = props.separator,
       outerCloseAfterSelect = props.closeAfterSelect,
       rest = _objectWithoutProperties(props, _excluded);
-    var _useState = (0, _react.useState)(outerValue || props.multiselect ? [] : ''),
-      _useState2 = _slicedToArray(_useState, 2),
-      internalValue = _useState2[0],
-      setInternalValue = _useState2[1];
-    var value = outerValue || internalValue;
-    var onChange = function onChange(e) {
-      if (outerOnChange) {
-        outerOnChange(e);
-      }
-      setInternalValue(e);
-    };
     var transformedItems = (0, _react.useMemo)(function () {
       return (0, _utils2.initialItemsTransform)(items || []);
     }, [items]);
@@ -87,6 +76,12 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       focusedToValueMap = _usePathMaps2[1],
       valueToCheckedMap = _usePathMaps2[2],
       valueToItemMap = _usePathMaps2[3];
+    var value = (0, _utils2.getInitialValue)(outerValue, valueToItemMap);
+    var onChange = function onChange(e) {
+      if (outerOnChange) {
+        outerOnChange(e);
+      }
+    };
     var _useReducer = (0, _react.useReducer)(_reducers.pathReducer, []),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       path = _useReducer2[0],
@@ -99,10 +94,10 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       _useReducer6 = _slicedToArray(_useReducer5, 2),
       focusedChipIndex = _useReducer6[0],
       dispatchFocusedChipIndex = _useReducer6[1];
-    var _useState3 = (0, _react.useState)(valueToCheckedMap),
-      _useState4 = _slicedToArray(_useState3, 2),
-      checked = _useState4[0],
-      setChecked = _useState4[1];
+    var _useState = (0, _react.useState)(valueToCheckedMap),
+      _useState2 = _slicedToArray(_useState, 2),
+      checked = _useState2[0],
+      setChecked = _useState2[1];
     var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
     var targetRef = (0, _hooks.useOutsideClick)(function () {
       if (focusedChipIndex != null) {
@@ -248,7 +243,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
         }
       }
       setChecked(checkedCopy);
-    }, [value]);
+    }, [outerValue]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: ref,
       size: size,

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

@@ -37,7 +37,7 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", ",.", "{display:block;}"], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target);
 var OuterLabel = exports.OuterLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
   componentId: "plasma-new-hope__sc-le54jv-2"
-})(["display:block;margin-bottom:var(", ");color:var(", ");font-family:var(", ",var(", "));font-size:var(", ",var(", "));font-style:var(", ",var(", "));font-weight:var(", ",var(", "));letter-spacing:var(", ",var(", "));line-height:var(", ",var(", "));"], _Select.tokens.labelOffset, _Select.constants.textfieldOuterLabelColor, _Select.tokens.labelFontFamily, _Select.tokens.fontFamily, _Select.tokens.labelFontSize, _Select.tokens.fontSize, _Select.tokens.labelFontStyle, _Select.tokens.fontStyle, _Select.tokens.labelFontWeight, _Select.tokens.fontWeight, _Select.tokens.labelFontLetterSpacing, _Select.tokens.fontLetterSpacing, _Select.tokens.labelFontLineHeight, _Select.tokens.fontLineHeight);
+})(["display:block;margin-bottom:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Select.tokens.labelOffset, _Select.constants.textfieldOuterLabelColor, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight);
 var HelperText = exports.HelperText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-le54jv-3"
-})(["margin-top:var(", ");color:var(", ");font-family:var(", ",var(", "));font-size:var(", ",var(", "));font-style:var(", ",var(", "));font-weight:var(", ",var(", "));letter-spacing:var(", ",var(", "));line-height:var(", ",var(", "));"], _Select.tokens.helperTextOffset, _Select.tokens.helperTextColor, _Select.tokens.helperTextFontFamily, _Select.constants.fontFamily, _Select.tokens.helperTextFontSize, _Select.constants.fontSize, _Select.tokens.helperTextFontStyle, _Select.constants.fontStyle, _Select.tokens.helperTextFontWeight, _Select.constants.fontWeight, _Select.tokens.helperTextFontLetterSpacing, _Select.constants.fontLetterSpacing, _Select.tokens.helperTextFontLineHeight, _Select.constants.fontLineHeight);
+})(["margin-top:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Select.tokens.helperTextOffset, _Select.tokens.helperTextColor, _Select.constants.fontFamily, _Select.constants.fontSize, _Select.constants.fontStyle, _Select.constants.fontWeight, _Select.constants.fontLetterSpacing, _Select.constants.fontLineHeight);

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

@@ -26,18 +26,6 @@ var tokens = exports.tokens = {
   fontWeight: '--plasma-select-font-weight',
   fontLetterSpacing: '--plasma-select-font-letter-spacing',
   fontLineHeight: '--plasma-select-font-line-height',
-  labelFontFamily: '--plasma-select-label-font-family',
-  labelFontSize: '--plasma-select-label-font-size',
-  labelFontStyle: '--plasma-select-label-font-style',
-  labelFontWeight: '--plasma-select-label-font-weight',
-  labelFontLetterSpacing: '--plasma-select-label-font-letter-spacing',
-  labelFontLineHeight: '--plasma-select-label-font-line-height',
-  helperTextFontFamily: '--plasma-select-helper-text-font-family',
-  helperTextFontSize: '--plasma-select-helper-text-font-size',
-  helperTextFontStyle: '--plasma-select-helper-text-font-style',
-  helperTextFontWeight: '--plasma-select-helper-text-font-weight',
-  helperTextFontLetterSpacing: '--plasma-select-helper-text-font-letter-spacing',
-  helperTextFontLineHeight: '--plasma-select-helper-text-font-line-height',
   itemHeight: '--plasma-select-item-height',
   itemBorderRadius: '--plasma-select-item-border-radius',
   itemPadding: '--plasma-select-item-padding',
@@ -45,8 +33,6 @@ var tokens = exports.tokens = {
   itemIconSize: '--plasma-select-item-icon-size',
   itemIconSizeTight: '--plasma-select-item-icon-size-tight',
   itemIconMargin: '--plasma-select-item-icon-margin',
-  itemBackground: '--plasma-select-item-background',
-  itemBackgroundHover: '--plasma-select-item-background-hover',
   checkboxTriggerSize: '--plasma-select-checkbox-trigger-size',
   checkboxTriggerSizeTight: '--plasma-select-checkbox-trigger-size-tight',
   checkboxTriggerBorderRadius: '--plasma-select-checkbox-trigger-border-radius',
@@ -98,9 +84,7 @@ var tokens = exports.tokens = {
   helperTextColor: '--plasma-select-helper-text-color',
   helperTextOffset: '--plasma-select-helper-text-offset',
   spinnerSize: '--plasma-select-spinner-size',
-  spinnerSizeTight: '--plasma-select-spinner-size-tight',
-  disclosureIconColor: '--plasma-select-disclosure-icon-color',
-  disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover'
+  spinnerSizeTight: '--plasma-select-spinner-size-tight'
 };
 var constants = exports.constants = {
   focusColor: '--surface-accent',

package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js

@@ -159,7 +159,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
         }
       case keys.Backspace:
         {
-          if (!multiselect) break;
+          if (!multiselect || !Array.isArray(value)) break;
           if (focusedChipIndex !== null) {
             var _currentItem = valueToItemMap.get(value[focusedChipIndex]);
             handlePressDown(_currentItem);

package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js

@@ -29,7 +29,7 @@ var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledCompon
 })(["margin-left:auto;display:inline-flex;"]);
 var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-fr2h0y-4"
-})(["line-height:0;color:var(", ",var(", "));&:hover{color:var(", ",var(", "));}"], _Select.tokens.disclosureIconColor, _Select.constants.disclosureIconColor, _Select.tokens.disclosureIconColorHover, _Select.constants.disclosureIconColorHover);
+})(["line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Select.constants.disclosureIconColor, _Select.constants.disclosureIconColorHover);
 var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-fr2h0y-5"
 })(["display:flex;align-items:center;justify-content:center;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");& .", "{--plasma-checkbox-trigger-size:", ";--plasma-checkbox-trigger-border-radius:", ";}"], function (_ref) {
@@ -53,10 +53,10 @@ var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].
 });
 var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
   componentId: "plasma-new-hope__sc-fr2h0y-7"
-})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ",var(", "));color:var(--text-primary);border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ",var(", "));}&.", "{background:var(", ",var(", "));}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Select.tokens.itemHeight, function (_ref6) {
+})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Select.tokens.itemHeight, function (_ref6) {
   var variant = _ref6.variant;
   return "var(".concat(variant === 'tight' ? _Select.tokens.itemPaddingTight : _Select.tokens.itemPadding, ")");
-}, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight, _Select.tokens.itemBackground, _Select.constants.itemBackground, _Select.tokens.itemBorderRadius, _Select.classes.dropdownItemIsDisabled, _Select.tokens.itemBackgroundHover, _Select.constants.itemBackgroundHover, _Select.classes.dropdownItemIsActive, _Select.tokens.itemBackgroundHover, _Select.constants.itemBackgroundHover, _Select.classes.dropdownItemIsDisabled, _Select.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
+}, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight, _Select.constants.itemBackground, _Select.tokens.itemBorderRadius, _Select.classes.dropdownItemIsDisabled, _Select.constants.itemBackgroundHover, _Select.classes.dropdownItemIsActive, _Select.constants.itemBackgroundHover, _Select.classes.dropdownItemIsDisabled, _Select.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.0625rem',
   outlineOffset: '0',
   outlineColor: /*#__PURE__*/"var(".concat(_Select.constants.focusColor, ")"),

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

@@ -41,7 +41,7 @@ var getLabel = function getLabel(_ref) {
         text: renderValue ? renderValue(valueToItemMap.get(currentValue)) : itemLabel,
         onClick: function onClick(e) {
           e.stopPropagation();
-          onChipClick(currentValue);
+          onChipClick(currentValue.toString());
         },
         focused: focusedChipIndex === index
       });

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

@@ -54,7 +54,7 @@ var ChipWrapper = exports.ChipWrapper = /*#__PURE__*/_styledComponents["default"
 })(["width:100%;display:flex;min-width:0;padding:", ";gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(", ");border-bottom-right-radius:var(", ");-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"], function (_ref6) {
   var multiselect = _ref6.multiselect,
     value = _ref6.value;
-  return "calc(".concat(_Select.constants.focusSize, " + ").concat(multiselect && value && value.length > 0 ? "var(".concat(_Select.tokens.focusOffset, ")") : 0, ")");
+  return "calc(".concat(_Select.constants.focusSize, " + ").concat(multiselect && value && value.toString().length > 0 ? "var(".concat(_Select.tokens.focusOffset, ")") : 0, ")");
 }, _Select.tokens.chipBorderRadius, _Select.tokens.chipBorderRadius);
 var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.withConfig({
   componentId: "plasma-new-hope__sc-1akl2tk-6"

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

@@ -23,7 +23,7 @@ var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
     return label || '';
   }
   if (selectProps.multiselect && selectProps.isTargetAmount) {
-    return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length);
+    return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.toString().length);
   }
   if (selectProps.multiselect && Array.isArray(value)) {
     return value === null || value === void 0 ? void 0 : value.map(function (itemValue) {

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getInitialValue = void 0;
+// Утилита предназначена для фильтрации элементов в value, которые отсутствуют в items.
+// Эти элементы игнорируются и не участвуют в дальнейшей работе компонента.
+var getInitialValue = exports.getInitialValue = function getInitialValue(outerValue, valueToItemMap) {
+  if (Array.isArray(outerValue)) {
+    if (outerValue.length === 0) {
+      return [];
+    }
+    var updatedValue = [];
+    outerValue.forEach(function (value) {
+      if (valueToItemMap.has(value)) {
+        updatedValue.push(value);
+      }
+    });
+    return updatedValue;
+  }
+  if (valueToItemMap.has(outerValue)) {
+    return outerValue;
+  }
+  return '';
+};

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

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "getCorrectHeight", {
     return _getCorrectHeight.getCorrectHeight;
   }
 });
+Object.defineProperty(exports, "getInitialValue", {
+  enumerable: true,
+  get: function get() {
+    return _getInitialValue.getInitialValue;
+  }
+});
 Object.defineProperty(exports, "getView", {
   enumerable: true,
   get: function get() {
@@ -58,4 +64,5 @@ var _updateSingleAncestors = /*#__PURE__*/require("./updateSingleAncestors");
 var _sizeToIconSize = /*#__PURE__*/require("./sizeToIconSize");
 var _getCorrectHeight = /*#__PURE__*/require("./getCorrectHeight");
 var _getButtonLabel = /*#__PURE__*/require("./getButtonLabel");
-var _getView = /*#__PURE__*/require("./getView");
+var _getView = /*#__PURE__*/require("./getView");
+var _getInitialValue = /*#__PURE__*/require("./getInitialValue");

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

@@ -1,18 +1,32 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.initialItemsTransform = void 0;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(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; }
 // Проходимся по массиву items и добавляем в каждый item ключ parent, который ссылается на item родителя.
 // Дает возможность прохода к корневому элементу (снизу вверх).
-
+// На выходе получаем глубокую копию исходного массива items.
 var initialItemsTransform = exports.initialItemsTransform = function initialItemsTransform(items, parent) {
-  items.forEach(function (item) {
-    item.parent = parent;
+  var newItems = _toConsumableArray(items);
+  newItems.forEach(function (item) {
+    var newItem = _objectSpread({}, item);
+    newItem.parent = parent;
     if (item.items) {
       item.items = initialItemsTransform(item.items, item);
     }
   });
-  return items;
+  return newItems;
 };

package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js

@@ -17,8 +17,8 @@ export var PaginationSelectPerPage = function PaginationSelectPerPage(_ref) {
     listWidth = _ref.listWidth,
     rest = _objectWithoutProperties(_ref, _excluded);
   var handleSelectChange = function handleSelectChange(newValue) {
-    if (newValue) {
-      onChangeValue === null || onChangeValue === void 0 || onChangeValue(Number(newValue));
+    if (newValue && !Array.isArray(newValue) && onChangeValue) {
+      onChangeValue(Number(newValue));
     }
   };
   var transformedList = perPageList.map(function (num) {

package/styled-components/es/components/Select/Select.js

@@ -12,7 +12,7 @@ import React, { forwardRef, useState, useReducer, useMemo, createContext, useLay
 import { isEmpty, getPlacements } from '../../utils';
 import { useOutsideClick } from '../../hooks';
 import { useKeyNavigation } from './hooks/useKeyboardNavigation';
-import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from './utils';
+import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView, getInitialValue } from './utils';
 import { Inner, Target } from './ui';
 import { pathReducer, focusedPathReducer, focusedChipIndexReducer } from './reducers';
 import { usePathMaps } from './hooks/usePathMaps';
@@ -58,17 +58,6 @@ export var selectRoot = function selectRoot(Root) {
       separator = props.separator,
       outerCloseAfterSelect = props.closeAfterSelect,
       rest = _objectWithoutProperties(props, _excluded);
-    var _useState = useState(outerValue || props.multiselect ? [] : ''),
-      _useState2 = _slicedToArray(_useState, 2),
-      internalValue = _useState2[0],
-      setInternalValue = _useState2[1];
-    var value = outerValue || internalValue;
-    var onChange = function onChange(e) {
-      if (outerOnChange) {
-        outerOnChange(e);
-      }
-      setInternalValue(e);
-    };
     var transformedItems = useMemo(function () {
       return initialItemsTransform(items || []);
     }, [items]);
@@ -78,6 +67,12 @@ export var selectRoot = function selectRoot(Root) {
       focusedToValueMap = _usePathMaps2[1],
       valueToCheckedMap = _usePathMaps2[2],
       valueToItemMap = _usePathMaps2[3];
+    var value = getInitialValue(outerValue, valueToItemMap);
+    var onChange = function onChange(e) {
+      if (outerOnChange) {
+        outerOnChange(e);
+      }
+    };
     var _useReducer = useReducer(pathReducer, []),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       path = _useReducer2[0],
@@ -90,10 +85,10 @@ export var selectRoot = function selectRoot(Root) {
       _useReducer6 = _slicedToArray(_useReducer5, 2),
       focusedChipIndex = _useReducer6[0],
       dispatchFocusedChipIndex = _useReducer6[1];
-    var _useState3 = useState(valueToCheckedMap),
-      _useState4 = _slicedToArray(_useState3, 2),
-      checked = _useState4[0],
-      setChecked = _useState4[1];
+    var _useState = useState(valueToCheckedMap),
+      _useState2 = _slicedToArray(_useState, 2),
+      checked = _useState2[0],
+      setChecked = _useState2[1];
     var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
     var targetRef = useOutsideClick(function () {
       if (focusedChipIndex != null) {
@@ -239,7 +234,7 @@ export var selectRoot = function selectRoot(Root) {
         }
       }
       setChecked(checkedCopy);
-    }, [value]);
+    }, [outerValue]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: ref,
       size: size,