@astral/ui 4.2.0 → 4.2.1

package/components/DataGrid/useLogic/useLogic.js

@@ -8,8 +8,9 @@ export const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, se
     const isSelectable = Boolean(onSelectRow);
     const isDataGridDisabled = isLoading || isDisabled;
     const treeRenderConfig = Object.is(variant, Variant.Subrows)
-        ? Object.assign(Object.assign({}, subrows), { isInitialExpanded: true }) : tree;
-    const availableRows = rows.filter((row) => { var _a, _b; return !(((_a = row.options) === null || _a === void 0 ? void 0 : _a.isDisabled) || ((_b = row.options) === null || _b === void 0 ? void 0 : _b.isNotSelectable)); });
+        ? { ...subrows, isInitialExpanded: true }
+        : tree;
+    const availableRows = rows.filter((row) => !(row.options?.isDisabled || row.options?.isNotSelectable));
     const prevRowsRef = useRef([]);
     useEffect(() => {
         if (!isLoading) {
@@ -23,7 +24,7 @@ export const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, se
     }, [availableRows, selectedRows, keyId]);
     const processedColumns = useCallback(() => {
         if (rows.length <= 1) {
-            return columns.map((column) => (Object.assign(Object.assign({}, column), { sortable: false })));
+            return columns.map((column) => ({ ...column, sortable: false }));
         }
         return columns;
     }, [columns, rows]);

package/components/DataGridActionCell/MainAction/MainAction.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { IconDropdownButton } from '../../IconDropdownButton';
@@ -18,10 +7,7 @@ import { MainIconButton } from './MainIconButton';
 export const MainAction = ({ action, onActionClick, isDisabled, tooltipPlacement, }) => {
     if ('actions' in action) {
         const { disabled, icon, name, disabledReason, actions } = action;
-        return (_jsx(Tooltip, { title: disabledReason || name, withoutContainer: !disabled, placement: tooltipPlacement, children: _jsx(IconDropdownButton, { icon: icon, variant: "text", disabled: isDisabled || disabled, children: actions.map((_a) => {
-                    var { name: nestedActionName, onClick: onClickNested } = _a, props = __rest(_a, ["name", "onClick"]);
-                    return (_createElement(MenuItem, Object.assign({}, props, { key: nestedActionName, onClick: onActionClick(onClickNested) }), nestedActionName));
-                }) }) }, name));
+        return (_jsx(Tooltip, { title: disabledReason || name, withoutContainer: !disabled, placement: tooltipPlacement, children: _jsx(IconDropdownButton, { icon: icon, variant: "text", disabled: isDisabled || disabled, children: actions.map(({ name: nestedActionName, onClick: onClickNested, ...props }) => (_createElement(MenuItem, { ...props, key: nestedActionName, onClick: onActionClick(onClickNested) }, nestedActionName))) }) }, name));
     }
     return (_jsx(MainIconButton, { action: action, onActionClick: onActionClick, isDisabled: isDisabled, tooltipPlacement: tooltipPlacement }));
 };

package/components/DataGridActionCell/MainAction/MainIconButton/MainIconButton.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { ConfirmAction, } from '../../../ConfirmAction';
 import { IconButton } from '../../../IconButton';
@@ -17,8 +6,8 @@ import { useLogic } from './useLogic';
 export const MainIconButton = (props) => {
     const { tooltipProps } = useLogic(props);
     const { action, onActionClick, isDisabled, tooltipPlacement } = props;
-    const { name, icon, needConfirm, confirmText, confirmButtonProps, disabledReason, disabled, loading, isBlockingOperation, loadingNote, onClick } = action, actions = __rest(action, ["name", "icon", "needConfirm", "confirmText", "confirmButtonProps", "disabledReason", "disabled", "loading", "isBlockingOperation", "loadingNote", "onClick"]);
-    const renderButton = (renderProps) => (_jsx(Tooltip, Object.assign({ withoutContainer: !disabled, placement: tooltipPlacement }, tooltipProps, { children: _jsx(IconButton, Object.assign({ disabled: isDisabled || disabled, loading: loading }, actions, { variant: "text" }, renderProps, { children: icon })) }), name));
+    const { name, icon, needConfirm, confirmText, confirmButtonProps, disabledReason, disabled, loading, isBlockingOperation, loadingNote, onClick, ...actions } = action;
+    const renderButton = (renderProps) => (_jsx(Tooltip, { withoutContainer: !disabled, placement: tooltipPlacement, ...tooltipProps, children: _jsx(IconButton, { disabled: isDisabled || disabled, loading: loading, ...actions, variant: "text", ...renderProps, children: icon }) }, name));
     return (_jsx(_Fragment, { children: needConfirm ? (_jsx(ConfirmAction, { text: confirmText, confirmButtonProps: confirmButtonProps, actionComponent: (renderProps) => renderButton(renderProps), onConfirm: onActionClick(onClick) })) : (renderButton({
             onClick: onActionClick(onClick),
         })) }));

package/components/DataGridActionCell/SecondaryAction/SecondaryAction.js

@@ -6,6 +6,6 @@ import { MenuItem } from '../../MenuItem';
 export const SecondaryActions = ({ actions, onActionClick, tooltipPlacement, isDisabled, }) => {
     return (_jsx(IconDropdownButton, { icon: _jsx(DotsVOutlineMd, {}), variant: "text", disabled: isDisabled, children: actions.map((action) => {
             const { onClick, name } = action;
-            return (_createElement(MenuItem, Object.assign({}, action, { key: name, tooltipPlacement: tooltipPlacement, onClick: onActionClick(onClick) }), name));
+            return (_createElement(MenuItem, { ...action, key: name, tooltipPlacement: tooltipPlacement, onClick: onActionClick(onClick) }, name));
         }) }));
 };

package/components/DataGridActionCell/useLogic/useLogic.js

@@ -7,12 +7,12 @@ export const useLogic = ({ row, actions, }) => {
     const isDisabledAction = Boolean(blockingAction);
     useEffect(() => {
         if (blockingAction) {
-            return addDisabledRow(blockingAction === null || blockingAction === void 0 ? void 0 : blockingAction.loadingNote);
+            return addDisabledRow(blockingAction?.loadingNote);
         }
         removeDisabledRow();
     }, [blockingAction]);
     const handleActionClick = useCallback((onClick) => () => {
-        onClick === null || onClick === void 0 ? void 0 : onClick(row);
+        onClick?.(row);
     }, [row]);
     const handleWrapperClick = (event) => {
         event.stopPropagation();

package/components/DataGridInfinite/DataGridInfinite.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from 'react';
 import { Virtuoso } from 'react-virtuoso';
@@ -34,19 +23,18 @@ export const DataGridInfinite = (props) => {
     const { moreButtonColumnPosition = 1, isVisibleCollapseButton = true } = subrows || {};
     const { isInitialExpanded = false, expandedLevel = EXPANDED_LEVEL_BY_DEFAULT, initialVisibleChildrenCount = INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT, } = treeRenderConfig || {};
     const TableContainer = isDisabled ? DisabledDataGridWrapper : DataGridWrapper;
-    return (_jsx(DataGridContextProvider, { children: _jsxs(Container, { "$maxHeight": maxHeight, className: classNames(dataGridClassnames.root, className), children: [headPreAddon, _jsxs(TableContainer, { inert: isDataGridDisabled ? '' : undefined, children: [_jsx(Head, Object.assign({}, headProps, { onSort: onSort, sorting: sorting, columns: columns })), _jsx(ContentState, { isLoading: isLoading && !isNoData, loadingTitle: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445", isError: isError && !isNoData, errorState: {
+    return (_jsx(DataGridContextProvider, { children: _jsxs(Container, { "$maxHeight": maxHeight, className: classNames(dataGridClassnames.root, className), children: [headPreAddon, _jsxs(TableContainer, { inert: isDataGridDisabled ? '' : undefined, children: [_jsx(Head, { ...headProps, onSort: onSort, sorting: sorting, columns: columns }), _jsx(ContentState, { isLoading: isLoading && !isNoData, loadingTitle: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445", isError: isError && !isNoData, errorState: {
                                 imgAlt: 'Что-то пошло не так',
                                 errorList: [errorMsg || ''],
                                 imgSrc: imagesMap.defaultErrorImgSrc,
                                 onRetry,
-                            }, children: _jsx(Virtuoso, Object.assign({}, virtuosoProps, { style: { height: '100%' }, overscan: OVERSCAN_COUNT, data: rows, components: {
+                            }, children: _jsx(Virtuoso, { ...virtuosoProps, style: { height: '100%' }, overscan: OVERSCAN_COUNT, data: rows, components: {
                                     // biome-ignore lint/suspicious/noTsIgnore: Требует HTMLDivElement, а для элемента списка используем HTMLUListElement (https://github.com/petyosi/react-virtuoso/issues/864)
                                     // @ts-ignore
                                     List,
-                                    Item: (_a) => {
-                                        var { children, item } = _a, itemProps = __rest(_a, ["children", "item"]);
-                                        const { children: nestedChildren, options } = item, row = __rest(item, ["children", "options"]);
-                                        return (_jsx(RowContextProvider, { children: _jsx(Row, Object.assign({}, rowProps, itemProps, { row: row, columns: columns, selectedRows: selectedRows, options: options, keyId: keyId, variant: variant, activeRowId: activeRowId, level: INITIAL_LEVEL, nestedChildren: nestedChildren, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, emptyCellValue: emptyCellValue, onRowClick: onRowClick })) }));
+                                    Item: ({ children, item, ...itemProps }) => {
+                                        const { children: nestedChildren, options, ...row } = item;
+                                        return (_jsx(RowContextProvider, { children: _jsx(Row, { ...rowProps, ...itemProps, row: row, columns: columns, selectedRows: selectedRows, options: options, keyId: keyId, variant: variant, activeRowId: activeRowId, level: INITIAL_LEVEL, nestedChildren: nestedChildren, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, emptyCellValue: emptyCellValue, onRowClick: onRowClick }) }));
                                     },
                                     EmptyPlaceholder: () => _jsx(_Fragment, { children: noDataPlaceholder || _jsx(NoData, {}) }),
                                     Footer: () => {
@@ -55,5 +43,5 @@ export const DataGridInfinite = (props) => {
                                         }
                                         return (_jsxs(FooterRow, { children: [isLoading && _jsx(Loader, {}), isError && _jsx(ErrorMessage, { onRetry: onRetry }), isEndReached && (_jsx(EndData, { endOfScrollMsg: endOfScrollMsg }))] }));
                                     },
-                                } })) }), isStickyButtonActive && (_jsx(ScrollToTopButton, Object.assign({}, scrollToTopButtonProps))), isDisabled && _jsx(Backdrop, {})] })] }) }));
+                                } }) }), isStickyButtonActive && (_jsx(ScrollToTopButton, { ...scrollToTopButtonProps })), isDisabled && _jsx(Backdrop, {})] })] }) }));
 };

package/components/DataGridInfinite/List/List.js

@@ -1,19 +1,5 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { VIRTUOSO_LIST_ID } from '../constants';
 import { Wrapper } from './styles';
-export const List = forwardRef((_a, ref) => {
-    var { children } = _a, listProps = __rest(_a, ["children"]);
-    return (_jsx(Wrapper, Object.assign({ id: VIRTUOSO_LIST_ID, ref: ref }, listProps, { children: children })));
-});
+export const List = forwardRef(({ children, ...listProps }, ref) => (_jsx(Wrapper, { id: VIRTUOSO_LIST_ID, ref: ref, ...listProps, children: children })));

package/components/DataGridInfinite/useLogic/useLogic.js

@@ -8,12 +8,13 @@ export const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selecte
     const virtuoso = useRef(null);
     const [hasVerticalScroll, setHasVerticalScroll] = useState(false);
     const [isStickyButtonActive, showStickyButton, hideStickyButton] = useToggle();
-    const isNoData = Boolean(rows === null || rows === void 0 ? void 0 : rows.length);
+    const isNoData = Boolean(rows?.length);
     const isSelectable = Boolean(onSelectRow);
     const isDataGridDisabled = isDisabled || (!isNoData && isLoading);
     const treeRenderConfig = Object.is(variant, Variant.Subrows)
-        ? Object.assign(Object.assign({}, subrows), { isInitialExpanded: true }) : tree;
-    const availableRows = rows.filter((row) => { var _a, _b; return !(((_a = row.options) === null || _a === void 0 ? void 0 : _a.isDisabled) || ((_b = row.options) === null || _b === void 0 ? void 0 : _b.isNotSelectable)); });
+        ? { ...subrows, isInitialExpanded: true }
+        : tree;
+    const availableRows = rows.filter((row) => !(row.options?.isDisabled || row.options?.isNotSelectable));
     const gridColumns = getGridTemplateColumns(columns);
     const handleEndReach = useCallback(() => {
         if (!isEndReached && onEndReached) {
@@ -47,14 +48,13 @@ export const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selecte
         onSelectRow(selectedRows.filter((selectedRow) => selectedRow[keyId] !== row[keyId]));
     }, [selectedRows, onSelectRow, keyId]);
     const handleScrollToTop = () => {
-        var _a;
-        (_a = virtuoso.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ index: 0, behavior: 'smooth' });
+        virtuoso.current?.scrollIntoView({ index: 0, behavior: 'smooth' });
     };
     const recalculateVerticalScroll = () => {
         const container = document.getElementById(VIRTUOSO_CONTAINER_ID);
         const list = document.getElementById(VIRTUOSO_LIST_ID);
         if (container && list) {
-            setHasVerticalScroll((list === null || list === void 0 ? void 0 : list.clientHeight) > (container === null || container === void 0 ? void 0 : container.clientHeight));
+            setHasVerticalScroll(list?.clientHeight > container?.clientHeight);
         }
     };
     return {

package/components/DataGridMinimalisticPagination/DataGridMinimalisticPagination.js

@@ -1,21 +1,9 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DataGridPaginationContainer } from '../DataGridPaginationContainer';
 import { StyledMinimalisticPagination } from './styles';
-export const DataGridMinimalisticPagination = (_a) => {
-    var { isEndReached, page, isForcePagination, rowsPerPage, rowsPerPageOptions, onSetCountPerPage, isDisabled, className } = _a, restProps = __rest(_a, ["isEndReached", "page", "isForcePagination", "rowsPerPage", "rowsPerPageOptions", "onSetCountPerPage", "isDisabled", "className"]);
+export const DataGridMinimalisticPagination = ({ isEndReached, page, isForcePagination, rowsPerPage, rowsPerPageOptions, onSetCountPerPage, isDisabled, className, ...restProps }) => {
     if (isEndReached && page === 1 && !isForcePagination) {
         return null;
     }
-    return (_jsx(DataGridPaginationContainer, { rowsPerPageOptions: rowsPerPageOptions, rowsPerPage: rowsPerPage, onSetCountPerPage: onSetCountPerPage, isDisabled: isDisabled, className: className, pagination: _jsx(StyledMinimalisticPagination, Object.assign({ page: page, isEndReached: isEndReached, isDisabled: isDisabled }, restProps)) }));
+    return (_jsx(DataGridPaginationContainer, { rowsPerPageOptions: rowsPerPageOptions, rowsPerPage: rowsPerPage, onSetCountPerPage: onSetCountPerPage, isDisabled: isDisabled, className: className, pagination: _jsx(StyledMinimalisticPagination, { page: page, isEndReached: isEndReached, isDisabled: isDisabled, ...restProps }) }));
 };

package/components/DataGridPagination/DataGridPagination.js

@@ -1,23 +1,12 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DataGridPaginationContainer } from '../DataGridPaginationContainer';
 import { Pagination } from '../Pagination';
 import { useLogic } from './useLogic';
 export const DataGridPagination = (props) => {
     const { isVisiblePagination, pageCount, formattedRange, actualTotalCount } = useLogic(props);
-    const { page, totalCount, className, rowsPerPage, rowsPerPageOptions, isForceCounter, disabled, onSetCountPerPage } = props, restProps = __rest(props, ["page", "totalCount", "className", "rowsPerPage", "rowsPerPageOptions", "isForceCounter", "disabled", "onSetCountPerPage"]);
+    const { page, totalCount, className, rowsPerPage, rowsPerPageOptions, isForceCounter, disabled, onSetCountPerPage, ...restProps } = props;
     if ((!isVisiblePagination && !isForceCounter) || !actualTotalCount) {
         return null;
     }
-    return (_jsx(DataGridPaginationContainer, { rowsPerPage: rowsPerPage, rowsPerPageOptions: rowsPerPageOptions, isDisabled: disabled, formattedRange: formattedRange, className: className, onSetCountPerPage: onSetCountPerPage, pagination: isVisiblePagination && (_jsx(Pagination, Object.assign({ disabled: disabled, count: pageCount, page: page }, restProps))) }));
+    return (_jsx(DataGridPaginationContainer, { rowsPerPage: rowsPerPage, rowsPerPageOptions: rowsPerPageOptions, isDisabled: disabled, formattedRange: formattedRange, className: className, onSetCountPerPage: onSetCountPerPage, pagination: isVisiblePagination && (_jsx(Pagination, { disabled: disabled, count: pageCount, page: page, ...restProps })) }));
 };

package/components/DataGridPaginationContainer/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 export const useLogic = ({ onSetCountPerPage }) => {
     const handleChangeRowsPerPage = (event) => {
-        onSetCountPerPage === null || onSetCountPerPage === void 0 ? void 0 : onSetCountPerPage(Number(event.target.value));
+        onSetCountPerPage?.(Number(event.target.value));
     };
     return { handleChangeRowsPerPage };
 };

package/components/DatePicker/DateCalendar/DateCalendarChevronButton/DateCalendarNextButton/DateCalendarNextButton.js

@@ -1,21 +1,9 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import { ConfigContext } from '../../../../ConfigProvider';
 import { Container, DoubleNextIcon, NextIcon, Wrapper } from './styles';
-export const DateCalendarNextButton = forwardRef((_a, ref) => {
-    var { postfixTitle, isPlural, isDoubleIcon } = _a, props = __rest(_a, ["postfixTitle", "isPlural", "isDoubleIcon"]);
+export const DateCalendarNextButton = forwardRef(({ postfixTitle, isPlural, isDoubleIcon, ...props }, ref) => {
     const { next } = useContext(ConfigContext).datePickerLanguageMap;
-    return (_jsx(Wrapper, Object.assign({ ref: ref, disabled: !props.onClick, tooltipTitle: `${isPlural ? next.plural : next.single} ${postfixTitle}` }, props, { children: isDoubleIcon ? _jsx(DoubleNextIcon, {}) : _jsx(NextIcon, {}) })));
+    return (_jsx(Wrapper, { ref: ref, disabled: !props.onClick, tooltipTitle: `${isPlural ? next.plural : next.single} ${postfixTitle}`, ...props, children: isDoubleIcon ? _jsx(DoubleNextIcon, {}) : _jsx(NextIcon, {}) }));
 });
 export const DateCalendarNextButtonContainer = Container;

package/components/DatePicker/DateCalendar/DateCalendarChevronButton/DateCalendarPrevButton/DateCalendarPrevButton.js

@@ -1,21 +1,9 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import { ConfigContext } from '../../../../ConfigProvider';
 import { Container, DoublePrevIcon, PrevIcon, Wrapper } from './styles';
-export const DateCalendarPrevButton = forwardRef((_a, ref) => {
-    var { postfixTitle, isPlural, isDoubleIcon } = _a, props = __rest(_a, ["postfixTitle", "isPlural", "isDoubleIcon"]);
+export const DateCalendarPrevButton = forwardRef(({ postfixTitle, isPlural, isDoubleIcon, ...props }, ref) => {
     const { previous } = useContext(ConfigContext).datePickerLanguageMap;
-    return (_jsx(Wrapper, Object.assign({ ref: ref, disabled: !props.onClick, tooltipTitle: `${isPlural ? previous.plural : previous.single} ${postfixTitle}` }, props, { children: isDoubleIcon ? _jsx(DoublePrevIcon, {}) : _jsx(PrevIcon, {}) })));
+    return (_jsx(Wrapper, { ref: ref, disabled: !props.onClick, tooltipTitle: `${isPlural ? previous.plural : previous.single} ${postfixTitle}`, ...props, children: isDoubleIcon ? _jsx(DoublePrevIcon, {}) : _jsx(PrevIcon, {}) }));
 });
 export const DateCalendarPrevButtonContainer = Container;

package/components/DatePicker/DateCalendar/DateCalendarHead/DateCalendarHead.js

@@ -2,4 +2,4 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { datePickerClassnames } from '../../constants';
 import { DateCalendarNextButton, DateCalendarNextButtonContainer, DateCalendarPrevButton, DateCalendarPrevButtonContainer, } from '../DateCalendarChevronButton';
 import { HeadButton, HeadText } from './styles';
-export const DateCalendarHead = ({ arrowPostfixTitle, doubleArrowPostfixTitle, onHeadBtnClick, onPrevClick, onDoublePrevClick, onNextClick, onDoubleNextClick, headBtnTitle, headBtnText, isPlural, }) => (_jsxs(_Fragment, { children: [_jsxs(DateCalendarPrevButtonContainer, { className: datePickerClassnames.headButtonsContainer, children: [onDoublePrevClick && (_jsx(DateCalendarPrevButton, { isDoubleIcon: true, postfixTitle: doubleArrowPostfixTitle !== null && doubleArrowPostfixTitle !== void 0 ? doubleArrowPostfixTitle : '', onClick: onDoublePrevClick, isPlural: isPlural })), _jsx(DateCalendarPrevButton, { postfixTitle: arrowPostfixTitle, onClick: onPrevClick, isPlural: isPlural })] }), onHeadBtnClick ? (_jsx(HeadButton, { className: datePickerClassnames.headTextButton, onClick: onHeadBtnClick, tooltipTitle: headBtnTitle, children: headBtnText })) : (_jsx(HeadText, { className: datePickerClassnames.headText, role: "head", children: headBtnText })), _jsxs(DateCalendarNextButtonContainer, { className: datePickerClassnames.headButtonsContainer, children: [_jsx(DateCalendarNextButton, { postfixTitle: arrowPostfixTitle, onClick: onNextClick, isPlural: isPlural }), onDoubleNextClick && (_jsx(DateCalendarNextButton, { isDoubleIcon: true, postfixTitle: doubleArrowPostfixTitle !== null && doubleArrowPostfixTitle !== void 0 ? doubleArrowPostfixTitle : '', onClick: onDoubleNextClick, isPlural: isPlural }))] })] }));
+export const DateCalendarHead = ({ arrowPostfixTitle, doubleArrowPostfixTitle, onHeadBtnClick, onPrevClick, onDoublePrevClick, onNextClick, onDoubleNextClick, headBtnTitle, headBtnText, isPlural, }) => (_jsxs(_Fragment, { children: [_jsxs(DateCalendarPrevButtonContainer, { className: datePickerClassnames.headButtonsContainer, children: [onDoublePrevClick && (_jsx(DateCalendarPrevButton, { isDoubleIcon: true, postfixTitle: doubleArrowPostfixTitle ?? '', onClick: onDoublePrevClick, isPlural: isPlural })), _jsx(DateCalendarPrevButton, { postfixTitle: arrowPostfixTitle, onClick: onPrevClick, isPlural: isPlural })] }), onHeadBtnClick ? (_jsx(HeadButton, { className: datePickerClassnames.headTextButton, onClick: onHeadBtnClick, tooltipTitle: headBtnTitle, children: headBtnText })) : (_jsx(HeadText, { className: datePickerClassnames.headText, role: "head", children: headBtnText })), _jsxs(DateCalendarNextButtonContainer, { className: datePickerClassnames.headButtonsContainer, children: [_jsx(DateCalendarNextButton, { postfixTitle: arrowPostfixTitle, onClick: onNextClick, isPlural: isPlural }), onDoubleNextClick && (_jsx(DateCalendarNextButton, { isDoubleIcon: true, postfixTitle: doubleArrowPostfixTitle ?? '', onClick: onDoubleNextClick, isPlural: isPlural }))] })] }));

package/components/DatePicker/DateCalendar/DateCalendarWrapper/DateCalendarWrapper.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { datePickerClassnames } from '../../constants';
 import { Wrapper } from './styles';
-export const DateCalendarWrapper = (props) => (_jsx(Wrapper, Object.assign({ className: datePickerClassnames.wrapper }, props)));
+export const DateCalendarWrapper = (props) => (_jsx(Wrapper, { className: datePickerClassnames.wrapper, ...props }));

package/components/DatePicker/DatePicker.js

@@ -8,7 +8,7 @@ import { ButtonWrapper, ConfirmButton, StyledPaper } from './styles';
 import { useLogic } from './useLogic';
 import { YearMonthDayPicker } from './YearMonthDayPicker';
 export const DatePicker = forwardRef((props, forwardedRef) => {
-    const { ref, pickerProps, handleOpen, onAccept, confirmButtonProps, isMobile, DatePickerInputProps, datePickerProps, } = useLogic(Object.assign(Object.assign({}, props), { forwardedRef }));
+    const { ref, pickerProps, handleOpen, onAccept, confirmButtonProps, isMobile, DatePickerInputProps, datePickerProps, } = useLogic({ ...props, forwardedRef });
     const { className, startAdornment, label, required, helperText, inputProps, mask = DEFAULT_DATE_MASK, size, disabled, inputRef, minDate = DEFAULT_MIN_DATE, maxDate = DEFAULT_MAX_DATE, isMondayFirst, isDoubleNavigationButtonsEnabled, hideHelperText = false, } = props;
-    return (_jsxs("div", { ref: ref, className: className, children: [_jsx(DatePickerInput, Object.assign({ startAdornment: startAdornment, label: label, required: required, helperText: helperText }, inputProps, DatePickerInputProps, { onAccept: onAccept, mask: mask, size: size, disabled: disabled, ref: inputRef, onClick: handleOpen, hideHelperText: hideHelperText })), _jsx(DatePickerPopover, Object.assign({ placement: "bottom-start" }, datePickerProps, { children: _jsx(MinMaxDateContextProvider, { minDate: minDate, maxDate: maxDate, children: _jsxs(StyledPaper, { children: [_jsx(YearMonthDayPicker, Object.assign({ isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled }, pickerProps)), isMobile && (_jsx(ButtonWrapper, { children: _jsx(ConfirmButton, Object.assign({}, confirmButtonProps, { size: "large" })) }))] }) }) }))] }));
+    return (_jsxs("div", { ref: ref, className: className, children: [_jsx(DatePickerInput, { startAdornment: startAdornment, label: label, required: required, helperText: helperText, ...inputProps, ...DatePickerInputProps, onAccept: onAccept, mask: mask, size: size, disabled: disabled, ref: inputRef, onClick: handleOpen, hideHelperText: hideHelperText }), _jsx(DatePickerPopover, { placement: "bottom-start", ...datePickerProps, children: _jsx(MinMaxDateContextProvider, { minDate: minDate, maxDate: maxDate, children: _jsxs(StyledPaper, { children: [_jsx(YearMonthDayPicker, { isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled, ...pickerProps }), isMobile && (_jsx(ButtonWrapper, { children: _jsx(ConfirmButton, { ...confirmButtonProps, size: "large" }) }))] }) }) })] }));
 });

package/components/DatePicker/DatePickerInput/DatePickerInput.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo } from 'react';
 import { IMask } from 'react-imask';
@@ -19,15 +8,13 @@ import { StyledMaskField, Wrapper } from './styles';
  * регулярка, указывающая на любые буквы и цифры длинной от 1 до 4 символов включительно
  */
 const KEYS_IN_MASK = /\w{1,4}/g;
-export const DatePickerInput = forwardRef((_a, ref) => {
-    var { onClick, mask, size = 'medium', onFocus, disabled, placeholder = DEFAULT_PLACEHOLDER, startAdornment } = _a, props = __rest(_a, ["onClick", "mask", "size", "onFocus", "disabled", "placeholder", "startAdornment"]);
+export const DatePickerInput = forwardRef(({ onClick, mask, size = 'medium', onFocus, disabled, placeholder = DEFAULT_PLACEHOLDER, startAdornment, ...props }, ref) => {
     const [normalizedMask, maskBlocks] = useMemo(() => {
-        var _a;
         // маска maskField соглашается работать только с разделителями имеющими символ "`" (косая кавычка) перед заменяемым элементом
-        const nMask = mask === null || mask === void 0 ? void 0 : mask.replace('.', '.`');
+        const nMask = mask?.replace('.', '.`');
         const blocks = {};
         // создаем массив элементов, попадающих под регулярку
-        (_a = mask.match(KEYS_IN_MASK)) === null || _a === void 0 ? void 0 : _a.forEach((maskPart) => {
+        mask.match(KEYS_IN_MASK)?.forEach((maskPart) => {
             // Число, с количество цифр "9" равному количеству букв части маски.
             // Например, для части ключа 'ГГГГ' результат будет 9999
             const to = Number(String.prototype.padStart(maskPart.length, '9'));
@@ -43,10 +30,14 @@ export const DatePickerInput = forwardRef((_a, ref) => {
     }, [mask]);
     //Определяем активный обработчик focus для обертки если состояние не disabled
     const handleFocusWrapper = useMemo(() => (!disabled ? onFocus : undefined), [disabled, onFocus]);
-    return (_jsx(Wrapper, { onFocus: handleFocusWrapper, tabIndex: -1, "aria-disabled": disabled, children: _jsx(StyledMaskField, Object.assign({}, props, { ref: ref, size: size, disabled: disabled, mask: normalizedMask, unmask: false, blocks: maskBlocks, placeholder: placeholder, autofix: false, fullWidth: true, InputProps: {
+    return (_jsx(Wrapper, { onFocus: handleFocusWrapper, tabIndex: -1, "aria-disabled": disabled, children: _jsx(StyledMaskField, { ...props, ref: ref, size: size, disabled: disabled, mask: normalizedMask, unmask: false, blocks: maskBlocks, placeholder: placeholder, autofix: false, fullWidth: true, InputProps: {
                 endAdornment: _jsx(CalendarOutlineMd, {}),
                 startAdornment,
-            }, inputProps: Object.assign(Object.assign({ autoComplete: 'off' }, props.inputProps), { ref }), 
+            }, inputProps: {
+                autoComplete: 'off',
+                ...props.inputProps,
+                ref,
+            }, 
             // Обрабатываем клик на контейнере, а не в инпуте, это связано с неактивной областью с иконкой (endAdornment)
-            onClick: onClick })) }));
+            onClick: onClick }) }));
 });

package/components/DatePicker/DatePickerPopover/DatePickerPopover.js

@@ -1,22 +1,10 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BottomDrawer } from '../../BottomDrawer';
 import { ClickAwayListener } from '../../ClickAwayListener';
 import { usePopoverAnimation, useViewportType } from '../../hooks';
 import { datePickerClassnames } from '../constants';
 import { AnimatedWrapper, InnerContainer, StyledPopper } from './styles';
-export const DatePickerPopover = (_a) => {
-    var { children, onMouseEnter, onMouseLeave, onClose, anchorEl, title, open } = _a, props = __rest(_a, ["children", "onMouseEnter", "onMouseLeave", "onClose", "anchorEl", "title", "open"]);
+export const DatePickerPopover = ({ children, onMouseEnter, onMouseLeave, onClose, anchorEl, title, open, ...props }) => {
     const { isMobile } = useViewportType();
     const { shouldRender, handleAnimationEnd } = usePopoverAnimation(open);
     if (isMobile) {
@@ -24,5 +12,5 @@ export const DatePickerPopover = (_a) => {
             // Отключает простановку фокуса в инпут при закрытии Drawer
             disableRestoreFocus: true, children: children }));
     }
-    return (_jsx(StyledPopper, Object.assign({ className: datePickerClassnames.popover, open: shouldRender, anchorEl: anchorEl }, props, { children: _jsx(AnimatedWrapper, { "$isOpen": open, onAnimationEnd: handleAnimationEnd, children: _jsx(ClickAwayListener, { onClickAway: onClose, children: _jsx(InnerContainer, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, className: datePickerClassnames.popoverContainer, children: children }) }) }) })));
+    return (_jsx(StyledPopper, { className: datePickerClassnames.popover, open: shouldRender, anchorEl: anchorEl, ...props, children: _jsx(AnimatedWrapper, { "$isOpen": open, onAnimationEnd: handleAnimationEnd, children: _jsx(ClickAwayListener, { onClickAway: onClose, children: _jsx(InnerContainer, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, className: datePickerClassnames.popoverContainer, children: children }) }) }) }));
 };

package/components/DatePicker/DayPicker/DayPicker.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { addMonths, addYears } from '@astral/utils';
 import { useCallback, useContext, useEffect, useMemo } from 'react';
@@ -19,8 +8,7 @@ import { DateCalendarHead, DateCalendarWrapper, StaticDaysCalendarWrapper, } fro
 import { useCalendarNavigate } from '../hooks/useCalendarNavigate';
 import { MinMaxDateContext } from '../MinMaxDateContext';
 import { PopoverHoveredContext } from '../PopoverHoveredContext';
-export const DayPicker = (_a) => {
-    var { date: initialDate, selectedDate, onChange, isMondayFirst, rangeDate, onDayHover, hoveredDayDate, isDoubleNavigationButtonsEnabled } = _a, headProps = __rest(_a, ["date", "selectedDate", "onChange", "isMondayFirst", "rangeDate", "onDayHover", "hoveredDayDate", "isDoubleNavigationButtonsEnabled"]);
+export const DayPicker = ({ date: initialDate, selectedDate, onChange, isMondayFirst, rangeDate, onDayHover, hoveredDayDate, isDoubleNavigationButtonsEnabled, ...headProps }) => {
     const monthYearFormat = useLocaleDateTimeFormat({
         month: 'long',
         year: 'numeric',
@@ -45,7 +33,7 @@ export const DayPicker = (_a) => {
      */
     useEffect(() => {
         if (!popoverHovered) {
-            onDayHover === null || onDayHover === void 0 ? void 0 : onDayHover();
+            onDayHover?.();
         }
     }, [onDayHover, popoverHovered]);
     const renderDayTooltipTitle = useCallback(({ date }) => {
@@ -57,5 +45,5 @@ export const DayPicker = (_a) => {
         }
         return [{ dateA: selectedDate, dateB: rangeDate }];
     }, [selectedDate, rangeDate]);
-    return (_jsxs(DateCalendarWrapper, { children: [_jsx(DateCalendarHead, Object.assign({}, headProps, { arrowPostfixTitle: monthCaption.single, doubleArrowPostfixTitle: yearCaption.single, onPrevClick: handlePrevClick, onDoublePrevClick: handleDoublePrevClick, onNextClick: handleNextClick, onDoubleNextClick: handleDoubleNextClick, headBtnText: monthYearFormat(baseDate) })), _jsx(StaticDaysCalendarWrapper, { className: datePickerClassnames.daysContainer, renderDayTooltipTitle: renderDayTooltipTitle, minDate: minDate, maxDate: maxDate, selectedDate: selectedDate, baseDate: baseDate, onDayHover: onDayHover, hoveredDate: hoveredDayDate, selectedRanges: selectedRanges, onChange: onChange, isMondayFirst: isMondayFirst, checkTooltipActive: () => false })] }));
+    return (_jsxs(DateCalendarWrapper, { children: [_jsx(DateCalendarHead, { ...headProps, arrowPostfixTitle: monthCaption.single, doubleArrowPostfixTitle: yearCaption.single, onPrevClick: handlePrevClick, onDoublePrevClick: handleDoublePrevClick, onNextClick: handleNextClick, onDoubleNextClick: handleDoubleNextClick, headBtnText: monthYearFormat(baseDate) }), _jsx(StaticDaysCalendarWrapper, { className: datePickerClassnames.daysContainer, renderDayTooltipTitle: renderDayTooltipTitle, minDate: minDate, maxDate: maxDate, selectedDate: selectedDate, baseDate: baseDate, onDayHover: onDayHover, hoveredDate: hoveredDayDate, selectedRanges: selectedRanges, onChange: onChange, isMondayFirst: isMondayFirst, checkTooltipActive: () => false })] }));
 };

package/components/DatePicker/MonthPicker/MonthPicker.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { addYears } from '@astral/utils';
 import { useContext } from 'react';
@@ -18,8 +7,7 @@ import { datePickerClassnames, ELEMENTS_COUNT_IN_ROW_IN_LARGE_GRID, } from '../c
 import { DateCalendarGridButtonLarge, DateCalendarGridLarge, DateCalendarHead, DateCalendarWrapper, } from '../DateCalendar';
 import { useCalendarNavigate } from '../hooks/useCalendarNavigate';
 import { useMonthsGrid } from './hooks';
-export const MonthPicker = (_a) => {
-    var { date: initialDate, selectedDate, onChange, rangeDate } = _a, headProps = __rest(_a, ["date", "selectedDate", "onChange", "rangeDate"]);
+export const MonthPicker = ({ date: initialDate, selectedDate, onChange, rangeDate, ...headProps }) => {
     const monthFormat = useLocaleDateTimeFormat({
         month: 'long',
     });
@@ -39,9 +27,5 @@ export const MonthPicker = (_a) => {
             : null,
     });
     const { year: yearCaption } = useContext(ConfigContext).datePickerLanguageMap;
-    return (_jsxs(DateCalendarWrapper, { children: [_jsx(DateCalendarHead, Object.assign({}, headProps, { arrowPostfixTitle: yearCaption.single, onPrevClick: handlePrevClick, onNextClick: handleNextClick, headBtnText: baseDate.getUTCFullYear() })), _jsx(DateCalendarGridLarge, { className: datePickerClassnames.monthsContainer, children: grid.map((_a, index) => {
-                    var _b;
-                    var { month, date, isDisabled, isSelected } = _a, props = __rest(_a, ["month", "date", "isDisabled", "isSelected"]);
-                    return (_jsx(DateCalendarGridButtonLarge, Object.assign({ onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange(date), tooltipTitle: titleFormat(date), lengthInRow: ELEMENTS_COUNT_IN_ROW_IN_LARGE_GRID, isPreviousItemInSelectedRange: (_b = grid[index - 1]) === null || _b === void 0 ? void 0 : _b.isInSelectedRange, disabled: isDisabled, selected: isSelected, isTooltipActive: false }, props, { children: monthFormat(date) }), month));
-                }) })] }));
+    return (_jsxs(DateCalendarWrapper, { children: [_jsx(DateCalendarHead, { ...headProps, arrowPostfixTitle: yearCaption.single, onPrevClick: handlePrevClick, onNextClick: handleNextClick, headBtnText: baseDate.getUTCFullYear() }), _jsx(DateCalendarGridLarge, { className: datePickerClassnames.monthsContainer, children: grid.map(({ month, date, isDisabled, isSelected, ...props }, index) => (_jsx(DateCalendarGridButtonLarge, { onClick: () => onChange?.(date), tooltipTitle: titleFormat(date), lengthInRow: ELEMENTS_COUNT_IN_ROW_IN_LARGE_GRID, isPreviousItemInSelectedRange: grid[index - 1]?.isInSelectedRange, disabled: isDisabled, selected: isSelected, isTooltipActive: false, ...props, children: monthFormat(date) }, month))) })] }));
 };

package/components/DatePicker/MonthPicker/hooks/useMonthsGrid/useMonthsGrid.js

@@ -5,15 +5,14 @@ import { MinMaxDateContext } from '../../../MinMaxDateContext';
 export const useMonthsGrid = ({ baseDate, selectedDate, selectedRanges, }) => {
     const { maxDate, minDate } = useContext(MinMaxDateContext);
     return useMemo(() => {
-        var _a;
         const grid = [];
         const startDate = buildIsoDate({ year: baseDate.getUTCFullYear() });
         const year = startDate.getUTCFullYear();
         const currentDate = new Date();
         const currentMonth = currentDate.getMonth();
         const currentYear = currentDate.getFullYear();
-        const selectedMonth = selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.getUTCMonth();
-        const selectedYear = selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.getUTCFullYear();
+        const selectedMonth = selectedDate?.getUTCMonth();
+        const selectedYear = selectedDate?.getUTCFullYear();
         for (let i = 0; i < MONTHS_IN_YEAR; i++) {
             const date = buildIsoDate({ year, month: i + 1 });
             grid.push({
@@ -21,12 +20,12 @@ export const useMonthsGrid = ({ baseDate, selectedDate, selectedRanges, }) => {
                 isSelected: selectedMonth === i && selectedYear === year,
                 month: i + 1,
                 isCurrentInUserLocalTime: i === currentMonth && year === currentYear,
-                isInSelectedRange: (_a = selectedRanges === null || selectedRanges === void 0 ? void 0 : selectedRanges.some(({ dateA, dateB }) => checkIsDateInRange({
+                isInSelectedRange: selectedRanges?.some(({ dateA, dateB }) => checkIsDateInRange({
                     date,
                     dateA,
                     dateB,
                     deep: DateCompareDeep.Month,
-                }))) !== null && _a !== void 0 ? _a : false,
+                })) ?? false,
                 isDisabled: isDateOutOfRange({
                     date,
                     dateA: minDate,

package/components/DatePicker/YearMonthDayPicker/YearMonthDayPicker.js

@@ -20,7 +20,7 @@ export const YearMonthDayPicker = ({ onChange, date: initialDate, rangeDate, sel
     // что приводит к срабатыванию события потери фокуса,
     // и, следовательно, закрытию пикера.
     // для решения проблемы, вручную фокусируемся на враппере
-    const focusRef = () => { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus(); };
+    const focusRef = () => ref.current?.focus();
     const handleYearChange = (receivedDate) => {
         focusRef();
         setDate(receivedDate);

package/components/DatePicker/YearPicker/YearPicker.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { addYears } from '@astral/utils';
 import { useContext } from 'react';
@@ -18,9 +7,7 @@ import { DateCalendarGridButtonLarge, DateCalendarGridLarge, DateCalendarHead, D
 import { useCalendarNavigate } from '../hooks/useCalendarNavigate';
 import { YEARS_IN_GRID } from './constants';
 import { useYearsGrid } from './hooks';
-export const YearPicker = (_a) => {
-    var _b, _c;
-    var { date: initialDate, selectedDate, onChange, rangeDate } = _a, headProps = __rest(_a, ["date", "selectedDate", "onChange", "rangeDate"]);
+export const YearPicker = ({ date: initialDate, selectedDate, onChange, rangeDate, ...headProps }) => {
     const { baseDate, handlePrevClick, handleNextClick } = useCalendarNavigate({
         date: initialDate,
         addCb: (date, direction) => addYears(date, YEARS_IN_GRID * direction),
@@ -33,9 +20,5 @@ export const YearPicker = (_a) => {
             : null,
     });
     const { year: yearCaption } = useContext(ConfigContext).datePickerLanguageMap;
-    return (_jsxs(DateCalendarWrapper, { children: [_jsx(DateCalendarHead, Object.assign({}, headProps, { arrowPostfixTitle: yearCaption.plural, isPlural: true, onPrevClick: handlePrevClick, onNextClick: handleNextClick, headBtnText: `${(_b = grid[0]) === null || _b === void 0 ? void 0 : _b.year}-${(_c = grid.at(-1)) === null || _c === void 0 ? void 0 : _c.year}` })), _jsx(DateCalendarGridLarge, { className: datePickerClassnames.yearsContainer, children: grid.map((_a, index) => {
-                    var _b;
-                    var { year, date, isDisabled, isSelected } = _a, props = __rest(_a, ["year", "date", "isDisabled", "isSelected"]);
-                    return (_jsx(DateCalendarGridButtonLarge, Object.assign({ onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange(date), lengthInRow: ELEMENTS_COUNT_IN_ROW_IN_LARGE_GRID, isPreviousItemInSelectedRange: (_b = grid[index - 1]) === null || _b === void 0 ? void 0 : _b.isInSelectedRange, disabled: isDisabled, selected: isSelected, isTooltipActive: false }, props, { children: year }), year));
-                }) })] }));
+    return (_jsxs(DateCalendarWrapper, { children: [_jsx(DateCalendarHead, { ...headProps, arrowPostfixTitle: yearCaption.plural, isPlural: true, onPrevClick: handlePrevClick, onNextClick: handleNextClick, headBtnText: `${grid[0]?.year}-${grid.at(-1)?.year}` }), _jsx(DateCalendarGridLarge, { className: datePickerClassnames.yearsContainer, children: grid.map(({ year, date, isDisabled, isSelected, ...props }, index) => (_jsx(DateCalendarGridButtonLarge, { onClick: () => onChange?.(date), lengthInRow: ELEMENTS_COUNT_IN_ROW_IN_LARGE_GRID, isPreviousItemInSelectedRange: grid[index - 1]?.isInSelectedRange, disabled: isDisabled, selected: isSelected, isTooltipActive: false, ...props, children: year }, year))) })] }));
 };