@astral/ui 4.2.0 → 4.2.1

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

@@ -1,24 +1,12 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateCalendarPrevButtonContainer = exports.DateCalendarPrevButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../../../ConfigProvider");
 const styles_1 = require("./styles");
-exports.DateCalendarPrevButton = (0, react_1.forwardRef)((_a, ref) => {
-    var { postfixTitle, isPlural, isDoubleIcon } = _a, props = __rest(_a, ["postfixTitle", "isPlural", "isDoubleIcon"]);
+exports.DateCalendarPrevButton = (0, react_1.forwardRef)(({ postfixTitle, isPlural, isDoubleIcon, ...props }, ref) => {
     const { previous } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext).datePickerLanguageMap;
-    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, Object.assign({ ref: ref, disabled: !props.onClick, tooltipTitle: `${isPlural ? previous.plural : previous.single} ${postfixTitle}` }, props, { children: isDoubleIcon ? (0, jsx_runtime_1.jsx)(styles_1.DoublePrevIcon, {}) : (0, jsx_runtime_1.jsx)(styles_1.PrevIcon, {}) })));
+    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { ref: ref, disabled: !props.onClick, tooltipTitle: `${isPlural ? previous.plural : previous.single} ${postfixTitle}`, ...props, children: isDoubleIcon ? (0, jsx_runtime_1.jsx)(styles_1.DoublePrevIcon, {}) : (0, jsx_runtime_1.jsx)(styles_1.PrevIcon, {}) }));
 });
 exports.DateCalendarPrevButtonContainer = styles_1.Container;

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

@@ -5,5 +5,5 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const constants_1 = require("../../constants");
 const DateCalendarChevronButton_1 = require("../DateCalendarChevronButton");
 const styles_1 = require("./styles");
-const DateCalendarHead = ({ arrowPostfixTitle, doubleArrowPostfixTitle, onHeadBtnClick, onPrevClick, onDoublePrevClick, onNextClick, onDoubleNextClick, headBtnTitle, headBtnText, isPlural, }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(DateCalendarChevronButton_1.DateCalendarPrevButtonContainer, { className: constants_1.datePickerClassnames.headButtonsContainer, children: [onDoublePrevClick && ((0, jsx_runtime_1.jsx)(DateCalendarChevronButton_1.DateCalendarPrevButton, { isDoubleIcon: true, postfixTitle: doubleArrowPostfixTitle !== null && doubleArrowPostfixTitle !== void 0 ? doubleArrowPostfixTitle : '', onClick: onDoublePrevClick, isPlural: isPlural })), (0, jsx_runtime_1.jsx)(DateCalendarChevronButton_1.DateCalendarPrevButton, { postfixTitle: arrowPostfixTitle, onClick: onPrevClick, isPlural: isPlural })] }), onHeadBtnClick ? ((0, jsx_runtime_1.jsx)(styles_1.HeadButton, { className: constants_1.datePickerClassnames.headTextButton, onClick: onHeadBtnClick, tooltipTitle: headBtnTitle, children: headBtnText })) : ((0, jsx_runtime_1.jsx)(styles_1.HeadText, { className: constants_1.datePickerClassnames.headText, role: "head", children: headBtnText })), (0, jsx_runtime_1.jsxs)(DateCalendarChevronButton_1.DateCalendarNextButtonContainer, { className: constants_1.datePickerClassnames.headButtonsContainer, children: [(0, jsx_runtime_1.jsx)(DateCalendarChevronButton_1.DateCalendarNextButton, { postfixTitle: arrowPostfixTitle, onClick: onNextClick, isPlural: isPlural }), onDoubleNextClick && ((0, jsx_runtime_1.jsx)(DateCalendarChevronButton_1.DateCalendarNextButton, { isDoubleIcon: true, postfixTitle: doubleArrowPostfixTitle !== null && doubleArrowPostfixTitle !== void 0 ? doubleArrowPostfixTitle : '', onClick: onDoubleNextClick, isPlural: isPlural }))] })] }));
+const DateCalendarHead = ({ arrowPostfixTitle, doubleArrowPostfixTitle, onHeadBtnClick, onPrevClick, onDoublePrevClick, onNextClick, onDoubleNextClick, headBtnTitle, headBtnText, isPlural, }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(DateCalendarChevronButton_1.DateCalendarPrevButtonContainer, { className: constants_1.datePickerClassnames.headButtonsContainer, children: [onDoublePrevClick && ((0, jsx_runtime_1.jsx)(DateCalendarChevronButton_1.DateCalendarPrevButton, { isDoubleIcon: true, postfixTitle: doubleArrowPostfixTitle ?? '', onClick: onDoublePrevClick, isPlural: isPlural })), (0, jsx_runtime_1.jsx)(DateCalendarChevronButton_1.DateCalendarPrevButton, { postfixTitle: arrowPostfixTitle, onClick: onPrevClick, isPlural: isPlural })] }), onHeadBtnClick ? ((0, jsx_runtime_1.jsx)(styles_1.HeadButton, { className: constants_1.datePickerClassnames.headTextButton, onClick: onHeadBtnClick, tooltipTitle: headBtnTitle, children: headBtnText })) : ((0, jsx_runtime_1.jsx)(styles_1.HeadText, { className: constants_1.datePickerClassnames.headText, role: "head", children: headBtnText })), (0, jsx_runtime_1.jsxs)(DateCalendarChevronButton_1.DateCalendarNextButtonContainer, { className: constants_1.datePickerClassnames.headButtonsContainer, children: [(0, jsx_runtime_1.jsx)(DateCalendarChevronButton_1.DateCalendarNextButton, { postfixTitle: arrowPostfixTitle, onClick: onNextClick, isPlural: isPlural }), onDoubleNextClick && ((0, jsx_runtime_1.jsx)(DateCalendarChevronButton_1.DateCalendarNextButton, { isDoubleIcon: true, postfixTitle: doubleArrowPostfixTitle ?? '', onClick: onDoubleNextClick, isPlural: isPlural }))] })] }));
 exports.DateCalendarHead = DateCalendarHead;

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

