@alfalab/core-components 44.5.1-beta.2 → 44.5.1-beta.3

package/universal-date-input/modern/components/date-input/Component.js

@@ -1,31 +1,26 @@
 import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
-import isValid from 'date-fns/isValid';
 import { Input } from '../../../../input/modern';
 import { Popover } from '../../../../popover/modern';
 import { getDataTestId } from '../../../../shared/modern';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_TIME_SEPARATOR, DEFAULT_MIN_DATE, DEFAULT_MAX_DATE, DATE_TIME_FORMAT, DATE_FORMAT } from '../../consts.js';
-import { isValidDate, isCompleteTime, formatDate, isCompleteDate, preventDefault, parseDateString } from '../../utils/index.js';
-import { s as styles } from '../../index.module-423da7f8.js';
+import { isValidDate, isCompleteTime, formatDate, preventDefault, isCompleteDate, parseDateString } from '../../utils/index.js';
+import { s as styles } from '../../index.module-662b4af0.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 
-function getDefaultValue(defaultValue, withTime) {
-    if (defaultValue && isValid(new Date(defaultValue))) {
-        return formatDate(defaultValue, withTime ? DATE_TIME_FORMAT : DATE_FORMAT);
-    }
-    return '';
-}
-const DateInput = forwardRef(({ autoCorrection, open, value: valueProp, inputWrapperRef: inputWrapperRefProp = null, defaultValue, minDate = DEFAULT_MIN_DATE, maxDate = DEFAULT_MAX_DATE, picker, rightAddons, Calendar, calendarProps = {}, platform, calendarRef, onInputChange, onChange, onBlur, onCalendarClose, onPickerClick, error, popoverProps, dataTestId, wrapperClassName, wrapperHandlers, block, withTime, breakpoint, clear, onClear, ...restProps }, ref) => {
-    const [inputValue, setInputValue] = useState(() => getDefaultValue(defaultValue, withTime));
+const DateInput = forwardRef(({ autoCorrection, open, value: valueProp, inputWrapperRef: inputWrapperRefProp = null, defaultValue, minDate = DEFAULT_MIN_DATE, maxDate = DEFAULT_MAX_DATE, picker, rightAddons, Calendar, calendarProps = {}, platform, calendarRef, onComplete, onChange, onBlur, onCalendarClose, onPickerClick, error, popoverProps, dataTestId, wrapperClassName, wrapperHandlers, block, withTime, breakpoint, ...restProps }, ref) => {
+    const [value, setValue] = useState(defaultValue);
     const lastValidDate = useRef('');
     const inputRef = useRef(null);
     const inputWrapperRef = useRef(null);
+    const uncontrolled = valueProp === undefined;
     const { offDays } = calendarProps;
+    const inputValue = valueProp ?? value ?? '';
     const [inputDate, inputTime] = inputValue.split(DATE_TIME_SEPARATOR);
     const isValidValue = isValidDate({ value: inputDate, minDate, maxDate, offDays });
     useEffect(() => {
@@ -38,13 +33,6 @@ const DateInput = forwardRef(({ autoCorrection, open, value: valueProp, inputWra
             }
         }
     }, [autoCorrection, minDate, withTime, isValidValue, inputValue]);
-    useEffect(() => {
-        if (valueProp !== undefined) {
-            setInputValue(valueProp && isValid(valueProp)
-                ? formatDate(valueProp, withTime ? DATE_TIME_FORMAT : DATE_FORMAT)
-                : '');
-        }
-    }, [valueProp, withTime]);
     const getInnerError = () => {
         if (autoCorrection) {
             const isComplete = isCompleteDate(inputDate) && isCompleteTime(inputTime, withTime);
@@ -52,24 +40,24 @@ const DateInput = forwardRef(({ autoCorrection, open, value: valueProp, inputWra
         }
         return false;
     };
-    const callOnChange = (val) => {
-        onChange?.(val ? parseDateString(val, withTime ? DATE_TIME_FORMAT : DATE_FORMAT) : null, val);
+    const callOnComplete = (val) => {
+        onComplete?.(val, parseDateString(val, withTime ? DATE_TIME_FORMAT : DATE_FORMAT));
         lastValidDate.current = val;
     };
-    const changeInputValue = (val, event) => {
-        onInputChange?.(event, { value: val });
+    const changeValue = (val, event) => {
+        onChange?.(event, { value: val });
         const [date, time = ''] = val.split(DATE_TIME_SEPARATOR);
-        setInputValue(val);
-        if (val === '' || (isCompleteDate(date) && isCompleteTime(time, withTime))) {
-            callOnChange(val);
-        }
+        if (uncontrolled)
+            setValue(val);
+        if (isCompleteDate(date) && isCompleteTime(time, withTime))
+            callOnComplete(val);
     };
-    const handleInputChange = (event) => {
-        changeInputValue(event.target.value, event);
+    const handleChange = (event) => {
+        changeValue(event.target.value, event);
     };
     const handleCalendarChange = (date) => {
         if (date) {
-            changeInputValue(formatDate(date, withTime ? DATE_TIME_FORMAT : DATE_FORMAT), null);
+            changeValue(formatDate(date, withTime ? DATE_TIME_FORMAT : DATE_FORMAT), null);
             requestAnimationFrame(() => {
                 const dateLen = DATE_FORMAT.length;
                 const newCaretPos = withTime ? dateLen + DATE_TIME_SEPARATOR.length : dateLen;
@@ -85,17 +73,13 @@ const DateInput = forwardRef(({ autoCorrection, open, value: valueProp, inputWra
             const dateFilled = isCompleteDate(inputDate);
             if (dateFilled && !isCompleteTime(inputTime, withTime)) {
                 const [, prevTime] = lastValidDate.current.split(DATE_TIME_SEPARATOR);
-                changeInputValue(`${inputDate}${DATE_TIME_SEPARATOR}${prevTime}`, null);
+                changeValue(`${inputDate}${DATE_TIME_SEPARATOR}${prevTime}`, null);
             }
             if (inputValue && !dateFilled) {
-                changeInputValue(lastValidDate.current, null);
+                changeValue(lastValidDate.current, null);
             }
         }
     };
-    const handleClear = (event) => {
-        changeInputValue('', null);
-        onClear?.(event);
-    };
     const renderCalendar = () => {
         if (picker && Calendar) {
             return (
@@ -108,7 +92,7 @@ const DateInput = forwardRef(({ autoCorrection, open, value: valueProp, inputWra
     return (React.createElement("div", { ...wrapperHandlers, className: cn(styles.wrapper, wrapperClassName, {
             [styles.block]: block,
         }), tabIndex: -1, "data-test-id": getDataTestId(dataTestId, 'wrapper') },
-        React.createElement(Input, { ...restProps, clear: clear && isCompleteDate(inputDate) && isCompleteTime(inputTime, withTime), onClear: valueProp === undefined ? handleClear : onClear, breakpoint: breakpoint, dataTestId: dataTestId, wrapperRef: mergeRefs([inputWrapperRef, inputWrapperRefProp]), ref: mergeRefs([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleInputChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React.createElement(React.Fragment, null,
+        React.createElement(Input, { ...restProps, breakpoint: breakpoint, dataTestId: dataTestId, wrapperRef: mergeRefs([inputWrapperRef, inputWrapperRefProp]), ref: mergeRefs([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 picker && (React.createElement(CalendarMIcon, { onClick: onPickerClick, className: styles.calendarIcon, onMouseDown: preventDefault }))) }),
         platform === 'desktop' ? (React.createElement(Popover, { offset: [0, 4], position: 'bottom-start', dataTestId: getDataTestId(dataTestId, 'popover'), ...popoverProps, open: open, anchorElement: inputWrapperRef.current, popperClassName: cn(styles.calendarContainer, popoverProps?.popperClassName), withTransition: false }, renderCalendar())) : (renderCalendar())));

package/universal-date-input/modern/components/date-input/index.js

@@ -2,15 +2,14 @@ export { DateInput } from './Component.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
-import 'date-fns/isValid';
 import '../../../../input/modern';
 import '../../../../popover/modern';
 import '../../../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
 import '../../consts.js';
+import '../../utils/index.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../index.module-423da7f8.js';
-import '../../utils/index.js';
+import '../../index.module-662b4af0.js';

package/universal-date-input/modern/components/date-range-input/Component.js

@@ -1,37 +1,29 @@
 import React, { forwardRef, useState, useRef, useMemo, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
-import isAfter from 'date-fns/isAfter';
-import isValid from 'date-fns/isValid';
 import startOfMonth from 'date-fns/startOfMonth';
 import { Input } from '../../../../input/modern';
 import { Popover } from '../../../../popover/modern';
 import { getDataTestId } from '../../../../shared/modern';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_RANGE_SEPARATOR, DEFAULT_MAX_DATE, DEFAULT_MIN_DATE } from '../../consts.js';
-import { getValidRange, formatDate, formatDateRange, isCompleteDateRange, preventDefault, isCompleteDate, parseDateString, updateRange } from '../../utils/index.js';
-import { s as styles } from '../../index.module-423da7f8.js';
+import { getValidRange, formatDate, preventDefault, isCompleteDate, isCompleteDateRange, updateRange, parseDateString } from '../../utils/index.js';
+import { s as styles } from '../../index.module-662b4af0.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 
-function getDefaultValue(defaultValue) {
-    if (defaultValue && isValid(defaultValue.dateFrom) && isValid(defaultValue.dateTo)) {
-        return formatDateRange(defaultValue);
-    }
-    return '';
-}
-const DateRangeInput = forwardRef(({ autoCorrection, breakpoint, wrapperClassName, open, onCalendarClose, value: valueProp, defaultValue, inputWrapperRef: inputWrapperRefProp = null, onInputChange, onChange, onBlur, Calendar, wrapperHandlers, calendarRef, calendarProps = {}, minDate = DEFAULT_MAX_DATE, maxDate = DEFAULT_MIN_DATE, block, dataTestId, error, popoverProps, rightAddons, picker, platform, onPickerClick, rangeBehavior = 'clarification', clear, onClear, ...restProps }, ref) => {
-    const [inputValue, setInputValue] = useState(() => getDefaultValue(defaultValue));
+const DateRangeInput = forwardRef(({ autoCorrection, breakpoint, wrapperClassName, open, onCalendarClose, value: valueProp, defaultValue, inputWrapperRef: inputWrapperRefProp = null, onComplete, onChange, onBlur, Calendar, wrapperHandlers, calendarRef, calendarProps = {}, minDate = DEFAULT_MAX_DATE, maxDate = DEFAULT_MIN_DATE, block, dataTestId, error, popoverProps, rightAddons, picker, platform, onPickerClick, rangeBehavior = 'clarification', ...restProps }, ref) => {
+    const [value, setValue] = useState(defaultValue);
     const [calendarMonth, setCalendarMonth] = useState(calendarProps.defaultMonth);
     const lastValidRange = useRef('');
     const inputRef = useRef(null);
     const inputWrapperRef = useRef(null);
+    const uncontrolled = valueProp === undefined;
+    const inputValue = valueProp ?? value ?? '';
     const { offDays } = calendarProps;
     const [from = '', to = ''] = inputValue.split(DATE_RANGE_SEPARATOR);
-    const dateFromProp = valueProp?.dateFrom;
-    const dateToProp = valueProp?.dateTo;
     const { validFrom, validTo } = useMemo(() => getValidRange({ from, to, offDays, minDate, maxDate }), [from, to, offDays, maxDate, minDate]);
     useEffect(() => {
         if (autoCorrection && (!lastValidRange.current || !inputValue)) {
@@ -45,58 +37,40 @@ const DateRangeInput = forwardRef(({ autoCorrection, breakpoint, wrapperClassNam
             setCalendarMonth(startOfMonth(validTo || validFrom || Date.now()).getTime());
         }
     }, [validFrom, validTo, open, picker]);
-    useEffect(() => {
-        if (dateFromProp !== undefined && dateToProp !== undefined) {
-            setInputValue(dateFromProp && dateToProp && isValid(dateFromProp) && isValid(dateToProp)
-                ? formatDateRange({ dateFrom: dateFromProp, dateTo: dateToProp })
-                : '');
-        }
-    }, [dateFromProp, dateToProp]);
     const getInnerError = () => {
         if (autoCorrection) {
-            const isCompleteFrom = isCompleteDate(from);
-            const isCompleteTo = isCompleteDate(to);
-            const isComplete = isCompleteFrom && isCompleteTo;
-            return (isCompleteFrom && !validFrom) ||
-                (isCompleteTo && !validTo) ||
-                (isComplete && isAfter(parseDateString(from), parseDateString(to)))
+            return (isCompleteDate(from) && !validFrom) || (isCompleteDate(to) && !validTo)
                 ? 'Эта дата недоступна'
                 : false;
         }
         return false;
     };
-    const callOnChange = (val) => {
-        const [dateFrom = '', dateTo = ''] = val.split(DATE_RANGE_SEPARATOR);
-        onChange?.({
-            dateFrom: dateFrom ? parseDateString(dateFrom) : null,
-            dateTo: dateFrom ? parseDateString(dateTo) : null,
-        }, val);
+    const callOnComplete = (val) => {
+        const [dateFrom, dateTo] = val.split(DATE_RANGE_SEPARATOR);
+        onComplete?.(val, parseDateString(dateFrom), parseDateString(dateTo));
         lastValidRange.current = val;
     };
-    const changeInputValue = (val, event) => {
-        onInputChange?.(event, { value: val });
-        setInputValue(val);
-        if (val === '' || isCompleteDateRange(val))
-            callOnChange(val);
+    const changeValue = (val, event) => {
+        onChange?.(event, { value: val });
+        if (uncontrolled)
+            setValue(val);
+        if (isCompleteDateRange(val))
+            callOnComplete(val);
     };
     const handleMonthChange = (date) => {
         setCalendarMonth(date);
         calendarProps?.onMonthChange?.(date);
     };
-    const handleInputChange = (event) => {
-        changeInputValue(event.target.value, event);
+    const handleChange = (event) => {
+        changeValue(event.target.value, event);
     };
     const handleCalendarChange = (date) => {
         const newValue = updateRange({ date, validFrom, validTo, rangeBehavior });
-        changeInputValue(newValue, null);
+        changeValue(newValue, null);
         requestAnimationFrame(() => {
             inputRef.current?.setSelectionRange(newValue.length, newValue.length);
         });
     };
-    const handleClear = (event) => {
-        changeInputValue('', null);
-        onClear?.(event);
-    };
     const handleBlur = (event) => {
         onBlur?.(event);
         if (autoCorrection) {
@@ -105,7 +79,7 @@ const DateRangeInput = forwardRef(({ autoCorrection, breakpoint, wrapperClassNam
                 const [prevFrom, prevTo] = lastValidRange.current.split(DATE_RANGE_SEPARATOR);
                 const newFrom = validFrom ? formatDate(validFrom) : prevFrom;
                 const newTo = validTo ? formatDate(validTo) : prevTo;
-                changeInputValue(`${newFrom}${DATE_RANGE_SEPARATOR}${newTo}`, null);
+                changeValue(`${newFrom}${DATE_RANGE_SEPARATOR}${newTo}`, null);
             }
         }
     };
@@ -121,7 +95,7 @@ const DateRangeInput = forwardRef(({ autoCorrection, breakpoint, wrapperClassNam
     return (React.createElement("div", { ...wrapperHandlers, className: cn(styles.wrapper, wrapperClassName, {
             [styles.block]: block,
         }), tabIndex: -1, "data-test-id": getDataTestId(dataTestId, 'wrapper') },
-        React.createElement(Input, { ...restProps, clear: clear && isCompleteDateRange(inputValue), onClear: valueProp === undefined ? handleClear : onClear, dataTestId: dataTestId, breakpoint: breakpoint, wrapperRef: mergeRefs([inputWrapperRef, inputWrapperRefProp]), ref: mergeRefs([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleInputChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React.createElement(React.Fragment, null,
+        React.createElement(Input, { ...restProps, dataTestId: dataTestId, breakpoint: breakpoint, wrapperRef: mergeRefs([inputWrapperRef, inputWrapperRefProp]), ref: mergeRefs([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 picker && (React.createElement(CalendarMIcon, { onClick: onPickerClick, className: styles.calendarIcon, onMouseDown: preventDefault }))) }),
         platform === 'desktop' ? (React.createElement(Popover, { offset: [0, 4], position: 'bottom-start', dataTestId: getDataTestId(dataTestId, 'popover'), ...popoverProps, open: open, anchorElement: inputWrapperRef.current, popperClassName: cn(styles.calendarContainer, popoverProps?.popperClassName), withTransition: false }, renderCalendar())) : (renderCalendar())));

package/universal-date-input/modern/components/date-range-input/index.js

@@ -2,17 +2,15 @@ export { DateRangeInput } from './Component.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
-import 'date-fns/isAfter';
-import 'date-fns/isValid';
 import 'date-fns/startOfMonth';
 import '../../../../input/modern';
 import '../../../../popover/modern';
 import '../../../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
 import '../../consts.js';
+import '../../utils/index.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../index.module-423da7f8.js';
-import '../../utils/index.js';
+import '../../index.module-662b4af0.js';

package/universal-date-input/modern/components/time-input/Component.js

@@ -8,43 +8,37 @@ import 'date-fns/isSameDay';
 import 'date-fns/parse';
 
 const defaultTime = `00${HOURS_MINUTES_SEPARATOR}00`;
-const TimeInput = forwardRef(({ autoCorrection, value: valueProp, defaultValue, clear, onClear, onChange, onInputChange, onBlur, ...restProps }, ref) => {
-    const [inputValue, setInputValue] = useState(defaultValue);
+const TimeInput = forwardRef(({ autoCorrection, value: valueProp, defaultValue, onChange, onComplete, onBlur, ...restProps }, ref) => {
+    const [value, setValue] = useState(defaultValue);
     const lastValidTime = useRef(defaultTime);
+    const uncontrolled = valueProp === undefined;
+    const inputValue = value ?? valueProp ?? '';
     useEffect(() => {
         if (autoCorrection && !inputValue) {
             lastValidTime.current = defaultTime;
         }
     }, [autoCorrection, inputValue]);
-    useEffect(() => {
-        if (valueProp !== undefined) {
-            setInputValue(valueProp);
-        }
-    }, [valueProp]);
-    const callOnChange = (val) => {
-        onChange?.(val);
+    const callOnComplete = (val) => {
+        onComplete?.(val);
         lastValidTime.current = val;
     };
-    const changeInputValue = (val, event) => {
-        onInputChange?.(event, { value: val });
-        setInputValue(val);
-        if (val === '' || isCompleteTime(val, true))
-            callOnChange(val);
-    };
-    const handleInputChange = (event) => {
-        changeInputValue(event.target.value, event);
+    const changeValue = (val, event) => {
+        onChange?.(event, { value: val });
+        if (uncontrolled)
+            setValue(val);
+        if (isCompleteTime(val, true))
+            callOnComplete(val);
     };
-    const handleClear = (event) => {
-        changeInputValue('', null);
-        onClear?.(event);
+    const handleChange = (event) => {
+        changeValue(event.target.value, event);
     };
     const handleBlur = (event) => {
         onBlur?.(event);
         if (autoCorrection && inputValue && !isCompleteTime(inputValue, true)) {
-            changeInputValue(lastValidTime.current, null);
+            changeValue(lastValidTime.current, null);
         }
     };
-    return (React.createElement(Input, { ...restProps, clear: clear && isCompleteTime(inputValue, true), onClear: valueProp === undefined ? handleClear : onClear, onBlur: handleBlur, onInput: handleInputChange, ref: ref, value: inputValue, inputMode: 'decimal' }));
+    return (React.createElement(Input, { ...restProps, onBlur: handleBlur, onInput: handleChange, ref: ref, value: inputValue, inputMode: 'decimal' }));
 });
 
 export { TimeInput };

package/universal-date-input/modern/components/time-input/index.js

@@ -2,8 +2,8 @@ export { TimeInput } from './Component.js';
 import 'react';
 import '../../../../input/modern';
 import '../../consts.js';
+import '../../utils/index.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../utils/index.js';

package/universal-date-input/modern/desktop/Component.desktop.js

@@ -6,9 +6,15 @@ import 'classnames';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
 import '../consts.js';
+import '../mask/index.js';
+import '../mask/plugins.js';
+import '../mask/utils.js';
 import 'date-fns/clamp';
 import 'date-fns/getDaysInMonth';
+import '../mask/postprocessors.js';
+import '../mask/preprocessors.js';
 import 'date-fns/isValid';
+import '../utils/index.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
@@ -18,17 +24,10 @@ import '../../../input/modern';
 import '../../../popover/modern';
 import '../../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-423da7f8.js';
+import '../index.module-662b4af0.js';
 import '../components/date-range-input/Component.js';
-import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import '../components/time-input/Component.js';
-import '../mask/index.js';
-import '../mask/plugins.js';
-import '../mask/utils.js';
-import '../mask/postprocessors.js';
-import '../mask/preprocessors.js';
-import '../utils/index.js';
 
 const UniversalDateInputDesktop = forwardRef((props, ref) => (React.createElement(BaseUniversalDateInput, { ...props, ref: ref, breakpoint: 1, platform: 'desktop', defaultMatchMediaValue: true })));
 

package/universal-date-input/modern/desktop/index.js

@@ -7,9 +7,15 @@ import 'classnames';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
 import '../consts.js';
+import '../mask/index.js';
+import '../mask/plugins.js';
+import '../mask/utils.js';
 import 'date-fns/clamp';
 import 'date-fns/getDaysInMonth';
+import '../mask/postprocessors.js';
+import '../mask/preprocessors.js';
 import 'date-fns/isValid';
+import '../utils/index.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
@@ -19,14 +25,7 @@ import '../../../input/modern';
 import '../../../popover/modern';
 import '../../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-423da7f8.js';
+import '../index.module-662b4af0.js';
 import '../components/date-range-input/Component.js';
-import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import '../components/time-input/Component.js';
-import '../mask/index.js';
-import '../mask/plugins.js';
-import '../mask/utils.js';
-import '../mask/postprocessors.js';
-import '../mask/preprocessors.js';
-import '../utils/index.js';

package/universal-date-input/modern/index-5712fce2.d.ts

@@ -5,7 +5,7 @@ import { MouseEvent, ReactNode, FC, KeyboardEvent, MutableRefObject, Ref, Button
 import { DayAddons, SelectorView, View, Day, Month } from "./typings-5684a67d";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
+import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
 type CalendarDesktopProps = {
     /**
      * Дополнительный класс
@@ -928,7 +928,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
     children?: React.ReactNode;
     rowLimit?: 1 | 2 | 3 | undefined;
     showSkeleton?: boolean | undefined;
-    skeletonProps?: import("./types-1b036d4b").TextSkeletonProps | undefined;
+    skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
 type YearsTableProps = {
     /**
@@ -952,5 +952,5 @@ declare const YearsTable: FC<YearsTableProps>;
 export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
-export * from "./useSkeleton-1b036d4b";
+export * from "./use-skeleton-1328ead9";
 export * from "./Component-e2b6c730";

package/universal-date-input/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: jqfdd */
+/* hash: 16jn4 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb;
@@ -43,27 +43,27 @@
 } :root {
     --calendar-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-popover-border-radius: var(--border-radius-m);
-} .universal-date-input__wrapper_112gi {
+} .universal-date-input__wrapper_1h1rl {
     display: inline-block;
     outline: none;
     position: relative;
-} .universal-date-input__block_112gi {
+} .universal-date-input__block_1h1rl {
     width: 100%;
-} .universal-date-input__calendarIcon_112gi {
+} .universal-date-input__calendarIcon_1h1rl {
     width: 24px;
     height: 100%;
     display: block;
     color: var(--calendar-icon-color);
-} .universal-date-input__calendarContainer_112gi {
+} .universal-date-input__calendarContainer_1h1rl {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300);
     width: var(--calendar-width)
-} @media (max-width: 374px) { .universal-date-input__calendarContainer_112gi {
+} @media (max-width: 374px) { .universal-date-input__calendarContainer_1h1rl {
         width: 100%;
         min-width: 288px
 }
-    } .universal-date-input__blink_112gi.universal-date-input__blink_112gi.universal-date-input__blink_112gi {
+    } .universal-date-input__blink_1h1rl.universal-date-input__blink_1h1rl.universal-date-input__blink_1h1rl {
     background-color: var(--color-light-status-muted-negative);
 }

package/universal-date-input/modern/index.js

@@ -8,9 +8,15 @@ import 'classnames';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
 import './consts.js';
+import './mask/index.js';
+import './mask/plugins.js';
+import './mask/utils.js';
 import 'date-fns/clamp';
 import 'date-fns/getDaysInMonth';
+import './mask/postprocessors.js';
+import './mask/preprocessors.js';
 import 'date-fns/isValid';
+import './utils/index.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
@@ -20,14 +26,7 @@ import '../../input/modern';
 import '../../popover/modern';
 import '../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-423da7f8.js';
+import './index.module-662b4af0.js';
 import './components/date-range-input/Component.js';
-import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';
-import './mask/index.js';
-import './mask/plugins.js';
-import './mask/utils.js';
-import './mask/postprocessors.js';
-import './mask/preprocessors.js';
-import './utils/index.js';

package/universal-date-input/modern/index.module-662b4af0.js

@@ -0,0 +1,4 @@
+const styles = {"wrapper":"universal-date-input__wrapper_1h1rl","block":"universal-date-input__block_1h1rl","calendarIcon":"universal-date-input__calendarIcon_1h1rl","calendarContainer":"universal-date-input__calendarContainer_1h1rl","blink":"universal-date-input__blink_1h1rl"};
+require('./index.css');
+
+export { styles as s };

package/universal-date-input/modern/mask/index.js

@@ -4,13 +4,13 @@ import { createPreventCaretJumpPostprocessor } from './postprocessors.js';
 import { createDisallowInputPreprocessor, createValidationPreprocessor } from './preprocessors.js';
 import { segmentsToString, getValueSegments, shiftSegmentsData, segmentsToPattern } from './utils.js';
 import 'date-fns/isValid';
+import '../utils/index.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/clamp';
 import 'date-fns/getDaysInMonth';
-import '../utils/index.js';
 
 function createMaskOptions(view, min, max, autoCorrection, onCorrection) {
     const template = TEMPLATES[view];

package/universal-date-input/modern/mobile/Component.mobile.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { UniversalDateInputMobileProps } from "../types";
-declare const UniversalDateInputMobile: React.ForwardRefExoticComponent<UniversalDateInputMobileProps & React.RefAttributes<HTMLInputElement>>;
+import { UniversalDateInputDesktopProps } from "../types";
+declare const UniversalDateInputMobile: React.ForwardRefExoticComponent<UniversalDateInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
 export { UniversalDateInputMobile };

package/universal-date-input/modern/mobile/Component.mobile.js

@@ -6,9 +6,15 @@ import 'classnames';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
 import '../consts.js';
+import '../mask/index.js';
+import '../mask/plugins.js';
+import '../mask/utils.js';
 import 'date-fns/clamp';
 import 'date-fns/getDaysInMonth';
+import '../mask/postprocessors.js';
+import '../mask/preprocessors.js';
 import 'date-fns/isValid';
+import '../utils/index.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
@@ -18,17 +24,10 @@ import '../../../input/modern';
 import '../../../popover/modern';
 import '../../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-423da7f8.js';
+import '../index.module-662b4af0.js';
 import '../components/date-range-input/Component.js';
-import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import '../components/time-input/Component.js';
-import '../mask/index.js';
-import '../mask/plugins.js';
-import '../mask/utils.js';
-import '../mask/postprocessors.js';
-import '../mask/preprocessors.js';
-import '../utils/index.js';
 
 const UniversalDateInputMobile = forwardRef((props, ref) => (React.createElement(BaseUniversalDateInput, { ...props, ref: ref, breakpoint: 10000, platform: 'mobile', defaultMatchMediaValue: false })));
 

package/universal-date-input/modern/mobile/index.js

@@ -7,9 +7,15 @@ import 'classnames';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
 import '../consts.js';
+import '../mask/index.js';
+import '../mask/plugins.js';
+import '../mask/utils.js';
 import 'date-fns/clamp';
 import 'date-fns/getDaysInMonth';
+import '../mask/postprocessors.js';
+import '../mask/preprocessors.js';
 import 'date-fns/isValid';
+import '../utils/index.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
@@ -19,14 +25,7 @@ import '../../../input/modern';
 import '../../../popover/modern';
 import '../../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-423da7f8.js';
+import '../index.module-662b4af0.js';
 import '../components/date-range-input/Component.js';
-import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import '../components/time-input/Component.js';
-import '../mask/index.js';
-import '../mask/plugins.js';
-import '../mask/utils.js';
-import '../mask/postprocessors.js';
-import '../mask/preprocessors.js';
-import '../utils/index.js';