npm - @salutejs/plasma-new-hope - Versions diffs - 0.122.1-canary.1362.10423909326.0 → 0.123.0-canary.1349.10432639210.0 - Mend

@salutejs/plasma-new-hope 0.122.1-canary.1362.10423909326.0 → 0.123.0-canary.1349.10432639210.0

Files changed (191) hide show

package/es/components/Select/ui/Target/Target.js CHANGED Viewed

@@ -18,7 +18,8 @@ var Target = function Target(_ref) {
     renderValue = _ref.renderValue,
     focusedPath = _ref.focusedPath,
     focusedToValueMap = _ref.focusedToValueMap,
-    selectProps = _ref.selectProps;
+    selectProps = _ref.selectProps,
+    separator = _ref.separator;
   return selectProps.target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
     opened: opened,
     value: value,
@@ -30,7 +31,8 @@ var Target = function Target(_ref) {
     renderValue: renderValue,
     focusedPath: focusedPath,
     focusedToValueMap: focusedToValueMap,
-    selectProps: selectProps
+    selectProps: selectProps,
+    separator: separator
   }) : /*#__PURE__*/React.createElement(Textfield, {
     opened: opened,
     value: value,

package/es/components/Select/ui/Target/Target.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target: React.FC<TargetProps> = ({\n value,\n opened,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n onKeyDown,\n focusedChipIndex,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n selectProps,\n}) => {\n return selectProps.target === 'button-like' ? (\n <Button\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onKeyDown={onKeyDown}\n label={label}\n size={size}\n disabled={disabled}\n renderValue={renderValue}\n focusedPath={focusedPath}\n focusedToValueMap={focusedToValueMap}\n selectProps={selectProps}\n />\n ) : (\n <Textfield\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onChipClick={onChipClick}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n focusedChipIndex={focusedChipIndex}\n labelPlacement={labelPlacement}\n size={size}\n contentLeft={contentLeft}\n disabled={disabled}\n renderValue={renderValue}\n focusedPath={focusedPath}\n focusedToValueMap={focusedToValueMap}\n selectProps={selectProps}\n />\n );\n};\n"],"names":["Target","_ref","value","opened","valueToItemMap","onChipClick","label","placeholder","onKeyDown","focusedChipIndex","labelPlacement","size","contentLeft","disabled","renderValue","focusedPath","focusedToValueMap","selectProps","target","React","createElement","Button","Textfield"],"mappings":";;;;IAKaA,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA,~~EAiBpC~~;AAAA,EAAA,~~IAhBFC~~,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,gBAAgB,GAAAR,IAAA,CAAhBQ,gBAAgB;IAChBC,cAAc,GAAAT,IAAA,CAAdS,cAAc;IACdC,IAAI,GAAAV,IAAA,CAAJU,IAAI;IACJC,WAAW,GAAAX,IAAA,CAAXW,WAAW;IACXC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,WAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,WAAW,GAAAd,IAAA,CAAXc,WAAW;IACXC,iBAAiB,GAAAf,IAAA,CAAjBe,iBAAiB;IACjBC,WAAW,GAAAhB,IAAA,CAAXgB,WAAW,CAAA;~~EAEX~~,~~OAAOA~~,WAAW,~~CAACC~~,MAAM,KAAK,aAAa,gBACvCC,KAAA,CAAAC,aAAA,CAACC,MAAM,EAAA;~~AACHlB~~,IAAAA,MAAM,EAAEA,MAAO;AACfD,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,cAAc,EAAEA,cAAe;AAC/BI,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,KAAK,EAAEA,KAAM;AACbK,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,WAAW,EAAEA,~~WAAAA~~;~~AAAY~~,~~GAC5B~~,CAAC,gBAEFE,KAAA,CAAAC,aAAA,CAACE,SAAS,EAAA;~~AACNnB~~,IAAAA,MAAM,EAAEA,MAAO;AACfD,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,WAAW,EAAEA,WAAAA;AAAY,GAC5B,CACJ,CAAA;AACL;;;;"}
1	+ {"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target: React.FC<TargetProps> = ({\n value,\n opened,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n onKeyDown,\n focusedChipIndex,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n selectProps,\n separator,\n}) => {\n return selectProps.target === 'button-like' ? (\n <Button\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onKeyDown={onKeyDown}\n label={label}\n size={size}\n disabled={disabled}\n renderValue={renderValue}\n focusedPath={focusedPath}\n focusedToValueMap={focusedToValueMap}\n selectProps={selectProps}\n separator={separator}\n />\n ) : (\n <Textfield\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onChipClick={onChipClick}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n focusedChipIndex={focusedChipIndex}\n labelPlacement={labelPlacement}\n size={size}\n contentLeft={contentLeft}\n disabled={disabled}\n renderValue={renderValue}\n focusedPath={focusedPath}\n focusedToValueMap={focusedToValueMap}\n selectProps={selectProps}\n />\n );\n};\n"],"names":["Target","_ref","value","opened","valueToItemMap","onChipClick","label","placeholder","onKeyDown","focusedChipIndex","labelPlacement","size","contentLeft","disabled","renderValue","focusedPath","focusedToValueMap","selectProps","separator","target","React","createElement","Button","Textfield"],"mappings":";;;;IAKaA,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA,EAkBpC;AAAA,EAAA,IAjBFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,gBAAgB,GAAAR,IAAA,CAAhBQ,gBAAgB;IAChBC,cAAc,GAAAT,IAAA,CAAdS,cAAc;IACdC,IAAI,GAAAV,IAAA,CAAJU,IAAI;IACJC,WAAW,GAAAX,IAAA,CAAXW,WAAW;IACXC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,WAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,WAAW,GAAAd,IAAA,CAAXc,WAAW;IACXC,iBAAiB,GAAAf,IAAA,CAAjBe,iBAAiB;IACjBC,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;IACXC,SAAS,GAAAjB,IAAA,CAATiB,SAAS,CAAA;EAET,OAAOD,WAAW,CAACE,MAAM,KAAK,aAAa,gBACvCC,KAAA,CAAAC,aAAA,CAACC,MAAM,EAAA;AACHnB,IAAAA,MAAM,EAAEA,MAAO;AACfD,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,cAAc,EAAEA,cAAe;AAC/BI,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,KAAK,EAAEA,KAAM;AACbK,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GACxB,CAAC,gBAEFE,KAAA,CAAAC,aAAA,CAACE,SAAS,EAAA;AACNpB,IAAAA,MAAM,EAAEA,MAAO;AACfD,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,WAAW,EAAEA,WAAAA;AAAY,GAC5B,CACJ,CAAA;AACL;;;;"}

package/es/components/Select/ui/Target/ui/Button/Button.js CHANGED Viewed

@@ -41,7 +41,9 @@ var Button = function Button(_ref) {
     "aria-activedescendant": getActiveDescendant(),
     "aria-label": label,
     renderTarget: Boolean(selectProps.renderTarget)
-  }, selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/React.createElement(Label, null, getButtonLabel({
+  }, selectProps.renderTarget ? selectProps.renderTarget(Array.isArray(value) ? value.map(function (value) {
+    return valueToItemMap.get(value);
+  }) : valueToItemMap.get(value)) : /*#__PURE__*/React.createElement(Label, null, getButtonLabel({
     value: value,
     valueToItemMap: valueToItemMap,
     label: label,

package/es/components/Select/ui/Target/ui/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { getButtonLabel, sizeToIconSize } from '../../../../utils';\n\nimport { ButtonProps } from './Button.types';\nimport { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } from './Button.styles';\n\nexport const Button: React.FC<ButtonProps> = ({\n opened,\n value,\n valueToItemMap,\n onKeyDown,\n label,\n size,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n selectProps,\n}) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const getActiveDescendant = () => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n };\n\n return (\n <ButtonWrapper>\n <StyledButton\n stretching=\"filled\"\n onKeyDown={onKeyDown}\n className={opened ? classes.selectWithoutBoxShadow : undefined}\n disabled={disabled}\n contentRight={\n <IconArrowWrapper>\n <StyledArrow\n size={sizeToIconSize(size)}\n color=\"inherit\"\n className={cx(classes.selectTargetArrow, withArrowInverse)}\n />\n </IconArrowWrapper>\n }\n role=\"combobox\"\n aria-controls=\"tree_level_1\"\n aria-expanded={opened}\n aria-activedescendant={getActiveDescendant()}\n aria-label={label}\n renderTarget={Boolean(selectProps.renderTarget)}\n >\n {selectProps.renderTarget ? (\n selectProps.renderTarget(value as ~~any~~)\n ) : (\n <Label>\n {getButtonLabel({\n value,\n valueToItemMap,\n label,\n renderValue,\n selectProps,\n })}\n </Label>\n )}\n </StyledButton>\n </ButtonWrapper>\n );\n};\n"],"names":["Button","_ref","opened","value","valueToItemMap","onKeyDown","label","size","disabled","renderValue","focusedPath","focusedToValueMap","selectProps","withArrowInverse","classes","arrowInverse","undefined","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","concat","replace","get","toString","React","createElement","ButtonWrapper","StyledButton","stretching","className","selectWithoutBoxShadow","contentRight","IconArrowWrapper","StyledArrow","sizeToIconSize","color","cx","selectTargetArrow","role","renderTarget","Boolean","Label","getButtonLabel"],"mappings":";;;;;;;IASaA,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA,EAYpC;AAAA,EAAA,IAXFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,IAAI,GAAAN,IAAA,CAAJM,IAAI;IACJC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;IACXC,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,iBAAiB,GAAAV,IAAA,CAAjBU,iBAAiB;IACjBC,WAAW,GAAAX,IAAA,CAAXW,WAAW,CAAA;EAEX,IAAMC,gBAAgB,GAAGX,MAAM,GAAGY,OAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;AAElE,EAAA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAAS;AAAA,IAAA,IAAAC,qBAAA,CAAA;IAC9B,IAAMC,mBAAmB,GAAGT,WAAW,CAACU,MAAM,CAAC,UAACC,GAAG,EAAEC,CAAC,EAAA;AAAA,MAAA,OAAA,EAAA,CAAAC,MAAA,CAAQF,GAAG,EAAAE,GAAAA,CAAAA,CAAAA,MAAA,CAAID,CAAC,CAAA,CAAA;KAAE,EAAE,EAAE,CAAC,CAACE,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IAClG,OAAOb,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,IAAA,CAAAO,qBAAA,GAAjBP,iBAAiB,CAAEc,GAAG,CAACN,mBAAmB,CAAC,MAAA,IAAA,IAAAD,qBAAA,KAA3CA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA6Cf,KAAK,CAACuB,QAAQ,EAAE,CAAA;GACvE,CAAA;EAED,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAa,qBACVF,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAA;AACTC,IAAAA,UAAU,EAAC,QAAQ;AACnB1B,IAAAA,SAAS,EAAEA,SAAU;AACrB2B,IAAAA,SAAS,EAAE9B,MAAM,GAAGY,OAAO,CAACmB,sBAAsB,GAAGjB,SAAU;AAC/DR,IAAAA,QAAQ,EAAEA,QAAS;IACnB0B,YAAY,eACRP,KAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA,IAAA,eACbR,KAAA,CAAAC,aAAA,CAACQ,WAAW,EAAA;AACR7B,MAAAA,IAAI,EAAE8B,cAAc,CAAC9B,IAAI,CAAE;AAC3B+B,MAAAA,KAAK,EAAC,SAAS;AACfN,MAAAA,SAAS,EAAEO,EAAE,CAACzB,OAAO,CAAC0B,iBAAiB,EAAE3B,gBAAgB,CAAA;AAAE,KAC9D,CACa,CACrB;AACD4B,IAAAA,IAAI,EAAC,UAAU;AACf,IAAA,eAAA,EAAc,cAAc;AAC5B,IAAA,eAAA,EAAevC,MAAO;IACtB,uBAAuBe,EAAAA,mBAAmB,EAAG;AAC7C,IAAA,YAAA,EAAYX,KAAM;AAClBoC,IAAAA,YAAY,EAAEC,OAAO,CAAC/B,WAAW,CAAC8B,YAAY,CAAA;~~AAAE~~,~~GAAA~~,~~EAE/C9B,~~WAAW,CAAC8B,YAAY,GACrB9B,WAAW,CAAC8B,YAAY,~~CAACvC~~,~~KAAY~~,CAAC,~~gBAEtCwB~~,KAAA,CAAAC,aAAA,~~CAACgB~~,KAAK,EAAA,IAAA,EACDC,cAAc,CAAC;~~AACZ1C~~,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,cAAc;AACdE,IAAAA,KAAK,EAALA,KAAK;AACLG,IAAAA,WAAW,EAAXA,WAAW;AACXG,IAAAA,WAAW,EAAXA,WAAAA;GACH,CACE,CAED,CACH,CAAC,CAAA;AAExB;;;;"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { getButtonLabel, sizeToIconSize } from '../../../../utils';\n\nimport { ButtonProps } from './Button.types';\nimport { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } from './Button.styles';\n\nexport const Button: React.FC<ButtonProps> = ({\n opened,\n value,\n valueToItemMap,\n onKeyDown,\n label,\n size,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n selectProps,\n}) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const getActiveDescendant = () => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n };\n\n return (\n <ButtonWrapper>\n <StyledButton\n stretching=\"filled\"\n onKeyDown={onKeyDown}\n className={opened ? classes.selectWithoutBoxShadow : undefined}\n disabled={disabled}\n contentRight={\n <IconArrowWrapper>\n <StyledArrow\n size={sizeToIconSize(size)}\n color=\"inherit\"\n className={cx(classes.selectTargetArrow, withArrowInverse)}\n />\n </IconArrowWrapper>\n }\n role=\"combobox\"\n aria-controls=\"tree_level_1\"\n aria-expanded={opened}\n aria-activedescendant={getActiveDescendant()}\n aria-label={label}\n renderTarget={Boolean(selectProps.renderTarget)}\n >\n {selectProps.renderTarget ? (\n selectProps.renderTarget(\n Array.isArray(value)\n ? value.map((value) => valueToItemMap.get(value)!)\n : valueToItemMap.get(value)!,\n )\n ) : (\n <Label>\n {getButtonLabel({\n value,\n valueToItemMap,\n label,\n renderValue,\n selectProps,\n })}\n </Label>\n )}\n </StyledButton>\n </ButtonWrapper>\n );\n};\n"],"names":["Button","_ref","opened","value","valueToItemMap","onKeyDown","label","size","disabled","renderValue","focusedPath","focusedToValueMap","selectProps","withArrowInverse","classes","arrowInverse","undefined","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","concat","replace","get","toString","React","createElement","ButtonWrapper","StyledButton","stretching","className","selectWithoutBoxShadow","contentRight","IconArrowWrapper","StyledArrow","sizeToIconSize","color","cx","selectTargetArrow","role","renderTarget","Boolean","Array","isArray","map","Label","getButtonLabel"],"mappings":"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"}

package/es/components/Select/ui/Target/ui/Textfield/Textfield.js CHANGED Viewed

@@ -17,7 +17,7 @@ var getLabel = function getLabel(_ref) {
     labelPlacement = _ref.labelPlacement,
     size = _ref.size,
     renderValue = _ref.renderValue;
-  if (isEmpty(value)) {
+  if (isEmpty(value) && typeof value !== 'number') {
     if (!label || labelPlacement === 'outer') {
       return /*#__PURE__*/React.createElement(Placeholder, null, placeholder);
     }
@@ -33,7 +33,7 @@ var getLabel = function getLabel(_ref) {
     return value.map(function (currentValue, index) {
       var itemLabel = valueToItemMap.get(currentValue).label;
       return /*#__PURE__*/React.createElement(Chip, {
-        text: renderValue ? renderValue(currentValue, itemLabel) : itemLabel,
+        text: renderValue ? renderValue(valueToItemMap.get(currentValue)) : itemLabel,
         onClick: function onClick(e) {
           e.stopPropagation();
           onChipClick(currentValue);
@@ -44,9 +44,9 @@ var getLabel = function getLabel(_ref) {
   }
   var itemLabel = valueToItemMap.get(value).label;
   if (!label || labelPlacement === 'outer') {
-    return /*#__PURE__*/React.createElement(Value, null, renderValue ? renderValue(value, itemLabel) : itemLabel);
+    return /*#__PURE__*/React.createElement(Value, null, renderValue ? renderValue(valueToItemMap.get(value)) : itemLabel);
   }
-  return /*#__PURE__*/React.createElement(InnerLabelWrapper, null, size !== 'xs' && /*#__PURE__*/React.createElement(InnerLabel, null, label), /*#__PURE__*/React.createElement(Value, null, renderValue ? renderValue(value, itemLabel) : itemLabel));
+  return /*#__PURE__*/React.createElement(InnerLabelWrapper, null, size !== 'xs' && /*#__PURE__*/React.createElement(InnerLabel, null, label), /*#__PURE__*/React.createElement(Value, null, renderValue ? renderValue(valueToItemMap.get(value)) : itemLabel));
 };
 var Textfield = function Textfield(_ref2) {
   var opened = _ref2.opened,
@@ -87,7 +87,9 @@ var Textfield = function Textfield(_ref2) {
     "aria-activedescendant": getActiveDescendant(),
     "aria-label": label,
     renderTarget: Boolean(selectProps.renderTarget)
-  }, /*#__PURE__*/React.createElement(Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && (!selectProps.multiselect || isEmpty(value)) && /*#__PURE__*/React.createElement(ContentLeftWrapper, null, contentLeft), /*#__PURE__*/React.createElement(ChipWrapper, null, getLabel({
+  }, /*#__PURE__*/React.createElement(Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(Array.isArray(value) ? value.map(function (value) {
+    return valueToItemMap.get(value);
+  }) : valueToItemMap.get(value)) : /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && (!selectProps.multiselect || isEmpty(value)) && /*#__PURE__*/React.createElement(ContentLeftWrapper, null, contentLeft), /*#__PURE__*/React.createElement(ChipWrapper, null, getLabel({
     value: value,
     valueToItemMap: valueToItemMap,
     onChipClick: onChipClick,

package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { sizeToIconSize } from '../../../../utils';\n\nimport { TextfieldProps, GetTextfieldLabelProps } from './Textfield.types';\nimport { Chip } from './ui';\nimport {\n StyledButton,\n StyledArrow,\n Wrapper,\n ChipWrapper,\n TextfieldWrapper,\n IconArrowWrapper,\n Label,\n Placeholder,\n InnerLabel,\n InnerLabelWrapper,\n ContentLeftWrapper,\n Value,\n} from './Textfield.styles';\n\nconst getLabel = ({\n value,\n isTargetAmount,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n focusedChipIndex,\n labelPlacement,\n size,\n renderValue,\n}: GetTextfieldLabelProps) => {\n if (isEmpty(value)) {\n if (!label \|\| labelPlacement === 'outer') {\n return <Placeholder>{placeholder}</Placeholder>;\n }\n\n return <Label>{label}</Label>;\n }\n\n if (Array.isArray(value) && isTargetAmount) {\n return <Chip text={`Выбрано: ${value.length}`} isTargetAmount={isTargetAmount} />;\n }\n\n if (Array.isArray(value)) {\n return value.map((currentValue, index) => {\n const itemLabel = valueToItemMap.get(currentValue)!.label;\n\n return (\n <Chip\n text={renderValue ? renderValue(currentValue, itemLabel) : itemLabel}\n onClick={(e: React.MouseEvent<HTMLElement>) => {\n e.stopPropagation();\n onChipClick(currentValue);\n }}\n focused={focusedChipIndex === index}\n />\n );\n });\n }\n\n const itemLabel = valueToItemMap.get(value)!.label;\n\n if (!label \|\| labelPlacement === 'outer') {\n return <Value>{renderValue ? renderValue(value, itemLabel) : itemLabel}</Value>;\n }\n\n return (\n <InnerLabelWrapper>\n {size !== 'xs' && <InnerLabel>{label}</InnerLabel>}\n <Value>{renderValue ? renderValue(value, itemLabel) : itemLabel}</Value>\n </InnerLabelWrapper>\n );\n};\n\nexport const Textfield: React.FC<TextfieldProps> = ({\n opened,\n value,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n onKeyDown,\n focusedChipIndex,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n selectProps,\n}) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const getActiveDescendant = () => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n };\n\n return (\n <TextfieldWrapper opened={opened} value={value}>\n <StyledButton\n stretching=\"filled\"\n className={cx(\n classes.textfieldTarget,\n opened \|\| focusedChipIndex !== null ? classes.selectWithoutBoxShadow : undefined,\n )}\n onKeyDown={onKeyDown}\n disabled={disabled}\n role=\"combobox\"\n aria-controls=\"tree_level_1\"\n aria-expanded={opened}\n aria-activedescendant={getActiveDescendant()}\n aria-label={label}\n renderTarget={Boolean(selectProps.renderTarget)}\n >\n <Wrapper>\n {selectProps?.renderTarget ? (\n selectProps.renderTarget(value as any)\n ) : (\n <>\n {contentLeft && (!selectProps.multiselect \|\| isEmpty(value)) && (\n <ContentLeftWrapper>{contentLeft}</ContentLeftWrapper>\n )}\n\n <ChipWrapper>\n {getLabel({\n value,\n valueToItemMap,\n onChipClick,\n focusedChipIndex,\n label,\n labelPlacement,\n placeholder,\n isTargetAmount: selectProps.isTargetAmount,\n renderValue,\n size,\n })}\n </ChipWrapper>\n </>\n )}\n\n <IconArrowWrapper>\n <StyledArrow\n size={sizeToIconSize(size)}\n color=\"inherit\"\n className={cx(classes.selectTargetArrow, withArrowInverse)}\n />\n </IconArrowWrapper>\n </Wrapper>\n </StyledButton>\n </TextfieldWrapper>\n );\n};\n"],"names":["getLabel","_ref","value","isTargetAmount","valueToItemMap","onChipClick","label","placeholder","focusedChipIndex","labelPlacement","size","renderValue","isEmpty","React","createElement","Placeholder","Label","Array","isArray","Chip","text","concat","length","map","currentValue","index","itemLabel","get","onClick","e","stopPropagation","focused","Value","InnerLabelWrapper","InnerLabel","Textfield","_ref2","opened","onKeyDown","contentLeft","disabled","focusedPath","focusedToValueMap","selectProps","withArrowInverse","classes","arrowInverse","undefined","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","replace","toString","TextfieldWrapper","StyledButton","stretching","className","cx","textfieldTarget","selectWithoutBoxShadow","role","renderTarget","Boolean","Wrapper","Fragment","multiselect","ContentLeftWrapper","ChipWrapper","IconArrowWrapper","StyledArrow","sizeToIconSize","color","selectTargetArrow"],"mappings":";;;;;;;;AAuBA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAWgB;AAAA,EAAA,IAV1BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,gBAAgB,GAAAP,IAAA,CAAhBO,gBAAgB;IAChBC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdC,IAAI,GAAAT,IAAA,CAAJS,IAAI;IACJC,WAAW,GAAAV,IAAA,CAAXU,WAAW,CAAA;AAEX,EAAA,IAAIC,OAAO,CAACV,KAAK,CAAC,EAAE;AAChB,IAAA,IAAI,CAACI,KAAK,IAAIG,cAAc,KAAK,OAAO,EAAE;AACtC,MAAA,oBAAOI,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAA,IAAA,EAAER,WAAyB,CAAC,CAAA;AACnD,KAAA;AAEA,IAAA,oBAAOM,KAAA,CAAAC,aAAA,CAACE,KAAK,EAAA,IAAA,EAAEV,KAAa,CAAC,CAAA;AACjC,GAAA;EAEA,IAAIW,KAAK,CAACC,OAAO,CAAChB,KAAK,CAAC,IAAIC,cAAc,EAAE;AACxC,IAAA,oBAAOU,KAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AAACC,MAAAA,IAAI,iDAAAC,MAAA,CAAcnB,KAAK,CAACoB,MAAM,CAAG;AAACnB,MAAAA,cAAc,EAAEA,cAAAA;AAAe,KAAE,CAAC,CAAA;AACrF,GAAA;AAEA,EAAA,IAAIc,KAAK,CAACC,OAAO,CAAChB,KAAK,CAAC,EAAE;IACtB,OAAOA,KAAK,CAACqB,GAAG,CAAC,UAACC,YAAY,EAAEC,KAAK,EAAK;MACtC,IAAMC,SAAS,GAAGtB,cAAc,CAACuB,GAAG,CAACH,YAAY,CAAC,CAAElB,KAAK,CAAA;AAEzD,MAAA,oBACIO,KAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;QACDC,IAAI,EAAET,WAAW,GAAGA,WAAW,CAACa,YAAY,EAAEE,SAAS,CAAC,GAAGA,SAAU;AACrEE,QAAAA,OAAO,EAAE,SAAAA,OAACC,CAAAA,CAAgC,EAAK;UAC3CA,CAAC,CAACC,eAAe,EAAE,CAAA;UACnBzB,WAAW,CAACmB,YAAY,CAAC,CAAA;SAC3B;QACFO,OAAO,EAAEvB,gBAAgB,KAAKiB,KAAAA;AAAM,OACvC,CAAC,CAAA;AAEV,KAAC,CAAC,CAAA;AACN,GAAA;EAEA,IAAMC,SAAS,GAAGtB,cAAc,CAACuB,GAAG,CAACzB,KAAK,CAAC,CAAEI,KAAK,CAAA;AAElD,EAAA,IAAI,CAACA,KAAK,IAAIG,cAAc,KAAK,OAAO,EAAE;AACtC,IAAA,oBAAOI,KAAA,CAAAC,aAAA,CAACkB,KAAK,QAAErB,WAAW,GAAGA,WAAW,CAACT,KAAK,EAAEwB,SAAS,CAAC,GAAGA,SAAiB,CAAC,CAAA;AACnF,GAAA;AAEA,EAAA,oBACIb,KAAA,CAAAC,aAAA,CAACmB,iBAAiB,QACbvB,IAAI,KAAK,IAAI,iBAAIG,KAAA,CAAAC,aAAA,CAACoB,UAAU,QAAE5B,KAAkB,CAAC,eAClDO,KAAA,CAAAC,aAAA,CAACkB,KAAK,EAAA,IAAA,EAAErB,WAAW,GAAGA,WAAW,CAACT,KAAK,EAAEwB,SAAS,CAAC,GAAGA,SAAiB,CACxD,CAAC,CAAA;AAE5B,CAAC,CAAA;IAEYS,SAAmC,GAAG,SAAtCA,SAAmCA,CAAAC,KAAA,EAiB1C;AAAA,EAAA,IAhBFC,MAAM,GAAAD,KAAA,CAANC,MAAM;IACNnC,KAAK,GAAAkC,KAAA,CAALlC,KAAK;IACLE,cAAc,GAAAgC,KAAA,CAAdhC,cAAc;IACdC,WAAW,GAAA+B,KAAA,CAAX/B,WAAW;IACXC,KAAK,GAAA8B,KAAA,CAAL9B,KAAK;IACLC,WAAW,GAAA6B,KAAA,CAAX7B,WAAW;IACX+B,SAAS,GAAAF,KAAA,CAATE,SAAS;IACT9B,gBAAgB,GAAA4B,KAAA,CAAhB5B,gBAAgB;IAChBC,cAAc,GAAA2B,KAAA,CAAd3B,cAAc;IACdC,IAAI,GAAA0B,KAAA,CAAJ1B,IAAI;IACJ6B,WAAW,GAAAH,KAAA,CAAXG,WAAW;IACXC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;IACR7B,WAAW,GAAAyB,KAAA,CAAXzB,WAAW;IACX8B,WAAW,GAAAL,KAAA,CAAXK,WAAW;IACXC,iBAAiB,GAAAN,KAAA,CAAjBM,iBAAiB;IACjBC,WAAW,GAAAP,KAAA,CAAXO,WAAW,CAAA;EAEX,IAAMC,gBAAgB,GAAGP,MAAM,GAAGQ,OAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;AAElE,EAAA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAAS;AAAA,IAAA,IAAAC,qBAAA,CAAA;IAC9B,IAAMC,mBAAmB,GAAGT,WAAW,CAACU,MAAM,CAAC,UAACC,GAAG,EAAEC,CAAC,EAAA;AAAA,MAAA,OAAA,EAAA,CAAAhC,MAAA,CAAQ+B,GAAG,EAAA/B,GAAAA,CAAAA,CAAAA,MAAA,CAAIgC,CAAC,CAAA,CAAA;KAAE,EAAE,EAAE,CAAC,CAACC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IAClG,OAAOZ,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,IAAA,CAAAO,qBAAA,GAAjBP,iBAAiB,CAAEf,GAAG,CAACuB,mBAAmB,CAAC,MAAA,IAAA,IAAAD,qBAAA,KAA3CA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA6C/C,KAAK,CAACqD,QAAQ,EAAE,CAAA;GACvE,CAAA;AAED,EAAA,oBACI1C,KAAA,CAAAC,aAAA,CAAC0C,gBAAgB,EAAA;AAACnB,IAAAA,MAAM,EAAEA,MAAO;AAACnC,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,eAC3CW,KAAA,CAAAC,aAAA,CAAC2C,YAAY,EAAA;AACTC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,SAAS,EAAEC,EAAE,CACTf,OAAO,CAACgB,eAAe,EACvBxB,MAAM,IAAI7B,gBAAgB,KAAK,IAAI,GAAGqC,OAAO,CAACiB,sBAAsB,GAAGf,SAC3E,CAAE;AACFT,IAAAA,SAAS,EAAEA,SAAU;AACrBE,IAAAA,QAAQ,EAAEA,QAAS;AACnBuB,IAAAA,IAAI,EAAC,UAAU;AACf,IAAA,eAAA,EAAc,cAAc;AAC5B,IAAA,eAAA,EAAe1B,MAAO;IACtB,uBAAuBW,EAAAA,mBAAmB,EAAG;AAC7C,IAAA,YAAA,EAAY1C,KAAM;AAClB0D,IAAAA,YAAY,EAAEC,OAAO,CAACtB,WAAW,CAACqB,YAAY,CAAA;GAE9CnD,eAAAA,KAAA,CAAAC,aAAA,CAACoD,OAAO,EACHvB,IAAAA,EAAAA,WAAW,KAAXA,IAAAA,IAAAA,WAAW,KAAXA,KAAAA,CAAAA,IAAAA,WAAW,CAAEqB,YAAY,GACtBrB,WAAW,CAACqB,YAAY,CAAC9D,KAAY,CAAC,gBAEtCW,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAsD,QAAA,EAAA,IAAA,EACK5B,WAAW,KAAK,CAACI,WAAW,CAACyB,WAAW,IAAIxD,OAAO,CAACV,KAAK,CAAC,CAAC,iBACxDW,KAAA,CAAAC,aAAA,CAACuD,kBAAkB,EAAA,IAAA,EAAE9B,WAAgC,CACxD,eAED1B,KAAA,CAAAC,aAAA,CAACwD,WAAW,EACPtE,IAAAA,EAAAA,QAAQ,CAAC;AACNE,IAAAA,KAAK,EAALA,KAAK;AACLE,IAAAA,cAAc,EAAdA,cAAc;AACdC,IAAAA,WAAW,EAAXA,WAAW;AACXG,IAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBF,IAAAA,KAAK,EAALA,KAAK;AACLG,IAAAA,cAAc,EAAdA,cAAc;AACdF,IAAAA,WAAW,EAAXA,WAAW;IACXJ,cAAc,EAAEwC,WAAW,CAACxC,cAAc;AAC1CQ,IAAAA,WAAW,EAAXA,WAAW;AACXD,IAAAA,IAAI,EAAJA,IAAAA;AACJ,GAAC,CACQ,CACf,CACL,eAEDG,KAAA,CAAAC,aAAA,CAACyD,gBAAgB,EACb1D,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAAC0D,WAAW,EAAA;AACR9D,IAAAA,IAAI,EAAE+D,cAAc,CAAC/D,IAAI,CAAE;AAC3BgE,IAAAA,KAAK,EAAC,SAAS;AACff,IAAAA,SAAS,EAAEC,EAAE,CAACf,OAAO,CAAC8B,iBAAiB,EAAE/B,gBAAgB,CAAA;AAAE,GAC9D,CACa,CACb,CACC,CACA,CAAC,CAAA;AAE3B;;;;"}
1	+ {"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { sizeToIconSize } from '../../../../utils';\n\nimport { TextfieldProps, GetTextfieldLabelProps } from './Textfield.types';\nimport { Chip } from './ui';\nimport {\n StyledButton,\n StyledArrow,\n Wrapper,\n ChipWrapper,\n TextfieldWrapper,\n IconArrowWrapper,\n Label,\n Placeholder,\n InnerLabel,\n InnerLabelWrapper,\n ContentLeftWrapper,\n Value,\n} from './Textfield.styles';\n\nconst getLabel = ({\n value,\n isTargetAmount,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n focusedChipIndex,\n labelPlacement,\n size,\n renderValue,\n}: GetTextfieldLabelProps) => {\n if (isEmpty(value) && typeof value !== 'number') {\n if (!label \|\| labelPlacement === 'outer') {\n return <Placeholder>{placeholder}</Placeholder>;\n }\n\n return <Label>{label}</Label>;\n }\n\n if (Array.isArray(value) && isTargetAmount) {\n return <Chip text={`Выбрано: ${value.length}`} isTargetAmount={isTargetAmount} />;\n }\n\n if (Array.isArray(value)) {\n return value.map((currentValue, index) => {\n const itemLabel = valueToItemMap.get(currentValue)!.label;\n\n return (\n <Chip\n text={renderValue ? renderValue(valueToItemMap.get(currentValue)!) : itemLabel}\n onClick={(e: React.MouseEvent<HTMLElement>) => {\n e.stopPropagation();\n onChipClick(currentValue);\n }}\n focused={focusedChipIndex === index}\n />\n );\n });\n }\n\n const itemLabel = valueToItemMap.get(value)!.label;\n\n if (!label \|\| labelPlacement === 'outer') {\n return <Value>{renderValue ? renderValue(valueToItemMap.get(value)!) : itemLabel}</Value>;\n }\n\n return (\n <InnerLabelWrapper>\n {size !== 'xs' && <InnerLabel>{label}</InnerLabel>}\n <Value>{renderValue ? renderValue(valueToItemMap.get(value)!) : itemLabel}</Value>\n </InnerLabelWrapper>\n );\n};\n\nexport const Textfield: React.FC<TextfieldProps> = ({\n opened,\n value,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n onKeyDown,\n focusedChipIndex,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n selectProps,\n}) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const getActiveDescendant = () => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n };\n\n return (\n <TextfieldWrapper opened={opened} value={value}>\n <StyledButton\n stretching=\"filled\"\n className={cx(\n classes.textfieldTarget,\n opened \|\| focusedChipIndex !== null ? classes.selectWithoutBoxShadow : undefined,\n )}\n onKeyDown={onKeyDown}\n disabled={disabled}\n role=\"combobox\"\n aria-controls=\"tree_level_1\"\n aria-expanded={opened}\n aria-activedescendant={getActiveDescendant()}\n aria-label={label}\n renderTarget={Boolean(selectProps.renderTarget)}\n >\n <Wrapper>\n {selectProps?.renderTarget ? (\n selectProps.renderTarget(\n Array.isArray(value)\n ? value.map((value) => valueToItemMap.get(value)!)\n : valueToItemMap.get(value)!,\n )\n ) : (\n <>\n {contentLeft && (!selectProps.multiselect \|\| isEmpty(value)) && (\n <ContentLeftWrapper>{contentLeft}</ContentLeftWrapper>\n )}\n\n <ChipWrapper>\n {getLabel({\n value,\n valueToItemMap,\n onChipClick,\n focusedChipIndex,\n label,\n labelPlacement,\n placeholder,\n isTargetAmount: selectProps.isTargetAmount,\n renderValue,\n size,\n })}\n </ChipWrapper>\n </>\n )}\n\n <IconArrowWrapper>\n <StyledArrow\n size={sizeToIconSize(size)}\n color=\"inherit\"\n className={cx(classes.selectTargetArrow, withArrowInverse)}\n />\n </IconArrowWrapper>\n </Wrapper>\n </StyledButton>\n </TextfieldWrapper>\n );\n};\n"],"names":["getLabel","_ref","value","isTargetAmount","valueToItemMap","onChipClick","label","placeholder","focusedChipIndex","labelPlacement","size","renderValue","isEmpty","React","createElement","Placeholder","Label","Array","isArray","Chip","text","concat","length","map","currentValue","index","itemLabel","get","onClick","e","stopPropagation","focused","Value","InnerLabelWrapper","InnerLabel","Textfield","_ref2","opened","onKeyDown","contentLeft","disabled","focusedPath","focusedToValueMap","selectProps","withArrowInverse","classes","arrowInverse","undefined","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","replace","toString","TextfieldWrapper","StyledButton","stretching","className","cx","textfieldTarget","selectWithoutBoxShadow","role","renderTarget","Boolean","Wrapper","Fragment","multiselect","ContentLeftWrapper","ChipWrapper","IconArrowWrapper","StyledArrow","sizeToIconSize","color","selectTargetArrow"],"mappings":"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"}

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

@@ -6,9 +6,9 @@ var getLabel = function getLabel(_ref) {
   var value = _ref.value,
     valueToItemMap = _ref.valueToItemMap,
     renderValue = _ref.renderValue;
-  var _ref2 = valueToItemMap.get(value === null || value === void 0 ? void 0 : value.toString()),
+  var _ref2 = valueToItemMap.get(value),
     label = _ref2.label;
-  return renderValue ? renderValue(value, label) : label;
+  return renderValue ? renderValue(valueToItemMap.get(value)) : label;
 };
 var getButtonLabel = function getButtonLabel(_ref3) {
   var value = _ref3.value,
@@ -16,7 +16,7 @@ var getButtonLabel = function getButtonLabel(_ref3) {
     label = _ref3.label,
     renderValue = _ref3.renderValue,
     selectProps = _ref3.selectProps;
-  if (isEmpty(value)) {
+  if (isEmpty(value) && typeof value !== 'number') {
     return label || '';
   }
   if (selectProps.multiselect && selectProps.isTargetAmount) {
@@ -32,9 +32,9 @@ var getButtonLabel = function getButtonLabel(_ref3) {
     }).join(', ');
   }
   return getLabel({
-    renderValue: renderValue,
     value: value,
-    valueToItemMap: valueToItemMap
+    valueToItemMap: valueToItemMap,
+    renderValue: renderValue
   });
 };

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

	@@ -1 +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'>): string => {\n const { label } = valueToItemMap.get(value~~?.toString(~~))!;\n\n return renderValue ? renderValue(value ~~as string, label~~) : label;\n};\n\nexport const getButtonLabel = ({\n value,\n valueToItemMap,\n label,\n renderValue,\n selectProps,\n}: GetButtonLabelProps): string => {\n if (isEmpty(value)) {\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 ~~renderValue~~,\n ~~value~~,\n ~~valueToItemMap~~,\n });\n};\n"],"names":["getLabel","_ref","value","valueToItemMap","renderValue","_ref2","get","~~toString","~~label","getButtonLabel","_ref3","selectProps","isEmpty","multiselect","isTargetAmount","concat","length","Array","isArray","map","itemValue","join"],"mappings":";;;;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,~~EAIoD~~;AAAA,EAAA,~~IAH9DC~~,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,~~KAALA,IAAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEK,QAAQ,EAAE,~~CAAC;~~IAA/CC~~,KAAK,~~GAAAH~~,KAAA,~~CAALG~~,KAAK,CAAA;~~EAEb~~,~~OAAOJ~~,WAAW,GAAGA,WAAW,~~CAACF~~,~~KAAK~~,~~EAAYM~~,KAAK,CAAC,~~GAAGA~~,KAAK,CAAA;~~AACpE~~,CAAC,CAAA;IAEYC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAMQ;AAAA,EAAA,IAL/BR,KAAK,~~GAAAQ~~,KAAA,~~CAALR~~,KAAK;IACLC,cAAc,~~GAAAO~~,KAAA,~~CAAdP~~,cAAc;~~IACdK~~,KAAK,GAAAE,KAAA,CAALF,KAAK;~~IACLJ~~,WAAW,~~GAAAM~~,KAAA,~~CAAXN~~,WAAW;~~IACXO~~,WAAW,GAAAD,KAAA,CAAXC,WAAW,CAAA;~~AAEX~~,~~EAAA,~~IAAIC,OAAO,~~CAACV~~,KAAK,CAAC,EAAE;~~IAChB~~,~~OAAOM~~,KAAK,IAAI,EAAE,CAAA;AACtB,GAAA;AAEA,EAAA,IAAIG,WAAW,CAACE,WAAW,IAAIF,WAAW,CAACG,cAAc,EAAE;AACvD,IAAA,OAAA,8CAAA,CAAAC,MAAA,~~CAAmBb~~,KAAK,~~CAACc~~,MAAM,CAAA,CAAA;AACnC,GAAA;EAEA,IAAIL,WAAW,CAACE,WAAW,IAAII,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;~~AACZI~~,IAAAA,~~WAAW,EAAXA,WAAW;AACXF,IAAAA,~~KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,~~cAAAA~~;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}
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;;;;"}

package/es/components/Select/utils/getView.js ADDED Viewed

@@ -0,0 +1,23 @@
+var getView = function getView(status) {
+  switch (status) {
+    case 'success':
+      {
+        return 'positive';
+      }
+    case 'error':
+      {
+        return 'negative';
+      }
+    case 'warning':
+      {
+        return 'warning';
+      }
+    default:
+      {
+        return 'default';
+      }
+  }
+};
+export { getView };
+//# sourceMappingURL=getView.js.map

package/es/components/Select/utils/getView.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"getView.js","sources":["../../../../src/components/Select/utils/getView.ts"],"sourcesContent":["import { MergedSelectProps } from '../Select.types';\n\nexport const getView = (status: MergedSelectProps['status']) => {\n switch (status) {\n case 'success': {\n return 'positive';\n }\n\n case 'error': {\n return 'negative';\n }\n\n case 'warning': {\n return 'warning';\n }\n\n default: {\n return 'default';\n }\n }\n};\n"],"names":["getView","status"],"mappings":"IAEaA,OAAO,GAAG,SAAVA,OAAOA,CAAIC,MAAmC,EAAK;AAC5D,EAAA,QAAQA,MAAM;AACV,IAAA,KAAK,SAAS;AAAE,MAAA;AACZ,QAAA,OAAO,UAAU,CAAA;AACrB,OAAA;AAEA,IAAA,KAAK,OAAO;AAAE,MAAA;AACV,QAAA,OAAO,UAAU,CAAA;AACrB,OAAA;AAEA,IAAA,KAAK,SAAS;AAAE,MAAA;AACZ,QAAA,OAAO,SAAS,CAAA;AACpB,OAAA;AAEA,IAAA;AAAS,MAAA;AACL,QAAA,OAAO,SAAS,CAAA;AACpB,OAAA;AACJ,GAAA;AACJ;;;;"}

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

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

package/es/components/Select/utils/updateAncestors.js.map CHANGED Viewed

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

package/es/components/Select/utils/updateDescendants.js.map CHANGED Viewed

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

package/es/components/Select/utils/updateSingleAncestors.js.map CHANGED Viewed

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

package/es/components/Tabs/ui/TabItem/TabItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabItem.js","sources":["../../../../../src/components/Tabs/ui/TabItem/TabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext, useEffect, useCallback } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../../engines';\nimport { classes } from '../../tokens';\nimport { cx } from '../../../../utils';\nimport { TabsContext } from '../../TabsContext';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { TabItemProps } from './TabItem.types';\nimport { LeftContent, RightContent, StyledContent, base } from './TabItem.styles';\n\nexport const tabItemRoot = (Root: RootProps<HTMLDivElement, TabItemProps>) =>\n forwardRef<HTMLDivElement, TabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n isActive,\n selected,\n disabled = false,\n pilled = false,\n children,\n contentLeft,\n contentRight,\n animated = true,\n onIndexChange,\n itemIndex,\n tabIndex,\n className,\n onClick,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLDivElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n const refs = useContext(TabsContext);\n\n const role = 'tab';\n\n const pilledAttr = view !== 'clear' && pilled;\n const animatedClass = animated ? classes.tabItemAnimated : undefined;\n const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n const selectedClass = isActive \|\| selected ? classes.selectedTabsItem : undefined;\n const hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;\n const navigationTabIndex = !disabled && refs?.current === itemIndex ? 0 : -1;\n\n useEffect(() => {\n if (!refs) {\n return;\n }\n\n refs.register(innerRef);\n\n return () => refs.unregister(innerRef);\n }, [refs]);\n\n const onItemFocus = useCallback<React.FocusEventHandler>(\n (event) => {\n if (!hasKeyNavigation && innerRef?.current) {\n innerRef.current.scrollTo({\n top: 0,\n left: innerRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n return;\n }\n\n if (disabled \|\| !refs) {\n return;\n }\n\n const focusIndex = refs.items.findIndex((itemRef) => itemRef.current === event.target);\n\n if (focusIndex === refs.current) {\n return;\n }\n\n onIndexChange?.(focusIndex);\n refs.setCurrent(focusIndex);\n },\n [refs, innerRef, onIndexChange, disabled],\n );\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.currentTarget.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n if (!onClick) {\n return;\n }\n\n onClick(event);\n };\n\n return (\n <Root\n ref={ref}\n disabled={disabled}\n pilled={pilled}\n role={role}\n view={view}\n size={size}\n onFocus={onItemFocus}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n className={cx(pilledClass, selectedClass, animatedClass, className)}\n onClick={handleClick}\n {...rest}\n >\n <>\n {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n <StyledContent className={classes.tabContent}>{children}</StyledContent>\n {contentRight && <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>}\n </>\n </Root>\n );\n });\n\nexport const tabItemConfig = {\n name: 'TabItem',\n tag: 'button',\n layout: tabItemRoot,\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 pilled: {\n css: pilledCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["tabItemRoot","Root","forwardRef","props","outerRef","size","view","isActive","selected","_props$disabled","disabled","_props$pilled","pilled","children","contentLeft","contentRight","_props$animated","animated","onIndexChange","itemIndex","tabIndex","className","onClick","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","pilledAttr","animatedClass","classes","tabItemAnimated","undefined","pilledClass","tabsPilled","selectedClass","selectedTabsItem","hasKeyNavigation","navigationTabIndex","current","useEffect","register","unregister","onItemFocus","useCallback","event","scrollTo","top","left","offsetLeft","behavior","focusIndex","items","findIndex","itemRef","target","setCurrent","handleClick","currentTarget","scrollIntoView","block","inline","React","createElement","_extends","onFocus","cx","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","RightContent","tabRightContent","tabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"TabItem.js","sources":["../../../../../src/components/Tabs/ui/TabItem/TabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext, useEffect, useCallback } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { ComponentConfig, RootProps } from '../../../../engines';\nimport { classes } from '../../tokens';\nimport { cx } from '../../../../utils';\nimport { TabsContext } from '../../TabsContext';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { TabItemProps } from './TabItem.types';\nimport { LeftContent, RightContent, StyledContent, base } from './TabItem.styles';\n\nexport const tabItemRoot = (Root: RootProps<HTMLDivElement, TabItemProps>) =>\n forwardRef<HTMLDivElement, TabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n isActive,\n selected,\n disabled = false,\n pilled = false,\n children,\n contentLeft,\n contentRight,\n animated = true,\n onIndexChange,\n itemIndex,\n tabIndex,\n className,\n onClick,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLDivElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n const refs = useContext(TabsContext);\n\n const role = 'tab';\n\n const pilledAttr = view !== 'clear' && pilled;\n const animatedClass = animated ? classes.tabItemAnimated : undefined;\n const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n const selectedClass = isActive \|\| selected ? classes.selectedTabsItem : undefined;\n const hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;\n const navigationTabIndex = !disabled && refs?.current === itemIndex ? 0 : -1;\n\n useEffect(() => {\n if (!refs) {\n return;\n }\n\n refs.register(innerRef);\n\n return () => refs.unregister(innerRef);\n }, [refs]);\n\n const onItemFocus = useCallback<React.FocusEventHandler>(\n (event) => {\n if (!hasKeyNavigation && innerRef?.current) {\n innerRef.current.scrollTo({\n top: 0,\n left: innerRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n return;\n }\n\n if (disabled \|\| !refs) {\n return;\n }\n\n const focusIndex = refs.items.findIndex((itemRef) => itemRef.current === event.target);\n\n if (focusIndex === refs.current) {\n return;\n }\n\n onIndexChange?.(focusIndex);\n refs.setCurrent(focusIndex);\n },\n [refs, innerRef, onIndexChange, disabled],\n );\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.currentTarget.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n if (!onClick) {\n return;\n }\n\n onClick(event);\n };\n\n return (\n <Root\n ref={ref}\n disabled={disabled}\n pilled={pilled}\n role={role}\n view={view}\n size={size}\n onFocus={onItemFocus}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n className={cx(pilledClass, selectedClass, animatedClass, className)}\n onClick={handleClick}\n {...rest}\n >\n <>\n {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n <StyledContent className={classes.tabContent}>{children}</StyledContent>\n {contentRight && <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>}\n </>\n </Root>\n );\n });\n\nexport const tabItemConfig: ComponentConfig = {\n name: 'TabItem',\n tag: 'button',\n layout: tabItemRoot,\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 pilled: {\n css: pilledCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["tabItemRoot","Root","forwardRef","props","outerRef","size","view","isActive","selected","_props$disabled","disabled","_props$pilled","pilled","children","contentLeft","contentRight","_props$animated","animated","onIndexChange","itemIndex","tabIndex","className","onClick","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","pilledAttr","animatedClass","classes","tabItemAnimated","undefined","pilledClass","tabsPilled","selectedClass","selectedTabsItem","hasKeyNavigation","navigationTabIndex","current","useEffect","register","unregister","onItemFocus","useCallback","event","scrollTo","top","left","offsetLeft","behavior","focusIndex","items","findIndex","itemRef","target","setCurrent","handleClick","currentTarget","scrollIntoView","block","inline","React","createElement","_extends","onFocus","cx","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","RightContent","tabRightContent","tabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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"}

package/es/index.css CHANGED Viewed

@@ -484,14 +484,14 @@
 .InfiniteLoader_styles_1ezg778_s11j0scm__684907a2{--plasma-spinner-color:var(--text-primary);--plasma-spinner-size:var(--plasma-select-spinner-size);}
 .InfiniteLoader_styles_1ezg778_w109lweq__684907a2{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;gap:0.25rem;height:var(--plasma-select-item-height);padding:var(--w109lweq-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);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.InfiniteLoader_styles_1ezg778_w109lweq__684907a2 .InfiniteLoader_styles_1ezg778_selectSpinner__684907a2{--plasma-spinner-size:var(--w109lweq-1);}
-.Item_styles_y3jg1m_s1vls8ri__110489ac{--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_y3jg1m_s1to2lz5__110489ac{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
-.Item_styles_y3jg1m_s17z4dei__110489ac{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Item_styles_y3jg1m_s1nd9idj__110489ac{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Item_styles_y3jg1m_dnb2nsj__110489ac{line-height:0;color:var(--text-secondary);}.Item_styles_y3jg1m_dnb2nsj__110489ac:hover{color:var(--text-secondary-hover);}
-.Item_styles_y3jg1m_i581hb1__110489ac{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_y3jg1m_i581hb1__110489ac .Item_styles_y3jg1m_selectItemCheckbox__110489ac{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
-.Item_styles_y3jg1m_scgpql7__110489ac{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
-.Item_styles_y3jg1m_wzzpzvq__110489ac{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_y3jg1m_wzzpzvq__110489ac:hover:not(.Item_styles_y3jg1m_dropdownItemIsDisabled__110489ac){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsActive__110489ac{background:var(--surface-transparent-secondary);}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsDisabled__110489ac{opacity:0.4;cursor:not-allowed;}.Item_styles_y3jg1m_wzzpzvq__110489ac:focus{outline:none;}.Item_styles_y3jg1m_wzzpzvq__110489ac::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_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsFocused__110489ac: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;}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.122.1-canary.1362.10423909326.0",
+  "version": "0.123.0-canary.1349.10432639210.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -118,5 +118,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "8477306512ab8ff186435c43cbdc49a7bb5d01c2"
+  "gitHead": "e8b62105f596cb660c7f9375eebfd4cb278359e5"
 }

package/styled-components/cjs/components/Autocomplete/Autocomplete.js CHANGED Viewed

@@ -69,7 +69,7 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
       isOpen = _useState4[0],
       setIsOpen = _useState4[1];
     var listId = (0, _plasmaCore.safeUseId)();
-    var value = outerValue || innerValue;
+    var value = outerValue !== null && outerValue !== void 0 ? outerValue : innerValue;
     var helperTextId = (0, _plasmaCore.safeUseId)();
     var targetRef = (0, _hooks.useOutsideClick)(function () {
       setIsOpen(false);

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

@@ -16,7 +16,7 @@ var _usePathMaps3 = /*#__PURE__*/require("./hooks/usePathMaps");
 var _Select = /*#__PURE__*/require("./Select.styles");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
-var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
+var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -62,6 +62,9 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       portal = props.portal,
       renderValue = props.renderValue,
       renderItem = props.renderItem,
+      status = props.status,
+      onItemSelect = props.onItemSelect,
+      separator = props.separator,
       rest = _objectWithoutProperties(props, _excluded);
     var _useState = (0, _react.useState)(outerValue || props.multiselect ? [] : ''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -75,7 +78,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       setInternalValue(e);
     };
     var transformedItems = (0, _react.useMemo)(function () {
-      return (0, _utils2.initialItemsTransform)(items);
+      return (0, _utils2.initialItemsTransform)(items || []);
     }, [items]);
     var _usePathMaps = (0, _usePathMaps3.usePathMaps)(transformedItems),
       _usePathMaps2 = _slicedToArray(_usePathMaps, 4),
@@ -167,6 +170,9 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
         if (onChange) {
           onChange(isCurrentChecked ? '' : item.value);
         }
+        if (onItemSelect) {
+          onItemSelect(item, e);
+        }
       }
     };
     var handleChipClick = function handleChipClick(currentValue) {
@@ -211,7 +217,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       checkedCopy.forEach(function (_, key) {
         checkedCopy.set(key, false);
       });
-      if (!(0, _utils.isEmpty)(value)) {
+      if (!(0, _utils.isEmpty)(value) || typeof value === 'number') {
         if (Array.isArray(value)) {
           value.forEach(function (val) {
             checkedCopy.set(val, true);
@@ -228,7 +234,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: ref,
       size: size,
-      view: view,
+      view: status ? (0, _utils2.getView)(status) : view,
       chipView: chipView
     }, rest), label && labelPlacement === 'outer' && target !== 'button-like' && /*#__PURE__*/_react["default"].createElement(_Select.OuterLabel, null, label), /*#__PURE__*/_react["default"].createElement(Context.Provider, {
       value: {
@@ -239,7 +245,8 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
         handleCheckboxChange: handleCheckboxChange,
         handleItemClick: handleItemClick,
         variant: variant,
-        renderItem: renderItem
+        renderItem: renderItem,
+        valueToItemMap: valueToItemMap
       }
     }, /*#__PURE__*/_react["default"].createElement(_Select.StyledPopover, {
       ref: targetRef,
@@ -269,7 +276,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       }),
       preventOverflow: false,
       closeOnOverlayClick: true
-    }, /*#__PURE__*/_react["default"].createElement(Root, _extends({
+    }, items && /*#__PURE__*/_react["default"].createElement(Root, _extends({
       size: size
     }, rest), /*#__PURE__*/_react["default"].createElement(_Select.Ul, {
       role: "tree",

package/styled-components/cjs/components/Select/hooks/usePathMaps.js CHANGED Viewed

@@ -11,10 +11,10 @@ var usePathMaps = exports.usePathMaps = function usePathMaps(items) {
   var focusedToValueMap = new Map();
   var valueToCheckedMap = new Map();
   var valueToItemMap = new Map();
-  pathMap.set('root', items.length);
+  pathMap.set('root', (items === null || items === void 0 ? void 0 : items.length) || 0);
   var rec = function rec(items) {
     var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    items.forEach(function (item, index) {
+    items === null || items === void 0 || items.forEach(function (item, index) {
       var value = item.value,
         innerItems = item.items;
       var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');

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

@@ -27,6 +27,8 @@ var Item = exports.Item = function Item(_ref) {
   var value = item.value,
     label = item.label,
     disabled = item.disabled,
+    isDisabled = item.isDisabled,
+    color = item.color,
     contentLeft = item.contentLeft,
     contentRight = item.contentRight;
   var ref = (0, _react.useRef)(null);
@@ -38,8 +40,9 @@ var Item = exports.Item = function Item(_ref) {
     handleCheckboxChange = _useContext.handleCheckboxChange,
     handleItemClick = _useContext.handleItemClick,
     variant = _useContext.variant,
-    renderItem = _useContext.renderItem;
-  var isDisabledClassName = disabled ? _Select.classes.dropdownItemIsDisabled : undefined;
+    renderItem = _useContext.renderItem,
+    valueToItemMap = _useContext.valueToItemMap;
+  var isDisabledClassName = disabled || isDisabled ? _Select.classes.dropdownItemIsDisabled : undefined;
   var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Select.classes.dropdownItemIsFocused : undefined;
   var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? _Select.classes.dropdownItemIsActive : undefined;
   (0, _react.useEffect)(function () {
@@ -52,12 +55,15 @@ var Item = exports.Item = function Item(_ref) {
     }
   }, [focusedClass]);
   var handleChange = function handleChange(e) {
-    if (disabled) return;
+    if (disabled || isDisabled) return;
     e.stopPropagation();
     handleCheckboxChange(item);
   };
   var handleClick = function handleClick(e) {
-    if (disabled) return;
+    if (disabled || isDisabled) {
+      e.stopPropagation();
+      return;
+    }
     handleItemClick(item, e);
   };
   return /*#__PURE__*/_react["default"].createElement(_Item.Wrapper, {
@@ -88,7 +94,9 @@ var Item = exports.Item = function Item(_ref) {
   }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/_react["default"].createElement(_Icon.IconDone, {
     size: (0, _utils.sizeToIconSize)(size, variant),
     color: "inherit"
-  })), contentLeft && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem && renderItem(value, label) || label), contentRight && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentRight, null, contentRight), !(0, _utils2.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRightCentered, {
+  })), contentLeft && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Item.StyledText, {
+    color: color
+  }, renderItem && renderItem(valueToItemMap.get(value)) || label), contentRight && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentRight, null, contentRight), !(0, _utils2.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRightCentered, {
     size: (0, _utils.sizeToIconSize)(size, variant),
     color: "inherit"
   })));