@salutejs/plasma-new-hope 0.335.0-canary.2197.17377664818.0 → 0.335.0-canary.2199.17384366399.0

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

@@ -179,7 +179,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var datePickerRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, placeholder = _param.placeholder, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, valueError = _param.valueError, valueSuccess = _param.valueSuccess, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
+        var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, placeholder = _param.placeholder, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, valueError = _param.valueError, valueSuccess = _param.valueSuccess, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
             'top',
             'bottom'
         ] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, onChangeValue = _param.onChangeValue, onCommitDate = _param.onCommitDate, onToggle = _param.onToggle, onFocus = _param.onFocus, onBlur = _param.onBlur, onChange = _param.onChange, autoComplete = _param.autoComplete, rest = _object_without_properties(_param, [
@@ -225,6 +225,7 @@ var datePickerRoot = function(Root) {
             "type",
             "frame",
             "usePortal",
+            "zIndex",
             "placement",
             "closeOnOverlayClick",
             "closeOnEsc",
@@ -412,7 +413,8 @@ var datePickerRoot = function(Root) {
             closeOnOverlayClick: closeOnOverlayClick,
             isFocusTrapped: false,
             target: DatePickerInput,
-            preventOverflow: false
+            preventOverflow: false,
+            zIndex: zIndex
         }, /*#__PURE__*/ _react.default.createElement(Root, {
             ref: calendarRootRef,
             view: view,

package/styled-components/cjs/components/Popup/ClientOnlyPortal.js

@@ -60,12 +60,24 @@ function _unsupported_iterable_to_array(o, minLen) {
 // Полиморфная версия портала для рендера как на сервере, так и на клиенте.
 // Позволяет избежать ошибок, связанных с гидрацией.
 var ClientOnlyPortal = function(param) {
-    var children = param.children;
+    var children = param.children, providerFrame = param.providerFrame;
     var ref = (0, _react.useRef)(null);
     var _useState = _sliced_to_array((0, _react.useState)(false), 2), mounted = _useState[0], setMounted = _useState[1];
     (0, _hooks.useIsomorphicLayoutEffect)(function() {
-        ref.current = document.body;
         setMounted(true);
+        if (typeof providerFrame !== 'string' && providerFrame && providerFrame.current) {
+            ref.current = providerFrame.current;
+            return;
+        }
+        if (typeof providerFrame === 'string' && providerFrame !== 'document') {
+            var containerElement = document.getElementById(providerFrame);
+            if (!containerElement) {
+                ref.current = document.body;
+            }
+            ref.current = containerElement;
+            return;
+        }
+        ref.current = document.body;
     }, []);
     return mounted && ref.current ? /*#__PURE__*/ (0, _reactdom.createPortal)(children, ref.current) : null;
 };

package/styled-components/cjs/components/Popup/PopupContext.js

@@ -130,7 +130,7 @@ var usePopupContext = function() {
     return (0, _react.useContext)(PopupContext);
 };
 var PopupProvider = function(param) {
-    var children = param.children, UNSAFE_SSR_ENABLED = param.UNSAFE_SSR_ENABLED;
+    var children = param.children, providerFrame = param.providerFrame, UNSAFE_SSR_ENABLED = param.UNSAFE_SSR_ENABLED;
     var prevBodyOverflowY = (0, _react.useRef)(_utils.canUseDOM ? document.body.style.overflowY : '');
     var _useState = _sliced_to_array((0, _react.useState)(initialItems), 2), items = _useState[0], setItems = _useState[1];
     var uuid = (0, _utils.safeUseId)();
@@ -173,13 +173,32 @@ var PopupProvider = function(param) {
         register: register,
         unregister: unregister
     };
+    var getDefaultPortal = function() {
+        if (typeof providerFrame !== 'string' && providerFrame && providerFrame.current && _utils.canUseDOM) {
+            return /*#__PURE__*/ _react.default.createElement(_Portal.Portal, {
+                container: providerFrame.current
+            }, /*#__PURE__*/ _react.default.createElement(_Popupstyles.StyledPortal, {
+                id: rootId
+            }));
+        }
+        var withFrameId = typeof providerFrame === 'string' && providerFrame !== 'document';
+        var containerElement = withFrameId && _utils.canUseDOM && document.getElementById(providerFrame);
+        if (containerElement) {
+            return /*#__PURE__*/ _react.default.createElement(_Portal.Portal, {
+                container: containerElement
+            }, /*#__PURE__*/ _react.default.createElement(_Popupstyles.StyledPortal, {
+                id: rootId
+            }));
+        }
+        return /*#__PURE__*/ _react.default.createElement(_Portal.Portal, {
+            container: document.body
+        }, /*#__PURE__*/ _react.default.createElement(_Popupstyles.StyledPortal, {
+            id: rootId
+        }));
+    };
     return /*#__PURE__*/ _react.default.createElement(PopupContext.Provider, {
         value: context
     }, children, UNSAFE_SSR_ENABLED ? /*#__PURE__*/ _react.default.createElement(_ClientOnlyPortal.ClientOnlyPortal, null, /*#__PURE__*/ _react.default.createElement(_Popupstyles.StyledPortal, {
         id: rootId
-    })) : /*#__PURE__*/ _react.default.createElement(_Portal.Portal, {
-        container: document.body
-    }, /*#__PURE__*/ _react.default.createElement(_Popupstyles.StyledPortal, {
-        id: rootId
-    })));
+    })) : getDefaultPortal());
 };

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

@@ -267,7 +267,6 @@ var selectRoot = function(Root) {
         var activeDescendantItemValue = ((_getItemByFocused = (0, _useKeyboardNavigation.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
         var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
         var treeId = (0, _utils.safeUseId)();
-        var listWrapperRef = (0, _react.useRef)(null);
         var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : (0, _utils1.getView)(status, outerView);
         // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
         var requiredProps = props.target === 'button-like' ? undefined : {
@@ -554,12 +553,12 @@ var selectRoot = function(Root) {
             disabled: disabled,
             readOnly: readOnly
         }, rest), /*#__PURE__*/ _react.default.createElement(_Selectstyles.ListWrapper, {
-            ref: listWrapperRef,
             listWidth: listWidth
         }, /*#__PURE__*/ _react.default.createElement(_Selectstyles.Ul, {
             role: "tree",
             id: "".concat(treeId, "_tree_level_1"),
             "aria-multiselectable": Boolean(props.multiselect),
+            listOverflow: listOverflow,
             listMaxHeight: listMaxHeight || listHeight,
             onScroll: virtual ? undefined : handleScroll,
             ref: targetRef,
@@ -580,8 +579,7 @@ var selectRoot = function(Root) {
                 path: path,
                 dispatchPath: dispatchPath,
                 index: index,
-                listWidth: listWidth,
-                portal: listWrapperRef
+                listWidth: listWidth
             });
         }), afterList))))));
     });

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

