@salutejs/plasma-new-hope 0.123.0-canary.1349.10433909980.0 → 0.123.0-canary.1350.10448875530.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.123.0-canary.1349.10433909980.0",
+  "version": "0.123.0-canary.1350.10448875530.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -80,7 +80,7 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.165.0-dev.0",
+    "@salutejs/plasma-sb-utils": "0.166.0-canary.1350.10448875530.0",
     "@storybook/addon-docs": "^7.6.17",
     "@storybook/addon-essentials": "^7.6.17",
     "@storybook/addons": "^7.6.17",
@@ -110,7 +110,7 @@
     "@linaria/core": "5.0.2",
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
-    "@salutejs/plasma-core": "1.167.0-dev.0",
+    "@salutejs/plasma-core": "1.168.0-canary.1350.10448875530.0",
     "dayjs": "1.11.11",
     "focus-visible": "5.2.0",
     "lodash.throttle": "4.1.1",
@@ -118,5 +118,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "e2ef49157cb40cada77fbcadac36ee7f8f1df724"
+  "gitHead": "78594e0881ac62b418a44bc6b2e439ef44ecd570"
 }

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

@@ -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 !== null && outerValue !== void 0 ? outerValue : innerValue;
+    var value = outerValue || innerValue;
     var helperTextId = (0, _plasmaCore.safeUseId)();
     var targetRef = (0, _hooks.useOutsideClick)(function () {
       setIsOpen(false);

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

@@ -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", "status", "onItemSelect", "separator"];
+var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
 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,9 +62,6 @@ 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),
@@ -78,7 +75,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),
@@ -170,9 +167,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
         if (onChange) {
           onChange(isCurrentChecked ? '' : item.value);
         }
-        if (onItemSelect) {
-          onItemSelect(item, e);
-        }
       }
     };
     var handleChipClick = function handleChipClick(currentValue) {
@@ -217,7 +211,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       checkedCopy.forEach(function (_, key) {
         checkedCopy.set(key, false);
       });
-      if (!(0, _utils.isEmpty)(value) || typeof value === 'number') {
+      if (!(0, _utils.isEmpty)(value)) {
         if (Array.isArray(value)) {
           value.forEach(function (val) {
             checkedCopy.set(val, true);
@@ -234,7 +228,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: ref,
       size: size,
-      view: status ? (0, _utils2.getView)(status) : view,
+      view: 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: {
@@ -245,8 +239,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
         handleCheckboxChange: handleCheckboxChange,
         handleItemClick: handleItemClick,
         variant: variant,
-        renderItem: renderItem,
-        valueToItemMap: valueToItemMap
+        renderItem: renderItem
       }
     }, /*#__PURE__*/_react["default"].createElement(_Select.StyledPopover, {
       ref: targetRef,
@@ -275,9 +268,8 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
         renderValue: renderValue
       }),
       preventOverflow: false,
-      closeOnOverlayClick: true,
-      listWidth: listWidth
-    }, items && /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      closeOnOverlayClick: true
+    }, /*#__PURE__*/_react["default"].createElement(Root, _extends({
       size: size
     }, rest), /*#__PURE__*/_react["default"].createElement(_Select.Ul, {
       role: "tree",

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

@@ -15,23 +15,20 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var Popover = /*#__PURE__*/(0, _engines.component)(_Popover.popoverConfig);
 var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["default"])(Popover).withConfig({
   componentId: "plasma-new-hope__sc-le54jv-0"
-})([".", "{width:", ";}.", "{width:100%;}"], /*#__PURE__*/String(_Popover.popoverClasses.root), function (_ref) {
-  var listWidth = _ref.listWidth;
-  return listWidth || '100%';
-}, /*#__PURE__*/String(_Popover.popoverClasses.target));
+})([".", ",.", "{width:100%;}"], /*#__PURE__*/String(_Popover.popoverClasses.root), /*#__PURE__*/String(_Popover.popoverClasses.target));
 var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
   componentId: "plasma-new-hope__sc-le54jv-1"
-})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.borderRadius, function (_ref2) {
-  var listWidth = _ref2.listWidth;
+})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.borderRadius, function (_ref) {
+  var listWidth = _ref.listWidth;
   return listWidth || '100%';
-}, function (_ref3) {
-  var listHeight = _ref3.listHeight;
+}, function (_ref2) {
+  var listHeight = _ref2.listHeight;
   return listHeight ? (0, _utils.getCorrectHeight)(listHeight) : 'auto';
-}, function (_ref4) {
-  var listOverflow = _ref4.listOverflow;
+}, function (_ref3) {
+  var listOverflow = _ref3.listOverflow;
   return listOverflow || 'initial';
-}, function (_ref5) {
-  var isInnerUl = _ref5.isInnerUl;
+}, function (_ref4) {
+  var isInnerUl = _ref4.isInnerUl;
   return isInnerUl ? "calc(var(".concat(_Select.tokens.padding, ") * -1) 0 0 var(").concat(_Select.tokens.padding, ")") : 0;
 }, _Select.tokens.padding);
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", ",.", "{display:block;}"], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target);

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

