@alfalab/core-components 45.6.0-beta.2 → 45.6.1

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

@@ -1,118 +1,127 @@
-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/cssm';
-import { Popover } from '../../../../popover/cssm';
-import { getDataTestId } from '../../../../shared/cssm';
-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-cb4e6b79.js';
-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 isValid = require('date-fns/isValid');
+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 isValid__default = /*#__PURE__*/_interopDefaultCompat(isValid);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 function getDefaultValue(defaultValue, withTime) {
-    if (defaultValue && isValid(new Date(defaultValue))) {
-        return formatDate(defaultValue, withTime ? DATE_TIME_FORMAT : DATE_FORMAT);
+    if (defaultValue && isValid__default.default(new Date(defaultValue))) {
+        return utils_index.formatDate(defaultValue, withTime ? consts.DATE_TIME_FORMAT : consts.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 lastValidDate = useRef('');
-    const inputRef = useRef(null);
-    const inputWrapperRef = useRef(null);
-    const { offDays } = calendarProps;
-    const [inputDate, inputTime] = inputValue.split(DATE_TIME_SEPARATOR);
-    const isValidValue = isValidDate({ value: inputDate, minDate, maxDate, offDays });
-    useEffect(() => {
+var DateInput = React.forwardRef(function (_a, ref) {
+    var _b;
+    var autoCorrection = _a.autoCorrection, open = _a.open, valueProp = _a.value, _c = _a.inputWrapperRef, inputWrapperRefProp = _c === void 0 ? null : _c, defaultValue = _a.defaultValue, _d = _a.minDate, minDate = _d === void 0 ? consts.DEFAULT_MIN_DATE : _d, _e = _a.maxDate, maxDate = _e === void 0 ? consts.DEFAULT_MAX_DATE : _e, picker = _a.picker, rightAddons = _a.rightAddons, Calendar = _a.Calendar, _f = _a.calendarProps, calendarProps = _f === void 0 ? {} : _f, platform = _a.platform, calendarRef = _a.calendarRef, onInputChange = _a.onInputChange, onChange = _a.onChange, onBlur = _a.onBlur, onCalendarClose = _a.onCalendarClose, onPickerClick = _a.onPickerClick, error = _a.error, popoverProps = _a.popoverProps, dataTestId = _a.dataTestId, wrapperClassName = _a.wrapperClassName, wrapperHandlers = _a.wrapperHandlers, block = _a.block, withTime = _a.withTime, breakpoint = _a.breakpoint, clear = _a.clear, onClear = _a.onClear, restProps = tslib.__rest(_a, ["autoCorrection", "open", "value", "inputWrapperRef", "defaultValue", "minDate", "maxDate", "picker", "rightAddons", "Calendar", "calendarProps", "platform", "calendarRef", "onInputChange", "onChange", "onBlur", "onCalendarClose", "onPickerClick", "error", "popoverProps", "dataTestId", "wrapperClassName", "wrapperHandlers", "block", "withTime", "breakpoint", "clear", "onClear"]);
+    var _g = React.useState(function () { return getDefaultValue(defaultValue, withTime); }), inputValue = _g[0], setInputValue = _g[1];
+    var lastValidDate = React.useRef('');
+    var inputRef = React.useRef(null);
+    var inputWrapperRef = React.useRef(null);
+    var offDays = calendarProps.offDays;
+    var _h = inputValue.split(consts.DATE_TIME_SEPARATOR), inputDate = _h[0], inputTime = _h[1];
+    var isValidValue = utils_index.isValidDate({ value: inputDate, minDate: minDate, maxDate: maxDate, offDays: offDays });
+    React.useEffect(function () {
         if (autoCorrection) {
-            const hasValidValue = isValidValue && isCompleteTime(inputValue, withTime);
+            var hasValidValue = isValidValue && utils_index.isCompleteTime(inputValue, withTime);
             if (!lastValidDate.current || !inputValue) {
                 lastValidDate.current = hasValidValue
                     ? inputValue
-                    : formatDate(minDate, withTime ? DATE_TIME_FORMAT : DATE_FORMAT);
+                    : utils_index.formatDate(minDate, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT);
             }
         }
     }, [autoCorrection, minDate, withTime, isValidValue, inputValue]);
-    useEffect(() => {
+    React.useEffect(function () {
         if (valueProp !== undefined) {
-            setInputValue(valueProp && isValid(valueProp)
-                ? formatDate(valueProp, withTime ? DATE_TIME_FORMAT : DATE_FORMAT)
+            setInputValue(valueProp && isValid__default.default(valueProp)
+                ? utils_index.formatDate(valueProp, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT)
                 : '');
         }
     }, [valueProp, withTime]);
-    const getInnerError = () => {
+    var getInnerError = function () {
         if (autoCorrection) {
-            const isComplete = isCompleteDate(inputDate) && isCompleteTime(inputTime, withTime);
+            var isComplete = utils_index.isCompleteDate(inputDate) && utils_index.isCompleteTime(inputTime, withTime);
             return isComplete && !isValidValue ? 'Эта дата недоступна' : false;
         }
         return false;
     };
-    const callOnChange = (val) => {
-        onChange?.(val ? parseDateString(val, withTime ? DATE_TIME_FORMAT : DATE_FORMAT) : null, val);
+    var callOnChange = function (val) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(val ? utils_index.parseDateString(val, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT) : null, val);
         lastValidDate.current = val;
     };
-    const changeInputValue = (val, event) => {
-        onInputChange?.(event, { value: val });
-        const [date, time = ''] = val.split(DATE_TIME_SEPARATOR);
+    var changeInputValue = function (val, event) {
+        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, { value: val });
+        var _a = val.split(consts.DATE_TIME_SEPARATOR), date = _a[0], _b = _a[1], time = _b === void 0 ? '' : _b;
         setInputValue(val);
-        if (val === '' || (isCompleteDate(date) && isCompleteTime(time, withTime))) {
+        if (val === '' || (utils_index.isCompleteDate(date) && utils_index.isCompleteTime(time, withTime))) {
             callOnChange(val);
         }
     };
-    const handleInputChange = (event) => {
+    var handleInputChange = function (event) {
         changeInputValue(event.target.value, event);
     };
-    const handleCalendarChange = (date) => {
+    var handleCalendarChange = function (date) {
         if (date) {
-            changeInputValue(formatDate(date, withTime ? DATE_TIME_FORMAT : DATE_FORMAT), null);
-            requestAnimationFrame(() => {
-                const dateLen = DATE_FORMAT.length;
-                const newCaretPos = withTime ? dateLen + DATE_TIME_SEPARATOR.length : dateLen;
-                inputRef.current?.setSelectionRange(newCaretPos, newCaretPos);
+            changeInputValue(utils_index.formatDate(date, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT), null);
+            requestAnimationFrame(function () {
+                var _a;
+                var dateLen = consts.DATE_FORMAT.length;
+                var newCaretPos = withTime ? dateLen + consts.DATE_TIME_SEPARATOR.length : dateLen;
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(newCaretPos, newCaretPos);
             });
         }
         if (platform === 'desktop')
-            onCalendarClose?.();
+            onCalendarClose === null || onCalendarClose === void 0 ? void 0 : onCalendarClose();
     };
-    const handleBlur = (event) => {
-        onBlur?.(event);
+    var handleBlur = function (event) {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         if (autoCorrection) {
-            const dateFilled = isCompleteDate(inputDate);
-            if (dateFilled && !isCompleteTime(inputTime, withTime)) {
-                const [, prevTime] = lastValidDate.current.split(DATE_TIME_SEPARATOR);
-                changeInputValue(`${inputDate}${DATE_TIME_SEPARATOR}${prevTime}`, null);
+            var dateFilled = utils_index.isCompleteDate(inputDate);
+            if (dateFilled && !utils_index.isCompleteTime(inputTime, withTime)) {
+                var _a = lastValidDate.current.split(consts.DATE_TIME_SEPARATOR), prevTime = _a[1];
+                changeInputValue("".concat(inputDate).concat(consts.DATE_TIME_SEPARATOR).concat(prevTime), null);
             }
             if (inputValue && !dateFilled) {
                 changeInputValue(lastValidDate.current, null);
             }
         }
     };
-    const handleClear = (event) => {
+    var handleClear = function (event) {
         changeInputValue('', null);
-        onClear?.(event);
+        onClear === null || onClear === void 0 ? void 0 : onClear(event);
     };
-    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'), ...calendarProps, breakpoint: breakpoint, responsive: true, open: open, onClose: onCalendarClose, ref: calendarRef, value: isValidValue ? parseDateString(inputDate).getTime() : 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') }, calendarProps, { breakpoint: breakpoint, responsive: true, open: open, onClose: onCalendarClose, ref: calendarRef, value: isValidValue ? utils_index.parseDateString(inputDate).getTime() : 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 && 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,
+    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.isCompleteDate(inputDate) && utils_index.isCompleteTime(inputTime, withTime), onClear: valueProp === undefined ? handleClear : onClear, breakpoint: breakpoint, dataTestId: dataTestId, 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 { DateInput };
+exports.DateInput = DateInput;

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

@@ -1,17 +1,7 @@
-export { DateInput } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import 'date-fns/isValid';
-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-cb4e6b79.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_dateInput_Component = require('./Component.js');
+
+
+
+exports.DateInput = components_dateInput_Component.DateInput;

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 { s as styles } from '../../index.module-cb4e6b79.js';
-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-cb4e6b79.js';
+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;