@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.2

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

@@ -1,131 +1,143 @@
-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/cssm';
-import { Popover } from '../../../../popover/cssm';
-import { getDataTestId } from '../../../../shared/cssm';
-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 styles from '../../index.module.css';
-import 'date-fns/differenceInDays';
-import 'date-fns/format';
-import 'date-fns/isSameDay';
-import 'date-fns/parse';
-import 'date-fns/startOfDay';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var isAfter = require('date-fns/isAfter');
+var isValid = require('date-fns/isValid');
+var startOfMonth = require('date-fns/startOfMonth');
+var coreComponentsInput = require('../../../../input/cssm');
+var coreComponentsPopover = require('../../../../popover/cssm');
+var coreComponentsShared = require('../../../../shared/cssm');
+var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
+var consts = require('../../consts.js');
+var utils_index = require('../../utils/index.js');
+var styles = require('../../index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var isAfter__default = /*#__PURE__*/_interopDefaultCompat(isAfter);
+var isValid__default = /*#__PURE__*/_interopDefaultCompat(isValid);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 function getDefaultValue(defaultValue) {
-    if (defaultValue && isValid(defaultValue.dateFrom) && isValid(defaultValue.dateTo)) {
-        return formatDateRange(defaultValue);
+    if (defaultValue && isValid__default.default(defaultValue.dateFrom) && isValid__default.default(defaultValue.dateTo)) {
+        return utils_index.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 [calendarMonth, setCalendarMonth] = useState(calendarProps.defaultMonth);
-    const lastValidRange = useRef('');
-    const inputRef = useRef(null);
-    const inputWrapperRef = useRef(null);
-    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(() => {
+var DateRangeInput = React.forwardRef(function (_a, ref) {
+    var _b;
+    var autoCorrection = _a.autoCorrection, breakpoint = _a.breakpoint, wrapperClassName = _a.wrapperClassName, open = _a.open, onCalendarClose = _a.onCalendarClose, valueProp = _a.value, defaultValue = _a.defaultValue, _c = _a.inputWrapperRef, inputWrapperRefProp = _c === void 0 ? null : _c, onInputChange = _a.onInputChange, onChange = _a.onChange, onBlur = _a.onBlur, Calendar = _a.Calendar, wrapperHandlers = _a.wrapperHandlers, calendarRef = _a.calendarRef, _d = _a.calendarProps, calendarProps = _d === void 0 ? {} : _d, _e = _a.minDate, minDate = _e === void 0 ? consts.DEFAULT_MAX_DATE : _e, _f = _a.maxDate, maxDate = _f === void 0 ? consts.DEFAULT_MIN_DATE : _f, block = _a.block, dataTestId = _a.dataTestId, error = _a.error, popoverProps = _a.popoverProps, rightAddons = _a.rightAddons, picker = _a.picker, platform = _a.platform, onPickerClick = _a.onPickerClick, _g = _a.rangeBehavior, rangeBehavior = _g === void 0 ? 'clarification' : _g, clear = _a.clear, onClear = _a.onClear, restProps = tslib.__rest(_a, ["autoCorrection", "breakpoint", "wrapperClassName", "open", "onCalendarClose", "value", "defaultValue", "inputWrapperRef", "onInputChange", "onChange", "onBlur", "Calendar", "wrapperHandlers", "calendarRef", "calendarProps", "minDate", "maxDate", "block", "dataTestId", "error", "popoverProps", "rightAddons", "picker", "platform", "onPickerClick", "rangeBehavior", "clear", "onClear"]);
+    var _h = React.useState(function () { return getDefaultValue(defaultValue); }), inputValue = _h[0], setInputValue = _h[1];
+    var _j = React.useState(calendarProps.defaultMonth), calendarMonth = _j[0], setCalendarMonth = _j[1];
+    var lastValidRange = React.useRef('');
+    var inputRef = React.useRef(null);
+    var inputWrapperRef = React.useRef(null);
+    var offDays = calendarProps.offDays;
+    var _k = inputValue.split(consts.DATE_RANGE_SEPARATOR), _l = _k[0], from = _l === void 0 ? '' : _l, _m = _k[1], to = _m === void 0 ? '' : _m;
+    var dateFromProp = valueProp === null || valueProp === void 0 ? void 0 : valueProp.dateFrom;
+    var dateToProp = valueProp === null || valueProp === void 0 ? void 0 : valueProp.dateTo;
+    var _o = React.useMemo(function () { return utils_index.getValidRange({ from: from, to: to, offDays: offDays, minDate: minDate, maxDate: maxDate }); }, [from, to, offDays, maxDate, minDate]), validFrom = _o.validFrom, validTo = _o.validTo;
+    React.useEffect(function () {
         if (autoCorrection && (!lastValidRange.current || !inputValue)) {
-            const min = formatDate(minDate);
-            const max = formatDate(maxDate);
-            lastValidRange.current = `${min}${DATE_RANGE_SEPARATOR}${max}`;
+            var min = utils_index.formatDate(minDate);
+            var max = utils_index.formatDate(maxDate);
+            lastValidRange.current = "".concat(min).concat(consts.DATE_RANGE_SEPARATOR).concat(max);
         }
     }, [autoCorrection, minDate, maxDate, inputValue]);
-    useEffect(() => {
+    React.useEffect(function () {
         if (picker && open) {
-            setCalendarMonth(startOfMonth(validTo || validFrom || Date.now()).getTime());
+            setCalendarMonth(startOfMonth__default.default(validTo || validFrom || Date.now()).getTime());
         }
     }, [validFrom, validTo, open, picker]);
-    useEffect(() => {
+    React.useEffect(function () {
         if (dateFromProp !== undefined && dateToProp !== undefined) {
-            setInputValue(dateFromProp && dateToProp && isValid(dateFromProp) && isValid(dateToProp)
-                ? formatDateRange({ dateFrom: dateFromProp, dateTo: dateToProp })
+            setInputValue(dateFromProp && dateToProp && isValid__default.default(dateFromProp) && isValid__default.default(dateToProp)
+                ? utils_index.formatDateRange({ dateFrom: dateFromProp, dateTo: dateToProp })
                 : '');
         }
     }, [dateFromProp, dateToProp]);
-    const getInnerError = () => {
+    var getInnerError = function () {
         if (autoCorrection) {
-            const isCompleteFrom = isCompleteDate(from);
-            const isCompleteTo = isCompleteDate(to);
-            const isComplete = isCompleteFrom && isCompleteTo;
+            var isCompleteFrom = utils_index.isCompleteDate(from);
+            var isCompleteTo = utils_index.isCompleteDate(to);
+            var isComplete = isCompleteFrom && isCompleteTo;
             return (isCompleteFrom && !validFrom) ||
                 (isCompleteTo && !validTo) ||
-                (isComplete && isAfter(parseDateString(from), parseDateString(to)))
+                (isComplete && isAfter__default.default(utils_index.parseDateString(from), utils_index.parseDateString(to)))
                 ? 'Эта дата недоступна'
                 : 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,
+    var callOnChange = function (val) {
+        var _a = val.split(consts.DATE_RANGE_SEPARATOR), _b = _a[0], dateFrom = _b === void 0 ? '' : _b, _c = _a[1], dateTo = _c === void 0 ? '' : _c;
+        onChange === null || onChange === void 0 ? void 0 : onChange({
+            dateFrom: dateFrom ? utils_index.parseDateString(dateFrom) : null,
+            dateTo: dateFrom ? utils_index.parseDateString(dateTo) : null,
         }, val);
         lastValidRange.current = val;
     };
-    const changeInputValue = (val, event) => {
-        onInputChange?.(event, { value: val });
+    var changeInputValue = function (val, event) {
+        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, { value: val });
         setInputValue(val);
-        if (val === '' || isCompleteDateRange(val))
+        if (val === '' || utils_index.isCompleteDateRange(val))
             callOnChange(val);
     };
-    const handleMonthChange = (date) => {
+    var handleMonthChange = function (date) {
+        var _a;
         setCalendarMonth(date);
-        calendarProps?.onMonthChange?.(date);
+        (_a = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.onMonthChange) === null || _a === void 0 ? void 0 : _a.call(calendarProps, date);
     };
-    const handleInputChange = (event) => {
+    var handleInputChange = function (event) {
         changeInputValue(event.target.value, event);
     };
-    const handleCalendarChange = (date) => {
-        const newValue = updateRange({ date, validFrom, validTo, rangeBehavior });
+    var handleCalendarChange = function (date) {
+        var newValue = utils_index.updateRange({ date: date, validFrom: validFrom, validTo: validTo, rangeBehavior: rangeBehavior });
         changeInputValue(newValue, null);
-        requestAnimationFrame(() => {
-            inputRef.current?.setSelectionRange(newValue.length, newValue.length);
+        requestAnimationFrame(function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(newValue.length, newValue.length);
         });
     };
-    const handleClear = (event) => {
+    var handleClear = function (event) {
         changeInputValue('', null);
-        onClear?.(event);
+        onClear === null || onClear === void 0 ? void 0 : onClear(event);
     };
-    const handleBlur = (event) => {
-        onBlur?.(event);
+    var handleBlur = function (event) {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         if (autoCorrection) {
-            const dateFilled = isCompleteDateRange(inputValue);
+            var dateFilled = utils_index.isCompleteDateRange(inputValue);
             if (inputValue && !dateFilled) {
-                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);
+                var _a = lastValidRange.current.split(consts.DATE_RANGE_SEPARATOR), prevFrom = _a[0], prevTo = _a[1];
+                var newFrom = validFrom ? utils_index.formatDate(validFrom) : prevFrom;
+                var newTo = validTo ? utils_index.formatDate(validTo) : prevTo;
+                changeInputValue("".concat(newFrom).concat(consts.DATE_RANGE_SEPARATOR).concat(newTo), null);
             }
         }
     };
-    const renderCalendar = () => {
+    var renderCalendar = function () {
         if (picker && Calendar) {
             return (
             // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-            React.createElement("div", { onMouseDown: preventDefault, className: styles.calendarWrapper },
-                React.createElement(Calendar, { dataTestId: getDataTestId(dataTestId, 'calendar'), month: calendarMonth, ...calendarProps, onMonthChange: handleMonthChange, breakpoint: breakpoint, responsive: true, open: open, onClose: onCalendarClose, ref: calendarRef, selectedFrom: validFrom ? validFrom.getTime() : undefined, selectedTo: validTo ? validTo.getTime() : undefined, value: undefined, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate })));
+            React__default.default.createElement("div", { onMouseDown: utils_index.preventDefault, className: styles__default.default.calendarWrapper },
+                React__default.default.createElement(Calendar, tslib.__assign({ dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'calendar'), month: calendarMonth }, calendarProps, { onMonthChange: handleMonthChange, breakpoint: breakpoint, responsive: true, open: open, onClose: onCalendarClose, ref: calendarRef, selectedFrom: validFrom ? validFrom.getTime() : undefined, selectedTo: validTo ? validTo.getTime() : undefined, value: undefined, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate }))));
         }
         return null;
     };
-    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,
+    return (React__default.default.createElement("div", tslib.__assign({}, wrapperHandlers, { className: cn__default.default(styles__default.default.wrapper, wrapperClassName, (_b = {},
+            _b[styles__default.default.block] = block,
+            _b)), tabIndex: -1, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'wrapper') }),
+        React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { clear: clear && utils_index.isCompleteDateRange(inputValue), onClear: valueProp === undefined ? handleClear : onClear, dataTestId: dataTestId, breakpoint: breakpoint, wrapperRef: mergeRefs__default.default([inputWrapperRef, inputWrapperRefProp]), ref: mergeRefs__default.default([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleInputChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React__default.default.createElement(React__default.default.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())));
+                picker && (React__default.default.createElement(CalendarMIcon.CalendarMIcon, { onClick: onPickerClick, className: styles__default.default.calendarIcon, onMouseDown: utils_index.preventDefault }))) })),
+        platform === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, tslib.__assign({ offset: [0, 4], position: 'bottom-start', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'popover') }, popoverProps, { open: open, anchorElement: inputWrapperRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName), withTransition: false }), renderCalendar())) : (renderCalendar())));
 });
 
-export { DateRangeInput };
+exports.DateRangeInput = DateRangeInput;

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

@@ -1,19 +1,7 @@
-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/cssm';
-import '../../../../popover/cssm';
-import '../../../../shared/cssm';
-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 'date-fns/startOfDay';
-import '../../index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_dateRangeInput_Component = require('./Component.js');
+
+
+
+exports.DateRangeInput = components_dateRangeInput_Component.DateRangeInput;

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

@@ -1,52 +1,54 @@
-import React, { forwardRef, useState, useRef, useEffect } from 'react';
-import { Input } from '../../../../input/cssm';
-import { HOURS_MINUTES_SEPARATOR } from '../../consts.js';
-import { isCompleteTime } from '../../utils/index.js';
-import 'date-fns/differenceInDays';
-import 'date-fns/format';
-import 'date-fns/isSameDay';
-import 'date-fns/parse';
-import 'date-fns/startOfDay';
-import '../../../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-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 lastValidTime = useRef(defaultTime);
-    useEffect(() => {
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsInput = require('../../../../input/cssm');
+var consts = require('../../consts.js');
+var utils_index = require('../../utils/index.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var defaultTime = "00".concat(consts.HOURS_MINUTES_SEPARATOR, "00");
+var TimeInput = React.forwardRef(function (_a, ref) {
+    var autoCorrection = _a.autoCorrection, valueProp = _a.value, defaultValue = _a.defaultValue, clear = _a.clear, onClear = _a.onClear, onChange = _a.onChange, onInputChange = _a.onInputChange, onBlur = _a.onBlur, restProps = tslib.__rest(_a, ["autoCorrection", "value", "defaultValue", "clear", "onClear", "onChange", "onInputChange", "onBlur"]);
+    var _b = React.useState(defaultValue), inputValue = _b[0], setInputValue = _b[1];
+    var lastValidTime = React.useRef(defaultTime);
+    React.useEffect(function () {
         if (autoCorrection && !inputValue) {
             lastValidTime.current = defaultTime;
         }
     }, [autoCorrection, inputValue]);
-    useEffect(() => {
+    React.useEffect(function () {
         if (valueProp !== undefined) {
             setInputValue(valueProp);
         }
     }, [valueProp]);
-    const callOnChange = (val) => {
-        onChange?.(val);
+    var callOnChange = function (val) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(val);
         lastValidTime.current = val;
     };
-    const changeInputValue = (val, event) => {
-        onInputChange?.(event, { value: val });
+    var changeInputValue = function (val, event) {
+        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, { value: val });
         setInputValue(val);
-        if (val === '' || isCompleteTime(val, true))
+        if (val === '' || utils_index.isCompleteTime(val, true))
             callOnChange(val);
     };
-    const handleInputChange = (event) => {
+    var handleInputChange = function (event) {
         changeInputValue(event.target.value, event);
     };
-    const handleClear = (event) => {
+    var handleClear = function (event) {
         changeInputValue('', null);
-        onClear?.(event);
+        onClear === null || onClear === void 0 ? void 0 : onClear(event);
     };
-    const handleBlur = (event) => {
-        onBlur?.(event);
-        if (autoCorrection && inputValue && !isCompleteTime(inputValue, true)) {
+    var handleBlur = function (event) {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+        if (autoCorrection && inputValue && !utils_index.isCompleteTime(inputValue, true)) {
             changeInputValue(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__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { clear: clear && utils_index.isCompleteTime(inputValue, true), onClear: valueProp === undefined ? handleClear : onClear, onBlur: handleBlur, onInput: handleInputChange, ref: ref, value: inputValue, inputMode: 'decimal' })));
 });
 
-export { TimeInput };
+exports.TimeInput = TimeInput;

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

@@ -1,11 +1,7 @@
-export { TimeInput } from './Component.js';
-import 'react';
-import '../../../../input/cssm';
-import '../../consts.js';
-import '../../utils/index.js';
-import 'date-fns/differenceInDays';
-import 'date-fns/format';
-import 'date-fns/isSameDay';
-import 'date-fns/parse';
-import 'date-fns/startOfDay';
-import '../../../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_timeInput_Component = require('./Component.js');
+
+
+
+exports.TimeInput = components_timeInput_Component.TimeInput;

package/universal-date-input/cssm/consts.js

@@ -1,7 +1,9 @@
-const DATE_RANGE_SEPARATOR = ' – ';
-const DATE_TIME_SEPARATOR = ', ';
-const HOURS_MINUTES_SEPARATOR = ':';
-const TEMPLATES = {
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DATE_RANGE_SEPARATOR = ' – ';
+var DATE_TIME_SEPARATOR = ', ';
+var HOURS_MINUTES_SEPARATOR = ':';
+var TEMPLATES = {
     date: {
         segments: ['dd', 'MM', 'yyyy'],
         separators: ['.', '.'],
@@ -19,16 +21,24 @@ const TEMPLATES = {
         separators: [HOURS_MINUTES_SEPARATOR],
     },
 };
-const DATE_MAX_VALUES = {
+var DATE_MAX_VALUES = {
     day: 31,
     month: 12,
     year: 9999,
     hours: 23,
     minutes: 59,
 };
-const DEFAULT_MIN_DATE = new Date(1900, 0, 1).getTime();
-const DEFAULT_MAX_DATE = new Date(2124, 11, 31).getTime();
-const DATE_FORMAT = 'dd.MM.yyyy';
-const DATE_TIME_FORMAT = `dd.MM.yyyy${DATE_TIME_SEPARATOR}HH${HOURS_MINUTES_SEPARATOR}mm`;
+var DEFAULT_MIN_DATE = new Date(1900, 0, 1).getTime();
+var DEFAULT_MAX_DATE = new Date(2124, 11, 31).getTime();
+var DATE_FORMAT = 'dd.MM.yyyy';
+var DATE_TIME_FORMAT = "dd.MM.yyyy".concat(DATE_TIME_SEPARATOR, "HH").concat(HOURS_MINUTES_SEPARATOR, "mm");
 
-export { DATE_FORMAT, DATE_MAX_VALUES, DATE_RANGE_SEPARATOR, DATE_TIME_FORMAT, DATE_TIME_SEPARATOR, DEFAULT_MAX_DATE, DEFAULT_MIN_DATE, HOURS_MINUTES_SEPARATOR, TEMPLATES };
+exports.DATE_FORMAT = DATE_FORMAT;
+exports.DATE_MAX_VALUES = DATE_MAX_VALUES;
+exports.DATE_RANGE_SEPARATOR = DATE_RANGE_SEPARATOR;
+exports.DATE_TIME_FORMAT = DATE_TIME_FORMAT;
+exports.DATE_TIME_SEPARATOR = DATE_TIME_SEPARATOR;
+exports.DEFAULT_MAX_DATE = DEFAULT_MAX_DATE;
+exports.DEFAULT_MIN_DATE = DEFAULT_MIN_DATE;
+exports.HOURS_MINUTES_SEPARATOR = HOURS_MINUTES_SEPARATOR;
+exports.TEMPLATES = TEMPLATES;

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

@@ -1,35 +1,13 @@
-import React, { forwardRef } from 'react';
-import { BaseUniversalDateInput } from '../components/base-universal-date-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/react';
-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';
-import 'date-fns/parse';
-import '../../../shared/cssm';
-import '../components/date-input/Component.js';
-import '../../../input/cssm';
-import '../../../popover/cssm';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module.css';
-import '../components/date-range-input/Component.js';
-import 'date-fns/isAfter';
-import 'date-fns/startOfMonth';
-import '../components/time-input/Component.js';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const UniversalDateInputDesktop = forwardRef((props, ref) => (React.createElement(BaseUniversalDateInput, { ...props, ref: ref, breakpoint: 1, platform: 'desktop', defaultMatchMediaValue: true })));
+var tslib = require('tslib');
+var React = require('react');
+var components_baseUniversalDateInput_Component = require('../components/base-universal-date-input/Component.js');
 
-export { UniversalDateInputDesktop };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var UniversalDateInputDesktop = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseUniversalDateInput_Component.BaseUniversalDateInput, tslib.__assign({}, props, { ref: ref, breakpoint: 1, platform: 'desktop', defaultMatchMediaValue: true }))); });
+
+exports.UniversalDateInputDesktop = UniversalDateInputDesktop;

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

@@ -1,32 +1,7 @@
-export { UniversalDateInputDesktop } from './Component.desktop.js';
-import 'react';
-import '../components/base-universal-date-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/react';
-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';
-import 'date-fns/parse';
-import '../../../shared/cssm';
-import '../components/date-input/Component.js';
-import '../../../input/cssm';
-import '../../../popover/cssm';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module.css';
-import '../components/date-range-input/Component.js';
-import 'date-fns/isAfter';
-import 'date-fns/startOfMonth';
-import '../components/time-input/Component.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.UniversalDateInputDesktop = desktop_Component_desktop.UniversalDateInputDesktop;

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

@@ -1,33 +1,7 @@
-export { UniversalDateInput } from './Component.responsive.js';
-import 'react';
-import '../../mq/cssm';
-import './components/base-universal-date-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/react';
-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';
-import 'date-fns/parse';
-import '../../shared/cssm';
-import './components/date-input/Component.js';
-import '../../input/cssm';
-import '../../popover/cssm';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module.css';
-import './components/date-range-input/Component.js';
-import 'date-fns/isAfter';
-import 'date-fns/startOfMonth';
-import './components/time-input/Component.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.UniversalDateInput = Component_responsive.UniversalDateInput;

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

@@ -1,42 +1,36 @@
-import { TEMPLATES } from '../consts.js';
-import { createCaretPosPlugin } from './plugins.js';
-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/startOfDay';
-import '../../../shared/cssm';
-import 'date-fns/clamp';
-import 'date-fns/getDaysInMonth';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var consts = require('../consts.js');
+var mask_plugins = require('./plugins.js');
+var mask_postprocessors = require('./postprocessors.js');
+var mask_preprocessors = require('./preprocessors.js');
+var mask_utils = require('./utils.js');
 
 function createMaskOptions(view, min, max, autoCorrection, onCorrection) {
-    const template = TEMPLATES[view];
-    const stringTemplate = segmentsToString(template.segments, template.separators);
+    var template = consts.TEMPLATES[view];
+    var stringTemplate = mask_utils.segmentsToString(template.segments, template.separators);
     return {
         mask: createMaskExpression(template),
-        preprocessors: [
-            createDisallowInputPreprocessor(),
-            ...(autoCorrection
-                ? [createValidationPreprocessor(template, stringTemplate, min, max, onCorrection)]
-                : []),
-        ],
-        postprocessors: [createPreventCaretJumpPostprocessor()],
-        plugins: [createCaretPosPlugin(template)],
+        preprocessors: tslib.__spreadArray([
+            mask_preprocessors.createDisallowInputPreprocessor()
+        ], (autoCorrection
+            ? [mask_preprocessors.createValidationPreprocessor(template, stringTemplate, min, max, onCorrection)]
+            : []), true),
+        postprocessors: [mask_postprocessors.createPreventCaretJumpPostprocessor()],
+        plugins: [mask_plugins.createCaretPosPlugin(template)],
     };
 }
-function createMaskExpression({ segments: templateSegments, separators, }) {
-    return ({ value }) => {
+function createMaskExpression(_a) {
+    var templateSegments = _a.segments, separators = _a.separators;
+    return function (_a) {
+        var value = _a.value;
         if (value.length < 2)
             return [/\d/];
-        const rawSegments = getValueSegments(value, separators);
-        const segments = shiftSegmentsData(rawSegments, templateSegments);
-        return segmentsToPattern(segments, separators);
+        var rawSegments = mask_utils.getValueSegments(value, separators);
+        var segments = mask_utils.shiftSegmentsData(rawSegments, templateSegments);
+        return mask_utils.segmentsToPattern(segments, separators);
     };
 }
 
-export { createMaskOptions };
+exports.createMaskOptions = createMaskOptions;