@@ -65,7 +65,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 var ListWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Select.styles__ListWrapper",
-    componentId: "sc-23c571db-0"
+    componentId: "sc-30266665-0"
 })([
     "width:",
     ";padding:calc(var(",
@@ -82,7 +82,7 @@ var ListWrapper = _styledcomponents.default.div.withConfig({
 }, _Selecttokens.tokens.padding, _Selecttokens.tokens.dropdownBorderWidth, _Selecttokens.tokens.borderRadius, _Selecttokens.constants.background, _Selecttokens.constants.boxShadow, _Selecttokens.tokens.dropdownBorderWidth, _Selecttokens.tokens.dropdownBorderColor);
 var Ul = _styledcomponents.default.ul.withConfig({
     displayName: "Select.styles__Ul",
-    componentId: "sc-23c571db-1"
+    componentId: "sc-30266665-1"
 })([
     "max-height:",
     ";overflow-y:",
@@ -94,8 +94,8 @@ var Ul = _styledcomponents.default.ul.withConfig({
     return(// eslint-disable-next-line no-nested-ternary
     virtual ? 'auto' : listMaxHeight ? (0, _utils.getCorrectHeight)(listMaxHeight) : 'auto');
 }, function(param) {
-    var virtual = param.virtual;
-    return virtual ? 'visible' : 'auto';
+    var virtual = param.virtual, listOverflow = param.listOverflow;
+    return virtual ? 'visible' : listOverflow || 'visible';
 }, _Selecttokens.tokens.borderRadius, _Selecttokens.tokens.dropdownBorderWidth);
 var base = (0, _styledcomponents.css)([
     ""

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

@@ -8,54 +8,18 @@ Object.defineProperty(exports, "Inner", {
         return Inner;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
 var _utils = require("../../../../utils");
 var _Selectstyles = require("../../Select.styles");
 var _FloatingPopover = require("../../FloatingPopover");
 var _Item = require("./ui/Item/Item");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
     };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
 }
 var Inner = function(param) {
-    var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth, portal = param.portal;
+    var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth;
     var handleToggle = function(opened) {
         if (opened) {
             dispatchPath({
@@ -70,7 +34,6 @@ var Inner = function(param) {
             });
         }
     };
-    var listWrapperRef = (0, _react.useRef)(null);
     var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
     var treeId = (0, _utils.safeUseId)();
     var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
@@ -91,16 +54,13 @@ var Inner = function(param) {
                 ariaLevel: nextLevel,
                 ariaLabel: item.label
             }),
-            isInner: true,
-            portal: portal
+            isInner: true
         }, /*#__PURE__*/ _react.default.createElement(_Selectstyles.ListWrapper, {
-            listWidth: listWidth,
-            ref: listWrapperRef
+            listWidth: listWidth
         }, /*#__PURE__*/ _react.default.createElement(_Selectstyles.Ul, {
             role: "group",
             id: listId,
-            virtual: false,
-            listMaxHeight: item === null || item === void 0 ? void 0 : item.listMaxHeight
+            virtual: false
         }, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(innerItem, innerIndex) {
             return /*#__PURE__*/ _react.default.createElement(Inner, {
                 key: "".concat(innerIndex, "/").concat(currentLevel),
@@ -109,8 +69,7 @@ var Inner = function(param) {
                 path: path,
                 dispatchPath: dispatchPath,
                 index: innerIndex,
-                listWidth: listWidth,
-                portal: listWrapperRef
+                listWidth: listWidth
             });
         }))));
     }

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

@@ -8,33 +8,101 @@ Object.defineProperty(exports, "VirtualList", {
         return VirtualList;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _rcvirtuallist = /*#__PURE__*/ _interop_require_default(require("rc-virtual-list"));
+var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _reactvirtual = require("@tanstack/react-virtual");
 var _utils = require("../../../../utils");
 var _ui = require("../Inner/ui");
-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();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
     };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
 }
 var VirtualList = function(param) {
     var items = param.items, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll;
-    return /*#__PURE__*/ _react.default.createElement(_rcvirtuallist.default, {
-        data: items,
-        height: (0, _utils.getHeightAsNumber)(listMaxHeight),
-        fullHeight: false,
-        itemHeight: 100,
-        itemKey: "id",
+    var _virtualItems_;
+    var parentRef = (0, _react.useRef)(null);
+    var virtualizer = (0, _reactvirtual.useVirtualizer)({
+        count: items.length,
+        getScrollElement: function() {
+            return parentRef.current;
+        },
+        estimateSize: function() {
+            return 48;
+        }
+    });
+    var virtualItems = virtualizer.getVirtualItems();
+    var _virtualItems__start;
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        ref: parentRef,
+        style: {
+            height: 'auto',
+            maxHeight: (0, _utils.getHeightAsNumber)(listMaxHeight),
+            overflowY: 'auto'
+        },
         onScroll: onScroll
-    }, function(item, index, props) {
-        return /*#__PURE__*/ _react.default.createElement("div", props, /*#__PURE__*/ _react.default.createElement(_ui.Item, {
-            item: item,
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        style: {
+            height: virtualizer.getTotalSize(),
+            width: '100%',
+            position: 'relative'
+        }
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        style: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: '100%',
+            transform: "translateY(".concat((_virtualItems__start = (_virtualItems_ = virtualItems[0]) === null || _virtualItems_ === void 0 ? void 0 : _virtualItems_.start) !== null && _virtualItems__start !== void 0 ? _virtualItems__start : 0, "px)")
+        }
+    }, virtualItems.map(function(virtualRow) {
+        return /*#__PURE__*/ _react.default.createElement("div", {
+            key: virtualRow.key,
+            "data-index": virtualRow.index,
+            ref: virtualizer.measureElement
+        }, /*#__PURE__*/ _react.default.createElement(_ui.Item, {
+            item: items[virtualRow.index],
             path: [
                 'root'
             ],
             currentLevel: 0,
-            index: index,
+            index: virtualRow.index,
             ariaLevel: 1
         }));
-    });
+    }))));
 };

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

@@ -99,7 +99,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     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);
 }
