@salutejs/plasma-new-hope 0.335.0-canary.2194.17367251959.0 → 0.335.0-canary.2195.17431561580.0

package/es/index.js

@@ -84,8 +84,10 @@ export { switchConfig, switchRoot } from './components/Switch/Switch.js';
 export { tokens as switchTokens } from './components/Switch/Switch.tokens.js';
 export { horizontalTabsConfig, horizontalTabsRoot } from './components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js';
 export { horizontalTabItemConfig, horizontalTabItemRoot } from './components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js';
+export { horizontalIconTabItemConfig, horizontalIconTabItemRoot } from './components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js';
 export { verticalTabsConfig, verticalTabsRoot } from './components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js';
 export { verticalTabItemConfig, verticalTabItemRoot } from './components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js';
+export { verticalIconTabItemConfig, verticalIconTabItemRoot } from './components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js';
 export { tokens as tabsTokens } from './components/Tabs/tokens.js';
 export { TabItemRefs, TabsContext } from './components/Tabs/TabsContext.js';
 export { createTabsController } from './components/Tabs/createTabsController.js';
@@ -257,4 +259,6 @@ export { embedIconButtonConfig, embedIconButtonRoot } from './components/EmbedIc
 export { tokens as embedIconButtonTokens } from './components/EmbedIconButton/EmbedIconButton.tokens.js';
 export { informationWrapperConfig, informationWrapperRoot } from './components/InformationWrapper/InformationWrapper.js';
 export { classes as informationWrapperClasses, tokens as informationWrapperTokens } from './components/InformationWrapper/InformationWrapper.tokens.js';
+export { navigationDrawerConfig, navigationDrawerRoot } from './components/NavigationDrawer/NavigationDrawer.js';
+export { tokens as navigationDrawerTokens } from './components/NavigationDrawer/NavigationDrawer.tokens.js';
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.335.0-canary.2194.17367251959.0",
+  "version": "0.335.0-canary.2195.17431561580.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -79,7 +79,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.206.0",
+    "@salutejs/plasma-sb-utils": "0.207.0-canary.2195.17431561580.0",
     "@salutejs/plasma-themes": "0.37.0",
     "@storybook/addon-docs": "8.6.12",
     "@storybook/addon-essentials": "8.6.12",
@@ -117,7 +117,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.206.0",
+    "@salutejs/plasma-core": "1.207.0-canary.2195.17431561580.0",
     "@salutejs/react-maskinput": "3.2.6",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "c63e3fdf77060b3076ade15739ad76653ce6ae84"
+  "gitHead": "0afce430a75bbd3799570b1da004f9d7f3a93e96"
 }

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