@@ -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 === null || items === void 0 ? void 0 : items.length) || 0);
+  pathMap.set('root', items.length);
   var rec = function rec(items) {
     var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    items === null || items === void 0 || items.forEach(function (item, index) {
+    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

@@ -27,8 +27,6 @@ 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);
@@ -40,9 +38,8 @@ var Item = exports.Item = function Item(_ref) {
     handleCheckboxChange = _useContext.handleCheckboxChange,
     handleItemClick = _useContext.handleItemClick,
     variant = _useContext.variant,
-    renderItem = _useContext.renderItem,
-    valueToItemMap = _useContext.valueToItemMap;
-  var isDisabledClassName = disabled || isDisabled ? _Select.classes.dropdownItemIsDisabled : undefined;
+    renderItem = _useContext.renderItem;
+  var isDisabledClassName = disabled ? _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 () {
@@ -55,15 +52,12 @@ var Item = exports.Item = function Item(_ref) {
     }
   }, [focusedClass]);
   var handleChange = function handleChange(e) {
-    if (disabled || isDisabled) return;
+    if (disabled) return;
     e.stopPropagation();
     handleCheckboxChange(item);
   };
   var handleClick = function handleClick(e) {
-    if (disabled || isDisabled) {
-      e.stopPropagation();
-      return;
-    }
+    if (disabled) return;
     handleItemClick(item, e);
   };
   return /*#__PURE__*/_react["default"].createElement(_Item.Wrapper, {
@@ -94,9 +88,7 @@ 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, {
-    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, {
+  })), 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, {
     size: (0, _utils.sizeToIconSize)(size, variant),
     color: "inherit"
   })));

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

@@ -47,14 +47,11 @@ var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"
 });
 var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-fr2h0y-6"
-})(["", ";flex:1;color:", ";"], /*#__PURE__*/(0, _mixins.applyEllipsis)(), function (_ref5) {
-  var color = _ref5.color;
-  return color || 'inherit';
-});
+})(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
 var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
   componentId: "plasma-new-hope__sc-fr2h0y-7"
-})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Select.tokens.itemHeight, function (_ref6) {
-  var variant = _ref6.variant;
+})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Select.tokens.itemHeight, function (_ref5) {
+  var variant = _ref5.variant;
   return "var(".concat(variant === 'tight' ? _Select.tokens.itemPaddingTight : _Select.tokens.itemPadding, ")");
 }, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight, _Select.constants.itemBackground, _Select.tokens.itemBorderRadius, _Select.classes.dropdownItemIsDisabled, _Select.constants.itemBackgroundHover, _Select.classes.dropdownItemIsActive, _Select.constants.itemBackgroundHover, _Select.classes.dropdownItemIsDisabled, _Select.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.0625rem',

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