@@ -4,5 +4,5 @@ exports.DateCalendarWrapper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const constants_1 = require("../../constants");
 const styles_1 = require("./styles");
-const DateCalendarWrapper = (props) => ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, Object.assign({ className: constants_1.datePickerClassnames.wrapper }, props)));
+const DateCalendarWrapper = (props) => ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: constants_1.datePickerClassnames.wrapper, ...props }));
 exports.DateCalendarWrapper = DateCalendarWrapper;

package/node/components/DatePicker/DatePicker.js

@@ -11,7 +11,7 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const YearMonthDayPicker_1 = require("./YearMonthDayPicker");
 exports.DatePicker = (0, react_1.forwardRef)((props, forwardedRef) => {
-    const { ref, pickerProps, handleOpen, onAccept, confirmButtonProps, isMobile, DatePickerInputProps, datePickerProps, } = (0, useLogic_1.useLogic)(Object.assign(Object.assign({}, props), { forwardedRef }));
+    const { ref, pickerProps, handleOpen, onAccept, confirmButtonProps, isMobile, DatePickerInputProps, datePickerProps, } = (0, useLogic_1.useLogic)({ ...props, forwardedRef });
     const { className, startAdornment, label, required, helperText, inputProps, mask = constants_1.DEFAULT_DATE_MASK, size, disabled, inputRef, minDate = MinMaxDateContext_1.DEFAULT_MIN_DATE, maxDate = MinMaxDateContext_1.DEFAULT_MAX_DATE, isMondayFirst, isDoubleNavigationButtonsEnabled, hideHelperText = false, } = props;
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: className, children: [(0, jsx_runtime_1.jsx)(DatePickerInput_1.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 })), (0, jsx_runtime_1.jsx)(DatePickerPopover_1.DatePickerPopover, Object.assign({ placement: "bottom-start" }, datePickerProps, { children: (0, jsx_runtime_1.jsx)(MinMaxDateContext_1.MinMaxDateContextProvider, { minDate: minDate, maxDate: maxDate, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledPaper, { children: [(0, jsx_runtime_1.jsx)(YearMonthDayPicker_1.YearMonthDayPicker, Object.assign({ isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled }, pickerProps)), isMobile && ((0, jsx_runtime_1.jsx)(styles_1.ButtonWrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.ConfirmButton, Object.assign({}, confirmButtonProps, { size: "large" })) }))] }) }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: className, children: [(0, jsx_runtime_1.jsx)(DatePickerInput_1.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 }), (0, jsx_runtime_1.jsx)(DatePickerPopover_1.DatePickerPopover, { placement: "bottom-start", ...datePickerProps, children: (0, jsx_runtime_1.jsx)(MinMaxDateContext_1.MinMaxDateContextProvider, { minDate: minDate, maxDate: maxDate, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledPaper, { children: [(0, jsx_runtime_1.jsx)(YearMonthDayPicker_1.YearMonthDayPicker, { isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled, ...pickerProps }), isMobile && ((0, jsx_runtime_1.jsx)(styles_1.ButtonWrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.ConfirmButton, { ...confirmButtonProps, size: "large" }) }))] }) }) })] }));
 });

