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

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

@@ -1,95 +1,109 @@
-import React, { useRef, useState, useEffect } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import dateFnsIsValid from 'date-fns/isValid';
-import startOfMonth from 'date-fns/startOfMonth';
-import { usePeriod } from '../../../../calendar/cssm/shared';
-import { IconButton } from '../../../../icon-button/cssm';
-import { Popover } from '../../../../popover/cssm';
-import { useDidUpdateEffect } from '@alfalab/hooks';
-import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
-import { parseTimestampToDate, DATE_FORMAT, format, parseDateString, DATE_MASK, isCompleteDateInput, isValid } from '../../utils/format.js';
-import styles from './index.module.css';
-import 'date-fns/parse';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-/* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
-const DateRangeInput = React.forwardRef(({ className, inputClassName, popoverClassName, disabled, readOnly, disableUserInput = false, picker, defaultValue = '', value: propValue, onChange, onComplete, onClose, rightAddons, useAnchorWidth, block, popoverPosition = 'bottom-start', zIndexPopover, preventFlip, InputComponent, Calendar, calendarProps = {}, defaultMonth, minDate = calendarProps.minDate, maxDate = calendarProps.maxDate, offDays = calendarProps.offDays || [], events = calendarProps.events || [], defaultOpen = false, view = 'desktop', ...restProps }, ref) => {
-    const inputRef = useRef(null);
-    const iconRef = useRef(null);
-    const calendarRef = useRef(null);
-    const [value, setValue] = useState(propValue || defaultValue);
-    const [open, setOpen] = useState(defaultOpen);
-    const inputDisabled = disabled || readOnly;
-    const calendarResponsive = calendarProps?.responsive ?? true;
-    const { selectedFrom, selectedTo, updatePeriod, resetPeriod, setStart, setEnd } = usePeriod({ onPeriodChange: handlePeriodChange });
-    useEffect(() => {
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var dateFnsIsValid = require('date-fns/isValid');
+var startOfMonth = require('date-fns/startOfMonth');
+var shared = require('../../../../calendar/cssm/shared');
+var coreComponentsIconButton = require('../../../../icon-button/cssm');
+var coreComponentsPopover = require('../../../../popover/cssm');
+var hooks = require('@alfalab/hooks');
+var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
+var utils_format = require('../../utils/format.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 dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
+    var _b, _c;
+    var _d;
+    var className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, disabled = _a.disabled, readOnly = _a.readOnly, _e = _a.disableUserInput, disableUserInput = _e === void 0 ? false : _e, picker = _a.picker, _f = _a.defaultValue, defaultValue = _f === void 0 ? '' : _f, propValue = _a.value, onChange = _a.onChange, onComplete = _a.onComplete, onClose = _a.onClose, rightAddons = _a.rightAddons, useAnchorWidth = _a.useAnchorWidth, block = _a.block, _g = _a.popoverPosition, popoverPosition = _g === void 0 ? 'bottom-start' : _g, zIndexPopover = _a.zIndexPopover, preventFlip = _a.preventFlip, InputComponent = _a.InputComponent, Calendar = _a.Calendar, _h = _a.calendarProps, calendarProps = _h === void 0 ? {} : _h, defaultMonth = _a.defaultMonth, _j = _a.minDate, minDate = _j === void 0 ? calendarProps.minDate : _j, _k = _a.maxDate, maxDate = _k === void 0 ? calendarProps.maxDate : _k, _l = _a.offDays, offDays = _l === void 0 ? calendarProps.offDays || [] : _l, _m = _a.events, events = _m === void 0 ? calendarProps.events || [] : _m, _o = _a.defaultOpen, defaultOpen = _o === void 0 ? false : _o, _p = _a.view, view = _p === void 0 ? 'desktop' : _p, restProps = tslib.__rest(_a, ["className", "inputClassName", "popoverClassName", "disabled", "readOnly", "disableUserInput", "picker", "defaultValue", "value", "onChange", "onComplete", "onClose", "rightAddons", "useAnchorWidth", "block", "popoverPosition", "zIndexPopover", "preventFlip", "InputComponent", "Calendar", "calendarProps", "defaultMonth", "minDate", "maxDate", "offDays", "events", "defaultOpen", "view"]);
+    var inputRef = React.useRef(null);
+    var iconRef = React.useRef(null);
+    var calendarRef = React.useRef(null);
+    var _q = React.useState(propValue || defaultValue), value = _q[0], setValue = _q[1];
+    var _r = React.useState(defaultOpen), open = _r[0], setOpen = _r[1];
+    var inputDisabled = disabled || readOnly;
+    var calendarResponsive = (_d = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.responsive) !== null && _d !== void 0 ? _d : true;
+    var _s = shared.usePeriod({ onPeriodChange: handlePeriodChange }), selectedFrom = _s.selectedFrom, selectedTo = _s.selectedTo, updatePeriod = _s.updatePeriod, resetPeriod = _s.resetPeriod, setStart = _s.setStart, setEnd = _s.setEnd;
+    React.useEffect(function () {
         if (value) {
             setCalendarPeriod(getDates(value));
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    useEffect(() => {
-        setValue((prevValue) => {
+    React.useEffect(function () {
+        setValue(function (prevValue) {
             if (selectedFrom && selectedTo) {
-                const from = parseTimestampToDate(selectedFrom);
-                const to = parseTimestampToDate(selectedTo);
-                return `${from} - ${to}`;
+                var from = utils_format.parseTimestampToDate(selectedFrom);
+                var to = utils_format.parseTimestampToDate(selectedTo);
+                return "".concat(from, " - ").concat(to);
             }
-            if (selectedFrom && prevValue.length < DATE_FORMAT.length) {
-                return parseTimestampToDate(selectedFrom);
+            if (selectedFrom && prevValue.length < utils_format.DATE_FORMAT.length) {
+                return utils_format.parseTimestampToDate(selectedFrom);
             }
             return prevValue;
         });
     }, [selectedFrom, selectedTo]);
-    useDidUpdateEffect(() => {
-        const newPropValue = propValue || '';
-        setValue((prevValue) => {
+    hooks.useDidUpdateEffect(function () {
+        var newPropValue = propValue || '';
+        setValue(function (prevValue) {
             if (prevValue === newPropValue) {
                 return prevValue;
             }
-            const dates = getDates(newPropValue);
+            var dates = getDates(newPropValue);
             setCalendarPeriod(dates);
             return dates.formattedValue;
         });
     }, [propValue]);
     function getDates(val) {
-        const formattedValue = format(val);
-        const dateArr = formattedValue.split('-').map((v) => v.trim());
-        const dateFrom = dateArr[0] ? parseDateString(dateArr[0]) : undefined;
-        const dateTo = dateArr[1] ? parseDateString(dateArr[1]) : undefined;
-        return { formattedValue, dateFrom, dateTo, dateArr };
+        var formattedValue = utils_format.format(val);
+        var dateArr = formattedValue.split('-').map(function (v) { return v.trim(); });
+        var dateFrom = dateArr[0] ? utils_format.parseDateString(dateArr[0]) : undefined;
+        var dateTo = dateArr[1] ? utils_format.parseDateString(dateArr[1]) : undefined;
+        return { formattedValue: formattedValue, dateFrom: dateFrom, dateTo: dateTo, dateArr: dateArr };
     }
-    function setCalendarPeriod({ dateFrom, dateTo }) {
-        setStart(dateFrom?.getTime());
-        setEnd(dateTo?.getTime());
+    function setCalendarPeriod(_a) {
+        var dateFrom = _a.dateFrom, dateTo = _a.dateTo;
+        setStart(dateFrom === null || dateFrom === void 0 ? void 0 : dateFrom.getTime());
+        setEnd(dateTo === null || dateTo === void 0 ? void 0 : dateTo.getTime());
     }
     function handlePeriodChange(from, to) {
-        if (from && !to && value.length === DATE_MASK.length) {
-            setValue(parseTimestampToDate(from));
+        if (from && !to && value.length === utils_format.DATE_MASK.length) {
+            setValue(utils_format.parseTimestampToDate(from));
         }
-        else if ((!from && !to && value.length === DATE_FORMAT.length) ||
-            (from === to && value.length === DATE_MASK.length)) {
+        else if ((!from && !to && value.length === utils_format.DATE_FORMAT.length) ||
+            (from === to && value.length === utils_format.DATE_MASK.length)) {
             setValue('');
         }
-        const dateFrom = from ? new Date(from) : undefined;
-        const dateTo = to ? new Date(to) : undefined;
-        const newValue = [from, to].filter(Boolean)
-            .map((timestamp) => parseTimestampToDate(timestamp))
+        var dateFrom = from ? new Date(from) : undefined;
+        var dateTo = to ? new Date(to) : undefined;
+        var newValue = [from, to].filter(Boolean)
+            .map(function (timestamp) { return utils_format.parseTimestampToDate(timestamp); })
             .join(' - ');
-        onChange?.({
-            dateFrom,
-            dateTo,
+        onChange === null || onChange === void 0 ? void 0 : onChange({
+            dateFrom: dateFrom,
+            dateTo: dateTo,
             value: newValue,
         });
         if (dateFrom && dateTo) {
-            onComplete?.({
-                dateFrom,
-                dateTo,
+            onComplete === null || onComplete === void 0 ? void 0 : onComplete({
+                dateFrom: dateFrom,
+                dateTo: dateTo,
                 value: newValue,
             });
         }
     }
-    const handleInputWrapperFocus = (event) => {
+    var handleInputWrapperFocus = function (event) {
         if (view === 'desktop') {
             if (picker) {
                 setOpen(true);
@@ -99,12 +113,13 @@ const DateRangeInput = React.forwardRef(({ className, inputClassName, popoverCla
             }
         }
     };
-    const handleBlur = (event) => {
+    var handleBlur = function (event) {
+        var _a, _b, _c;
         if (view === 'desktop') {
-            const target = (event.relatedTarget || document.activeElement);
-            if (calendarRef.current?.contains(target) === false &&
-                inputRef.current?.contains(target) === false &&
-                iconRef.current?.contains(target) === false) {
+            var target = (event.relatedTarget || document.activeElement);
+            if (((_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.contains(target)) === false &&
+                ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.contains(target)) === false &&
+                ((_c = iconRef.current) === null || _c === void 0 ? void 0 : _c.contains(target)) === false) {
                 setOpen(false);
                 if (onClose) {
                     onClose();
@@ -113,95 +128,96 @@ const DateRangeInput = React.forwardRef(({ className, inputClassName, popoverCla
         }
     };
     // eslint-disable-next-line complexity
-    const handleChange = (event) => {
-        const { value: newValue } = event.target;
-        if (newValue.length > DATE_MASK.length)
+    var handleChange = function (event) {
+        var _a, _b;
+        var newValue = event.target.value;
+        if (newValue.length > utils_format.DATE_MASK.length)
             return;
         // Позволяем вводить только цифры, точки, дефис и пробелы
         if (/[^\d. -]/.test(newValue)) {
             return;
         }
-        const dots = newValue.match(/\./g);
-        const hyphen = newValue.match(/\-/g);
+        var dots = newValue.match(/\./g);
+        var hyphen = newValue.match(/\-/g);
         // Не даем вводить больше, чем 4 точки и 1 дефис
         if ((dots && dots.length > 4) || (hyphen && hyphen.length > 1)) {
             return;
         }
-        const { formattedValue, dateFrom, dateTo, dateArr } = getDates(newValue);
+        var _c = getDates(newValue), formattedValue = _c.formattedValue, dateFrom = _c.dateFrom, dateTo = _c.dateTo, dateArr = _c.dateArr;
         if (!dateFrom && !dateTo) {
             resetPeriod();
         }
-        else if (selectedFrom && formattedValue.length < DATE_FORMAT.length) {
+        else if (selectedFrom && formattedValue.length < utils_format.DATE_FORMAT.length) {
             setStart();
         }
         else if (selectedFrom && selectedTo) {
             setEnd();
         }
         else if (dateFrom &&
-            dateFnsIsValid(dateFrom) &&
-            dateArr[0]?.length === DATE_FORMAT.length &&
+            dateFnsIsValid__default.default(dateFrom) &&
+            ((_a = dateArr[0]) === null || _a === void 0 ? void 0 : _a.length) === utils_format.DATE_FORMAT.length &&
             dateFrom.getTime() !== selectedFrom) {
             setStart(dateFrom.getTime());
         }
         else if (dateTo &&
-            dateFnsIsValid(dateTo) &&
-            dateArr[1]?.length === DATE_FORMAT.length &&
+            dateFnsIsValid__default.default(dateTo) &&
+            ((_b = dateArr[1]) === null || _b === void 0 ? void 0 : _b.length) === utils_format.DATE_FORMAT.length &&
             dateTo.getTime() !== selectedTo) {
             setEnd(dateTo.getTime());
         }
         setValue(formattedValue);
-        onChange?.({ dateFrom, dateTo, value: formattedValue }, event);
-        if (isCompleteDateInput(formattedValue)) {
-            const valid = isValid(formattedValue, dateArr[0], dateArr[1]);
+        onChange === null || onChange === void 0 ? void 0 : onChange({ dateFrom: dateFrom, dateTo: dateTo, value: formattedValue }, event);
+        if (utils_format.isCompleteDateInput(formattedValue)) {
+            var valid = utils_format.isValid(formattedValue, dateArr[0], dateArr[1]);
             if (!valid)
                 return;
             if (dateFrom && dateTo) {
-                onComplete?.({ dateFrom, dateTo, value: formattedValue }, event);
+                onComplete === null || onComplete === void 0 ? void 0 : onComplete({ dateFrom: dateFrom, dateTo: dateTo, value: formattedValue }, event);
             }
         }
     };
-    const handleCalendarClose = () => {
+    var handleCalendarClose = function () {
         if (view === 'mobile' && onClose) {
             onClose();
         }
         setOpen(false);
     };
-    const handleClear = () => {
+    var handleClear = function () {
         setValue('');
         resetPeriod();
     };
-    const handleCalendarChange = (date) => {
+    var handleCalendarChange = function (date) {
         updatePeriod(date);
     };
-    const handleCalendarWrapperMouseDown = (event) => {
+    var handleCalendarWrapperMouseDown = function (event) {
         // Не дает инпуту терять фокус при выборе даты
         event.preventDefault();
     };
-    const handleIconButtonClick = () => {
+    var handleIconButtonClick = function () {
         if (!open)
             setOpen(true);
         if (view === 'desktop' && inputRef.current) {
             inputRef.current.focus();
         }
     };
-    const renderCalendar = () => {
-        const activeMonth = (selectedTo && startOfMonth(selectedTo)) ||
-            (selectedFrom && startOfMonth(selectedFrom));
+    var renderCalendar = function () {
+        var activeMonth = (selectedTo && startOfMonth__default.default(selectedTo)) ||
+            (selectedFrom && startOfMonth__default.default(selectedFrom));
         return Calendar ? (
         // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-        React.createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },
-            React.createElement(Calendar, { ...calendarProps, responsive: calendarResponsive, open: open, onClose: handleCalendarClose, ref: calendarRef, defaultMonth: activeMonth || defaultMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events }))) : null;
+        React__default.default.createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },
+            React__default.default.createElement(Calendar, tslib.__assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: handleCalendarClose, ref: calendarRef, defaultMonth: activeMonth || defaultMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })))) : null;
     };
-    return (React.createElement("div", { className: cn(styles.component, className, {
-            [styles.block]: block,
-        }), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        InputComponent ? (React.createElement(InputComponent, { autoComplete: picker ? 'off' : undefined, ...restProps, block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React.createElement(React.Fragment, null,
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className, (_b = {},
+            _b[styles__default.default.block] = block,
+            _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
+        InputComponent ? (React__default.default.createElement(InputComponent, tslib.__assign({ autoComplete: picker ? 'off' : undefined }, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
-                picker && (React.createElement(IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) })) : null,
+                picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles__default.default.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
         picker &&
-            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, {
-                    [styles.calendarResponsive]: calendarResponsive,
-                }), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
+            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, (_c = {},
+                    _c[styles__default.default.calendarResponsive] = calendarResponsive,
+                    _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });
 
-export { DateRangeInput };
+exports.DateRangeInput = DateRangeInput;

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

@@ -1,14 +1,7 @@
-export { DateRangeInput } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import 'date-fns/isValid';
-import 'date-fns/startOfMonth';
-import '../../../../calendar/cssm/shared';
-import '../../../../icon-button/cssm';
-import '../../../../popover/cssm';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import '../../utils/format.js';
-import 'date-fns/parse';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_dateRangeInput_Component = require('./Component.js');
+
+
+
+exports.DateRangeInput = components_dateRangeInput_Component.DateRangeInput;

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

@@ -1,24 +1,19 @@
-import React, { forwardRef } from 'react';
-import { CalendarDesktop } from '../../../calendar/cssm/desktop';
-import { InputDesktop } from '../../../input/cssm/desktop';
-import { DateRangeInput } from '../components/date-range-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import 'date-fns/isValid';
-import 'date-fns/startOfMonth';
-import '../../../calendar/cssm/shared';
-import '../../../icon-button/cssm';
-import '../../../popover/cssm';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import '../utils/format.js';
-import 'date-fns/parse';
-import '../components/date-range-input/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var desktop$1 = require('../../../calendar/cssm/desktop');
+var desktop = require('../../../input/cssm/desktop');
+var components_dateRangeInput_Component = require('../components/date-range-input/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 /**
  * @deprecated
  * use UniversalDateInput instead
  */