-import React, { forwardRef, useState, useReducer, useLayoutEffect, useRef } from "react";
+import React, { forwardRef, useState, useReducer, useRef } from "react";
 import { safeUseId } from "../../utils";
 import { useDidMountEffect, useOutsideClick } from "../../hooks";
 import { FloatingPopover } from "./FloatingPopover";
@@ -111,7 +111,7 @@ import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
  * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
  */ export var autocompleteRoot = function(Root) {
     return /*#__PURE__*/ 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",
@@ -147,10 +147,11 @@ import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
             "beforeList",
             "afterList",
             "virtual",
+            "flip",
             "_offset"
         ]);
         var _useReducer = _sliced_to_array(useReducer(focusedReducer, null), 2), focused = _useReducer[0], dispatchFocused = _useReducer[1];
-        var _useState = _sliced_to_array(useState(''), 2), innerValue = _useState[0], setInnerValue = _useState[1];
+        var _useState = _sliced_to_array(useState(defaultValue || ''), 2), innerValue = _useState[0], setInnerValue = _useState[1];
         var _useState1 = _sliced_to_array(useState(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
         var listId = safeUseId();
         var value = outerValue !== null && outerValue !== void 0 ? outerValue : innerValue;
@@ -206,13 +207,6 @@ import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
         }, [
             value
         ]);
