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

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

@@ -1,39 +1,19 @@
-import React, { forwardRef } from 'react';
-import { useMatchMedia } from '../../mq/cssm';
-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 UniversalDateInput = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, view, ...restProps }, ref) => {
-    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
-    return (React.createElement(BaseUniversalDateInput, { ...restProps, ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' }));
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
+var components_baseUniversalDateInput_Component = require('./components/base-universal-date-input/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var UniversalDateInput = React.forwardRef(function (_a, ref) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
+    var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
+    return (React__default.default.createElement(components_baseUniversalDateInput_Component.BaseUniversalDateInput, tslib.__assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
 });
 
-export { UniversalDateInput };
+exports.UniversalDateInput = UniversalDateInput;

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

@@ -1,63 +1,61 @@
-import React, { forwardRef, useState, useRef, useMemo, useEffect } from 'react';
-import mergeRefs from 'react-merge-refs';
-import { useMaskito } from '@maskito/react';
-import cn from 'classnames';
-import endOfDay from 'date-fns/endOfDay';
-import startOfDay from 'date-fns/startOfDay';
-import { HOURS_MINUTES_SEPARATOR, DATE_RANGE_SEPARATOR, DEFAULT_MIN_DATE, DEFAULT_MAX_DATE } from '../../consts.js';
-import { createMaskOptions } from '../../mask/index.js';
-import { DateInput } from '../date-input/Component.js';
-import { DateRangeInput } from '../date-range-input/Component.js';
-import { TimeInput } from '../time-input/Component.js';
-import styles from '../../index.module.css';
-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 '../../../../input/cssm';
-import '../../../../popover/cssm';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import 'date-fns/isAfter';
-import 'date-fns/startOfMonth';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const BaseUniversalDateInput = forwardRef(({ autoCorrection = true, minDate = DEFAULT_MIN_DATE, maxDate = DEFAULT_MAX_DATE, view, picker, onCalendarClose, onCalendarOpen, platform, onKeyDown, disabled, readOnly, fieldClassName, disableUserInput, ...restProps }, ref) => {
-    const [correctionOccurred, setCorrectionOccurred] = useState(false);
-    const [open, setOpen] = useState(false);
-    const inputRef = useRef(null);
-    const calendarRef = useRef(null);
-    const inputWrapperRef = useRef(null);
-    const maskOptions = useMemo(() => createMaskOptions(view, startOfDay(minDate), endOfDay(maxDate), autoCorrection, handleCorrection), [view, minDate, maxDate, autoCorrection]);
-    const maskRef = useMaskito({ options: maskOptions });
-    useEffect(() => {
-        let timeoutId;
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var react = require('@maskito/react');
+var cn = require('classnames');
+var endOfDay = require('date-fns/endOfDay');
+var startOfDay = require('date-fns/startOfDay');
+var consts = require('../../consts.js');
+var mask_index = require('../../mask/index.js');
+var components_dateInput_Component = require('../date-input/Component.js');
+var components_dateRangeInput_Component = require('../date-range-input/Component.js');
+var components_timeInput_Component = require('../time-input/Component.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 endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
+var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var BaseUniversalDateInput = React.forwardRef(function (_a, ref) {
+    var _b;
+    var _c = _a.autoCorrection, autoCorrection = _c === void 0 ? true : _c, _d = _a.minDate, minDate = _d === void 0 ? consts.DEFAULT_MIN_DATE : _d, _e = _a.maxDate, maxDate = _e === void 0 ? consts.DEFAULT_MAX_DATE : _e, view = _a.view, picker = _a.picker, onCalendarClose = _a.onCalendarClose, onCalendarOpen = _a.onCalendarOpen, platform = _a.platform, onKeyDown = _a.onKeyDown, disabled = _a.disabled, readOnly = _a.readOnly, fieldClassName = _a.fieldClassName, disableUserInput = _a.disableUserInput, restProps = tslib.__rest(_a, ["autoCorrection", "minDate", "maxDate", "view", "picker", "onCalendarClose", "onCalendarOpen", "platform", "onKeyDown", "disabled", "readOnly", "fieldClassName", "disableUserInput"]);
+    var _f = React.useState(false), correctionOccurred = _f[0], setCorrectionOccurred = _f[1];
+    var _g = React.useState(false), open = _g[0], setOpen = _g[1];
+    var inputRef = React.useRef(null);
+    var calendarRef = React.useRef(null);
+    var inputWrapperRef = React.useRef(null);
+    var maskOptions = React.useMemo(function () {
+        return mask_index.createMaskOptions(view, startOfDay__default.default(minDate), endOfDay__default.default(maxDate), autoCorrection, handleCorrection);
+    }, [view, minDate, maxDate, autoCorrection]);
+    var maskRef = react.useMaskito({ options: maskOptions });
+    React.useEffect(function () {
+        var timeoutId;
         if (correctionOccurred) {
-            timeoutId = setTimeout(() => setCorrectionOccurred(false), 150);
+            timeoutId = setTimeout(function () { return setCorrectionOccurred(false); }, 150);
         }
-        return () => clearTimeout(timeoutId);
+        return function () { return clearTimeout(timeoutId); };
     }, [correctionOccurred]);
-    const openCalendar = () => {
+    var openCalendar = function () {
         if (picker) {
-            setOpen((p) => {
+            setOpen(function (p) {
                 if (!p)
-                    onCalendarOpen?.();
+                    onCalendarOpen === null || onCalendarOpen === void 0 ? void 0 : onCalendarOpen();
                 return true;
             });
         }
     };
-    const closeCalendar = () => {
+    var closeCalendar = function () {
         if (picker) {
-            setOpen((p) => {
+            setOpen(function (p) {
                 if (p)
-                    onCalendarClose?.();
+                    onCalendarClose === null || onCalendarClose === void 0 ? void 0 : onCalendarClose();
                 return false;
             });
         }
@@ -65,11 +63,11 @@ const BaseUniversalDateInput = forwardRef(({ autoCorrection = true, minDate = DE
     function handleCorrection() {
         setCorrectionOccurred(true);
     }
-    const handleKeyDown = (event) => {
+    var handleKeyDown = function (event) {
         if (event.key === 'Escape')
             closeCalendar();
     };
-    const handleInputKeyDown = (event) => {
+    var handleInputKeyDown = function (event) {
         if (['ArrowDown', 'ArrowUp'].includes(event.key) && calendarRef.current) {
             event.preventDefault();
             calendarRef.current.focus();
@@ -80,53 +78,56 @@ const BaseUniversalDateInput = forwardRef(({ autoCorrection = true, minDate = DE
             else
                 openCalendar();
         }
-        onKeyDown?.(event);
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
     };
-    const handleClick = (event) => {
-        if (!inputWrapperRef.current?.contains(event.target))
+    var handleClick = function (event) {
+        var _a, _b;
+        if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
             return;
         if (platform === 'desktop') {
             if (!open)
                 openCalendar();
-            inputRef.current?.focus();
+            (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
         }
         if (platform === 'mobile' && disableUserInput && !open) {
             openCalendar();
         }
     };
-    const handlePickerClick = () => {
+    var handlePickerClick = function () {
         if (platform === 'mobile' && !disableUserInput && !open) {
             openCalendar();
         }
     };
-    const handleFocus = (event) => {
-        if (!inputWrapperRef.current?.contains(event.target))
+    var handleFocus = function (event) {
+        var _a;
+        if (!((_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
             return;
         if (platform === 'desktop')
             openCalendar();
     };
-    const handleBlur = (event) => {
+    var handleBlur = function (event) {
+        var _a;
         if (platform === 'desktop') {
-            const target = (event.relatedTarget || document.activeElement);
+            var target = (event.relatedTarget || document.activeElement);
             if (inputRef.current !== target &&
-                calendarRef.current?.contains(target) === false) {
+                ((_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.contains(target)) === false) {
                 closeCalendar();
             }
         }
     };
-    const inputDisabled = disabled || readOnly;
-    const commonProps = {
+    var inputDisabled = disabled || readOnly;
+    var commonProps = {
         autoComplete: picker ? 'off' : undefined,
-        disableUserInput,
-        autoCorrection,
-        disabled,
-        readOnly,
-        fieldClassName: cn(fieldClassName, { [styles.blink]: correctionOccurred }),
+        disableUserInput: disableUserInput,
+        autoCorrection: autoCorrection,
+        disabled: disabled,
+        readOnly: readOnly,
+        fieldClassName: cn__default.default(fieldClassName, (_b = {}, _b[styles__default.default.blink] = correctionOccurred, _b)),
         onKeyDown: handleInputKeyDown,
     };
-    const pickerProps = {
-        platform,
-        picker,
+    var pickerProps = {
+        platform: platform,
+        picker: picker,
         onCalendarClose: closeCalendar,
         onPickerClick: handlePickerClick,
         wrapperHandlers: {
@@ -135,20 +136,20 @@ const BaseUniversalDateInput = forwardRef(({ autoCorrection = true, minDate = DE
             onFocus: inputDisabled ? undefined : handleFocus,
             onBlur: handleBlur,
         },
-        minDate,
-        maxDate,
+        minDate: minDate,
+        maxDate: maxDate,
     };
     switch (view) {
         case 'date':
         case 'date-time':
-            return (React.createElement(DateInput, { placeholder: view === 'date-time' ? 'ДД.ММ.ГГГГ, ЧЧ:ММ' : 'ДД.ММ.ГГГГ', ...restProps, ...commonProps, ...pickerProps, withTime: view === 'date-time', open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs([ref, maskRef, inputRef]) }));
+            return (React__default.default.createElement(components_dateInput_Component.DateInput, tslib.__assign({ placeholder: view === 'date-time' ? 'ДД.ММ.ГГГГ, ЧЧ:ММ' : 'ДД.ММ.ГГГГ' }, restProps, commonProps, pickerProps, { withTime: view === 'date-time', open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
         case 'date-range':
-            return (React.createElement(DateRangeInput, { placeholder: `ДД.ММ.ГГГГ${DATE_RANGE_SEPARATOR}ДД.ММ.ГГГГ`, ...restProps, ...commonProps, ...pickerProps, open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs([ref, maskRef, inputRef]) }));
+            return (React__default.default.createElement(components_dateRangeInput_Component.DateRangeInput, tslib.__assign({ placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413".concat(consts.DATE_RANGE_SEPARATOR, "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413") }, restProps, commonProps, pickerProps, { open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
         case 'time':
-            return (React.createElement(TimeInput, { placeholder: `ЧЧ${HOURS_MINUTES_SEPARATOR}ММ`, ...restProps, ...commonProps, ref: mergeRefs([ref, maskRef, inputRef]) }));
+            return (React__default.default.createElement(components_timeInput_Component.TimeInput, tslib.__assign({ placeholder: "\u0427\u0427".concat(consts.HOURS_MINUTES_SEPARATOR, "\u041C\u041C") }, restProps, commonProps, { ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
         default:
             throw new Error('The view prop must be specified');
     }
 });
 
-export { BaseUniversalDateInput };
+exports.BaseUniversalDateInput = BaseUniversalDateInput;

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

@@ -1,31 +1,7 @@
-export { BaseUniversalDateInput } from './Component.js';
-import 'react';
-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 '../date-input/Component.js';
-import '../../../../input/cssm';
-import '../../../../popover/cssm';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import '../../index.module.css';
-import '../date-range-input/Component.js';
-import 'date-fns/isAfter';
-import 'date-fns/startOfMonth';
-import '../time-input/Component.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_baseUniversalDateInput_Component = require('./Component.js');
+
+
+
+exports.BaseUniversalDateInput = components_baseUniversalDateInput_Component.BaseUniversalDateInput;

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 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 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.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_dateInput_Component = require('./Component.js');
+
+
+
+exports.DateInput = components_dateInput_Component.DateInput;