@@ -23,8 +23,7 @@ var Target = exports.Target = function Target(_ref) {
     renderValue = _ref.renderValue,
     focusedPath = _ref.focusedPath,
     focusedToValueMap = _ref.focusedToValueMap,
-    selectProps = _ref.selectProps,
-    separator = _ref.separator;
+    selectProps = _ref.selectProps;
   return selectProps.target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
     opened: opened,
     value: value,
@@ -36,8 +35,7 @@ var Target = exports.Target = function Target(_ref) {
     renderValue: renderValue,
     focusedPath: focusedPath,
     focusedToValueMap: focusedToValueMap,
-    selectProps: selectProps,
-    separator: separator
+    selectProps: selectProps
   }) : /*#__PURE__*/_react["default"].createElement(_ui.Textfield, {
     opened: opened,
     value: value,

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

@@ -46,9 +46,7 @@ var Button = exports.Button = function Button(_ref) {
     "aria-activedescendant": getActiveDescendant(),
     "aria-label": label,
     renderTarget: Boolean(selectProps.renderTarget)
-  }, selectProps.renderTarget ? selectProps.renderTarget(Array.isArray(value) ? value.map(function (value) {
-    return valueToItemMap.get(value);
-  }) : valueToItemMap.get(value)) : /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
+  }, selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
     value: value,
     valueToItemMap: valueToItemMap,
     label: label,

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

@@ -22,7 +22,7 @@ var getLabel = function getLabel(_ref) {
     labelPlacement = _ref.labelPlacement,
     size = _ref.size,
     renderValue = _ref.renderValue;
-  if ((0, _utils.isEmpty)(value) && typeof value !== 'number') {
+  if ((0, _utils.isEmpty)(value)) {
     if (!label || labelPlacement === 'outer') {
       return /*#__PURE__*/_react["default"].createElement(_Textfield.Placeholder, null, placeholder);
     }
@@ -38,7 +38,7 @@ var getLabel = function getLabel(_ref) {
     return value.map(function (currentValue, index) {
       var itemLabel = valueToItemMap.get(currentValue).label;
       return /*#__PURE__*/_react["default"].createElement(_ui.Chip, {
-        text: renderValue ? renderValue(valueToItemMap.get(currentValue)) : itemLabel,
+        text: renderValue ? renderValue(currentValue, itemLabel) : itemLabel,
         onClick: function onClick(e) {
           e.stopPropagation();
           onChipClick(currentValue);
@@ -49,9 +49,9 @@ var getLabel = function getLabel(_ref) {
   }
   var itemLabel = valueToItemMap.get(value).label;
   if (!label || labelPlacement === 'outer') {
-    return /*#__PURE__*/_react["default"].createElement(_Textfield.Value, null, renderValue ? renderValue(valueToItemMap.get(value)) : itemLabel);
+    return /*#__PURE__*/_react["default"].createElement(_Textfield.Value, null, renderValue ? renderValue(value, itemLabel) : itemLabel);
   }
-  return /*#__PURE__*/_react["default"].createElement(_Textfield.InnerLabelWrapper, null, size !== 'xs' && /*#__PURE__*/_react["default"].createElement(_Textfield.InnerLabel, null, label), /*#__PURE__*/_react["default"].createElement(_Textfield.Value, null, renderValue ? renderValue(valueToItemMap.get(value)) : itemLabel));
+  return /*#__PURE__*/_react["default"].createElement(_Textfield.InnerLabelWrapper, null, size !== 'xs' && /*#__PURE__*/_react["default"].createElement(_Textfield.InnerLabel, null, label), /*#__PURE__*/_react["default"].createElement(_Textfield.Value, null, renderValue ? renderValue(value, itemLabel) : itemLabel));
 };
 var Textfield = exports.Textfield = function Textfield(_ref2) {
   var opened = _ref2.opened,
@@ -92,9 +92,7 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
     "aria-activedescendant": getActiveDescendant(),
     "aria-label": label,
     renderTarget: Boolean(selectProps.renderTarget)
-  }, /*#__PURE__*/_react["default"].createElement(_Textfield.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["default"].createElement(_react["default"].Fragment, null, contentLeft && (!selectProps.multiselect || (0, _utils.isEmpty)(value)) && /*#__PURE__*/_react["default"].createElement(_Textfield.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Textfield.ChipWrapper, null, getLabel({
+  }, /*#__PURE__*/_react["default"].createElement(_Textfield.Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && (!selectProps.multiselect || (0, _utils.isEmpty)(value)) && /*#__PURE__*/_react["default"].createElement(_Textfield.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Textfield.ChipWrapper, null, getLabel({
     value: value,
     valueToItemMap: valueToItemMap,
     onChipClick: onChipClick,

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

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

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

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

package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx

@@ -60,23 +60,9 @@ const meta: Meta<StorySelectProps> = {
                 type: 'select',
             },
         },
-        listWidth: {
-            control: {
-                type: 'text',
-            },
-        },
-        listOverflow: {
-            control: {
-                type: 'text',
-            },
-        },
-        listHeight: {
-            control: {
-                type: 'text',
-            },
-        },
     },
     args: {
+        multiselect: false,
         target: 'textfield-like',
         label: 'Label',
         labelPlacement: 'outer',
@@ -89,27 +75,7 @@ const meta: Meta<StorySelectProps> = {
         isTargetAmount: false,
         variant: 'normal',
         disabled: false,
-    },
-    parameters: {
-        controls: {
-            include: [
-                'target',
-                'size',
-                'view',
-                'chipView',
-                'enableContentLeft',
-                'label',
-                'labelPlacement',
-                'placeholder',
-                'helperText',
-                'isTargetAmount',
-                'variant',
-                'disabled',
-                'listWidth',
-                'listOverflow',
-                'listHeight',
-            ],
-        },
+        separator: '',
     },
 };
 
@@ -388,8 +354,8 @@ const PredefinedStory = (args: StorySelectProps) => {
 
             <Select
                 {...args}
-                items={items}
                 multiselect
+                items={items}
                 value={valueMultiple}
                 onChange={setValueMultiple}
                 contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
@@ -399,6 +365,11 @@ const PredefinedStory = (args: StorySelectProps) => {
 };
 
 export const Predefined: StoryObj<StorySelectProps> = {
+    parameters: {
+        controls: {
+            exclude: ['multiselect'],
+        },
+    },
     render: (args) => <PredefinedStory {...args} />,
 };
 
@@ -824,7 +795,19 @@ const CommonStory = (args: StorySelectProps) => {
 export const Common: StoryObj<StorySelectProps> = {
     parameters: {
         controls: {
-            exclude: ['target', 'view'],
+            include: [
+                'size',
+                'enableContentLeft',
+                'chipView',
+                'label',
+                'labelPlacement',
+                'placeholder',
+                'helperText',
+                'isTargetAmount',
+                'variant',
+                'disabled',
+                'separator',
+            ],
         },
     },
     argTypes: {

package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx

@@ -60,23 +60,9 @@ const meta: Meta<StorySelectProps> = {
                 type: 'select',
             },
         },
-        listWidth: {
-            control: {
-                type: 'text',
-            },
-        },
-        listOverflow: {
-            control: {
-                type: 'text',
-            },
-        },
-        listHeight: {
-            control: {
-                type: 'text',
-            },
-        },
     },
     args: {
+        multiselect: false,
         target: 'textfield-like',
         label: 'Label',
         labelPlacement: 'outer',
@@ -89,27 +75,7 @@ const meta: Meta<StorySelectProps> = {
         isTargetAmount: false,
         variant: 'normal',
         disabled: false,
-    },
-    parameters: {
-        controls: {
-            include: [
-                'target',
-                'size',
-                'view',
-                'chipView',
-                'enableContentLeft',
-                'label',
-                'labelPlacement',
-                'placeholder',
-                'helperText',
-                'isTargetAmount',
-                'variant',
-                'disabled',
-                'listWidth',
-                'listOverflow',
-                'listHeight',
-            ],
-        },
+        separator: '',
     },
 };
 
@@ -388,8 +354,8 @@ const PredefinedStory = (args: StorySelectProps) => {
 
             <Select
                 {...args}
-                items={items}
                 multiselect
+                items={items}
                 value={valueMultiple}
                 onChange={setValueMultiple}
                 contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
@@ -399,6 +365,11 @@ const PredefinedStory = (args: StorySelectProps) => {
 };
 
 export const Predefined: StoryObj<StorySelectProps> = {
+    parameters: {
+        controls: {
+            exclude: ['multiselect'],
+        },
+    },
     render: (args) => <PredefinedStory {...args} />,
 };
 
@@ -824,7 +795,19 @@ const CommonStory = (args: StorySelectProps) => {
 export const Common: StoryObj<StorySelectProps> = {
     parameters: {
         controls: {
-            exclude: ['target', 'view'],
+            include: [
+                'size',
+                'enableContentLeft',
+                'chipView',
+                'label',
+                'labelPlacement',
+                'placeholder',
+                'helperText',
+                'isTargetAmount',
+                'variant',
+                'disabled',
+                'separator',
+            ],
         },
     },
     argTypes: {

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

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