@salutejs/plasma-new-hope 0.91.0-canary.1233.9650661962.0 → 0.91.0-canary.1261.9658743817.0

package/es/components/Select/ui/SelectTarget/SelectTarget.styles.js

@@ -0,0 +1,103 @@
+import './SelectTarget.styles_hb1tns.css';
+import { styled } from '@linaria/react';
+import 'react';
+import { IconChevronDown } from '../../../_Icon/Icons/IconChevronDown.js';
+import '@linaria/core';
+import { component, mergeConfig } from '../../../../engines/common.js';
+import { buttonConfig } from '../../../Button/Button.js';
+import { tokens } from '../../Select.tokens.js';
+
+var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
+var Button = /*#__PURE__*/component(mergedButtonConfig);
+
+// NOTE: Необходимое переопределение токенов из компонента Button т.к. используются его части
+var _exp = function _exp() {
+  return Button;
+};
+var _exp7 = function _exp7() {
+  return function (_ref) {
+    var opened = _ref.opened;
+    return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColor, ")");
+  };
+};
+var _exp9 = function _exp9() {
+  return function (_ref2) {
+    var opened = _ref2.opened;
+    return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColorHover, ")");
+  };
+};
+var _exp11 = function _exp11() {
+  return function (_ref3) {
+    var opened = _ref3.opened;
+    return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColorActive, ")");
+  };
+};
+var _exp32 = function _exp32() {
+  return function (_ref4) {
+    var opened = _ref4.opened;
+    return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColor, ")");
+  };
+};
+var _exp33 = function _exp33() {
+  return function (_ref5) {
+    var opened = _ref5.opened;
+    return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColorHover, ")");
+  };
+};
+var _exp34 = function _exp34() {
+  return function (_ref6) {
+    var opened = _ref6.opened;
+    return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColorActive, ")");
+  };
+};
+var _exp35 = function _exp35() {
+  return function (_ref7) {
+    var target = _ref7.target;
+    return target === 'textField-like' ? "var(".concat(tokens.targetPaddingWithInput, ")") : "var(".concat(tokens.targetPadding, ")");
+  };
+};
+var StyledSelectTarget = /*#__PURE__*/styled(_exp())({
+  name: "StyledSelectTarget",
+  "class": "su9kdfl",
+  propsAsIs: true,
+  vars: {
+    "su9kdfl-0": [/*#__PURE__*/_exp7()],
+    "su9kdfl-1": [/*#__PURE__*/_exp9()],
+    "su9kdfl-2": [/*#__PURE__*/_exp11()],
+    "su9kdfl-3": [/*#__PURE__*/_exp32()],
+    "su9kdfl-4": [/*#__PURE__*/_exp33()],
+    "su9kdfl-5": [/*#__PURE__*/_exp34()],
+    "su9kdfl-6": [/*#__PURE__*/_exp35()]
+  }
+});
+var _exp53 = function _exp53() {
+  return IconChevronDown;
+};
+var StyledArrow = /*#__PURE__*/styled(_exp53())({
+  name: "StyledArrow",
+  "class": "s1wmzhh1",
+  propsAsIs: true
+});
+var StyledText = /*#__PURE__*/styled('span')({
+  name: "StyledText",
+  "class": "sr2fcv2",
+  propsAsIs: false
+});
+var StyledChipsWrapper = /*#__PURE__*/styled('div')({
+  name: "StyledChipsWrapper",
+  "class": "s9qj25q",
+  propsAsIs: false
+});
+var StyledChips = /*#__PURE__*/styled('div')({
+  name: "StyledChips",
+  "class": "s11wt6x2",
+  propsAsIs: false
+});
+var StyledLabel = /*#__PURE__*/styled('label')({
+  name: "StyledLabel",
+  "class": "s1xu52l7",
+  propsAsIs: false
+});
+
+export { StyledArrow, StyledChips, StyledChipsWrapper, StyledLabel, StyledSelectTarget, StyledText };
+//# sourceMappingURL=SelectTarget.styles.js.map

package/es/components/Select/ui/SelectTarget/SelectTarget.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTarget.styles.js","sources":["../../../../../src/components/Select/ui/SelectTarget/SelectTarget.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconChevronDown } from '../../../_Icon';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { component, mergeConfig } from '../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../Button';\nimport { classes, tokens } from '../../Select.tokens';\nimport type { TargetType } from '../../Select.types';\n\nconst {\n    hasChips,\n    hasNoFocus,\n    innerLabelUp,\n    arrowInverse,\n    selectTargetArrow,\n    selectTargeText,\n    selectTargetLabel,\n} = classes;\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Button т.к. используются его части\nexport const StyledSelectTarget = styled(Button)<{ target?: TargetType; opened?: boolean }>`\n    ${buttonTokens.buttonDisabledOpacity}: var(${tokens.disabledOpacity});\n    ${buttonTokens.buttonColor}: var(${tokens.targetColor});\n    ${buttonTokens.buttonBackgroundColor}: ${({ opened }) =>\n    opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColor})`};\n    ${buttonTokens.buttonBackgroundColorHover}: ${({ opened }) =>\n    opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorHover})`};\n    ${buttonTokens.buttonBackgroundColorActive}: ${({ opened }) =>\n    opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorActive})`};\n    ${buttonTokens.buttonHeight}: var(${tokens.targetHeight});\n    ${buttonTokens.buttonWidth}: var(${tokens.targetWidth});\n    ${buttonTokens.buttonRadius}: var(${tokens.targetRadius});\n    ${buttonTokens.buttonFontFamily}: var(${tokens.targetFontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.targetFontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.targetFontStyle});\n    ${buttonTokens.buttonFontWeight}:var(${tokens.targetFontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.targetLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.targetLineHeight});\n    ${buttonTokens.buttonFocusColor}: var(${tokens.focusColor});\n\n    box-shadow: inset 0 0 0 0.0625rem\n        ${({ opened }) => (opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColor})`)};\n\n    &:hover:not([disabled]):not([readonly]) {\n        box-shadow: inset 0 0 0 0.0625rem\n            ${({ opened }) =>\n                opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorHover})`};\n    }\n\n    &:active:not([disabled]):not([readonly]) {\n        box-shadow: inset 0 0 0 0.0625rem\n            ${({ opened }) =>\n                opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorActive})`};\n    }\n\n    padding: ${({ target }) =>\n        target === 'textField-like' ? `var(${tokens.targetPaddingWithInput})` : `var(${tokens.targetPadding})`};\n\n    display: flex;\n    justify-content: flex-start;\n\n    &[readonly] {\n        cursor: default;\n\n        .${String(selectTargetArrow)} {\n            opacity: 0.4;\n        }\n    }\n\n    .${String(arrowInverse)} {\n        transform: rotate(-180deg);\n    }\n\n    &.${String(hasChips)} {\n        padding: var(${tokens.targetPaddingHasChips});\n    }\n\n    &.${String(innerLabelUp)} {\n        .${String(selectTargeText)} {\n            top: var(${tokens.targetInnerTop});\n        }\n\n        .${String(selectTargetLabel)} {\n            top: var(${tokens.targetLabelInnerTop});\n            font-family: var(${tokens.targetLabelInnerFontFamily});\n            font-size: var(${tokens.targetLabelInnerFontSize});\n            font-style: var(${tokens.targetLabelInnerFontStyle});\n            font-weight: var(${tokens.targetLabelInnerFontWeight});\n            letter-spacing: var(${tokens.targetLabelInnerLetterSpacing});\n            line-height: var(${tokens.targetLabelInnerLineHeight});\n        }\n    }\n\n    &.${String(hasNoFocus)} {\n        --plasma_private-combobox-focus-size: 0.0625rem;\n\n        ${addFocus({\n            hasTransition: false,\n            outlineOffset: 'calc(-1 * var(--plasma_private-combobox-focus-size))',\n            outlineRadius: `calc(var(${tokens.targetRadius}) + var(--plasma_private-combobox-focus-size))`,\n            outlineSize: 'var(--plasma_private-combobox-focus-size)',\n            customFocusRules: `\n                &:focus-within {\n                    box-shadow: none;\n                    background-color: var(${tokens.targetBackgroundColorOpen});\n\n                    &::before {\n                        box-shadow: inset 0 0 0 var(--plasma_private-combobox-focus-size) var(${tokens.targetBorderColorOpen});\n                    }\n                }\n            `,\n        })}\n    }\n`;\n\nexport const StyledArrow = styled(IconChevronDown)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n\n    position: absolute;\n    right: var(${tokens.targetArrowRight});\n    color: var(${tokens.targetArrowColor});\n`;\n\nexport const StyledText = styled.span`\n    ${applyEllipsis()};\n\n    position: relative;\n    pointer-events: none;\n    user-select: none;\n\n    color: var(${tokens.targetColor});\n`;\n\nexport const StyledChipsWrapper = styled.div`\n    border-radius: var(${tokens.chipBorderRadius});\n\n    overflow: scroll;\n    position: relative;\n    width: 100%;\n    height: var(${tokens.chipHeight});\n    display: flex;\n    align-items: center;\n\n    ::-webkit-scrollbar {\n        display: none;\n    }\n\n    scrollbar-width: none;\n\n    overscroll-behavior: contain;\n`;\n\nexport const StyledChips = styled.div`\n    overflow: visible;\n    display: flex;\n    gap: var(${tokens.chipGap});\n\n    position: absolute;\n    user-select: none;\n`;\n\nexport const StyledLabel = styled.label`\n    ${applyEllipsis()};\n\n    box-sizing: border-box;\n    position: absolute;\n    pointer-events: none;\n    display: inline-flex;\n    align-items: center;\n\n    transition: all 0.1s ease-in-out;\n    transform-origin: top left;\n\n    width: 100%;\n    height: auto;\n\n    color: var(${tokens.targetLabelColor});\n\n    font-family: var(${tokens.targetFontFamily});\n    font-size: var(${tokens.targetFontSize});\n    font-style: var(${tokens.targetFontStyle});\n    font-weight: var(${tokens.targetFontWeight});\n    letter-spacing: var(${tokens.targetLetterSpacing});\n    line-height: var(${tokens.targetLineHeight});\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","_exp7","_ref","opened","concat","tokens","targetBackgroundColorOpen","targetBackgroundColor","_exp9","_ref2","targetBackgroundColorHover","_exp11","_ref3","targetBackgroundColorActive","_exp32","_ref4","targetBorderColorOpen","targetBorderColor","_exp33","_ref5","targetBorderColorHover","_exp34","_ref6","targetBorderColorActive","_exp35","_ref7","target","targetPaddingWithInput","targetPadding","StyledSelectTarget","styled","name","class","propsAsIs","vars","_exp53","IconChevronDown","StyledArrow","StyledText","StyledChipsWrapper","StyledChips","StyledLabel"],"mappings":";;;;;;;;AAmBA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;;AAE5C;AAAA,IAAAK,IAAA,GArBkBA,SAqBlBA,IAAAA,GAAA;AAAA,EAAA,OACyCF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAtB7BA,SAsB6BA,KAAAA,GAAA;AAAA,EAAA,OAGF,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAC5CA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,yBAA0B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,MAAM,CAACE,qBAAsB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA1B9EA,SA0B8EA,KAAAA,GAAA;AAAA,EAAA,OAC9C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OACjDA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,yBAA0B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,MAAM,CAACK,0BAA2B,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA5BnFA,SA4BmFA,MAAAA,GAAA;AAAA,EAAA,OAClD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGT,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAClDA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,yBAA0B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,MAAM,CAACQ,2BAA4B,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA9BpFA,SA8BoFA,MAAAA,GAAA;AAAA,EAAA,OAa5F,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGZ,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACW,qBAAsB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAZ,MAAA,CAAYC,MAAM,CAACY,iBAAkB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA3C9FA,SA2C8FA,MAAAA,GAAA;AAAA,EAAA,OAIlG,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGhB,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OACDA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACW,qBAAsB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAZ,MAAA,CAAYC,MAAM,CAACe,sBAAuB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAhDvFA,SAgDuFA,MAAAA,GAAA;AAAA,EAAA,OAK3F,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGnB,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OACDA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACW,qBAAsB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAZ,MAAA,CAAYC,MAAM,CAACkB,uBAAwB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAtDxFA,SAsDwFA,MAAAA,GAAA;AAAA,EAAA,OAG3F,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OACVA,MAAM,KAAK,gBAAgB,GAAA,MAAA,CAAAtB,MAAA,CAAUC,MAAM,CAACsB,sBAAuB,gBAAAvB,MAAA,CAAYC,MAAM,CAACuB,aAAc,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AApCvG,IAAMC,kBAAkB,gBAAGC,MAAM,CAAA9B,IAAA,EAAA,CAAA,CAAA;AAAA+B,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGKjC,KACmD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC9CO,KACmD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAClDG,MACmD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAa5FG,MAAsG,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAIlGI,MAC2F,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAK3FG,MAC4F,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAG3FG,MAC+F,EAAA,CAAA;AAAA,GAAA;AAAA,CAyD7G,EAAA;AAAC,IAAAW,MAAA,GAnHgBA,SAmHhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,eAAe,CAAA;AAAA,CAAA,CAAA;AAA1C,IAAMC,WAAW,gBAAGP,MAAM,CAAAK,MAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAQhC,EAAA;AAEM,IAAMK,UAAU,gBAAGR,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ/B,EAAA;AAEM,IAAMM,kBAAkB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBvC,EAAA;AAEM,IAAMO,WAAW,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAEM,IAAMQ,WAAW,gBAAGX,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAuBhC;;;;"}