package/node/components/DatePicker/DatePickerInput/DatePickerInput.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePickerInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -22,15 +11,13 @@ const styles_1 = require("./styles");
  * регулярка, указывающая на любые буквы и цифры длинной от 1 до 4 символов включительно
  */
 const KEYS_IN_MASK = /\w{1,4}/g;
-exports.DatePickerInput = (0, react_1.forwardRef)((_a, ref) => {
-    var { onClick, mask, size = 'medium', onFocus, disabled, placeholder = constants_1.DEFAULT_PLACEHOLDER, startAdornment } = _a, props = __rest(_a, ["onClick", "mask", "size", "onFocus", "disabled", "placeholder", "startAdornment"]);
+exports.DatePickerInput = (0, react_1.forwardRef)(({ onClick, mask, size = 'medium', onFocus, disabled, placeholder = constants_1.DEFAULT_PLACEHOLDER, startAdornment, ...props }, ref) => {
     const [normalizedMask, maskBlocks] = (0, react_1.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'));
@@ -46,10 +33,14 @@ exports.DatePickerInput = (0, react_1.forwardRef)((_a, ref) => {
     }, [mask]);
     //Определяем активный обработчик focus для обертки если состояние не disabled
     const handleFocusWrapper = (0, react_1.useMemo)(() => (!disabled ? onFocus : undefined), [disabled, onFocus]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { onFocus: handleFocusWrapper, tabIndex: -1, "aria-disabled": disabled, children: (0, jsx_runtime_1.jsx)(styles_1.StyledMaskField, Object.assign({}, props, { ref: ref, size: size, disabled: disabled, mask: normalizedMask, unmask: false, blocks: maskBlocks, placeholder: placeholder, autofix: false, fullWidth: true, InputProps: {
+    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { onFocus: handleFocusWrapper, tabIndex: -1, "aria-disabled": disabled, children: (0, jsx_runtime_1.jsx)(styles_1.StyledMaskField, { ...props, ref: ref, size: size, disabled: disabled, mask: normalizedMask, unmask: false, blocks: maskBlocks, placeholder: placeholder, autofix: false, fullWidth: true, InputProps: {
                 endAdornment: (0, jsx_runtime_1.jsx)(icons_1.CalendarOutlineMd, {}),
                 startAdornment,
-            }, inputProps: Object.assign(Object.assign({ autoComplete: 'off' }, props.inputProps), { ref }), 
+            }, inputProps: {
+                autoComplete: 'off',
+                ...props.inputProps,
+                ref,
+            }, 
             // Обрабатываем клик на контейнере, а не в инпуте, это связано с неактивной областью с иконкой (endAdornment)
-            onClick: onClick })) }));
+            onClick: onClick }) }));
 });

package/node/components/DatePicker/DatePickerPopover/DatePickerPopover.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePickerPopover = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -18,8 +7,7 @@ const ClickAwayListener_1 = require("../../ClickAwayListener");
 const hooks_1 = require("../../hooks");
 const constants_1 = require("../constants");
 const styles_1 = require("./styles");
-const DatePickerPopover = (_a) => {
-    var { children, onMouseEnter, onMouseLeave, onClose, anchorEl, title, open } = _a, props = __rest(_a, ["children", "onMouseEnter", "onMouseLeave", "onClose", "anchorEl", "title", "open"]);
+const DatePickerPopover = ({ children, onMouseEnter, onMouseLeave, onClose, anchorEl, title, open, ...props }) => {
     const { isMobile } = (0, hooks_1.useViewportType)();
     const { shouldRender, handleAnimationEnd } = (0, hooks_1.usePopoverAnimation)(open);
     if (isMobile) {
@@ -27,6 +15,6 @@ const DatePickerPopover = (_a) => {
             // Отключает простановку фокуса в инпут при закрытии Drawer
             disableRestoreFocus: true, children: children }));
     }
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledPopper, Object.assign({ className: constants_1.datePickerClassnames.popover, open: shouldRender, anchorEl: anchorEl }, props, { children: (0, jsx_runtime_1.jsx)(styles_1.AnimatedWrapper, { "$isOpen": open, onAnimationEnd: handleAnimationEnd, children: (0, jsx_runtime_1.jsx)(ClickAwayListener_1.ClickAwayListener, { onClickAway: onClose, children: (0, jsx_runtime_1.jsx)(styles_1.InnerContainer, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, className: constants_1.datePickerClassnames.popoverContainer, children: children }) }) }) })));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledPopper, { className: constants_1.datePickerClassnames.popover, open: shouldRender, anchorEl: anchorEl, ...props, children: (0, jsx_runtime_1.jsx)(styles_1.AnimatedWrapper, { "$isOpen": open, onAnimationEnd: handleAnimationEnd, children: (0, jsx_runtime_1.jsx)(ClickAwayListener_1.ClickAwayListener, { onClickAway: onClose, children: (0, jsx_runtime_1.jsx)(styles_1.InnerContainer, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, className: constants_1.datePickerClassnames.popoverContainer, children: children }) }) }) }));
 };
 exports.DatePickerPopover = DatePickerPopover;

