@astral/ui 4.1.7 → 4.2.1

package/components/DatePicker/YearPicker/hooks/useYearsGrid/useYearsGrid.js

@@ -8,11 +8,10 @@ const YEAR_OFFSET = 4;
 export const useYearsGrid = ({ baseDate, selectedDate, selectedRanges, }) => {
     const { maxDate, minDate } = useContext(MinMaxDateContext);
     return useMemo(() => {
-        var _a;
         const grid = [];
         const baseYear = baseDate.getUTCFullYear();
         const currentYear = new Date().getFullYear();
-        const selectedYear = selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.getUTCFullYear();
+        const selectedYear = selectedDate?.getUTCFullYear();
         for (let i = 0 - YEAR_OFFSET; i < YEARS_IN_GRID - YEAR_OFFSET; i++) {
             const date = buildIsoDate({ year: baseYear + i });
             const year = date.getUTCFullYear();
@@ -21,12 +20,12 @@ export const useYearsGrid = ({ baseDate, selectedDate, selectedRanges, }) => {
                 year,
                 isSelected: selectedYear === year,
                 isCurrentInUserLocalTime: 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.Year,
-                }))) !== null && _a !== void 0 ? _a : false,
+                })) ?? false,
                 isDisabled: isDateOutOfRange({
                     date,
                     dateA: minDate,

package/components/DatePicker/hooks/useCalendarNavigate/useCalendarNavigate.js

@@ -11,12 +11,10 @@ export const useCalendarNavigate = ({ date, addCb, addDoubleCb, }) => {
         setBaseDate(addCb(baseDate, -1));
     }, [baseDate]);
     const handleDoubleNextClick = useCallback(() => {
-        var _a;
-        setBaseDate((_a = addDoubleCb === null || addDoubleCb === void 0 ? void 0 : addDoubleCb(baseDate, 1)) !== null && _a !== void 0 ? _a : baseDate);
+        setBaseDate(addDoubleCb?.(baseDate, 1) ?? baseDate);
     }, [baseDate]);
     const handleDoublePrevClick = useCallback(() => {
-        var _a;
-        setBaseDate((_a = addDoubleCb === null || addDoubleCb === void 0 ? void 0 : addDoubleCb(baseDate, -1)) !== null && _a !== void 0 ? _a : baseDate);
+        setBaseDate(addDoubleCb?.(baseDate, -1) ?? baseDate);
     }, [baseDate]);
     useEffect(() => {
         setBaseDate(date);

package/components/DatePicker/hooks/useMaskedValue/useMaskedValue.js

@@ -10,15 +10,15 @@ export const useMaskedValue = ({ currentValue, mask, onChangeValue, }) => {
         setMaskedValue(value);
         // При отсутствии value указываем null, так как если задать undefined, то отобразится defaultValue при наличии
         if (!value) {
-            onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(null);
+            onChangeValue?.(null);
         }
         else {
-            onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(parseDate(value, mask));
+            onChangeValue?.(parseDate(value, mask));
         }
     };
     const handleChangeMaskedDate = (date) => {
         setMaskedValue(formatDate(date, mask));
-        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(date);
+        onChangeValue?.(date);
     };
     // здесь происходит реакция на изменение value из вне (управляемый компонент)
     useEffect(() => {

package/components/DatePicker/useLogic/useLogic.js

@@ -16,12 +16,12 @@ export const useLogic = ({ label, value, maxDate = DEFAULT_MAX_DATE, minDate = D
     });
     const isTitleShow = isMobile && typeof label === 'string';
     const handleOpen = (event) => {
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        onOpen?.();
         open(event);
     };
     const handleClose = () => {
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur();
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onBlur?.();
+        onClose?.();
         close();
     };
     const handleDayPick = (date) => {
@@ -33,7 +33,7 @@ export const useLogic = ({ label, value, maxDate = DEFAULT_MAX_DATE, minDate = D
     };
     const handleChange = (date) => {
         if (!isMobile) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(date);
+            onChange?.(date);
         }
     };
     const { onAccept, inputProps: calculatedInputProps, pickerProps, } = useDatePickerOptions({
@@ -45,7 +45,7 @@ export const useLogic = ({ label, value, maxDate = DEFAULT_MAX_DATE, minDate = D
         onChange: handleChange,
     });
     const handleConfirm = () => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(selectedDate);
+        onChange?.(selectedDate);
         handleClose();
     };
     const datePickerProps = {

package/components/DateRangePicker/DateRangePicker.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 { forwardRef } from 'react';
 import { DatePickerPopover, DEFAULT_DATE_MASK, MinMaxDateContextProvider, PopoverHoveredContextProvider, YearMonthDayPicker, } from '../DatePicker';
@@ -20,10 +9,10 @@ const DEFAULT_SPACING = 1;
 export const DateRangePicker = forwardRef((props, forwardedRef) => {
     const { ref, startDatePickerInputProps, endDatePickerInputProps, popoverHoveredContextProviderProps, datePickerPopoverProps, minMaxDateContextProviderProps, startYearMonthDayPickerProps, endYearMonthDayPickerProps, } = useLogic(props, forwardedRef);
     const { startDateProps = {}, endDateProps = {}, mask = DEFAULT_DATE_MASK, spacing = DEFAULT_SPACING, size, isMondayFirst, isDisabled, isError, helperText, isDoubleNavigationButtonsEnabled, hideHelperText = false, } = props;
-    const _a = startDateProps || {}, { inputProps: startDateInputProps } = _a, restStartDateProps = __rest(_a, ["inputProps"]);
-    const _b = endDateProps || {}, { inputProps: endDateInputProps } = _b, restEndDateProps = __rest(_b, ["inputProps"]);
-    return (_jsxs(Grid, { ref: ref, children: [_jsxs(Grid, { container: true, spacing: spacing, direction: "column", columns: "repeat(2, 1fr)", children: [_jsx(StyledDatePickerInput, Object.assign({}, startDateInputProps, restStartDateProps, { 
+    const { inputProps: startDateInputProps, ...restStartDateProps } = startDateProps || {};
+    const { inputProps: endDateInputProps, ...restEndDateProps } = endDateProps || {};
+    return (_jsxs(Grid, { ref: ref, children: [_jsxs(Grid, { container: true, spacing: spacing, direction: "column", columns: "repeat(2, 1fr)", children: [_jsx(StyledDatePickerInput, { ...startDateInputProps, ...restStartDateProps, 
                         // TODO Пропс margin=none пока не работает, поэтому стилизуем компонент
                         // https://track.astral.ru/soft/browse/UIKIT-1333
-                        mask: mask, size: size, disabled: isDisabled, error: isError }, startDatePickerInputProps)), _jsx(StyledDatePickerInput, Object.assign({}, endDateInputProps, restEndDateProps, { size: size, mask: mask, disabled: isDisabled, error: isError }, endDatePickerInputProps))] }), _jsx(FormHelperText, { error: isError, hideHelperText: hideHelperText, children: helperText && helperText }), _jsx(PopoverHoveredContextProvider, Object.assign({}, popoverHoveredContextProviderProps, { children: _jsx(MinMaxDateContextProvider, Object.assign({}, minMaxDateContextProviderProps, { children: _jsx(DatePickerPopover, Object.assign({}, datePickerPopoverProps, { children: _jsxs(StyledPaper, { children: [_jsx(YearMonthDayPicker, Object.assign({ isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled }, startYearMonthDayPickerProps)), _jsx(PickerSplitter, {}), _jsx(YearMonthDayPicker, Object.assign({ isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled }, endYearMonthDayPickerProps))] }) })) })) }))] }));
+                        mask: mask, size: size, disabled: isDisabled, error: isError, ...startDatePickerInputProps }), _jsx(StyledDatePickerInput, { ...endDateInputProps, ...restEndDateProps, size: size, mask: mask, disabled: isDisabled, error: isError, ...endDatePickerInputProps })] }), _jsx(FormHelperText, { error: isError, hideHelperText: hideHelperText, children: helperText && helperText }), _jsx(PopoverHoveredContextProvider, { ...popoverHoveredContextProviderProps, children: _jsx(MinMaxDateContextProvider, { ...minMaxDateContextProviderProps, children: _jsx(DatePickerPopover, { ...datePickerPopoverProps, children: _jsxs(StyledPaper, { children: [_jsx(YearMonthDayPicker, { isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled, ...startYearMonthDayPickerProps }), _jsx(PickerSplitter, {}), _jsx(YearMonthDayPicker, { isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled, ...endYearMonthDayPickerProps })] }) }) }) })] }));
 });

package/components/DateRangePicker/useLogic/useLogic.js

@@ -22,12 +22,12 @@ export const useLogic = ({ value, minDate = DEFAULT_MIN_DATE, maxDate = DEFAULT_
         setIsEndDateSelected(false);
     }, [isOpen]);
     const selectedStartBaseDate = useSelectedBaseDate({
-        currentValue: value === null || value === void 0 ? void 0 : value.start,
+        currentValue: value?.start,
         minDate,
         maxDate,
     });
     const selectedEndBaseDate = useSelectedBaseDate({
-        currentValue: value === null || value === void 0 ? void 0 : value.end,
+        currentValue: value?.end,
         minDate,
         maxDate,
     });
@@ -38,59 +38,55 @@ export const useLogic = ({ value, minDate = DEFAULT_MIN_DATE, maxDate = DEFAULT_
         selectedStartDate: selectedStartBaseDate,
         selectedEndDate: selectedEndBaseDate,
     });
-    const handleChangeStartDate = (startDateValue) => onChange === null || onChange === void 0 ? void 0 : onChange(Object.assign(Object.assign({}, value), { start: startDateValue }));
-    const handleChangeEndDate = (endDateValue) => onChange === null || onChange === void 0 ? void 0 : onChange(Object.assign(Object.assign({}, value), { end: endDateValue }));
+    const handleChangeStartDate = (startDateValue) => onChange?.({ ...value, start: startDateValue });
+    const handleChangeEndDate = (endDateValue) => onChange?.({ ...value, end: endDateValue });
     const { maskedValue: startMaskedValue, onMaskedValueChange: onMaskedStartValueChange, onMaskedDateChange: onMaskedStartDateChange, } = useMaskedValue({
-        currentValue: value === null || value === void 0 ? void 0 : value.start,
+        currentValue: value?.start,
         mask,
         onChangeValue: handleChangeStartDate,
     });
     const { maskedValue: endMaskedValue, onMaskedValueChange: onMaskedEndValueChange, onMaskedDateChange: onMaskedEndDateChange, } = useMaskedValue({
-        currentValue: value === null || value === void 0 ? void 0 : value.end,
+        currentValue: value?.end,
         mask,
         onChangeValue: handleChangeEndDate,
     });
     const handleOpen = (event) => {
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        onOpen?.();
         open(event);
     };
     const handleClose = () => {
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur();
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onBlur?.();
+        onClose?.();
         close();
     };
     const handleClickStartInput = (e) => {
-        var _a;
         setActiveInput('startDate');
-        (_a = startInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        startInputRef.current?.focus();
         if (!isOpen) {
             handleOpen(e);
         }
     };
     const handleClickEndInput = (e) => {
-        var _a;
         setActiveInput('endDate');
-        (_a = endInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        endInputRef.current?.focus();
         if (!isOpen) {
             handleOpen(e);
         }
     };
     const pickStartDate = (pickedDate) => {
-        var _a;
         onMaskedStartDateChange(pickedDate);
         setIsStartDateSelected(true);
         setActiveInput('endDate');
-        (_a = endInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        endInputRef.current?.focus();
         if (isEndDateSelected) {
             handleClose();
         }
     };
     const pickEndDate = (pickedDate) => {
-        var _a;
         onMaskedEndDateChange(pickedDate);
         setIsEndDateSelected(true);
         setActiveInput('startDate');
-        (_a = startInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        startInputRef.current?.focus();
         if (isStartDateSelected) {
             handleClose();
         }
@@ -139,19 +135,19 @@ export const useLogic = ({ value, minDate = DEFAULT_MIN_DATE, maxDate = DEFAULT_
             minDate: isStartDateSelected
                 ? getBoundaryDate({
                     reserve: minDate,
-                    target: value === null || value === void 0 ? void 0 : value.start,
+                    target: value?.start,
                 })
                 : minDate,
             maxDate: isEndDateSelected
                 ? getBoundaryDate({
                     reserve: maxDate,
-                    target: value === null || value === void 0 ? void 0 : value.end,
+                    target: value?.end,
                 })
                 : maxDate,
         },
         startYearMonthDayPickerProps: {
             selectedDate: selectedStartBaseDate || selectedEndBaseDate,
-            rangeDate: (value === null || value === void 0 ? void 0 : value.end) || (value === null || value === void 0 ? void 0 : value.start),
+            rangeDate: value?.end || value?.start,
             date: startBaseDate,
             hoveredDayDate,
             onDayHover: setHoveredDayDate,
@@ -159,7 +155,7 @@ export const useLogic = ({ value, minDate = DEFAULT_MIN_DATE, maxDate = DEFAULT_
         },
         endYearMonthDayPickerProps: {
             selectedDate: selectedStartBaseDate || selectedEndBaseDate,
-            rangeDate: (value === null || value === void 0 ? void 0 : value.end) || (value === null || value === void 0 ? void 0 : value.start),
+            rangeDate: value?.end || value?.start,
             date: endBaseDate,
             hoveredDayDate,
             onDayHover: setHoveredDayDate,

package/components/Description/Description.js

@@ -8,7 +8,7 @@ import { Value } from './Value';
 export const Description = (props) => {
     const { descriptionContextProviderProps, direction } = useLogic(props);
     const { justifyContent = 'start', component = 'dl', children, leader = false, } = props;
-    return (_jsx(DescriptionContextProvider, Object.assign({ leader: leader, direction: direction }, descriptionContextProviderProps, { children: _jsx(Wrapper, { "$justifyContent": justifyContent, className: descriptionClassnames.root, "$direction": direction, as: component, children: children }) })));
+    return (_jsx(DescriptionContextProvider, { leader: leader, direction: direction, ...descriptionContextProviderProps, children: _jsx(Wrapper, { "$justifyContent": justifyContent, className: descriptionClassnames.root, "$direction": direction, as: component, children: children }) }));
 };
 Description.Name = Name;
 Description.Value = Value;

package/components/Description/Name/Name.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 { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useContext } from 'react';
 import { Typography } from '../../Typography';
 import { DescriptionContext } from '../DescriptionContext';
 import { DashedSeparator, Wrapper } from './styles';
-export const Name = (_a) => {
-    var { children, color = 'textSecondary' } = _a, props = __rest(_a, ["children", "color"]);
+export const Name = ({ children, color = 'textSecondary', ...props }) => {
     const { leader, separator } = useContext(DescriptionContext);
-    return (_jsxs(_Fragment, { children: [_jsx(Wrapper, { "$leader": leader, children: _jsxs(Typography, Object.assign({}, props, { color: color, children: [children, !leader && separator] })) }), leader && _jsx(DashedSeparator, {})] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Wrapper, { "$leader": leader, children: _jsxs(Typography, { ...props, color: color, children: [children, !leader && separator] }) }), leader && _jsx(DashedSeparator, {})] }));
 };

package/components/Description/Value/Value.js

@@ -1,26 +1,15 @@
-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 { useHidePersonalData } from '../../personalDataSecurity';
 import { StyledCopyTypography, StyledTypography, Wrapper } from './styles';
 import { useLogic } from './useLogic';
 export const Value = (props) => {
     const { valueToRender, isDefaultValueRender, leader, direction } = useLogic(props);
-    const { copyPosition = 'right', copyText, canCopy, children, stub, isHidePersonalData = false } = props, restProps = __rest(props, ["copyPosition", "copyText", "canCopy", "children", "stub", "isHidePersonalData"]);
+    const { copyPosition = 'right', copyText, canCopy, children, stub, isHidePersonalData = false, ...restProps } = props;
     const hidePersonalDataClassname = useHidePersonalData({
         isEnabled: isHidePersonalData,
     });
     if (isDefaultValueRender) {
-        return (_jsx(StyledTypography, Object.assign({ "$direction": direction, component: "dd", children: valueToRender, "$leader": leader, className: hidePersonalDataClassname }, restProps)));
+        return (_jsx(StyledTypography, { "$direction": direction, component: "dd", children: valueToRender, "$leader": leader, className: hidePersonalDataClassname, ...restProps }));
     }
-    return (_jsx(Wrapper, { children: _jsx(StyledCopyTypography, Object.assign({ copyPosition: copyPosition, copyText: copyText, "$direction": direction, "$leader": leader, component: "div", className: hidePersonalDataClassname }, restProps, { children: valueToRender })) }));
+    return (_jsx(Wrapper, { children: _jsx(StyledCopyTypography, { copyPosition: copyPosition, copyText: copyText, "$direction": direction, "$leader": leader, component: "div", className: hidePersonalDataClassname, ...restProps, children: valueToRender }) }));
 };

package/components/DescriptionList/DescriptionList.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 { useCallback } from 'react';
 import { Description } from '../Description';
@@ -18,8 +7,7 @@ import { Typography } from '../Typography';
 import { useGroupedDescriptionItems } from './hooks';
 import { DescriptionWrapper, ListWrapper, StyledDescriptionName, StyledDescriptionValue, Title, Wrapper, } from './styles';
 import { getTooltipProps } from './utils';
-export const DescriptionList = (_a) => {
-    var { items, variant: listVariant = 'default', title, direction } = _a, props = __rest(_a, ["items", "variant", "title", "direction"]);
+export const DescriptionList = ({ items, variant: listVariant = 'default', title, direction, ...props }) => {
     const descriptionItems = useGroupedDescriptionItems({ items });
     const render = useCallback((value, optionProps) => {
         const { renderValue, color, canCopy, copyPosition, variant, copyText } = optionProps;
@@ -48,8 +36,8 @@ export const DescriptionList = (_a) => {
         return note;
     };
     const renderItem = (value, name, options) => {
-        const _a = options || {}, { nameMaxWidth, note } = _a, restOptions = __rest(_a, ["nameMaxWidth", "note"]);
-        return (_jsxs(DescriptionWrapper, { children: [_jsxs(Description, Object.assign({ direction: direction }, props, { component: "div", children: [_jsx(StyledDescriptionName, { "$nameMaxWidth": nameMaxWidth, "$direction": direction, children: name }), render(value, restOptions)] })), note && renderNote(note)] }, `${name}:${value}`));
+        const { nameMaxWidth, note, ...restOptions } = options || {};
+        return (_jsxs(DescriptionWrapper, { children: [_jsxs(Description, { direction: direction, ...props, component: "div", children: [_jsx(StyledDescriptionName, { "$nameMaxWidth": nameMaxWidth, "$direction": direction, children: name }), render(value, restOptions)] }), note && renderNote(note)] }, `${name}:${value}`));
     };
     return (_jsxs(Wrapper, { "$variant": listVariant, children: [title && renderTitle(), descriptionItems.map((group, groupIndex) => (_jsx(ListWrapper, { "$direction": direction, "$hasDivider": groupIndex !== 0, "$variant": listVariant, children: group.map(({ name, value, options }) => renderItem(value, name, options)) }, groupIndex)))] }));
 };

package/components/Dialog/Dialog.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, jsxs as _jsxs } from "react/jsx-runtime";
 import { BottomDrawer } from '../BottomDrawer';
 import { DialogTitle } from '../DialogTitle';
 import { useViewportType } from '../hooks';
 import { StyledDialog } from './styles';
-export const Dialog = (_a) => {
-    var { children, title, disableBackdropClick, onClose, size = 'md' } = _a, props = __rest(_a, ["children", "title", "disableBackdropClick", "onClose", "size"]);
+export const Dialog = ({ children, title, disableBackdropClick, onClose, size = 'md', ...props }) => {
     const handleClose = onClose &&
         ((event, reason) => {
             if (disableBackdropClick && reason === 'backdropClick') {
@@ -25,7 +13,7 @@ export const Dialog = (_a) => {
         });
     const { isMobile } = useViewportType();
     if (isMobile) {
-        return (_jsx(BottomDrawer, Object.assign({ onClose: handleClose, title: title }, props, { children: children })));
+        return (_jsx(BottomDrawer, { onClose: handleClose, title: title, ...props, children: children }));
     }
-    return (_jsxs(StyledDialog, Object.assign({ "$size": size, onClose: handleClose }, props, { children: [title && _jsx(DialogTitle, { onClose: onClose, children: title }), children] })));
+    return (_jsxs(StyledDialog, { "$size": size, onClose: handleClose, ...props, children: [title && _jsx(DialogTitle, { onClose: onClose, children: title }), children] }));
 };

package/components/DialogActions/DialogActions.js

@@ -1,17 +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 { StyledDialogActions, StyledGrid } from './styles';
-export const DialogActions = (_a) => {
-    var { children, disableSpacing } = _a, props = __rest(_a, ["children", "disableSpacing"]);
-    return (_jsx(StyledDialogActions, Object.assign({}, props, { children: _jsx(StyledGrid, { spacing: disableSpacing ? 0 : 3, children: children }) })));
+export const DialogActions = ({ children, disableSpacing, ...props }) => {
+    return (_jsx(StyledDialogActions, { ...props, children: _jsx(StyledGrid, { spacing: disableSpacing ? 0 : 3, children: children }) }));
 };

package/components/DialogContent/DialogContent.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledDialogContent } from './styles';
-export const DialogContent = (props) => (_jsx(StyledDialogContent, Object.assign({}, props)));
+export const DialogContent = (props) => (_jsx(StyledDialogContent, { ...props }));

package/components/DialogContentText/DialogContentText.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledDialogContentText } from './styles';
-export const DialogContentText = (props) => (_jsx(StyledDialogContentText, Object.assign({}, props)));
+export const DialogContentText = (props) => (_jsx(StyledDialogContentText, { ...props }));

package/components/DialogTitle/DialogTitle.js

@@ -1,25 +1,13 @@
-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 { DialogTitle as MuiDialogTitle, } from '@mui/material';
 import { CrossOutlineMd } from '../../icons';
 import { IconButton } from '../IconButton';
-export const DialogTitle = (_a) => {
+export const DialogTitle = ({ children, onClose, ...props }) => {
     // 'escapeKeyDown'  в документашке написано что это опциональный тип, и можно стрингу любую туда закидывать, а по факту либо escapeKeyDown либо backdropClick
-    var { children, onClose } = _a, props = __rest(_a, ["children", "onClose"]);
     const handleTitleClick = (e) => {
         if (onClose) {
             onClose(e, 'escapeKeyDown');
         }
     };
-    return (_jsxs(MuiDialogTitle, Object.assign({}, props, { children: [children, onClose && (_jsx(IconButton, { variant: "text", onClick: handleTitleClick, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E", children: _jsx(CrossOutlineMd, {}) }))] })));
+    return (_jsxs(MuiDialogTitle, { ...props, children: [children, onClose && (_jsx(IconButton, { variant: "text", onClick: handleTitleClick, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E", children: _jsx(CrossOutlineMd, {}) }))] }));
 };

package/components/Divider/Divider.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Divider as MuiDivider, } from '@mui/material';
-export const Divider = (props) => _jsx(MuiDivider, Object.assign({}, props));
+export const Divider = (props) => _jsx(MuiDivider, { ...props });

package/components/DropdownButton/DropdownButton.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 { ClickAwayListener } from '@mui/material';
 import { forwardRef } from 'react';
@@ -16,8 +5,7 @@ import { Button } from '../Button';
 import { Chevron } from '../Chevron';
 import { useMenu } from '../hooks';
 import { Menu } from '../Menu';
-export const DropdownButton = forwardRef((_a, ref) => {
-    var { children, name, popoverProps } = _a, props = __rest(_a, ["children", "name", "popoverProps"]);
+export const DropdownButton = forwardRef(({ children, name, popoverProps, ...props }, ref) => {
     const { open, anchorRef, handleOpenMenu, handleCloseMenu } = useMenu();
-    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, { ref: ref, onClickAway: handleCloseMenu, children: _jsx(Button, Object.assign({}, props, { ref: anchorRef, selected: open, onClick: handleOpenMenu, endIcon: _jsx(Chevron, { isActive: open }), children: name })) }), _jsx(Menu, Object.assign({ open: open, anchorEl: anchorRef.current }, popoverProps, { children: children }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, { ref: ref, onClickAway: handleCloseMenu, children: _jsx(Button, { ...props, ref: anchorRef, selected: open, onClick: handleOpenMenu, endIcon: _jsx(Chevron, { isActive: open }), children: name }) }), _jsx(Menu, { open: open, anchorEl: anchorRef.current, ...popoverProps, children: children })] }));
 });

package/components/EmailField/EmailField.js

@@ -1,24 +1,15 @@
-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 { useHidePersonalData } from '../personalDataSecurity';
 import { TextField } from '../TextField';
 import { classNames } from '../utils';
-export const EmailField = forwardRef((_a, ref) => {
-    var { isHidePersonalData, inputProps } = _a, props = __rest(_a, ["isHidePersonalData", "inputProps"]);
+export const EmailField = forwardRef(({ isHidePersonalData, inputProps, ...props }, ref) => {
     const hidePersonalDataClassname = useHidePersonalData({
         isEnabled: isHidePersonalData,
         type: 'input',
     });
-    return (_jsx(TextField, Object.assign({ ref: ref, type: "email", inputProps: Object.assign(Object.assign({}, inputProps), { className: classNames(inputProps === null || inputProps === void 0 ? void 0 : inputProps.className, hidePersonalDataClassname) }) }, props)));
+    return (_jsx(TextField, { ref: ref, type: "email", inputProps: {
+            ...inputProps,
+            className: classNames(inputProps?.className, hidePersonalDataClassname),
+        }, ...props }));
 });

package/components/EmailOrPhoneField/EmailOrPhoneField.js

@@ -17,5 +17,8 @@ export const EmailOrPhoneField = forwardRef((props, ref) => {
         isEnabled: isHidePersonalData,
         type: 'input',
     });
-    return (_jsx(TextField, Object.assign({ ref: ref, type: "text", onBlur: onBlur, value: inputValue, onChange: onChange, inputProps: Object.assign(Object.assign({}, inputProps), { className: classNames(inputProps === null || inputProps === void 0 ? void 0 : inputProps.className, hidePersonalDataClassname) }) }, restProps)));
+    return (_jsx(TextField, { ref: ref, type: "text", onBlur: onBlur, value: inputValue, onChange: onChange, inputProps: {
+            ...inputProps,
+            className: classNames(inputProps?.className, hidePersonalDataClassname),
+        }, ...restProps }));
 });

package/components/EmailOrPhoneField/useLogic/useLogic.js

@@ -1,17 +1,6 @@
-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 { checkPhone, checkProbablyEmail, formatPhoneToView, normalizePhone, } from '@astral/utils';
 export const useLogic = (props) => {
-    const { onBlur, onChange, value, inputProps, isHidePersonalData } = props, restProps = __rest(props, ["onBlur", "onChange", "value", "inputProps", "isHidePersonalData"]);
+    const { onBlur, onChange, value, inputProps, isHidePersonalData, ...restProps } = props;
     const getFieldType = (targetValue) => {
         if (checkProbablyEmail(targetValue)) {
             return 'email';
@@ -25,7 +14,7 @@ export const useLogic = (props) => {
     const handleChange = (event) => {
         const targetValue = event.target.value;
         const type = getFieldType(targetValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange({
+        onChange?.({
             value: targetValue,
             normalizedValue: type === 'phone' ? normalizePhone(targetValue) : targetValue,
             type,
@@ -37,18 +26,18 @@ export const useLogic = (props) => {
         if (type === 'phone') {
             const normalizedValue = normalizePhone(targetValue);
             const formattedValue = formatPhoneToView(normalizedValue) || '';
-            onChange === null || onChange === void 0 ? void 0 : onChange({
+            onChange?.({
                 value: formattedValue,
                 normalizedValue,
                 type,
             });
         }
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+        onBlur?.(event);
     };
     return {
         onBlur: handleBlur,
         restProps,
-        inputValue: value === null || value === void 0 ? void 0 : value.value,
+        inputValue: value?.value,
         onChange: handleChange,
         inputProps,
         isHidePersonalData,

package/components/ErrorBoundary/ErrorBoundary.js

@@ -25,10 +25,10 @@ class ErrorBoundary extends React.Component {
         };
     }
     static getDerivedStateFromError(error) {
-        var _a, _b;
         return {
             hasError: true,
-            typeError: (_b = (_a = CONDITION_TYPE_ERROR.find(({ condition }) => condition(error))) === null || _a === void 0 ? void 0 : _a.type) !== null && _b !== void 0 ? _b : ErrorBoundaryTypeError.Default,
+            typeError: CONDITION_TYPE_ERROR.find(({ condition }) => condition(error))?.type ??
+                ErrorBoundaryTypeError.Default,
         };
     }
     componentDidCatch(error) {