package/es/components/Select/ui/SelectTarget/SelectTarget.styles_hb1tns.css

@@ -0,0 +1,6 @@
+.su9kdfl{--plasma-button-disabled-opacity:var(--plasma-select-disabled-opacity);--plasma-button-color:var(--plasma-select-target-color);--plasma-button-background-color:var(--su9kdfl-0);--plasma-button-background-color-hover:var(--su9kdfl-1);--plasma-button-background-color-active:var(--su9kdfl-2);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:var(--plasma-select-target-width);--plasma-button-radius:var(--plasma-select-target-radius);--plasma-button-font-family:var(--plasma-select-target-font-family);--plasma-button-font-size:var(--plasma-select-target-font-size);--plasma-button-font-style:var(--plasma-select-target-font-style);--plasma-button-font-weight:var(--plasma-select-target-font-weight);--plasma-button-letter-spacing:var(--plasma-select-target-letter-spacing);--plasma-button-line-height:var(--plasma-select-target-line-height);--plasma-button-focus-color:var(--plasma-select-focus-color);box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-3);padding:var(--su9kdfl-6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.su9kdfl:hover:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-4);}.su9kdfl:active:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-5);}.su9kdfl[readonly]{cursor:default;}.su9kdfl[readonly] .select-target-arrow{opacity:0.4;}.su9kdfl .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.su9kdfl.has-chips{padding:var(--plasma-select-target-padding-has-chips);}.su9kdfl.inner-label-up .select-target-text{top:var(--plasma-select-target-inner-top);}.su9kdfl.inner-label-up .select-target-label{top:var(--plasma-select-target-label-inner-top);font-family:var(--plasma-select-target-label-inner-font-family);font-size:var(--plasma-select-target-label-inner-font-family);font-style:var(--plasma-select-target-label-inner-font-style);font-weight:var(--plasma-select-target-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);line-height:var(--plasma-select-target-label-inner-line-height);}.su9kdfl.has-no-focus{--plasma_private-combobox-focus-size:0.0625rem;position:relative;}.su9kdfl.has-no-focus::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-combobox-focus-size));left:calc(-1 * var(--plasma_private-combobox-focus-size));right:calc(-1 * var(--plasma_private-combobox-focus-size));bottom:calc(-1 * var(--plasma_private-combobox-focus-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-combobox-focus-size) solid transparent;border-radius:calc(var(--plasma-select-target-radius) + var(--plasma_private-combobox-focus-size));-webkit-transition:none;transition:none;pointer-events:none;}.su9kdfl.has-no-focus:focus-within{box-shadow:none;background-color:var(--plasma-select-target-background-color-open);}.su9kdfl.has-no-focus:focus-within::before{box-shadow:inset 0 0 0 var(--plasma_private-combobox-focus-size) var(--plasma-select-target-border-color-open);}
+.s1wmzhh1{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;right:var(--plasma-select-target-arrow-right);color:var(--plasma-select-target-arrow-color);}
+.sr2fcv2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-select-target-color);}
+.s9qj25q{border-radius:var(--plasma-select-chip-border-radius);overflow:scroll;position:relative;width:100%;height:var(--plasma-select-chip-height);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-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.s9qj25q::-webkit-scrollbar{display:none;}
+.s11wt6x2{overflow:visible;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-select-chip-gap);position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.s1xu52l7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%;height:auto;color:var(--plasma-select-target-label-color);font-family:var(--plasma-select-target-font-family);font-size:var(--plasma-select-target-font-size);font-style:var(--plasma-select-target-font-style);font-weight:var(--plasma-select-target-font-weight);-webkit-letter-spacing:var(--plasma-select-target-letter-spacing);-moz-letter-spacing:var(--plasma-select-target-letter-spacing);-ms-letter-spacing:var(--plasma-select-target-letter-spacing);letter-spacing:var(--plasma-select-target-letter-spacing);line-height:var(--plasma-select-target-line-height);}

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