package/node/components/DatePicker/DayPicker/DayPicker.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DayPicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -22,8 +11,7 @@ const DateCalendar_1 = require("../DateCalendar");
 const useCalendarNavigate_1 = require("../hooks/useCalendarNavigate");
 const MinMaxDateContext_1 = require("../MinMaxDateContext");
 const PopoverHoveredContext_1 = require("../PopoverHoveredContext");
-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"]);
+const DayPicker = ({ date: initialDate, selectedDate, onChange, isMondayFirst, rangeDate, onDayHover, hoveredDayDate, isDoubleNavigationButtonsEnabled, ...headProps }) => {
     const monthYearFormat = (0, hooks_1.useLocaleDateTimeFormat)({
         month: 'long',
         year: 'numeric',
@@ -48,7 +36,7 @@ const DayPicker = (_a) => {
      */
     (0, react_1.useEffect)(() => {
         if (!popoverHovered) {
-            onDayHover === null || onDayHover === void 0 ? void 0 : onDayHover();
+            onDayHover?.();
         }
     }, [onDayHover, popoverHovered]);
     const renderDayTooltipTitle = (0, react_1.useCallback)(({ date }) => {
@@ -60,6 +48,6 @@ const DayPicker = (_a) => {
         }
         return [{ dateA: selectedDate, dateB: rangeDate }];
     }, [selectedDate, rangeDate]);
-    return ((0, jsx_runtime_1.jsxs)(DateCalendar_1.DateCalendarWrapper, { children: [(0, jsx_runtime_1.jsx)(DateCalendar_1.DateCalendarHead, Object.assign({}, headProps, { arrowPostfixTitle: monthCaption.single, doubleArrowPostfixTitle: yearCaption.single, onPrevClick: handlePrevClick, onDoublePrevClick: handleDoublePrevClick, onNextClick: handleNextClick, onDoubleNextClick: handleDoubleNextClick, headBtnText: monthYearFormat(baseDate) })), (0, jsx_runtime_1.jsx)(DateCalendar_1.StaticDaysCalendarWrapper, { className: constants_1.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 ((0, jsx_runtime_1.jsxs)(DateCalendar_1.DateCalendarWrapper, { children: [(0, jsx_runtime_1.jsx)(DateCalendar_1.DateCalendarHead, { ...headProps, arrowPostfixTitle: monthCaption.single, doubleArrowPostfixTitle: yearCaption.single, onPrevClick: handlePrevClick, onDoublePrevClick: handleDoublePrevClick, onNextClick: handleNextClick, onDoubleNextClick: handleDoubleNextClick, headBtnText: monthYearFormat(baseDate) }), (0, jsx_runtime_1.jsx)(DateCalendar_1.StaticDaysCalendarWrapper, { className: constants_1.datePickerClassnames.daysContainer, renderDayTooltipTitle: renderDayTooltipTitle, minDate: minDate, maxDate: maxDate, selectedDate: selectedDate, baseDate: baseDate, onDayHover: onDayHover, hoveredDate: hoveredDayDate, selectedRanges: selectedRanges, onChange: onChange, isMondayFirst: isMondayFirst, checkTooltipActive: () => false })] }));
 };
 exports.DayPicker = DayPicker;

package/node/components/DatePicker/MonthPicker/MonthPicker.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MonthPicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -21,8 +10,7 @@ const constants_1 = require("../constants");
 const DateCalendar_1 = require("../DateCalendar");
 const useCalendarNavigate_1 = require("../hooks/useCalendarNavigate");
 const hooks_2 = require("./hooks");
-const MonthPicker = (_a) => {
-    var { date: initialDate, selectedDate, onChange, rangeDate } = _a, headProps = __rest(_a, ["date", "selectedDate", "onChange", "rangeDate"]);
+const MonthPicker = ({ date: initialDate, selectedDate, onChange, rangeDate, ...headProps }) => {
     const monthFormat = (0, hooks_1.useLocaleDateTimeFormat)({
         month: 'long',
     });
@@ -42,10 +30,6 @@ const MonthPicker = (_a) => {
             : null,
     });
     const { year: yearCaption } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext).datePickerLanguageMap;
-    return ((0, jsx_runtime_1.jsxs)(DateCalendar_1.DateCalendarWrapper, { children: [(0, jsx_runtime_1.jsx)(DateCalendar_1.DateCalendarHead, Object.assign({}, headProps, { arrowPostfixTitle: yearCaption.single, onPrevClick: handlePrevClick, onNextClick: handleNextClick, headBtnText: baseDate.getUTCFullYear() })), (0, jsx_runtime_1.jsx)(DateCalendar_1.DateCalendarGridLarge, { className: constants_1.datePickerClassnames.monthsContainer, children: grid.map((_a, index) => {
-                    var _b;
-                    var { month, date, isDisabled, isSelected } = _a, props = __rest(_a, ["month", "date", "isDisabled", "isSelected"]);
-                    return ((0, jsx_runtime_1.jsx)(DateCalendar_1.DateCalendarGridButtonLarge, Object.assign({ onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange(date), tooltipTitle: titleFormat(date), lengthInRow: constants_1.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 ((0, jsx_runtime_1.jsxs)(DateCalendar_1.DateCalendarWrapper, { children: [(0, jsx_runtime_1.jsx)(DateCalendar_1.DateCalendarHead, { ...headProps, arrowPostfixTitle: yearCaption.single, onPrevClick: handlePrevClick, onNextClick: handleNextClick, headBtnText: baseDate.getUTCFullYear() }), (0, jsx_runtime_1.jsx)(DateCalendar_1.DateCalendarGridLarge, { className: constants_1.datePickerClassnames.monthsContainer, children: grid.map(({ month, date, isDisabled, isSelected, ...props }, index) => ((0, jsx_runtime_1.jsx)(DateCalendar_1.DateCalendarGridButtonLarge, { onClick: () => onChange?.(date), tooltipTitle: titleFormat(date), lengthInRow: constants_1.ELEMENTS_COUNT_IN_ROW_IN_LARGE_GRID, isPreviousItemInSelectedRange: grid[index - 1]?.isInSelectedRange, disabled: isDisabled, selected: isSelected, isTooltipActive: false, ...props, children: monthFormat(date) }, month))) })] }));
 };
 exports.MonthPicker = MonthPicker;

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

@@ -8,15 +8,14 @@ const MinMaxDateContext_1 = require("../../../MinMaxDateContext");
 const useMonthsGrid = ({ baseDate, selectedDate, selectedRanges, }) => {
     const { maxDate, minDate } = (0, react_1.useContext)(MinMaxDateContext_1.MinMaxDateContext);
     return (0, react_1.useMemo)(() => {
-        var _a;
         const grid = [];
         const startDate = (0, date_1.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 < constants_1.MONTHS_IN_YEAR; i++) {
             const date = (0, date_1.buildIsoDate)({ year, month: i + 1 });
             grid.push({
@@ -24,12 +23,12 @@ 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 }) => (0, date_1.checkIsDateInRange)({
+                isInSelectedRange: selectedRanges?.some(({ dateA, dateB }) => (0, date_1.checkIsDateInRange)({
                     date,
                     dateA,
                     dateB,
                     deep: date_1.DateCompareDeep.Month,
-                }))) !== null && _a !== void 0 ? _a : false,
+                })) ?? false,
                 isDisabled: (0, date_1.isDateOutOfRange)({
                     date,
                     dateA: minDate,

package/node/components/DatePicker/YearMonthDayPicker/YearMonthDayPicker.js

@@ -23,7 +23,7 @@ const YearMonthDayPicker = ({ onChange, date: initialDate, rangeDate, selectedDa
     // что приводит к срабатыванию события потери фокуса,
     // и, следовательно, закрытию пикера.
     // для решения проблемы, вручную фокусируемся на враппере
-    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/node/components/DatePicker/YearPicker/YearPicker.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YearPicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -21,9 +10,7 @@ const DateCalendar_1 = require("../DateCalendar");
 const useCalendarNavigate_1 = require("../hooks/useCalendarNavigate");
 const constants_2 = require("./constants");
 const hooks_1 = require("./hooks");
-const YearPicker = (_a) => {
-    var _b, _c;
-    var { date: initialDate, selectedDate, onChange, rangeDate } = _a, headProps = __rest(_a, ["date", "selectedDate", "onChange", "rangeDate"]);
+const YearPicker = ({ date: initialDate, selectedDate, onChange, rangeDate, ...headProps }) => {
     const { baseDate, handlePrevClick, handleNextClick } = (0, useCalendarNavigate_1.useCalendarNavigate)({
         date: initialDate,
         addCb: (date, direction) => (0, utils_1.addYears)(date, constants_2.YEARS_IN_GRID * direction),
@@ -36,10 +23,6 @@ const YearPicker = (_a) => {
             : null,
     });
     const { year: yearCaption } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext).datePickerLanguageMap;
-    return ((0, jsx_runtime_1.jsxs)(DateCalendar_1.DateCalendarWrapper, { children: [(0, jsx_runtime_1.jsx)(DateCalendar_1.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}` })), (0, jsx_runtime_1.jsx)(DateCalendar_1.DateCalendarGridLarge, { className: constants_1.datePickerClassnames.yearsContainer, children: grid.map((_a, index) => {
-                    var _b;
-                    var { year, date, isDisabled, isSelected } = _a, props = __rest(_a, ["year", "date", "isDisabled", "isSelected"]);
-                    return ((0, jsx_runtime_1.jsx)(DateCalendar_1.DateCalendarGridButtonLarge, Object.assign({ onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange(date), lengthInRow: constants_1.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 ((0, jsx_runtime_1.jsxs)(DateCalendar_1.DateCalendarWrapper, { children: [(0, jsx_runtime_1.jsx)(DateCalendar_1.DateCalendarHead, { ...headProps, arrowPostfixTitle: yearCaption.plural, isPlural: true, onPrevClick: handlePrevClick, onNextClick: handleNextClick, headBtnText: `${grid[0]?.year}-${grid.at(-1)?.year}` }), (0, jsx_runtime_1.jsx)(DateCalendar_1.DateCalendarGridLarge, { className: constants_1.datePickerClassnames.yearsContainer, children: grid.map(({ year, date, isDisabled, isSelected, ...props }, index) => ((0, jsx_runtime_1.jsx)(DateCalendar_1.DateCalendarGridButtonLarge, { onClick: () => onChange?.(date), lengthInRow: constants_1.ELEMENTS_COUNT_IN_ROW_IN_LARGE_GRID, isPreviousItemInSelectedRange: grid[index - 1]?.isInSelectedRange, disabled: isDisabled, selected: isSelected, isTooltipActive: false, ...props, children: year }, year))) })] }));
 };
 exports.YearPicker = YearPicker;

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

@@ -11,11 +11,10 @@ const YEAR_OFFSET = 4;
 const useYearsGrid = ({ baseDate, selectedDate, selectedRanges, }) => {
     const { maxDate, minDate } = (0, react_1.useContext)(MinMaxDateContext_1.MinMaxDateContext);
     return (0, react_1.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 < constants_1.YEARS_IN_GRID - YEAR_OFFSET; i++) {
             const date = (0, date_1.buildIsoDate)({ year: baseYear + i });
             const year = date.getUTCFullYear();
@@ -24,12 +23,12 @@ 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 }) => (0, date_1.checkIsDateInRange)({
+                isInSelectedRange: selectedRanges?.some(({ dateA, dateB }) => (0, date_1.checkIsDateInRange)({
                     date,
                     dateA,
                     dateB,
                     deep: date_1.DateCompareDeep.Year,
-                }))) !== null && _a !== void 0 ? _a : false,
+                })) ?? false,
                 isDisabled: (0, date_1.isDateOutOfRange)({
                     date,
                     dateA: minDate,

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

@@ -14,12 +14,10 @@ const useCalendarNavigate = ({ date, addCb, addDoubleCb, }) => {
         setBaseDate(addCb(baseDate, -1));
     }, [baseDate]);
     const handleDoubleNextClick = (0, react_1.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 = (0, react_1.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]);
     (0, react_1.useEffect)(() => {
         setBaseDate(date);

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

@@ -13,15 +13,15 @@ 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((0, date_1.parseDate)(value, mask));
+            onChangeValue?.((0, date_1.parseDate)(value, mask));
         }
     };
     const handleChangeMaskedDate = (date) => {
         setMaskedValue((0, date_1.formatDate)(date, mask));
-        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(date);
+        onChangeValue?.(date);
     };
     // здесь происходит реакция на изменение value из вне (управляемый компонент)
     (0, react_1.useEffect)(() => {

package/node/components/DatePicker/useLogic/useLogic.js

@@ -19,12 +19,12 @@ const useLogic = ({ label, value, maxDate = MinMaxDateContext_1.DEFAULT_MAX_DATE
     });
     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) => {
@@ -36,7 +36,7 @@ const useLogic = ({ label, value, maxDate = MinMaxDateContext_1.DEFAULT_MAX_DATE
     };
     const handleChange = (date) => {
         if (!isMobile) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(date);
+            onChange?.(date);
         }
     };
     const { onAccept, inputProps: calculatedInputProps, pickerProps, } = (0, hooks_2.useDatePickerOptions)({
@@ -48,7 +48,7 @@ const useLogic = ({ label, value, maxDate = MinMaxDateContext_1.DEFAULT_MAX_DATE
         onChange: handleChange,
     });
     const handleConfirm = () => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(selectedDate);
+        onChange?.(selectedDate);
         handleClose();
     };
     const datePickerProps = {

package/node/components/DateRangePicker/DateRangePicker.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateRangePicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -23,10 +12,10 @@ const DEFAULT_SPACING = 1;
 exports.DateRangePicker = (0, react_1.forwardRef)((props, forwardedRef) => {
     const { ref, startDatePickerInputProps, endDatePickerInputProps, popoverHoveredContextProviderProps, datePickerPopoverProps, minMaxDateContextProviderProps, startYearMonthDayPickerProps, endYearMonthDayPickerProps, } = (0, useLogic_1.useLogic)(props, forwardedRef);
     const { startDateProps = {}, endDateProps = {}, mask = DatePicker_1.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 ((0, jsx_runtime_1.jsxs)(Grid_1.Grid, { ref: ref, children: [(0, jsx_runtime_1.jsxs)(Grid_1.Grid, { container: true, spacing: spacing, direction: "column", columns: "repeat(2, 1fr)", children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDatePickerInput, Object.assign({}, startDateInputProps, restStartDateProps, { 
+    const { inputProps: startDateInputProps, ...restStartDateProps } = startDateProps || {};
+    const { inputProps: endDateInputProps, ...restEndDateProps } = endDateProps || {};
+    return ((0, jsx_runtime_1.jsxs)(Grid_1.Grid, { ref: ref, children: [(0, jsx_runtime_1.jsxs)(Grid_1.Grid, { container: true, spacing: spacing, direction: "column", columns: "repeat(2, 1fr)", children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDatePickerInput, { ...startDateInputProps, ...restStartDateProps, 
                         // TODO Пропс margin=none пока не работает, поэтому стилизуем компонент
                         // https://track.astral.ru/soft/browse/UIKIT-1333
-                        mask: mask, size: size, disabled: isDisabled, error: isError }, startDatePickerInputProps)), (0, jsx_runtime_1.jsx)(styles_1.StyledDatePickerInput, Object.assign({}, endDateInputProps, restEndDateProps, { size: size, mask: mask, disabled: isDisabled, error: isError }, endDatePickerInputProps))] }), (0, jsx_runtime_1.jsx)(FormHelperText_1.FormHelperText, { error: isError, hideHelperText: hideHelperText, children: helperText && helperText }), (0, jsx_runtime_1.jsx)(DatePicker_1.PopoverHoveredContextProvider, Object.assign({}, popoverHoveredContextProviderProps, { children: (0, jsx_runtime_1.jsx)(DatePicker_1.MinMaxDateContextProvider, Object.assign({}, minMaxDateContextProviderProps, { children: (0, jsx_runtime_1.jsx)(DatePicker_1.DatePickerPopover, Object.assign({}, datePickerPopoverProps, { children: (0, jsx_runtime_1.jsxs)(styles_1.StyledPaper, { children: [(0, jsx_runtime_1.jsx)(DatePicker_1.YearMonthDayPicker, Object.assign({ isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled }, startYearMonthDayPickerProps)), (0, jsx_runtime_1.jsx)(styles_1.PickerSplitter, {}), (0, jsx_runtime_1.jsx)(DatePicker_1.YearMonthDayPicker, Object.assign({ isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled }, endYearMonthDayPickerProps))] }) })) })) }))] }));
+                        mask: mask, size: size, disabled: isDisabled, error: isError, ...startDatePickerInputProps }), (0, jsx_runtime_1.jsx)(styles_1.StyledDatePickerInput, { ...endDateInputProps, ...restEndDateProps, size: size, mask: mask, disabled: isDisabled, error: isError, ...endDatePickerInputProps })] }), (0, jsx_runtime_1.jsx)(FormHelperText_1.FormHelperText, { error: isError, hideHelperText: hideHelperText, children: helperText && helperText }), (0, jsx_runtime_1.jsx)(DatePicker_1.PopoverHoveredContextProvider, { ...popoverHoveredContextProviderProps, children: (0, jsx_runtime_1.jsx)(DatePicker_1.MinMaxDateContextProvider, { ...minMaxDateContextProviderProps, children: (0, jsx_runtime_1.jsx)(DatePicker_1.DatePickerPopover, { ...datePickerPopoverProps, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledPaper, { children: [(0, jsx_runtime_1.jsx)(DatePicker_1.YearMonthDayPicker, { isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled, ...startYearMonthDayPickerProps }), (0, jsx_runtime_1.jsx)(styles_1.PickerSplitter, {}), (0, jsx_runtime_1.jsx)(DatePicker_1.YearMonthDayPicker, { isMondayFirst: isMondayFirst, isDoubleNavigationButtonsEnabled: isDoubleNavigationButtonsEnabled, ...endYearMonthDayPickerProps })] }) }) }) })] }));
 });

package/node/components/DateRangePicker/useLogic/useLogic.js

@@ -25,12 +25,12 @@ const useLogic = ({ value, minDate = DatePicker_1.DEFAULT_MIN_DATE, maxDate = Da
         setIsEndDateSelected(false);
     }, [isOpen]);
     const selectedStartBaseDate = (0, DatePicker_1.useSelectedBaseDate)({
-        currentValue: value === null || value === void 0 ? void 0 : value.start,
+        currentValue: value?.start,
         minDate,
         maxDate,
     });
     const selectedEndBaseDate = (0, DatePicker_1.useSelectedBaseDate)({
-        currentValue: value === null || value === void 0 ? void 0 : value.end,
+        currentValue: value?.end,
         minDate,
         maxDate,
     });
@@ -41,59 +41,55 @@ const useLogic = ({ value, minDate = DatePicker_1.DEFAULT_MIN_DATE, maxDate = Da
         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, } = (0, DatePicker_1.useMaskedValue)({
-        currentValue: value === null || value === void 0 ? void 0 : value.start,
+        currentValue: value?.start,
         mask,
         onChangeValue: handleChangeStartDate,
     });
     const { maskedValue: endMaskedValue, onMaskedValueChange: onMaskedEndValueChange, onMaskedDateChange: onMaskedEndDateChange, } = (0, DatePicker_1.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();
         }
@@ -142,19 +138,19 @@ const useLogic = ({ value, minDate = DatePicker_1.DEFAULT_MIN_DATE, maxDate = Da
             minDate: isStartDateSelected
                 ? (0, utils_1.getBoundaryDate)({
                     reserve: minDate,
-                    target: value === null || value === void 0 ? void 0 : value.start,
+                    target: value?.start,
                 })
                 : minDate,
             maxDate: isEndDateSelected
                 ? (0, utils_1.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,
@@ -162,7 +158,7 @@ const useLogic = ({ value, minDate = DatePicker_1.DEFAULT_MIN_DATE, maxDate = Da
         },
         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/node/components/Description/Description.js

@@ -11,7 +11,7 @@ const Value_1 = require("./Value");
 const Description = (props) => {
     const { descriptionContextProviderProps, direction } = (0, useLogic_1.useLogic)(props);
     const { justifyContent = 'start', component = 'dl', children, leader = false, } = props;
-    return ((0, jsx_runtime_1.jsx)(DescriptionContext_1.DescriptionContextProvider, Object.assign({ leader: leader, direction: direction }, descriptionContextProviderProps, { children: (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { "$justifyContent": justifyContent, className: constants_1.descriptionClassnames.root, "$direction": direction, as: component, children: children }) })));
+    return ((0, jsx_runtime_1.jsx)(DescriptionContext_1.DescriptionContextProvider, { leader: leader, direction: direction, ...descriptionContextProviderProps, children: (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { "$justifyContent": justifyContent, className: constants_1.descriptionClassnames.root, "$direction": direction, as: component, children: children }) }));
 };
 exports.Description = Description;
 exports.Description.Name = Name_1.Name;