@@ -168,7 +168,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var autocompleteRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var outerValue = _param.value, defaultValue = _param.defaultValue, onChange = _param.onChange, suggestions = _param.suggestions, view = _param.view, size = _param.size, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, disabled = _param.disabled, readOnly = _param.readOnly, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, onScroll = _param.onScroll, _param_listMaxHeight = _param.listMaxHeight, listMaxHeight = _param_listMaxHeight === void 0 ? '25rem' : _param_listMaxHeight, listWidth = _param.listWidth, portal = _param.portal, zIndex = _param.zIndex, filter = _param.filter, onSuggestionSelect = _param.onSuggestionSelect, _param_threshold = _param.threshold, threshold = _param_threshold === void 0 ? 2 : _param_threshold, renderList = _param.renderList, renderListEnd = _param.renderListEnd, renderItem = _param.renderItem, onSearch = _param.onSearch, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, beforeList = _param.beforeList, afterList = _param.afterList, _param_virtual = _param.virtual, virtual = _param_virtual === void 0 ? false : _param_virtual, // @ts-ignore
+        var outerValue = _param.value, defaultValue = _param.defaultValue, onChange = _param.onChange, suggestions = _param.suggestions, view = _param.view, size = _param.size, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, disabled = _param.disabled, readOnly = _param.readOnly, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, onScroll = _param.onScroll, _param_listMaxHeight = _param.listMaxHeight, listMaxHeight = _param_listMaxHeight === void 0 ? '25rem' : _param_listMaxHeight, listWidth = _param.listWidth, portal = _param.portal, zIndex = _param.zIndex, filter = _param.filter, onSuggestionSelect = _param.onSuggestionSelect, _param_threshold = _param.threshold, threshold = _param_threshold === void 0 ? 2 : _param_threshold, renderList = _param.renderList, renderListEnd = _param.renderListEnd, renderItem = _param.renderItem, onSearch = _param.onSearch, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, beforeList = _param.beforeList, afterList = _param.afterList, _param_virtual = _param.virtual, virtual = _param_virtual === void 0 ? false : _param_virtual, _param_flip = _param.flip, flip = _param_flip === void 0 ? false : _param_flip, // @ts-ignore
         _offset = _param._offset, rest = _object_without_properties(_param, [
             "value",
             "defaultValue",
@@ -204,6 +204,7 @@ var autocompleteRoot = function(Root) {
             "beforeList",
             "afterList",
             "virtual",
+            "flip",
             "_offset"
         ]);
         var _useReducer = _sliced_to_array((0, _react.useReducer)(_focusedReducer.focusedReducer, null), 2), focused = _useReducer[0], dispatchFocused = _useReducer[1];
@@ -278,6 +279,7 @@ var autocompleteRoot = function(Root) {
             zIndex: zIndex,
             listWidth: listWidth,
             offset: _offset,
+            flip: flip,
             target: function(referenceRef) {
                 return /*#__PURE__*/ _react.default.createElement(_ui.StyledTextField, _object_spread({
                     ref: ref,

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

@@ -11,6 +11,14 @@ Object.defineProperty(exports, "FloatingPopover", {
 var _react = require("@floating-ui/react");
 var _react1 = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _utils = require("../../utils");
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -65,6 +73,12 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -104,8 +118,19 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref) {
-    var target = param.target, children = param.children, opened = param.opened, portal = param.portal, zIndex = param.zIndex, listWidth = param.listWidth, offset = param.offset;
+    var target = param.target, children = param.children, opened = param.opened, portal = param.portal, zIndex = param.zIndex, listWidth = param.listWidth, offset = param.offset, flipFlag = param.flip;
     var _useFloating = (0, _react.useFloating)({
         whileElementsMounted: function whileElementsMounted(referenceEl, floatingEl, update) {
             return (0, _react.autoUpdate)(referenceEl, floatingEl, update, {
@@ -120,10 +145,12 @@ var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref)
             (0, _react.offset)({
                 mainAxis: (offset === null || offset === void 0 ? void 0 : offset[1]) || 0,
                 alignmentAxis: (offset === null || offset === void 0 ? void 0 : offset[0]) || 0
-            }),
+            })
+        ].concat(_to_consumable_array(flipFlag ? [
             (0, _react.flip)({
                 fallbackAxisSideDirection: 'end'
-            }),
+            })
+        ] : []), [
             (0, _react.shift)(),
             (0, _react.size)({
                 apply: function apply(param) {
@@ -133,7 +160,7 @@ var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref)
                     });
                 }
             })
-        ]
+        ])
     }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles;
     var wrappedId = (0, _utils.safeUseId)();
     // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.

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

@@ -17,6 +17,7 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 var _roundness = require("../../utils/roundness");
 var _utils = require("../../utils");
 var _base = require("./variations/_view/base");
@@ -40,6 +41,11 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -149,7 +155,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 var buttonRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
-        var children = props.children, view = props.view, size = props.size, text = props.text, value = props.value, contentLeft = props.contentLeft, contentRight = props.contentRight, _props_contentPlacing = props.contentPlacing, contentPlacing = _props_contentPlacing === void 0 ? 'default' : _props_contentPlacing, isLoading = props.isLoading, loader = props.loader, stretch = props.stretch, square = props.square, pin = props.pin, disabled = props.disabled, focused = props.focused, outlined = props.outlined, className = props.className, blur = props.blur, style = props.style, _props_stretching = props.stretching, stretching = _props_stretching === void 0 ? 'auto' : _props_stretching, rest = _object_without_properties(props, [
+        var children = props.children, view = props.view, size = props.size, text = props.text, value = props.value, contentLeft = props.contentLeft, contentRight = props.contentRight, _props_contentPlacing = props.contentPlacing, contentPlacing = _props_contentPlacing === void 0 ? 'default' : _props_contentPlacing, isLoading = props.isLoading, loader = props.loader, stretch = props.stretch, square = props.square, pin = props.pin, disabled = props.disabled, focused = props.focused, outlined = props.outlined, className = props.className, blur = props.blur, style = props.style, _props_stretching = props.stretching, stretching = _props_stretching === void 0 ? 'auto' : _props_stretching, additionalContent = props.additionalContent, rest = _object_without_properties(props, [
             "children",
             "view",
             "size",
@@ -169,7 +175,8 @@ var buttonRoot = function(Root) {
             "className",
             "blur",
             "style",
-            "stretching"
+            "stretching",
+            "additionalContent"
         ]);
         var txt = typeof children === 'string' ? children : text;
         var hasRightContentMargin = Boolean(children || txt || value || contentRight);
@@ -204,7 +211,9 @@ var buttonRoot = function(Root) {
             hasContentMargin: hasRightContentMargin
         }, contentLeft), txt ? /*#__PURE__*/ _react.default.createElement(_Buttonstyles.ButtonText, {
             className: contentRelaxedClass
-        }, txt) : children, value && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.ButtonValue, null, value), contentRight && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.StyledContentRight, {
+        }, txt) : children, additionalContent && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.StyledAdditionalContent, {
+            className: (0, _classnames.default)(contentRelaxedClass, _define_property({}, _Buttontokens.classes.buttonHasValue, Boolean(value)))
+        }, additionalContent), value && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.ButtonValue, null, value), contentRight && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.StyledContentRight, {
             hasContentMargin: hasLeftContentMargin
         }, contentRight)), isLoading && /*#__PURE__*/ _react.default.createElement(_Buttonstyles.Loader, null, loader || /*#__PURE__*/ _react.default.createElement(_Buttonstyles.StyledSpinner, null)));
     });

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