@@ -0,0 +1,105 @@
+import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Children, isValidElement, cloneElement } from 'react';
+
+var getNewSelected = function getNewSelected(selected, newValue, type) {
+  if (newValue === undefined || newValue === null) {
+    return newValue;
+  }
+  if ((type === 'single' || type === 'native') && (typeof newValue === 'string' || typeof newValue === 'number' || typeof newValue === 'boolean')) {
+    return newValue;
+  }
+  var newSelected = selected || [];
+  var set = new Set(newSelected);
+  if (set.has(newValue)) {
+    set["delete"](newValue);
+  } else {
+    set.add(newValue);
+  }
+  return Array.from(set);
+};
+var getChildrenInnerText = function getChildrenInnerText(children) {
+  if (!children || typeof children === 'string') {
+    return children;
+  }
+  return getChildrenInnerText(children.props.children);
+};
+var getValues = function getValues(items, value) {
+  var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  items.forEach(function (item) {
+    if (item.props === undefined) {
+      return result;
+    }
+    var newValue = item.props.value;
+    if (item.props.children && Array.isArray(item.props.children)) {
+      return getValues(item.props.children, value, result);
+    }
+    if (!Array.isArray(value) && newValue === value || Array.isArray(value) && value !== null && value !== void 0 && value.find(function (v) {
+      return newValue === v;
+    })) {
+      var index = Array.isArray(value) && (value === null || value === void 0 ? void 0 : value.findIndex(function (v) {
+        return newValue === v;
+      })) || 0;
+      if (item.props.text) {
+        var _newText = item.props.text;
+        result[index] = [newValue, _newText];
+        return;
+      }
+      var newText = getChildrenInnerText(item.props.children);
+      result[index] = [newValue, newText];
+    }
+    return result;
+  });
+  return result;
+};
+var getChildrenItemChecked = function getChildrenItemChecked(value, child) {
+  return !Array.isArray(value) && (child === null || child === void 0 ? void 0 : child.props.value) === value || Array.isArray(value) && Boolean(value === null || value === void 0 ? void 0 : value.find(function (v) {
+    return (child === null || child === void 0 ? void 0 : child.props.value) === v;
+  }));
+};
+
+// INFO: Функция для рекурсивного обновления пропсов
+var updatePropsRecursively = function updatePropsRecursively(children, externalProps, value, search, filterFunction) {
+  return Children.map(children || [], function (child) {
+    if (! /*#__PURE__*/isValidElement(child)) {
+      return child;
+    }
+    var hasValue = ('value' in (child === null || child === void 0 ? void 0 : child.props));
+    var props = _objectSpread2({
+      key: "".concat(value, "$"),
+      checked: getChildrenItemChecked(value, child)
+    }, hasValue && {
+      ref: function ref(element) {
+        var _externalProps$childr;
+        if (externalProps !== null && externalProps !== void 0 && (_externalProps$childr = externalProps.childrenRefs) !== null && _externalProps$childr !== void 0 && _externalProps$childr.current && element) {
+          externalProps.childrenRefs.current.push(element);
+        }
+      },
+      onClick: function onClick(event) {
+        var _child$props$onClick, _child$props, _externalProps$onClic;
+        (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, event);
+        externalProps === null || externalProps === void 0 || (_externalProps$onClic = externalProps.onClick) === null || _externalProps$onClic === void 0 || _externalProps$onClic.call(externalProps, event);
+      }
+    });
+    var updatedChild = updatePropsRecursively(child.props.children, externalProps, value, search, filterFunction);
+    if (filterFunction) {
+      var _child$props2;
+      var text = ((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.text) || '';
+      return filterFunction(text, search) ? /*#__PURE__*/cloneElement(child, props, updatedChild) : null;
+    }
+    return /*#__PURE__*/cloneElement(child, props, updatedChild);
+  });
+};
+var defaultFilterFunction = function defaultFilterFunction(text) {
+  var filterValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return text.includes(filterValue);
+};
+var getChildren = function getChildren(children, externalProps, value, search) {
+  var filterFunction = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : defaultFilterFunction;
+  if (externalProps.childrenRefs) {
+    externalProps.childrenRefs.current = [];
+  }
+  return updatePropsRecursively(children, externalProps, value, search, filterFunction);
+};
+
+export { getChildren, getNewSelected, getValues, updatePropsRecursively };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Select/utils/index.ts"],"sourcesContent":["import { Children, MouseEvent, ReactElement, ReactNode, cloneElement, isValidElement } from 'react';\n\nimport { SelectPrimitiveValue, ValueType, SelectValue } from '../Select.types';\nimport { SelectItemProps } from '../ui/SelectItem/SelectItem.type';\n\ntype NewSelectedFunc = {\n    (selected?: undefined | null, newValue?: undefined | null, type?: undefined | null): undefined;\n    (selected?: SelectPrimitiveValue, newValue?: SelectPrimitiveValue, type?: ValueType): SelectPrimitiveValue;\n    (selected?: Array<SelectPrimitiveValue>, newValue?: SelectPrimitiveValue, type?: ValueType): Array<\n        SelectPrimitiveValue\n    >;\n};\n\nexport const getNewSelected: NewSelectedFunc = (selected: any, newValue: any, type: any) => {\n    if (newValue === undefined || newValue === null) {\n        return newValue;\n    }\n\n    if (\n        (type === 'single' || type === 'native') &&\n        (typeof newValue === 'string' || typeof newValue === 'number' || typeof newValue === 'boolean')\n    ) {\n        return newValue;\n    }\n\n    const newSelected = selected || [];\n\n    const set = new Set(newSelected);\n\n    if (set.has(newValue)) {\n        set.delete(newValue);\n    } else {\n        set.add(newValue);\n    }\n\n    return Array.from(set);\n};\n\nconst getChildrenInnerText = (children: ReactElement): string => {\n    if (!children || typeof children === 'string') {\n        return children;\n    }\n\n    return getChildrenInnerText(children.props.children);\n};\n\nexport const getValues = (items: ReactElement[], value?: SelectValue, result: Array<Array<string>> = []) => {\n    items.forEach((item) => {\n        if (item.props === undefined) {\n            return result;\n        }\n\n        const { value: newValue } = item.props;\n\n        if (item.props.children && Array.isArray(item.props.children)) {\n            return getValues(item.props.children, value, result);\n        }\n\n        if (\n            (!Array.isArray(value) && newValue === value) ||\n            (Array.isArray(value) && value?.find((v) => newValue === v))\n        ) {\n            const index = (Array.isArray(value) && value?.findIndex((v) => newValue === v)) || 0;\n\n            if (item.props.text) {\n                const { text: newText } = item.props;\n                result[index] = [newValue, newText];\n\n                return;\n            }\n\n            const newText = getChildrenInnerText(item.props.children);\n            result[index] = [newValue, newText];\n        }\n\n        return result;\n    });\n\n    return result;\n};\n\nconst getChildrenItemChecked = (value?: SelectValue, child?: ReactElement<SelectItemProps>) =>\n    (!Array.isArray(value) && child?.props.value === value) ||\n    (Array.isArray(value) && Boolean(value?.find((v) => child?.props.value === v)));\n\n// INFO: Функция для рекурсивного обновления пропсов\nexport const updatePropsRecursively = (\n    children?: ReactElement<SelectItemProps>[],\n    externalProps?: Record<string, any>,\n    value?: SelectValue,\n    search?: string,\n    filterFunction?: (childText: string, filterValue?: string) => boolean,\n): ReactNode[] =>\n    Children.map(children || [], (child) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const hasValue = 'value' in child?.props;\n\n        const props = {\n            key: `${value}$`,\n            checked: getChildrenItemChecked(value, child),\n            ...(hasValue && {\n                ref: (element: HTMLDivElement) => {\n                    if (externalProps?.childrenRefs?.current && element) {\n                        externalProps.childrenRefs.current.push(element);\n                    }\n                },\n                onClick: (event: MouseEvent<HTMLDivElement>) => {\n                    child.props.onClick?.(event);\n                    externalProps?.onClick?.(event);\n                },\n            }),\n        };\n\n        const updatedChild = updatePropsRecursively(\n            child.props.children as ReactElement<SelectItemProps>[],\n            externalProps,\n            value,\n            search,\n            filterFunction,\n        );\n\n        if (filterFunction) {\n            const text = child.props?.text || '';\n\n            return filterFunction(text, search) ? cloneElement(child, props, updatedChild) : null;\n        }\n\n        return cloneElement(child, props, updatedChild);\n    });\n\nconst defaultFilterFunction = (text: string, filterValue = '') => text.includes(filterValue);\n\nexport const getChildren = (\n    children: ReactElement<SelectItemProps>[],\n    externalProps: Record<string, any>,\n    value?: SelectValue,\n    search?: string,\n    filterFunction = defaultFilterFunction,\n) => {\n    if (externalProps.childrenRefs) {\n        externalProps.childrenRefs.current = [];\n    }\n\n    return updatePropsRecursively(children, externalProps, value, search, filterFunction);\n};\n"],"names":["getNewSelected","selected","newValue","type","undefined","newSelected","set","Set","has","add","Array","from","getChildrenInnerText","children","props","getValues","items","value","result","arguments","length","forEach","item","isArray","find","v","index","findIndex","text","newText","getChildrenItemChecked","child","Boolean","updatePropsRecursively","externalProps","search","filterFunction","Children","map","isValidElement","hasValue","_objectSpread","key","concat","checked","ref","element","_externalProps$childr","childrenRefs","current","push","onClick","event","_child$props$onClick","_child$props","_externalProps$onClic","call","updatedChild","_child$props2","cloneElement","defaultFilterFunction","filterValue","includes","getChildren"],"mappings":"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"}

package/es/components/Select/variations/_target/base.js

@@ -0,0 +1,5 @@
+import './base_x642ct.css';
+var base = "bc9voex";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Select/variations/_target/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Select/variations/_target/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/Select/variations/_target/base_x642ct.css

@@ -0,0 +1 @@
+

package/es/components/TextArea/TextArea.js

@@ -1,5 +1,5 @@
 import './TextArea_ob9y3r.css';
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useState, useCallback, createRef } from 'react';
 import { useResizeObserver } from '@salutejs/plasma-core';
 import { cx } from '../../utils/index.js';