-const DateRangeInputDesktop = forwardRef((props, ref) => (React.createElement(DateRangeInput, { InputComponent: InputDesktop, Calendar: CalendarDesktop, ...props, ref: ref })));
+var DateRangeInputDesktop = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_dateRangeInput_Component.DateRangeInput, tslib.__assign({ InputComponent: desktop.InputDesktop, Calendar: desktop$1.CalendarDesktop }, props, { ref: ref }))); });
 
-export { DateRangeInputDesktop };
+exports.DateRangeInputDesktop = DateRangeInputDesktop;

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

@@ -1,17 +1,7 @@
-export { DateRangeInputDesktop } from './Component.desktop.js';
-import 'react';
-import '../../../calendar/cssm/desktop';
-import '../../../input/cssm/desktop';
-import '../components/date-range-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import 'date-fns/isValid';
-import 'date-fns/startOfMonth';
-import '../../../calendar/cssm/shared';
-import '../../../icon-button/cssm';
-import '../../../popover/cssm';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import '../utils/format.js';
-import 'date-fns/parse';
-import '../components/date-range-input/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.DateRangeInputDesktop = desktop_Component_desktop.DateRangeInputDesktop;

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

@@ -1,21 +1,7 @@
-export { DateRangeInputResponsive as DateRangeInput } from './Component.responsive.js';
-import 'react';
-import '@alfalab/hooks';
-import './desktop/Component.desktop.js';
-import '../../calendar/cssm/desktop';
-import '../../input/cssm/desktop';
-import './components/date-range-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import 'date-fns/isValid';
-import 'date-fns/startOfMonth';
-import '../../calendar/cssm/shared';
-import '../../icon-button/cssm';
-import '../../popover/cssm';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import './utils/format.js';
-import 'date-fns/parse';
-import './components/date-range-input/index.module.css';
-import './mobile/Component.mobile.js';
-import '../../calendar/cssm/mobile';
-import '../../input/cssm/mobile';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.DateRangeInput = Component_responsive.DateRangeInputResponsive;