@@ -21,6 +21,9 @@ _export(exports, {
     get Loader () {
         return Loader;
     },
+    get StyledAdditionalContent () {
+        return StyledAdditionalContent;
+    },
     get StyledContentLeft () {
         return StyledContentLeft;
     },
@@ -88,16 +91,25 @@ var mergedConfig = (0, _engines.mergeConfig)(_Spinner.spinnerConfig);
 var Spinner = (0, _engines.component)(mergedConfig);
 var ButtonText = _styledcomponents.default.span.withConfig({
     displayName: "Button.styles__ButtonText",
-    componentId: "sc-63bce397-0"
+    componentId: "sc-46d80f27-0"
 })([
     "min-width:4ch;flex-shrink:2;color:var(",
     ");",
-    " &.",
-    "{text-align:start;flex-grow:2;}"
-], _Buttontokens.tokens.buttonTextColor, (0, _mixins.applyEllipsis)(), String(_Buttontokens.classes.contentRelaxed));
+    ""
+], _Buttontokens.tokens.buttonTextColor, (0, _mixins.applyEllipsis)());
+var StyledAdditionalContent = _styledcomponents.default.div.withConfig({
+    displayName: "Button.styles__StyledAdditionalContent",
+    componentId: "sc-46d80f27-1"
+})([
+    "display:flex;align-items:center;margin:var(",
+    ");&.",
+    "{text-align:start;flex-grow:2;}&.",
+    "{margin-right:var(",
+    ");}"
+], _Buttontokens.tokens.buttonAdditionalContentMargin, String(_Buttontokens.classes.contentRelaxed), _Buttontokens.classes.buttonHasValue, _Buttontokens.tokens.buttonAdditionalContentMarginRightWidthValue);
 var ButtonValue = _styledcomponents.default.span.withConfig({
     displayName: "Button.styles__ButtonValue",
-    componentId: "sc-63bce397-1"
+    componentId: "sc-46d80f27-2"
 })([
     "color:var(",
     ");margin:var(",
@@ -106,7 +118,7 @@ var ButtonValue = _styledcomponents.default.span.withConfig({
 ], _Buttontokens.tokens.buttonValueColor, _Buttontokens.tokens.buttonValueMargin, (0, _mixins.applyEllipsis)());
 var LoadWrap = _styledcomponents.default.div.withConfig({
     displayName: "Button.styles__LoadWrap",
-    componentId: "sc-63bce397-2"
+    componentId: "sc-46d80f27-3"
 })([
     "opacity:",
     ";display:flex;align-items:inherit;justify-content:",
@@ -120,13 +132,13 @@ var LoadWrap = _styledcomponents.default.div.withConfig({
 });
 var Loader = _styledcomponents.default.div.withConfig({
     displayName: "Button.styles__Loader",
-    componentId: "sc-63bce397-3"
+    componentId: "sc-46d80f27-4"
 })([
     "position:absolute;"
 ]);
 var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
     displayName: "Button.styles__StyledSpinner",
-    componentId: "sc-63bce397-4"
+    componentId: "sc-46d80f27-5"
 })([
     "",
     ":var(",
@@ -136,7 +148,7 @@ var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
 ], _Spinner.spinnerTokens.size, _Buttontokens.tokens.buttonSpinnerSize, _Spinner.spinnerTokens.color, _Buttontokens.tokens.buttonSpinnerColor);
 var StyledContentLeft = _styledcomponents.default.div.withConfig({
     displayName: "Button.styles__StyledContentLeft",
-    componentId: "sc-63bce397-5"
+    componentId: "sc-46d80f27-6"
 })([
     "display:flex;align-self:var(",
     ");color:var(",
@@ -148,7 +160,7 @@ var StyledContentLeft = _styledcomponents.default.div.withConfig({
 });
 var StyledContentRight = _styledcomponents.default.div.withConfig({
     displayName: "Button.styles__StyledContentRight",
-    componentId: "sc-63bce397-6"
+    componentId: "sc-46d80f27-7"
 })([
     "display:flex;align-self:var(",
     ");color:var(",

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

@@ -24,7 +24,8 @@ var classes = {
     contentRelaxed: 'button-content-relaxed',
     buttonSquare: 'button-square',
     buttonItem: 'button-item',
-    buttonLoading: 'button-loading'
+    buttonLoading: 'button-loading',
+    buttonHasValue: 'button-has-value'
 };
 var tokens = {
     buttonColor: '--plasma-button-color',
@@ -54,7 +55,9 @@ var tokens = {
     buttonLeftContentAlignSelf: '--plasma-button-left-content-align-self',
     buttonRightContentMargin: '--plasma-button-right-content-margin',
     buttonRightContentAlignSelf: '--plasma-button-right-content-align-self',
+    buttonAdditionalContentMargin: '--plasma-button-additional-content-margin',
     buttonValueMargin: '--plasma-button-value-margin',
+    buttonAdditionalContentMarginRightWidthValue: '--plasma-button-additional-content-margin-right-width-value',
     buttonDisabledOpacity: '--plasma-button-disabled-opacity',
     buttonFocusColor: '--plasma-button-focus-color',
     buttonSpinnerColor: '--plasma-button-spinner-color',

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

@@ -92,6 +92,7 @@ var tokens = {
     /* Токены шапки календаря */ calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',
     calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',
     calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',
+    calendarArrowHeaderCustomSize: '--plasma-calendar-arrow-custom-size',
     calendarHeaderPadding: '--plasma-calendar-header-padding',
     calendarHeaderDateGap: '--plasma-calendar-header-date-gap',
     calendarHeaderFontFamily: '--plasma-calendar-header-font-family',

package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js

@@ -76,7 +76,7 @@ var CalendarHeader = function(param) {
             onClick: handlePrev
         }, /*#__PURE__*/ _react.default.createElement(_Icon.IconDisclosureLeft, {
             color: "inherit",
-            size: size === 'xs' ? 'xs' : 's'
+            sizeCustomProperty: _Calendartokens.tokens.calendarArrowHeaderCustomSize
         }));
     };
     var NextButton = function() {
@@ -85,7 +85,7 @@ var CalendarHeader = function(param) {
             onClick: handleNext
         }, /*#__PURE__*/ _react.default.createElement(_Icon.IconDisclosureRight, {
             color: "inherit",
-            size: size === 'xs' ? 'xs' : 's'
+            sizeCustomProperty: _Calendartokens.tokens.calendarArrowHeaderCustomSize
         }));
     };
     return /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledCalendarHeader, null, isDouble ? /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledNavigation, null, /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledDoubleHeaderWrapper, null, /*#__PURE__*/ _react.default.createElement(PreviousButton, null), /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderDouble, {

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -19,13 +19,12 @@ _export(exports, {
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../../utils");
-var _utils1 = require("../../../utils");
 var _hooks = require("../../../hooks");
-var _utils2 = require("../../Select/utils");
+var _utils1 = require("../../Select/utils");
 var _Comboboxtokens = require("./Combobox.tokens");
 var _FloatingPopover = require("./FloatingPopover");
 var _useKeyboardNavigation = require("./hooks/useKeyboardNavigation");
-var _utils3 = require("./utils");
+var _utils2 = require("./utils");
 var _ui = require("./ui");
 var _reducers = require("./reducers");
 var _getPathMaps = require("./hooks/getPathMaps");
@@ -218,7 +217,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var comboboxRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
-        var _valueToItemMap_get, _getItemByFocused;
+        var _getItemByFocused;
         var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, // @ts-ignore
         _offset = props._offset, rest = _object_without_properties(props, [
             "name",
@@ -266,7 +265,7 @@ var comboboxRoot = function(Root) {
             "_offset"
         ]);
         var transformedItems = (0, _react.useMemo)(function() {
-            return (0, _utils3.initialItemsTransform)(items || []);
+            return (0, _utils2.initialItemsTransform)(items || []);
         }, [
             items
         ]);
@@ -276,7 +275,7 @@ var comboboxRoot = function(Root) {
         }, [
             items
         ]), 3), valueToCheckedMap = _useMemo[0], valueToItemMap = _useMemo[1], labelToItemMap = _useMemo[2];
-        var _useState = _sliced_to_array((0, _react.useState)(multiple || Array.isArray(outerValue) ? '' : ((_valueToItemMap_get = valueToItemMap.get(outerValue)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || (outerValue === null || outerValue === void 0 ? void 0 : outerValue.toString()) || ''), 2), textValue = _useState[0], setTextValue = _useState[1];
+        var _useState = _sliced_to_array((0, _react.useState)((0, _utils2.getTextValue)(multiple, outerValue, valueToItemMap, renderValue)), 2), textValue = _useState[0], setTextValue = _useState[1];
         var _useState1 = _sliced_to_array((0, _react.useState)(multiple ? [] : ''), 2), internalValue = _useState1[0], setInternalValue = _useState1[1];
         var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
         var inputRef = (0, _react.useRef)(null);
@@ -284,8 +283,7 @@ var comboboxRoot = function(Root) {
         var inputForkRef = (0, _plasmacore.useForkRef)(inputRef, ref);
         var treeId = (0, _utils.safeUseId)();
         var filteredItems = (0, _react.useMemo)(function() {
-            var _valueToItemMap_get;
-            return (0, _utils3.filterItems)(transformedItems, textValue, ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value, filter);
+            return (0, _utils2.filterItems)(transformedItems, textValue, (0, _utils2.getTextValue)(multiple, value, valueToItemMap, renderValue), filter);
         }, [
             transformedItems,
             textValue,
@@ -322,30 +320,19 @@ var comboboxRoot = function(Root) {
             if (onToggle) {
                 onToggle(false);
             }
-            // Проверяем, отличается ли значение в инпуте от выбранного value после закрытия дропдауна.
-            // Если изменилось, то возвращаем label выбранного айтема.
-            // Если нет выбранного элемента, то стираем значение инпута.
-            if (textValue !== value) {
-                if ((0, _utils1.isEmpty)(value)) {
-                    setTextValue('');
-                } else if (multiple) {
-                    setTextValue('');
-                } else {
-                    var _valueToItemMap_get;
-                    setTextValue(((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value || '');
-                }
-            }
+            // Возвращаем актуальное значение поля ввода после закрытия выпадающего списка.
+            setTextValue((0, _utils2.getTextValue)(multiple, value, valueToItemMap, renderValue));
         }, floatingPopoverRef);
         // Эта функция срабатывает при изменении Combobox и
         // при изменении нативного Select для формы (срабатывает только после изменения internalValue и рендера).
         var onChange = function(newValue, item) {
             // Условие для отправки изменений наружу
             if (props.onChange) {
-                // Условие для отправки если комбобокс используется без формы.
+                // Условие для отправки, если комбобокс используется без формы.
                 if (!props.name && (typeof newValue === 'string' || Array.isArray(newValue))) {
                     props.onChange(newValue, item || null);
                 }
-                // Условие для отправки если комбобокс используется с формой.
+                // Условие для отправки, если комбобокс используется с формой.
                 if (props.name && (typeof newValue === "undefined" ? "undefined" : _type_of(newValue)) === 'object' && !Array.isArray(newValue)) {
                     props.onChange(newValue);
                 }
@@ -404,7 +391,7 @@ var comboboxRoot = function(Root) {
                         resultValues.splice(index, 1);
                     }
                 });
-                var removedItemValue = (0, _utils3.getRemovedElement)(value, resultValues, isTargetAmount);
+                var removedItemValue = (0, _utils2.getRemovedElement)(value, resultValues, isTargetAmount);
                 onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) || {
                     value: removedItemValue,
                     label: removedItemValue.toString()
@@ -414,7 +401,7 @@ var comboboxRoot = function(Root) {
                     var _labelToItemMap_get;
                     return ((_labelToItemMap_get = labelToItemMap.get(chipLabel)) === null || _labelToItemMap_get === void 0 ? void 0 : _labelToItemMap_get.value) || chipLabel;
                 });
-                var removedItemValue1 = (0, _utils3.getRemovedElement)(value, newValues, isTargetAmount);
+                var removedItemValue1 = (0, _utils2.getRemovedElement)(value, newValues, isTargetAmount);
                 onChange(newValues, removedItemValue1 ? valueToItemMap.get(removedItemValue1) || {
                     value: removedItemValue1,
                     label: removedItemValue1.toString()
@@ -450,12 +437,12 @@ var comboboxRoot = function(Root) {
             var checkedCopy = new Map(checked);
             if (!checkedCopy.get(item.value)) {
                 checkedCopy.set(item.value, true);
-                (0, _utils3.updateDescendants)(item, checkedCopy, true, valueToItemMap);
+                (0, _utils2.updateDescendants)(item, checkedCopy, true, valueToItemMap);
             } else {
                 checkedCopy.set(item.value, false);
-                (0, _utils3.updateDescendants)(item, checkedCopy, false);
+                (0, _utils2.updateDescendants)(item, checkedCopy, false);
             }
-            (0, _utils3.updateAncestors)(item, checkedCopy);
+            (0, _utils2.updateAncestors)(item, checkedCopy);
             var newValues = [];
             valueToItemMap.forEach(function(item, key) {
                 if (checkedCopy.get(key)) {
@@ -484,7 +471,7 @@ var comboboxRoot = function(Root) {
         };
         // Обработчик клика по айтему выпадающего списка
         var handleItemClick = function(item, e) {
-            if (!(0, _utils1.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
+            if (!(0, _utils.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
                 return;
             }
             if (multiple) {
@@ -530,7 +517,7 @@ var comboboxRoot = function(Root) {
             return [];
         };
         var handlePressDown = function(item, e) {
-            if ((0, _utils1.isEmpty)(item.items)) {
+            if ((0, _utils.isEmpty)(item.items)) {
                 handleItemClick(item, e);
             } else if (multiple) {
                 handleCheckboxChange(item);
@@ -561,14 +548,14 @@ var comboboxRoot = function(Root) {
             checkedCopy.forEach(function(_, key) {
                 checkedCopy.set(key, false);
             });
-            if (!(0, _utils1.isEmpty)(value)) {
+            if (!(0, _utils.isEmpty)(value)) {
                 if (Array.isArray(value)) {
                     value.forEach(function(val) {
                         // Только если value находится в items, т.к. value может и не существовать в items.
                         if (valueToItemMap.has(val)) {
                             checkedCopy.set(val, true);
-                            (0, _utils3.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
-                            (0, _utils3.updateAncestors)(valueToItemMap.get(val), checkedCopy);
+                            (0, _utils2.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
+                            (0, _utils2.updateAncestors)(valueToItemMap.get(val), checkedCopy);
                         }
                     });
                 } else {
@@ -576,15 +563,11 @@ var comboboxRoot = function(Root) {
                     // eslint-disable-next-line no-lonely-if
                     if (valueToItemMap.has(value)) {
                         checkedCopy.set(value, 'done');
-                        (0, _utils3.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
+                        (0, _utils2.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
                     }
                 }
             }
             setChecked(checkedCopy);
-            if (!multiple && textValue === value && valueToItemMap.has(value)) {
-                var _valueToItemMap_get;
-                setTextValue(((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || '');
-            }
         // В deps мы кладем именно outerValue и internalValue, а не просто value.
         // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
         // А переменную, содержащую сложные типы данных, нельзя помещать в deps.
@@ -594,9 +577,8 @@ var comboboxRoot = function(Root) {
             items
         ]);
         // При изменении value нужно возвращать значение в инпуте к исходному.
-        (0, _react.useLayoutEffect)(function() {
-            var _valueToItemMap_get;
-            setTextValue(multiple ? '' : ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || (value === null || value === void 0 ? void 0 : value.toString()) || '');
+        (0, _hooks.useDidMountLayoutEffect)(function() {
+            setTextValue((0, _utils2.getTextValue)(multiple, value, valueToItemMap, renderValue));
         }, [
             outerValue,
             internalValue
@@ -667,7 +649,7 @@ var comboboxRoot = function(Root) {
                         onClick: handleClickArrow
                     }, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledArrow, {
                         color: "inherit",
-                        size: (0, _utils2.sizeToIconSize)(size),
+                        size: (0, _utils1.sizeToIconSize)(size),
                         className: withArrowInverse
                     })),
                     textBefore: textBefore,
@@ -680,7 +662,7 @@ var comboboxRoot = function(Root) {
                     "aria-autocomplete": "list",
                     "aria-controls": "".concat(treeId, "_tree_level_1"),
                     "aria-expanded": isCurrentListOpen,
-                    "aria-activedescendant": activeDescendantItemValue ? (0, _utils3.getItemId)(treeId, activeDescendantItemValue) : '',
+                    "aria-activedescendant": activeDescendantItemValue ? (0, _utils2.getItemId)(treeId, activeDescendantItemValue) : '',
                     labelPlacement: labelPlacement,
                     keepPlaceholder: keepPlaceholder
                 }, multiple ? {
@@ -713,7 +695,7 @@ var comboboxRoot = function(Root) {
             virtual: virtual,
             listOverflow: listOverflow,
             onScroll: virtual ? undefined : onScroll
-        }, beforeList, (0, _utils1.isEmpty)(filteredItems) ? /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledEmptyState, {
+        }, beforeList, (0, _utils.isEmpty)(filteredItems) ? /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledEmptyState, {
             className: _Comboboxtokens.classes.emptyStateWrapper,
             size: size,
             description: emptyStateDescription || 'Ничего не найдено'

package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getTextValue", {
+    enumerable: true,
+    get: function() {
+        return getTextValue;
+    }
+});
+// Type Guard для multiple.
+// @ts-ignore
+function isMultiple(multiple, value) {
+    return Boolean(multiple);
+}
+var getTextValue = function(multiple, value, valueToItemMap, renderValue) {
+    var _valueToItemMap_get;
+    if (isMultiple(multiple, value) || !value) {
+        return '';
+    }
+    return (renderValue === null || renderValue === void 0 ? void 0 : renderValue({
+        value: value,
+        label: ''
+    })) || ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value.toString();
+};

package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js

@@ -18,6 +18,9 @@ _export(exports, {
     get getRemovedElement () {
         return _getRemovedElement.getRemovedElement;
     },
+    get getTextValue () {
+        return _getTextValue.getTextValue;
+    },
     get initialItemsTransform () {
         return _initialItemsTransform.initialItemsTransform;
     },
@@ -42,3 +45,4 @@ var _sizeToIconSize = require("./sizeToIconSize");
 var _filterItems = require("./filterItems");
 var _getItemId = require("./getItemId");
 var _getRemovedElement = require("./getRemovedElement");
+var _getTextValue = require("./getTextValue");

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

@@ -195,6 +195,7 @@ var tokens = {
     calendarHeaderFontWeight: '--plasma-date-picker-calendar__header-font-weight',
     calendarHeaderFontWeightBold: '--plasma-date-picker-calendar__header-font-weight-bold',
     calendarHeaderArrowColor: '--plasma-date-picker-calendar__header-arrow-color',
+    calendarHeaderArrowCustomSize: '--plasma-date-picker-calendar__header-arrow-custom-size',
     iconButtonColor: '--plasma-date-picker-icon-button__color',
     iconButtonBackgroundColor: '--plasma-date-picker-icon-button__background-color',
     iconButtonColorHover: '--plasma-date-picker-icon-button__color-hover',