-        useLayoutEffect(function() {
-            if (defaultValue) {
-                setInnerValue(defaultValue);
-            }
-        }, [
-            defaultValue
-        ]);
         return /*#__PURE__*/ React.createElement(Root, {
             view: view,
             size: size,
@@ -228,6 +222,7 @@ import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
             zIndex: zIndex,
             listWidth: listWidth,
             offset: _offset,
+            flip: flip,
             target: function(referenceRef) {
                 return /*#__PURE__*/ React.createElement(StyledTextField, _object_spread({
                     ref: ref,

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

@@ -1,3 +1,11 @@
+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, {
@@ -11,6 +19,12 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+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] : {};
@@ -50,11 +64,22 @@ 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);
+}
 import { flip, shift, size, useFloating, FloatingPortal, autoUpdate, offset as offsetMiddleware } from "@floating-ui/react";
 import React, { forwardRef } from "react";
 import { safeUseId } from "../../utils";
 var FloatingPopover = /*#__PURE__*/ 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 = useFloating({
         whileElementsMounted: function whileElementsMounted(referenceEl, floatingEl, update) {
             return autoUpdate(referenceEl, floatingEl, update, {
@@ -69,10 +94,12 @@ var FloatingPopover = /*#__PURE__*/ forwardRef(function(param, ref) {
             offsetMiddleware({
                 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 ? [
             flip({
                 fallbackAxisSideDirection: 'end'
-            }),
+            })
+        ] : []), [
             shift(),
             size({
                 apply: function apply(param) {
@@ -82,7 +109,7 @@ var FloatingPopover = /*#__PURE__*/ forwardRef(function(param, ref) {
                     });
                 }
             })
-        ]
+        ])
     }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles;
     var wrappedId = safeUseId();
     // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.

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

@@ -1,23 +1,55 @@
-import React from "react";
-import List from "rc-virtual-list";
+import React, { useRef } from "react";
+import { useVirtualizer } from "@tanstack/react-virtual";
 import { getHeightAsNumber } from "../../../../utils";
 import { SuggestionItem } from "../SuggestionItem/SuggestionItem";
 export var VirtualList = function(param) {
     var items = param.items, onClick = param.onClick, listId = param.listId, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll, renderItem = param.renderItem;
-    return /*#__PURE__*/ React.createElement(List, {
-        data: items,
-        height: getHeightAsNumber(listMaxHeight),
-        fullHeight: false,
-        itemHeight: 100,
-        itemKey: "id",
+    var _virtualItems_;
+    var parentRef = useRef(null);
+    var virtualizer = useVirtualizer({
+        count: items.length,
+        getScrollElement: function() {
+            return parentRef.current;
+        },
+        estimateSize: function() {
+            return 48;
+        }
+    });
+    var virtualItems = virtualizer.getVirtualItems();
+    var _virtualItems__start;
+    return /*#__PURE__*/ React.createElement("div", {
+        ref: parentRef,
+        style: {
+            height: 'auto',
+            maxHeight: getHeightAsNumber(listMaxHeight),
+            overflowY: 'auto'
+        },
         onScroll: onScroll
-    }, function(item, index, props) {
-        return /*#__PURE__*/ React.createElement("div", props, /*#__PURE__*/ React.createElement(SuggestionItem, {
-            item: item,
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            height: virtualizer.getTotalSize(),
+            width: '100%',
+            position: 'relative'
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: '100%',
+            transform: "translateY(".concat((_virtualItems__start = (_virtualItems_ = virtualItems[0]) === null || _virtualItems_ === void 0 ? void 0 : _virtualItems_.start) !== null && _virtualItems__start !== void 0 ? _virtualItems__start : 0, "px)")
+        }
+    }, virtualItems.map(function(virtualRow) {
+        return /*#__PURE__*/ React.createElement("div", {
+            key: virtualRow.key,
+            "data-index": virtualRow.index,
+            ref: virtualizer.measureElement
+        }, /*#__PURE__*/ React.createElement(SuggestionItem, {
+            item: items[virtualRow.index],
             onClick: onClick,
-            id: "".concat(listId, "/").concat(index),
+            id: "".concat(listId, "/").concat(virtualRow.index),
             focused: false,
             renderItem: renderItem
         }));
-    });
+    }))));
 };

package/styled-components/es/components/Carousel/CarouselNew/Carousel.js

@@ -59,9 +59,9 @@ var DOTS_CENTERED_DEFAULT = false;
  * Компонент для создания списков с прокруткой.
  */ export var carouselNewRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(param, ref) {
-        var view = param.view, size = param.size, _param_scrollAlign = param.scrollAlign, scrollAlign = _param_scrollAlign === void 0 ? 'start' : _param_scrollAlign, children = param.children, _param_controlArrowsDisabled = param.controlArrowsDisabled, controlArrowsDisabled = _param_controlArrowsDisabled === void 0 ? false : _param_controlArrowsDisabled, paginationOptions = param.paginationOptions, _param_gap = param.gap, gap = _param_gap === void 0 ? '20px' : _param_gap, className = param.className, style = param.style;
-        var _useState = _sliced_to_array(useState(0), 2), index = _useState[0], setIndex = _useState[1];
+        var view = param.view, size = param.size, _param_scrollAlign = param.scrollAlign, scrollAlign = _param_scrollAlign === void 0 ? 'start' : _param_scrollAlign, children = param.children, _param_controlArrowsDisabled = param.controlArrowsDisabled, controlArrowsDisabled = _param_controlArrowsDisabled === void 0 ? false : _param_controlArrowsDisabled, paginationOptions = param.paginationOptions, _param_gap = param.gap, gap = _param_gap === void 0 ? '20px' : _param_gap, className = param.className, style = param.style, defaultIndex = param.defaultIndex;
         var slidesAmount = Children.count(children);
+        var _useState = _sliced_to_array(useState(defaultIndex && defaultIndex >= 0 ? Math.min(slidesAmount - 1, defaultIndex) : 0), 2), index = _useState[0], setIndex = _useState[1];
         var handleClickLeft = function() {
             setIndex(Math.max(0, index - 1));
         };

package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js

@@ -34,6 +34,7 @@ export var useCarousel = function(param) {
     var index = param.index, scrollAlign = param.scrollAlign;
     var scrollRef = useRef(null);
     var trackRef = useRef(null);
+    var isFirstRender = useRef(true);
     // Прокрутка до нужной позиции индекса, если индекс изменился.
     useEffect(function() {
         if (!scrollRef.current || !trackRef.current) {
@@ -49,9 +50,13 @@ export var useCarousel = function(param) {
                 scrollAlign: scrollAlign
             });
             scrollRef.current.scrollTo({
-                left: pos
+                left: pos,
+                behavior: isFirstRender.current ? 'instant' : 'smooth'
             });
         }
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+        }
     }, [
         index
     ]);