package/date-range-input/cssm/mobile/Component.mobile.js

@@ -1,24 +1,19 @@
-import React, { forwardRef } from 'react';
-import { CalendarMobile } from '../../../calendar/cssm/mobile';
-import { InputMobile } from '../../../input/cssm/mobile';
-import { DateRangeInput } from '../components/date-range-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import 'date-fns/isValid';
-import 'date-fns/startOfMonth';
-import '../../../calendar/cssm/shared';
-import '../../../icon-button/cssm';
-import '../../../popover/cssm';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import '../utils/format.js';
-import 'date-fns/parse';
-import '../components/date-range-input/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mobile$1 = require('../../../calendar/cssm/mobile');
+var mobile = require('../../../input/cssm/mobile');
+var components_dateRangeInput_Component = require('../components/date-range-input/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 /**
  * @deprecated
  * use UniversalDateInput instead
  */
-const DateRangeInputMobile = forwardRef((props, ref) => (React.createElement(DateRangeInput, { InputComponent: InputMobile, Calendar: CalendarMobile, view: 'mobile', ...props, ref: ref })));
+var DateRangeInputMobile = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_dateRangeInput_Component.DateRangeInput, tslib.__assign({ InputComponent: mobile.InputMobile, Calendar: mobile$1.CalendarMobile, view: 'mobile' }, props, { ref: ref }))); });
 
-export { DateRangeInputMobile };
+exports.DateRangeInputMobile = DateRangeInputMobile;

package/date-range-input/cssm/mobile/index.js

@@ -1,17 +1,7 @@
-export { DateRangeInputMobile } from './Component.mobile.js';
-import 'react';
-import '../../../calendar/cssm/mobile';
-import '../../../input/cssm/mobile';
-import '../components/date-range-input/Component.js';
-import 'react-merge-refs';
-import 'classnames';
-import 'date-fns/isValid';
-import 'date-fns/startOfMonth';
-import '../../../calendar/cssm/shared';
-import '../../../icon-button/cssm';
-import '../../../popover/cssm';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/CalendarMIcon';
-import '../utils/format.js';
-import 'date-fns/parse';
-import '../components/date-range-input/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mobile_Component_mobile = require('./Component.mobile.js');
+
+
+
+exports.DateRangeInputMobile = mobile_Component_mobile.DateRangeInputMobile;