@@ -123,15 +123,17 @@ var textAreaRoot = function textAreaRoot(Root) {
       }
       onChange === null || onChange === void 0 || onChange(event);
     }, [value, onChange]);
-    var dynamicLabelClasses = getDynamicLabelClasses({
+    var dynamicLabelClasses = getDynamicLabelClasses(_objectSpread2({
       size: size,
       readOnly: readOnly,
       label: label,
       labelPlacement: labelPlacement,
-      autoResize: autoResize,
-      rows: rows,
       value: value || uncontrolledValue || defaultValue
-    }, focused);
+    }, rows ? {
+      rows: rows
+    } : {
+      autoResize: autoResize
+    }), focused);
     return /*#__PURE__*/React.createElement(Root, {
       view: overriddenView,
       size: size,

package/es/components/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useState, createRef, useCallback } from 'react';\nimport { css } from '@linaria/core';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { cx } from '../../utils';\nimport type { RootProps } from '../../engines/types';\n\nimport { applyDynamicLabel } from './mixins';\nimport { useAutoResize, ROOT_FONT_SIZE } from './hooks';\nimport {\n    StyledContent,\n    StyledHelpers,\n    StyledLeftHelper,\n    StyledRightHelper,\n    StyledLabel,\n    StyledPlaceholder,\n    StyledTextArea,\n    StyledTextAreaWrapper,\n    StyledContainer,\n} from './TextArea.styles';\nimport { classes } from './TextArea.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { TextAreaProps } from './TextArea.types';\n\nconst {\n    innerPlaceholderUp,\n    focusedOuterPlaceholderColor,\n    hidePlaceHolder,\n    styledContainer,\n    styledTextArea,\n    styledTextAreaWrapper,\n    styledPlaceholder,\n    styledHelpers,\n} = classes;\n\nconst base = css`\n    ${applyDynamicLabel};\n\n    position: relative;\n    box-sizing: border-box;\n`;\n\n// TODO: Удалить после отказа от старых библиотек plasma-web / plasma-b2c\nconst fallbackStatusMap = {\n    '': 'primary',\n    success: 'positive',\n    warning: 'warning',\n    error: 'negative',\n};\n\n// TODO: Перенести этот метод в файл applyDynamicLabel.ts\nexport const getDynamicLabelClasses = (props: TextAreaProps, focused: boolean) => {\n    const { readOnly, label, labelPlacement, autoResize, rows, value, size } = props;\n\n    // Добавить класс отвечающий за изменение цвета плейсхолдера при фокусе\n    const withFocusedOuterUpPlaceholder =\n        !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;\n\n    // Добавить класс отвечающий за поднятие и уменьшение плейсхолдера\n    const withInnerPlaceholderUp =\n        labelPlacement === 'inner' &&\n        label &&\n        !autoResize &&\n        !rows &&\n        size !== 'xs' &&\n        ((!readOnly && (value || focused)) || (readOnly && value))\n            ? innerPlaceholderUp\n            : undefined;\n\n    // Добавить класс отвечающий за скрытие плейсхолдера\n    const withHidePlaceholder =\n        (value && !label) ||\n        (labelPlacement === 'inner' && ((focused && !readOnly) || value) && label && (rows || autoResize)) ||\n        (labelPlacement === 'outer' && value) ||\n        (labelPlacement === 'inner' && size === 'xs' && value)\n            ? hidePlaceHolder\n            : undefined;\n\n    return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];\n};\n\nexport const textAreaRoot = (Root: RootProps<HTMLTextAreaElement, TextAreaProps>) =>\n    forwardRef<HTMLTextAreaElement, TextAreaProps>((props, innerRef) => {\n        const {\n            helperText,\n            status,\n            resize,\n            rightHelper,\n            leftHelper,\n            contentRight,\n            autoResize = false,\n            minAuto = 0,\n            maxAuto,\n            label,\n            labelPlacement = 'inner',\n            placeholder,\n            defaultValue,\n            height,\n            width,\n            value,\n            disabled,\n            size,\n            view,\n            id,\n            style,\n            className,\n            readOnly,\n            rows,\n            cols,\n            onChange,\n            ...rest\n        } = props;\n\n        const [helperWidth, setHelperWidth] = useState<string>(width ? `${width}rem` : '100%');\n        const [focused, setFocused] = useState(false);\n        const [uncontrolledValue, setUncontrolledValue] = useState<string | undefined>();\n\n        const outerRef = innerRef && 'current' in innerRef ? innerRef : createRef<HTMLTextAreaElement>();\n        const hasHelper = Boolean(leftHelper || rightHelper || helperText);\n        const overriddenView = status !== undefined ? fallbackStatusMap[status] : view;\n        const textareaHelperId = id ? `${id}-helper` : undefined;\n        const applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;\n        const placeLabel = labelPlacement === 'inner' && label && size !== 'xs' ? label : placeholder;\n\n        useResizeObserver(outerRef, (currentElement) => {\n            const { width: inlineWidth, height: inlineHeight } = currentElement.style;\n\n            if (inlineWidth || inlineHeight || cols) {\n                const { width: elementWidth } = currentElement.getBoundingClientRect();\n                setHelperWidth(`${elementWidth / ROOT_FONT_SIZE}rem`);\n            }\n        });\n\n        useAutoResize(autoResize, outerRef, value, minAuto, maxAuto);\n\n        const onFocusHandler = useCallback(() => {\n            setFocused(true);\n        }, []);\n        const onBlurHandler = useCallback(() => {\n            setFocused(false);\n        }, []);\n\n        const onChangeHandler = useCallback(\n            (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n                // INFO: Для крайне редких кейсов, когда value снаружи не контролируется\n                if (value === undefined) {\n                    setUncontrolledValue(event?.target.value);\n                }\n\n                onChange?.(event);\n            },\n            [value, onChange],\n        );\n\n        const dynamicLabelClasses = getDynamicLabelClasses(\n            {\n                size,\n                readOnly,\n                label,\n                labelPlacement,\n                autoResize,\n                rows,\n                value: value || uncontrolledValue || defaultValue,\n            },\n            focused,\n        );\n\n        return (\n            <Root\n                view={overriddenView}\n                size={size}\n                disabled={disabled}\n                readOnly={readOnly}\n                style={style}\n                className={className}\n            >\n                {label && labelPlacement === 'outer' && <StyledLabel>{label}</StyledLabel>}\n                <StyledContainer\n                    className={cx(styledContainer, ...dynamicLabelClasses)}\n                    width={helperWidth}\n                    onFocus={onFocusHandler}\n                    onBlur={onBlurHandler}\n                >\n                    {contentRight && <StyledContent>{contentRight}</StyledContent>}\n                    <StyledTextAreaWrapper className={styledTextAreaWrapper} hasHelper={hasHelper}>\n                        <StyledTextArea\n                            className={styledTextArea}\n                            id={id}\n                            hasContentRight={Boolean(contentRight)}\n                            hasHelper={hasHelper}\n                            applyCustomWidth={applyCustomWidth}\n                            ref={outerRef}\n                            disabled={disabled}\n                            height={autoResize ? minAuto : height}\n                            width={width}\n                            placeholder={placeLabel}\n                            aria-describedby={textareaHelperId}\n                            value={value}\n                            readOnly={readOnly}\n                            rows={rows}\n                            cols={cols}\n                            resize={resize}\n                            defaultValue={defaultValue}\n                            onChange={onChangeHandler}\n                            {...rest}\n                        />\n                    </StyledTextAreaWrapper>\n                    {hasHelper && (\n                        <StyledHelpers className={styledHelpers} id={textareaHelperId}>\n                            {(leftHelper || helperText) && (\n                                <StyledLeftHelper>{leftHelper || helperText}</StyledLeftHelper>\n                            )}\n                            {rightHelper && <StyledRightHelper>{rightHelper}</StyledRightHelper>}\n                        </StyledHelpers>\n                    )}\n                    {placeLabel && (\n                        <StyledPlaceholder\n                            hasContentRight={Boolean(contentRight)}\n                            className={styledPlaceholder}\n                            htmlFor={id}\n                        >\n                            {placeLabel}\n                        </StyledPlaceholder>\n                    )}\n                </StyledContainer>\n            </Root>\n        );\n    });\n\nexport const textAreaConfig = {\n    name: 'TextArea',\n    tag: 'div',\n    layout: textAreaRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'primary',\n    },\n};\n"],"names":["innerPlaceholderUp","classes","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","base","fallbackStatusMap","success","warning","error","getDynamicLabelClasses","props","focused","readOnly","label","labelPlacement","autoResize","rows","value","size","withFocusedOuterUpPlaceholder","undefined","withInnerPlaceholderUp","withHidePlaceholder","textAreaRoot","Root","forwardRef","innerRef","helperText","status","resize","rightHelper","leftHelper","contentRight","_props$autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","placeholder","defaultValue","height","width","disabled","view","id","style","className","cols","onChange","rest","_excluded","_useState","useState","concat","_useState2","_slicedToArray","helperWidth","setHelperWidth","_useState3","_useState4","setFocused","_useState5","_useState6","uncontrolledValue","setUncontrolledValue","outerRef","createRef","hasHelper","Boolean","overriddenView","textareaHelperId","applyCustomWidth","placeLabel","useResizeObserver","currentElement","_currentElement$style","inlineWidth","inlineHeight","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","event","target","dynamicLabelClasses","React","createElement","StyledLabel","StyledContainer","cx","apply","_toConsumableArray","onFocus","onBlur","StyledContent","StyledTextAreaWrapper","StyledTextArea","_extends","hasContentRight","ref","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
+{"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useState, createRef, useCallback } from 'react';\nimport { css } from '@linaria/core';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { cx } from '../../utils';\nimport type { RootProps } from '../../engines/types';\n\nimport { applyDynamicLabel } from './mixins';\nimport { useAutoResize, ROOT_FONT_SIZE } from './hooks';\nimport {\n    StyledContent,\n    StyledHelpers,\n    StyledLeftHelper,\n    StyledRightHelper,\n    StyledLabel,\n    StyledPlaceholder,\n    StyledTextArea,\n    StyledTextAreaWrapper,\n    StyledContainer,\n} from './TextArea.styles';\nimport { classes } from './TextArea.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { TextAreaProps } from './TextArea.types';\n\nconst {\n    innerPlaceholderUp,\n    focusedOuterPlaceholderColor,\n    hidePlaceHolder,\n    styledContainer,\n    styledTextArea,\n    styledTextAreaWrapper,\n    styledPlaceholder,\n    styledHelpers,\n} = classes;\n\nconst base = css`\n    ${applyDynamicLabel};\n\n    position: relative;\n    box-sizing: border-box;\n`;\n\n// TODO: Удалить после отказа от старых библиотек plasma-web / plasma-b2c\nconst fallbackStatusMap = {\n    '': 'primary',\n    success: 'positive',\n    warning: 'warning',\n    error: 'negative',\n};\n\n// TODO: Перенести этот метод в файл applyDynamicLabel.ts\nexport const getDynamicLabelClasses = (props: TextAreaProps, focused: boolean) => {\n    const { readOnly, label, labelPlacement, autoResize, rows, value, size } = props;\n\n    // Добавить класс отвечающий за изменение цвета плейсхолдера при фокусе\n    const withFocusedOuterUpPlaceholder =\n        !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;\n\n    // Добавить класс отвечающий за поднятие и уменьшение плейсхолдера\n    const withInnerPlaceholderUp =\n        labelPlacement === 'inner' &&\n        label &&\n        !autoResize &&\n        !rows &&\n        size !== 'xs' &&\n        ((!readOnly && (value || focused)) || (readOnly && value))\n            ? innerPlaceholderUp\n            : undefined;\n\n    // Добавить класс отвечающий за скрытие плейсхолдера\n    const withHidePlaceholder =\n        (value && !label) ||\n        (labelPlacement === 'inner' && ((focused && !readOnly) || value) && label && (rows || autoResize)) ||\n        (labelPlacement === 'outer' && value) ||\n        (labelPlacement === 'inner' && size === 'xs' && value)\n            ? hidePlaceHolder\n            : undefined;\n\n    return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];\n};\n\nexport const textAreaRoot = (Root: RootProps<HTMLTextAreaElement, TextAreaProps>) =>\n    forwardRef<HTMLTextAreaElement, TextAreaProps>((props, innerRef) => {\n        const {\n            helperText,\n            status,\n            resize,\n            rightHelper,\n            leftHelper,\n            contentRight,\n            autoResize = false,\n            minAuto = 0,\n            maxAuto,\n            label,\n            labelPlacement = 'inner',\n            placeholder,\n            defaultValue,\n            height,\n            width,\n            value,\n            disabled,\n            size,\n            view,\n            id,\n            style,\n            className,\n            readOnly,\n            rows,\n            cols,\n            onChange,\n            ...rest\n        } = props;\n\n        const [helperWidth, setHelperWidth] = useState<string>(width ? `${width}rem` : '100%');\n        const [focused, setFocused] = useState(false);\n        const [uncontrolledValue, setUncontrolledValue] = useState<string | undefined>();\n\n        const outerRef = innerRef && 'current' in innerRef ? innerRef : createRef<HTMLTextAreaElement>();\n        const hasHelper = Boolean(leftHelper || rightHelper || helperText);\n        const overriddenView = status !== undefined ? fallbackStatusMap[status] : view;\n        const textareaHelperId = id ? `${id}-helper` : undefined;\n        const applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;\n        const placeLabel = labelPlacement === 'inner' && label && size !== 'xs' ? label : placeholder;\n\n        useResizeObserver(outerRef, (currentElement) => {\n            const { width: inlineWidth, height: inlineHeight } = currentElement.style;\n\n            if (inlineWidth || inlineHeight || cols) {\n                const { width: elementWidth } = currentElement.getBoundingClientRect();\n                setHelperWidth(`${elementWidth / ROOT_FONT_SIZE}rem`);\n            }\n        });\n\n        useAutoResize(autoResize, outerRef, value, minAuto, maxAuto);\n\n        const onFocusHandler = useCallback(() => {\n            setFocused(true);\n        }, []);\n        const onBlurHandler = useCallback(() => {\n            setFocused(false);\n        }, []);\n\n        const onChangeHandler = useCallback(\n            (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n                // INFO: Для крайне редких кейсов, когда value снаружи не контролируется\n                if (value === undefined) {\n                    setUncontrolledValue(event?.target.value);\n                }\n\n                onChange?.(event);\n            },\n            [value, onChange],\n        );\n\n        const dynamicLabelClasses = getDynamicLabelClasses(\n            {\n                size,\n                readOnly,\n                label,\n                labelPlacement,\n                value: value || uncontrolledValue || defaultValue,\n                ...(rows ? { rows } : { autoResize }),\n            },\n            focused,\n        );\n\n        return (\n            <Root\n                view={overriddenView}\n                size={size}\n                disabled={disabled}\n                readOnly={readOnly}\n                style={style}\n                className={className}\n            >\n                {label && labelPlacement === 'outer' && <StyledLabel>{label}</StyledLabel>}\n                <StyledContainer\n                    className={cx(styledContainer, ...dynamicLabelClasses)}\n                    width={helperWidth}\n                    onFocus={onFocusHandler}\n                    onBlur={onBlurHandler}\n                >\n                    {contentRight && <StyledContent>{contentRight}</StyledContent>}\n                    <StyledTextAreaWrapper className={styledTextAreaWrapper} hasHelper={hasHelper}>\n                        <StyledTextArea\n                            className={styledTextArea}\n                            id={id}\n                            hasContentRight={Boolean(contentRight)}\n                            hasHelper={hasHelper}\n                            applyCustomWidth={applyCustomWidth}\n                            ref={outerRef}\n                            disabled={disabled}\n                            height={autoResize ? minAuto : height}\n                            width={width}\n                            placeholder={placeLabel}\n                            aria-describedby={textareaHelperId}\n                            value={value}\n                            readOnly={readOnly}\n                            rows={rows}\n                            cols={cols}\n                            resize={resize}\n                            defaultValue={defaultValue}\n                            onChange={onChangeHandler}\n                            {...rest}\n                        />\n                    </StyledTextAreaWrapper>\n                    {hasHelper && (\n                        <StyledHelpers className={styledHelpers} id={textareaHelperId}>\n                            {(leftHelper || helperText) && (\n                                <StyledLeftHelper>{leftHelper || helperText}</StyledLeftHelper>\n                            )}\n                            {rightHelper && <StyledRightHelper>{rightHelper}</StyledRightHelper>}\n                        </StyledHelpers>\n                    )}\n                    {placeLabel && (\n                        <StyledPlaceholder\n                            hasContentRight={Boolean(contentRight)}\n                            className={styledPlaceholder}\n                            htmlFor={id}\n                        >\n                            {placeLabel}\n                        </StyledPlaceholder>\n                    )}\n                </StyledContainer>\n            </Root>\n        );\n    });\n\nexport const textAreaConfig = {\n    name: 'TextArea',\n    tag: 'div',\n    layout: textAreaRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'primary',\n    },\n};\n"],"names":["innerPlaceholderUp","classes","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","base","fallbackStatusMap","success","warning","error","getDynamicLabelClasses","props","focused","readOnly","label","labelPlacement","autoResize","rows","value","size","withFocusedOuterUpPlaceholder","undefined","withInnerPlaceholderUp","withHidePlaceholder","textAreaRoot","Root","forwardRef","innerRef","helperText","status","resize","rightHelper","leftHelper","contentRight","_props$autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","placeholder","defaultValue","height","width","disabled","view","id","style","className","cols","onChange","rest","_excluded","_useState","useState","concat","_useState2","_slicedToArray","helperWidth","setHelperWidth","_useState3","_useState4","setFocused","_useState5","_useState6","uncontrolledValue","setUncontrolledValue","outerRef","createRef","hasHelper","Boolean","overriddenView","textareaHelperId","applyCustomWidth","placeLabel","useResizeObserver","currentElement","_currentElement$style","inlineWidth","inlineHeight","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","event","target","dynamicLabelClasses","_objectSpread","React","createElement","StyledLabel","StyledContainer","cx","apply","_toConsumableArray","onFocus","onBlur","StyledContent","StyledTextAreaWrapper","StyledTextArea","_extends","hasContentRight","ref","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/es/components/TextArea/hooks/useAutoResize.js

@@ -1,7 +1,7 @@
 import { useRef, useEffect } from 'react';
 
 var ROOT_FONT_SIZE = 16;
-var useAutoResize = function useAutoResize(active, ref, value, minHeight, maxHeight) {
+var useAutoResize = function useAutoResize(active, ref, value, minAuto, maxAuto) {
   var isManualResize = useRef(false);
   var previousHeight = useRef();
   useEffect(function () {
@@ -12,9 +12,15 @@ var useAutoResize = function useAutoResize(active, ref, value, minHeight, maxHei
         isManualResize.current = true;
         return;
       }
-      ref.current.style.height = "".concat(minHeight ? minHeight + 1 : '0', "rem");
-      var scrollHeight = ref.current.scrollHeight / ROOT_FONT_SIZE;
-      var newHeight = Math.min(scrollHeight, maxHeight ? maxHeight + 1 : scrollHeight);
+      var style = getComputedStyle(ref.current);
+      var lineHeight = parseInt(style.lineHeight, 10);
+      var lineHeightInRem = lineHeight / ROOT_FONT_SIZE;
+      var minAutoHeight = minAuto ? minAuto * lineHeightInRem : 0;
+      ref.current.style.height = "".concat(minAutoHeight, "rem");
+      var lines = Math.floor(ref.current.scrollHeight / lineHeight);
+      var newScrollHeight = lines * lineHeightInRem;
+      var maxAutoHeight = maxAuto ? maxAuto * lineHeightInRem : newScrollHeight;
+      var newHeight = Math.min(newScrollHeight, maxAutoHeight);
       ref.current.style.height = "".concat(newHeight, "rem");
       previousHeight.current = newHeight;
     }

package/es/components/TextArea/hooks/useAutoResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoResize.js","sources":["../../../../src/components/TextArea/hooks/useAutoResize.ts"],"sourcesContent":["import { useEffect, useRef, MutableRefObject } from 'react';\n\nexport const ROOT_FONT_SIZE = 16;\n\nexport const useAutoResize = <T extends HTMLTextAreaElement>(\n    active: boolean,\n    ref: MutableRefObject<T | null>,\n    value?: string | ReadonlyArray<string> | number,\n    minHeight?: number,\n    maxHeight?: number,\n) => {\n    const isManualResize = useRef<boolean>(false);\n    const previousHeight = useRef<number | undefined>();\n\n    useEffect(() => {\n        if (active && ref && ref.current && !isManualResize.current) {\n            // проверка на пользовательский resize (вручную)\n            const height = ref.current.clientHeight / ROOT_FONT_SIZE;\n            if (previousHeight.current !== undefined && previousHeight.current !== height) {\n                isManualResize.current = true;\n                return;\n            }\n\n            ref.current.style.height = `${minHeight ? minHeight + 1 : '0'}rem`;\n            const scrollHeight = ref.current.scrollHeight / ROOT_FONT_SIZE;\n            const newHeight = Math.min(scrollHeight, maxHeight ? maxHeight + 1 : scrollHeight);\n\n            ref.current.style.height = `${newHeight}rem`;\n            previousHeight.current = newHeight;\n        }\n    }, [ref, active, value]);\n};\n"],"names":["ROOT_FONT_SIZE","useAutoResize","active","ref","value","minHeight","maxHeight","isManualResize","useRef","previousHeight","useEffect","current","height","clientHeight","undefined","style","concat","scrollHeight","newHeight","Math","min"],"mappings":";;AAEO,IAAMA,cAAc,GAAG,GAAE;AAEnBC,IAAAA,aAAa,GAAG,SAAhBA,aAAaA,CACtBC,MAAe,EACfC,GAA+B,EAC/BC,KAA+C,EAC/CC,SAAkB,EAClBC,SAAkB,EACjB;AACD,EAAA,IAAMC,cAAc,GAAGC,MAAM,CAAU,KAAK,CAAC,CAAA;AAC7C,EAAA,IAAMC,cAAc,GAAGD,MAAM,EAAsB,CAAA;AAEnDE,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAIR,MAAM,IAAIC,GAAG,IAAIA,GAAG,CAACQ,OAAO,IAAI,CAACJ,cAAc,CAACI,OAAO,EAAE;AACzD;MACA,IAAMC,MAAM,GAAGT,GAAG,CAACQ,OAAO,CAACE,YAAY,GAAGb,cAAc,CAAA;MACxD,IAAIS,cAAc,CAACE,OAAO,KAAKG,SAAS,IAAIL,cAAc,CAACE,OAAO,KAAKC,MAAM,EAAE;QAC3EL,cAAc,CAACI,OAAO,GAAG,IAAI,CAAA;AAC7B,QAAA,OAAA;AACJ,OAAA;AAEAR,MAAAA,GAAG,CAACQ,OAAO,CAACI,KAAK,CAACH,MAAM,GAAAI,EAAAA,CAAAA,MAAA,CAAMX,SAAS,GAAGA,SAAS,GAAG,CAAC,GAAG,GAAG,EAAK,KAAA,CAAA,CAAA;MAClE,IAAMY,YAAY,GAAGd,GAAG,CAACQ,OAAO,CAACM,YAAY,GAAGjB,cAAc,CAAA;AAC9D,MAAA,IAAMkB,SAAS,GAAGC,IAAI,CAACC,GAAG,CAACH,YAAY,EAAEX,SAAS,GAAGA,SAAS,GAAG,CAAC,GAAGW,YAAY,CAAC,CAAA;MAElFd,GAAG,CAACQ,OAAO,CAACI,KAAK,CAACH,MAAM,GAAAI,EAAAA,CAAAA,MAAA,CAAME,SAAS,EAAK,KAAA,CAAA,CAAA;MAC5CT,cAAc,CAACE,OAAO,GAAGO,SAAS,CAAA;AACtC,KAAA;GACH,EAAE,CAACf,GAAG,EAAED,MAAM,EAAEE,KAAK,CAAC,CAAC,CAAA;AAC5B;;;;"}
+{"version":3,"file":"useAutoResize.js","sources":["../../../../src/components/TextArea/hooks/useAutoResize.ts"],"sourcesContent":["import { useEffect, useRef, MutableRefObject } from 'react';\n\nexport const ROOT_FONT_SIZE = 16;\n\nexport const useAutoResize = <T extends HTMLTextAreaElement>(\n    active: boolean,\n    ref: MutableRefObject<T | null>,\n    value?: string | ReadonlyArray<string> | number,\n    minAuto?: number,\n    maxAuto?: number,\n) => {\n    const isManualResize = useRef<boolean>(false);\n    const previousHeight = useRef<number | undefined>();\n\n    useEffect(() => {\n        if (active && ref && ref.current && !isManualResize.current) {\n            // проверка на пользовательский resize (вручную)\n            const height = ref.current.clientHeight / ROOT_FONT_SIZE;\n            if (previousHeight.current !== undefined && previousHeight.current !== height) {\n                isManualResize.current = true;\n                return;\n            }\n\n            const style = getComputedStyle(ref.current);\n            const lineHeight = parseInt(style.lineHeight, 10);\n            const lineHeightInRem = lineHeight / ROOT_FONT_SIZE;\n\n            const minAutoHeight = minAuto ? minAuto * lineHeightInRem : 0;\n            ref.current.style.height = `${minAutoHeight}rem`;\n\n            const lines = Math.floor(ref.current.scrollHeight / lineHeight);\n            const newScrollHeight = lines * lineHeightInRem;\n\n            const maxAutoHeight = maxAuto ? maxAuto * lineHeightInRem : newScrollHeight;\n\n            const newHeight = Math.min(newScrollHeight, maxAutoHeight);\n\n            ref.current.style.height = `${newHeight}rem`;\n            previousHeight.current = newHeight;\n        }\n    }, [ref, active, value]);\n};\n"],"names":["ROOT_FONT_SIZE","useAutoResize","active","ref","value","minAuto","maxAuto","isManualResize","useRef","previousHeight","useEffect","current","height","clientHeight","undefined","style","getComputedStyle","lineHeight","parseInt","lineHeightInRem","minAutoHeight","concat","lines","Math","floor","scrollHeight","newScrollHeight","maxAutoHeight","newHeight","min"],"mappings":";;AAEO,IAAMA,cAAc,GAAG,GAAE;AAEnBC,IAAAA,aAAa,GAAG,SAAhBA,aAAaA,CACtBC,MAAe,EACfC,GAA+B,EAC/BC,KAA+C,EAC/CC,OAAgB,EAChBC,OAAgB,EACf;AACD,EAAA,IAAMC,cAAc,GAAGC,MAAM,CAAU,KAAK,CAAC,CAAA;AAC7C,EAAA,IAAMC,cAAc,GAAGD,MAAM,EAAsB,CAAA;AAEnDE,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAIR,MAAM,IAAIC,GAAG,IAAIA,GAAG,CAACQ,OAAO,IAAI,CAACJ,cAAc,CAACI,OAAO,EAAE;AACzD;MACA,IAAMC,MAAM,GAAGT,GAAG,CAACQ,OAAO,CAACE,YAAY,GAAGb,cAAc,CAAA;MACxD,IAAIS,cAAc,CAACE,OAAO,KAAKG,SAAS,IAAIL,cAAc,CAACE,OAAO,KAAKC,MAAM,EAAE;QAC3EL,cAAc,CAACI,OAAO,GAAG,IAAI,CAAA;AAC7B,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAMI,KAAK,GAAGC,gBAAgB,CAACb,GAAG,CAACQ,OAAO,CAAC,CAAA;MAC3C,IAAMM,UAAU,GAAGC,QAAQ,CAACH,KAAK,CAACE,UAAU,EAAE,EAAE,CAAC,CAAA;AACjD,MAAA,IAAME,eAAe,GAAGF,UAAU,GAAGjB,cAAc,CAAA;MAEnD,IAAMoB,aAAa,GAAGf,OAAO,GAAGA,OAAO,GAAGc,eAAe,GAAG,CAAC,CAAA;MAC7DhB,GAAG,CAACQ,OAAO,CAACI,KAAK,CAACH,MAAM,GAAAS,EAAAA,CAAAA,MAAA,CAAMD,aAAa,EAAK,KAAA,CAAA,CAAA;AAEhD,MAAA,IAAME,KAAK,GAAGC,IAAI,CAACC,KAAK,CAACrB,GAAG,CAACQ,OAAO,CAACc,YAAY,GAAGR,UAAU,CAAC,CAAA;AAC/D,MAAA,IAAMS,eAAe,GAAGJ,KAAK,GAAGH,eAAe,CAAA;MAE/C,IAAMQ,aAAa,GAAGrB,OAAO,GAAGA,OAAO,GAAGa,eAAe,GAAGO,eAAe,CAAA;MAE3E,IAAME,SAAS,GAAGL,IAAI,CAACM,GAAG,CAACH,eAAe,EAAEC,aAAa,CAAC,CAAA;MAE1DxB,GAAG,CAACQ,OAAO,CAACI,KAAK,CAACH,MAAM,GAAAS,EAAAA,CAAAA,MAAA,CAAMO,SAAS,EAAK,KAAA,CAAA,CAAA;MAC5CnB,cAAc,CAACE,OAAO,GAAGiB,SAAS,CAAA;AACtC,KAAA;GACH,EAAE,CAACzB,GAAG,EAAED,MAAM,EAAEE,KAAK,CAAC,CAAC,CAAA;AAC5B;;;;"}

package/es/engines/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sources":["../../src/engines/common.tsx"],"sourcesContent":["import React from 'react';\n\nimport { _component } from './linaria';\nimport type {\n    ComponentConfig,\n    HTMLAnyAttributes,\n    HTMLTagList,\n    PropsType,\n    Variants,\n    HTMLAttributesOmitOnChange,\n} from './types';\n\n//\n// Тип HTMLAttributesOmitOnChange требуется чтобы использовать компонент с кастомным пропсом onChange\n//\n\nexport const getStaticVariants = (config: ComponentConfig) => {\n    if (!config.variations) {\n        return [];\n    }\n    const res = [];\n    const { variations } = config;\n\n    // eslint-disable-next-line guard-for-in\n    for (const key in variations) {\n        const { css } = variations[key];\n        css && res.push(css);\n    }\n\n    return res;\n};\n\nexport const getDynamicVariants = (config: ComponentConfig) => {\n    return (props: HTMLAnyAttributes) => {\n        const res = [];\n\n        // eslint-disable-next-line guard-for-in\n        for (const key in config.variations) {\n            if (key in props) {\n                const variant = config.variations[key];\n\n                const css = variant[props[key]];\n                // no css for { modifier: true }\n                css && Array.isArray(css) ? res.push(...css) : res.push(css);\n            }\n        }\n\n        return res;\n    };\n};\n\nexport const mergeConfig = <\n    Tag extends HTMLTagList,\n    VariantList extends Variants,\n    VariantsProps extends PropsType<VariantList>,\n    LayoutPropsBase extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'>,\n    LayoutPropsUser extends React.HTMLAttributes<HTMLElement> | undefined = undefined\n>(\n    baseConfig: ComponentConfig<Tag, Variants, PropsType & LayoutPropsBase, LayoutPropsBase>,\n    userConfig?: Partial<ComponentConfig<Tag, VariantList, VariantsProps, LayoutPropsUser>>,\n) => {\n    const res = { ...baseConfig, ...userConfig };\n\n    if (res.variations) {\n        // copy variations base css\n        // eslint-disable-next-line guard-for-in\n        for (const key in res.variations) {\n            const variant = baseConfig.variations[key];\n\n            res.variations[key].css = variant?.css;\n            /* start of bad decision */\n            if (!res.variations[key].true && variant?.true) {\n                res.variations[key].true = variant.true;\n            }\n            /* end of bad decision */\n            if (variant?.attrs) {\n                res.variations[key].attrs = variant.attrs;\n            }\n        }\n    }\n\n    // eslint-disable-next-line guard-for-in\n    for (const key in baseConfig.defaults || {}) {\n        if (!(key in res.defaults)) {\n            res.defaults[key] = baseConfig.defaults[key];\n        }\n    }\n\n    return res as ComponentConfig<\n        Tag,\n        VariantList,\n        PropsType<VariantList>,\n        LayoutPropsUser extends undefined ? LayoutPropsBase : LayoutPropsUser\n    >;\n};\n\nexport function component<\n    Tag extends HTMLTagList,\n    VariantList extends Variants,\n    VariantsProps extends PropsType<VariantList>,\n    LayoutProps extends React.HTMLAttributes<HTMLElement> | HTMLAttributesOmitOnChange\n>(\n    config: ComponentConfig<Tag, VariantList, VariantsProps, LayoutProps>,\n): React.FunctionComponent<VariantsProps & LayoutProps> {\n    const Comp = config.layout(_component((config as unknown) as ComponentConfig));\n\n    return React.forwardRef<VariantsProps & LayoutProps, any>((props, ref) => (\n        <Comp {...config?.defaults} {...props} ref={ref} />\n    ));\n}\n"],"names":["getStaticVariants","config","variations","res","key","css","push","getDynamicVariants","props","variant","Array","isArray","apply","_toConsumableArray","mergeConfig","baseConfig","userConfig","_objectSpread","attrs","defaults","component","Comp","layout","_component","React","forwardRef","ref","createElement","_extends"],"mappings":"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"}
+{"version":3,"file":"common.js","sources":["../../src/engines/common.tsx"],"sourcesContent":["import React from 'react';\n\nimport { _component } from './linaria';\nimport type {\n    ComponentConfig,\n    HTMLAnyAttributes,\n    HTMLTagList,\n    PropsType,\n    Variants,\n    HTMLAttributesOmitOnChange,\n} from './types';\n\n//\n// Тип HTMLAttributesOmitOnChange требуется чтобы использовать компонент с кастомным пропсом onChange\n//\n\nexport const getStaticVariants = (config: ComponentConfig) => {\n    if (!config.variations) {\n        return [];\n    }\n    const res = [];\n    const { variations } = config;\n\n    // eslint-disable-next-line guard-for-in\n    for (const key in variations) {\n        const { css } = variations[key];\n        css && res.push(css);\n    }\n\n    return res;\n};\n\nexport const getDynamicVariants = (config: ComponentConfig) => {\n    return (props: HTMLAnyAttributes) => {\n        const res = [];\n\n        // eslint-disable-next-line guard-for-in\n        for (const key in config.variations) {\n            if (key in props) {\n                const variant = config.variations[key];\n\n                const css = variant[props[key]];\n                // no css for { modifier: true }\n                css && Array.isArray(css) ? res.push(...css) : res.push(css);\n            }\n        }\n\n        return res;\n    };\n};\n\nexport const mergeConfig = <\n    Tag extends HTMLTagList,\n    VariantList extends Variants,\n    VariantsProps extends PropsType<VariantList>,\n    LayoutPropsBase extends React.HTMLAttributes<HTMLElement> | HTMLAttributesOmitOnChange,\n    LayoutPropsUser extends React.HTMLAttributes<HTMLElement> | HTMLAttributesOmitOnChange | undefined = undefined\n>(\n    baseConfig: ComponentConfig<Tag, Variants, PropsType & LayoutPropsBase, LayoutPropsBase>,\n    userConfig?: Partial<ComponentConfig<Tag, VariantList, VariantsProps, LayoutPropsUser>>,\n) => {\n    const res = { ...baseConfig, ...userConfig };\n\n    if (res.variations) {\n        // copy variations base css\n        // eslint-disable-next-line guard-for-in\n        for (const key in res.variations) {\n            const variant = baseConfig.variations[key];\n\n            res.variations[key].css = variant?.css;\n            /* start of bad decision */\n            if (!res.variations[key].true && variant?.true) {\n                res.variations[key].true = variant.true;\n            }\n            /* end of bad decision */\n            if (variant?.attrs) {\n                res.variations[key].attrs = variant.attrs;\n            }\n        }\n    }\n\n    // eslint-disable-next-line guard-for-in\n    for (const key in baseConfig.defaults || {}) {\n        if (!(key in res.defaults)) {\n            res.defaults[key] = baseConfig.defaults[key];\n        }\n    }\n\n    return res as ComponentConfig<\n        Tag,\n        VariantList,\n        PropsType<VariantList>,\n        LayoutPropsUser extends undefined ? LayoutPropsBase : LayoutPropsUser\n    >;\n};\n\nexport function component<\n    Tag extends HTMLTagList,\n    VariantList extends Variants,\n    VariantsProps extends PropsType<VariantList>,\n    LayoutProps extends React.HTMLAttributes<HTMLElement> | HTMLAttributesOmitOnChange\n>(\n    config: ComponentConfig<Tag, VariantList, VariantsProps, LayoutProps>,\n): React.FunctionComponent<VariantsProps & LayoutProps> {\n    const Comp = config.layout(_component((config as unknown) as ComponentConfig));\n\n    return React.forwardRef<VariantsProps & LayoutProps, any>((props, ref) => (\n        <Comp {...config?.defaults} {...props} ref={ref} />\n    ));\n}\n"],"names":["getStaticVariants","config","variations","res","key","css","push","getDynamicVariants","props","variant","Array","isArray","apply","_toConsumableArray","mergeConfig","baseConfig","userConfig","_objectSpread","attrs","defaults","component","Comp","layout","_component","React","forwardRef","ref","createElement","_extends"],"mappings":";;;;AAYA;AACA;AACA;;IAEaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAAuB,EAAK;AAC1D,EAAA,IAAI,CAACA,MAAM,CAACC,UAAU,EAAE;AACpB,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EACA,IAAMC,GAAG,GAAG,EAAE,CAAA;AACd,EAAA,IAAQD,UAAU,GAAKD,MAAM,CAArBC,UAAU,CAAA;;AAElB;AACA,EAAA,KAAK,IAAME,GAAG,IAAIF,UAAU,EAAE;AAC1B,IAAA,IAAQG,GAAG,GAAKH,UAAU,CAACE,GAAG,CAAC,CAAvBC,GAAG,CAAA;AACXA,IAAAA,GAAG,IAAIF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOF,GAAG,CAAA;AACd,EAAC;IAEYI,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIN,MAAuB,EAAK;EAC3D,OAAO,UAACO,KAAwB,EAAK;IACjC,IAAML,GAAG,GAAG,EAAE,CAAA;;AAEd;AACA,IAAA,KAAK,IAAMC,GAAG,IAAIH,MAAM,CAACC,UAAU,EAAE;MACjC,IAAIE,GAAG,IAAII,KAAK,EAAE;AACd,QAAA,IAAMC,OAAO,GAAGR,MAAM,CAACC,UAAU,CAACE,GAAG,CAAC,CAAA;QAEtC,IAAMC,GAAG,GAAGI,OAAO,CAACD,KAAK,CAACJ,GAAG,CAAC,CAAC,CAAA;AAC/B;QACAC,GAAG,IAAIK,KAAK,CAACC,OAAO,CAACN,GAAG,CAAC,GAAGF,GAAG,CAACG,IAAI,CAAAM,KAAA,CAART,GAAG,EAAAU,kBAAA,CAASR,GAAG,CAAA,CAAC,GAAGF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AAChE,OAAA;AACJ,KAAA;AAEA,IAAA,OAAOF,GAAG,CAAA;GACb,CAAA;AACL,EAAC;AAEM,IAAMW,WAAW,GAAG,SAAdA,WAAWA,CAOpBC,UAAwF,EACxFC,UAAuF,EACtF;EACD,IAAMb,GAAG,GAAAc,cAAA,CAAAA,cAAA,CAAQF,EAAAA,EAAAA,UAAU,CAAKC,EAAAA,UAAU,CAAE,CAAA;EAE5C,IAAIb,GAAG,CAACD,UAAU,EAAE;AAChB;AACA;AACA,IAAA,KAAK,IAAME,GAAG,IAAID,GAAG,CAACD,UAAU,EAAE;AAC9B,MAAA,IAAMO,OAAO,GAAGM,UAAU,CAACb,UAAU,CAACE,GAAG,CAAC,CAAA;AAE1CD,MAAAA,GAAG,CAACD,UAAU,CAACE,GAAG,CAAC,CAACC,GAAG,GAAGI,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEJ,GAAG,CAAA;AACtC;AACA,MAAA,IAAI,CAACF,GAAG,CAACD,UAAU,CAACE,GAAG,CAAC,CAAK,MAAA,CAAA,IAAIK,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,QAAM,EAAE;QAC5CN,GAAG,CAACD,UAAU,CAACE,GAAG,CAAC,CAAK,MAAA,CAAA,GAAGK,OAAO,CAAK,MAAA,CAAA,CAAA;AAC3C,OAAA;AACA;AACA,MAAA,IAAIA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAES,KAAK,EAAE;QAChBf,GAAG,CAACD,UAAU,CAACE,GAAG,CAAC,CAACc,KAAK,GAAGT,OAAO,CAACS,KAAK,CAAA;AAC7C,OAAA;AACJ,KAAA;AACJ,GAAA;;AAEA;EACA,KAAK,IAAMd,IAAG,IAAIW,UAAU,CAACI,QAAQ,IAAI,EAAE,EAAE;AACzC,IAAA,IAAI,EAAEf,IAAG,IAAID,GAAG,CAACgB,QAAQ,CAAC,EAAE;MACxBhB,GAAG,CAACgB,QAAQ,CAACf,IAAG,CAAC,GAAGW,UAAU,CAACI,QAAQ,CAACf,IAAG,CAAC,CAAA;AAChD,KAAA;AACJ,GAAA;AAEA,EAAA,OAAOD,GAAG,CAAA;AAMd,EAAC;AAEM,SAASiB,SAASA,CAMrBnB,MAAqE,EACjB;EACpD,IAAMoB,IAAI,GAAGpB,MAAM,CAACqB,MAAM,CAACC,UAAU,CAAEtB,MAAqC,CAAC,CAAC,CAAA;AAE9E,EAAA,oBAAOuB,KAAK,CAACC,UAAU,CAAmC,UAACjB,KAAK,EAAEkB,GAAG,EAAA;AAAA,IAAA,oBACjEF,KAAA,CAAAG,aAAA,CAACN,IAAI,EAAAO,QAAA,CAAA,EAAA,EAAK3B,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAEkB,QAAQ,EAAMX,KAAK,EAAA;AAAEkB,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAE,CAAC,CAAA;AAAA,GACtD,CAAC,CAAA;AACN;;;;"}