@alfalab/core-components-date-range-input 3.5.28-snapshot-1393ffa → 3.5.29

package/Component.responsive.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import React from 'react';
+import { ConditionalProps, DateRangeInputProps } from "./components/date-range-input/index";
+type DateRangeInputResponsiveProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: 'desktop' | 'mobile';
+};
+type DateRangeInputMedia = 'desktop' | 'mobile';
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+declare const DateRangeInputResponsive: React.ForwardRefExoticComponent<DateRangeInputResponsiveProps & React.RefAttributes<HTMLInputElement>>;
+export { DateRangeInputResponsiveProps, DateRangeInputMedia, DateRangeInputResponsive };

package/Component.responsive.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('@alfalab/core-components-mq');
-var Component_desktop = require('./desktop/Component.desktop.js');
-var Component_mobile = require('./mobile/Component.mobile.js');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -19,8 +19,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var DateRangeInputResponsive = React.forwardRef(function (_a, ref) {
     var breakpoint = _a.breakpoint, client = _a.client, restProps = tslib.__rest(_a, ["breakpoint", "client"]);
     var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, client === 'desktop');
-    return isDesktop ? (React__default.default.createElement(Component_desktop.DateRangeInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(Component_mobile.DateRangeInputMobile, tslib.__assign({}, restProps, { ref: ref })));
+    return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.DateRangeInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.DateRangeInputMobile, tslib.__assign({}, restProps, { ref: ref })));
 });
 
 exports.DateRangeInputResponsive = DateRangeInputResponsive;
-//# sourceMappingURL=Component.responsive.js.map

package/{cssm/src/components → components}/date-range-input/Component.d.ts

@@ -1,9 +1,11 @@
-import React, { ChangeEvent, ElementType } from 'react';
-import type { CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';
-import type { CalendarMobileProps } from '@alfalab/core-components-calendar/mobile';
-import { InputProps } from '@alfalab/core-components-input';
-import { PopoverProps } from '@alfalab/core-components-popover';
-export declare type ConditionalProps = {
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent, ElementType } from "react";
+import { CalendarDesktopProps } from "@alfalab/core-components-calendar/desktop";
+import { CalendarMobileProps } from "@alfalab/core-components-calendar/mobile";
+import { InputProps } from "@alfalab/core-components-input";
+import { PopoverProps } from "@alfalab/core-components-popover";
+type ConditionalProps = {
     /**
      * Обработчик изменения значения
      */
@@ -16,7 +18,7 @@ export declare type ConditionalProps = {
     picker?: false;
     onClose?: never;
 };
-export declare type DateRangeInputProps = Omit<InputProps, 'onChange'> & ConditionalProps & {
+type DateRangeInputProps = Omit<InputProps, 'onChange'> & ConditionalProps & {
     /**
      * Дополнительный класс
      */
@@ -111,4 +113,5 @@ export declare type DateRangeInputProps = Omit<InputProps, 'onChange'> & Conditi
      */
     disableUserInput?: boolean;
 };
-export declare const DateRangeInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLInputElement>>;
+declare const DateRangeInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLInputElement>>;
+export { ConditionalProps, DateRangeInputProps, DateRangeInput };

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

@@ -13,8 +13,7 @@ var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
 var coreComponentsPopover = require('@alfalab/core-components-popover');
 var hooks = require('@alfalab/hooks');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
-var format = require('../../utils/format.js');
-var index_module = require('./index.module.css.js');
+var utils_format = require('../../utils/format.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -24,6 +23,9 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
+var styles = {"component":"date-range-input__component_h71xs","calendarContainer":"date-range-input__calendarContainer_h71xs","calendarResponsive":"date-range-input__calendarResponsive_h71xs","block":"date-range-input__block_h71xs","calendarIcon":"date-range-input__calendarIcon_h71xs"};
+require('./index.css')
+
 var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     var _b, _c;
     var _d;
@@ -45,12 +47,12 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     React.useEffect(function () {
         setValue(function (prevValue) {
             if (selectedFrom && selectedTo) {
-                var from = format.parseTimestampToDate(selectedFrom);
-                var to = format.parseTimestampToDate(selectedTo);
+                var from = utils_format.parseTimestampToDate(selectedFrom);
+                var to = utils_format.parseTimestampToDate(selectedTo);
                 return "".concat(from, " - ").concat(to);
             }
-            if (selectedFrom && prevValue.length < format.DATE_FORMAT.length) {
-                return format.parseTimestampToDate(selectedFrom);
+            if (selectedFrom && prevValue.length < utils_format.DATE_FORMAT.length) {
+                return utils_format.parseTimestampToDate(selectedFrom);
             }
             return prevValue;
         });
@@ -67,10 +69,10 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         });
     }, [propValue]);
     function getDates(val) {
-        var formattedValue = format.format(val);
+        var formattedValue = utils_format.format(val);
         var dateArr = formattedValue.split('-').map(function (v) { return v.trim(); });
-        var dateFrom = dateArr[0] ? format.parseDateString(dateArr[0]) : undefined;
-        var dateTo = dateArr[1] ? format.parseDateString(dateArr[1]) : undefined;
+        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(_a) {
@@ -79,17 +81,17 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         setEnd(dateTo === null || dateTo === void 0 ? void 0 : dateTo.getTime());
     }
     function handlePeriodChange(from, to) {
-        if (from && !to && value.length === format.DATE_MASK.length) {
-            setValue(format.parseTimestampToDate(from));
+        if (from && !to && value.length === utils_format.DATE_MASK.length) {
+            setValue(utils_format.parseTimestampToDate(from));
         }
-        else if ((!from && !to && value.length === format.DATE_FORMAT.length) ||
-            (from === to && value.length === format.DATE_MASK.length)) {
+        else if ((!from && !to && value.length === utils_format.DATE_FORMAT.length) ||
+            (from === to && value.length === utils_format.DATE_MASK.length)) {
             setValue('');
         }
         var dateFrom = from ? new Date(from) : undefined;
         var dateTo = to ? new Date(to) : undefined;
         var newValue = [from, to].filter(Boolean)
-            .map(function (timestamp) { return format.parseTimestampToDate(timestamp); })
+            .map(function (timestamp) { return utils_format.parseTimestampToDate(timestamp); })
             .join(' - ');
         onChange === null || onChange === void 0 ? void 0 : onChange({
             dateFrom: dateFrom,
@@ -132,7 +134,7 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     var handleChange = function (event) {
         var _a, _b;
         var newValue = event.target.value;
-        if (newValue.length > format.DATE_MASK.length)
+        if (newValue.length > utils_format.DATE_MASK.length)
             return;
         // Позволяем вводить только цифры, точки, дефис и пробелы
         if (/[^\d. -]/.test(newValue)) {
@@ -148,7 +150,7 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         if (!dateFrom && !dateTo) {
             resetPeriod();
         }
-        else if (selectedFrom && formattedValue.length < format.DATE_FORMAT.length) {
+        else if (selectedFrom && formattedValue.length < utils_format.DATE_FORMAT.length) {
             setStart();
         }
         else if (selectedFrom && selectedTo) {
@@ -156,20 +158,20 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         }
         else if (dateFrom &&
             dateFnsIsValid__default.default(dateFrom) &&
-            ((_a = dateArr[0]) === null || _a === void 0 ? void 0 : _a.length) === format.DATE_FORMAT.length &&
+            ((_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__default.default(dateTo) &&
-            ((_b = dateArr[1]) === null || _b === void 0 ? void 0 : _b.length) === format.DATE_FORMAT.length &&
+            ((_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 === null || onChange === void 0 ? void 0 : onChange({ dateFrom: dateFrom, dateTo: dateTo, value: formattedValue }, event);
-        if (format.isCompleteDateInput(formattedValue)) {
-            var valid = format.isValid(formattedValue, dateArr[0], dateArr[1]);
+        if (utils_format.isCompleteDateInput(formattedValue)) {
+            var valid = utils_format.isValid(formattedValue, dateArr[0], dateArr[1]);
             if (!valid)
                 return;
             if (dateFrom && dateTo) {
@@ -209,17 +211,16 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         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__default.default.createElement("div", { className: cn__default.default(index_module.component, className, (_b = {},
-            _b[index_module.block] = block,
+    return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className, (_b = {},
+            _b[styles.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__default.default.createElement(coreComponentsIconButton.IconButton, { className: index_module.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
+                picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
         picker &&
-            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(index_module.calendarContainer, (_c = {},
-                    _c[index_module.calendarResponsive] = calendarResponsive,
+            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles.calendarContainer, (_c = {},
+                    _c[styles.calendarResponsive] = calendarResponsive,
                     _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });
 
 exports.DateRangeInput = DateRangeInput;
-//# sourceMappingURL=Component.js.map

package/components/date-range-input/index.css

@@ -1,33 +1,73 @@
-:root {
-    --color-light-neutral-300: #e7e8eb;
+/* hash: i4j76 */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
-    --border-radius-m: 8px;
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root { /* deprecated */ /* deprecated */
+    --border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
     --border-radius-8: var(--border-radius-m);
-} :root {
-    --gap-s-neg: -12px;
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-s-neg: -12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
     --gap-12-neg: var(--gap-s-neg);
 } :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
     --calendar-width: 344px;
+
+    /* Кнопки выбора месяцев и годов */
+
+    /* Шапка */
+
+    /* День */
+
+    /* today */
+
+    /* highlighted */
+
+    /* holidays */
+
+    /* range */
+
+    /* selected */
+
+    /* disabled */
+
+    /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-8);
-} .date-range-input__component_1akjd {
+} .date-range-input__component_h71xs {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_1akjd {
+} .date-range-input__calendarContainer_h71xs {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_1akjd {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_h71xs {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_1akjd {
+    } .date-range-input__calendarResponsive_h71xs {
     width: var(--calendar-width);
-} .date-range-input__block_1akjd {
+} .date-range-input__block_h71xs {
     width: 100%;
-} .date-range-input__calendarIcon_1akjd {
+} .date-range-input__calendarIcon_h71xs {
     margin-right: var(--gap-12-neg);
     height: 100%;
 }

package/components/date-range-input/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

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

@@ -2,9 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component.js');
+var components_dateRangeInput_Component = require('./Component.js');
 
 
 
-exports.DateRangeInput = Component.DateRangeInput;
-//# sourceMappingURL=index.js.map
+exports.DateRangeInput = components_dateRangeInput_Component.DateRangeInput;

package/cssm/Component.responsive.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import React from 'react';
+import { ConditionalProps, DateRangeInputProps } from "./components/date-range-input/index";
+type DateRangeInputResponsiveProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: 'desktop' | 'mobile';
+};
+type DateRangeInputMedia = 'desktop' | 'mobile';
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+declare const DateRangeInputResponsive: React.ForwardRefExoticComponent<DateRangeInputResponsiveProps & React.RefAttributes<HTMLInputElement>>;
+export { DateRangeInputResponsiveProps, DateRangeInputMedia, DateRangeInputResponsive };

package/cssm/Component.responsive.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var cssm = require('@alfalab/core-components-mq/cssm');
-var Component_desktop = require('./desktop/Component.desktop.js');
-var Component_mobile = require('./mobile/Component.mobile.js');
+var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -18,9 +18,8 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
  */
 var DateRangeInputResponsive = React.forwardRef(function (_a, ref) {
     var breakpoint = _a.breakpoint, client = _a.client, restProps = tslib.__rest(_a, ["breakpoint", "client"]);
-    var isDesktop = cssm.useIsDesktop(breakpoint, client === 'desktop');
-    return isDesktop ? (React__default.default.createElement(Component_desktop.DateRangeInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(Component_mobile.DateRangeInputMobile, tslib.__assign({}, restProps, { ref: ref })));
+    var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, client === 'desktop');
+    return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.DateRangeInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.DateRangeInputMobile, tslib.__assign({}, restProps, { ref: ref })));
 });
 
 exports.DateRangeInputResponsive = DateRangeInputResponsive;
-//# sourceMappingURL=Component.responsive.js.map

package/{esm/src → cssm}/components/date-range-input/Component.d.ts

@@ -1,9 +1,11 @@
-import React, { ChangeEvent, ElementType } from 'react';
-import type { CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';
-import type { CalendarMobileProps } from '@alfalab/core-components-calendar/mobile';
-import { InputProps } from '@alfalab/core-components-input';
-import { PopoverProps } from '@alfalab/core-components-popover';
-export declare type ConditionalProps = {
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent, ElementType } from "react";
+import { CalendarDesktopProps } from "@alfalab/core-components-calendar/desktop";
+import { CalendarMobileProps } from "@alfalab/core-components-calendar/mobile";
+import { InputProps } from "@alfalab/core-components-input";
+import { PopoverProps } from "@alfalab/core-components-popover";
+type ConditionalProps = {
     /**
      * Обработчик изменения значения
      */
@@ -16,7 +18,7 @@ export declare type ConditionalProps = {
     picker?: false;
     onClose?: never;
 };
-export declare type DateRangeInputProps = Omit<InputProps, 'onChange'> & ConditionalProps & {
+type DateRangeInputProps = Omit<InputProps, 'onChange'> & ConditionalProps & {
     /**
      * Дополнительный класс
      */
@@ -111,4 +113,5 @@ export declare type DateRangeInputProps = Omit<InputProps, 'onChange'> & Conditi
      */
     disableUserInput?: boolean;
 };
-export declare const DateRangeInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLInputElement>>;
+declare const DateRangeInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLInputElement>>;
+export { ConditionalProps, DateRangeInputProps, DateRangeInput };

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

@@ -9,11 +9,11 @@ var cn = require('classnames');
 var dateFnsIsValid = require('date-fns/isValid');
 var startOfMonth = require('date-fns/startOfMonth');
 var shared = require('@alfalab/core-components-calendar/cssm/shared');
-var cssm = require('@alfalab/core-components-icon-button/cssm');
-var cssm$1 = require('@alfalab/core-components-popover/cssm');
+var coreComponentsIconButton = require('@alfalab/core-components-icon-button/cssm');
+var coreComponentsPopover = require('@alfalab/core-components-popover/cssm');
 var hooks = require('@alfalab/hooks');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
-var format = require('../../utils/format.js');
+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 }; }
@@ -46,12 +46,12 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     React.useEffect(function () {
         setValue(function (prevValue) {
             if (selectedFrom && selectedTo) {
-                var from = format.parseTimestampToDate(selectedFrom);
-                var to = format.parseTimestampToDate(selectedTo);
+                var from = utils_format.parseTimestampToDate(selectedFrom);
+                var to = utils_format.parseTimestampToDate(selectedTo);
                 return "".concat(from, " - ").concat(to);
             }
-            if (selectedFrom && prevValue.length < format.DATE_FORMAT.length) {
-                return format.parseTimestampToDate(selectedFrom);
+            if (selectedFrom && prevValue.length < utils_format.DATE_FORMAT.length) {
+                return utils_format.parseTimestampToDate(selectedFrom);
             }
             return prevValue;
         });
@@ -68,10 +68,10 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         });
     }, [propValue]);
     function getDates(val) {
-        var formattedValue = format.format(val);
+        var formattedValue = utils_format.format(val);
         var dateArr = formattedValue.split('-').map(function (v) { return v.trim(); });
-        var dateFrom = dateArr[0] ? format.parseDateString(dateArr[0]) : undefined;
-        var dateTo = dateArr[1] ? format.parseDateString(dateArr[1]) : undefined;
+        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(_a) {
@@ -80,17 +80,17 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         setEnd(dateTo === null || dateTo === void 0 ? void 0 : dateTo.getTime());
     }
     function handlePeriodChange(from, to) {
-        if (from && !to && value.length === format.DATE_MASK.length) {
-            setValue(format.parseTimestampToDate(from));
+        if (from && !to && value.length === utils_format.DATE_MASK.length) {
+            setValue(utils_format.parseTimestampToDate(from));
         }
-        else if ((!from && !to && value.length === format.DATE_FORMAT.length) ||
-            (from === to && value.length === format.DATE_MASK.length)) {
+        else if ((!from && !to && value.length === utils_format.DATE_FORMAT.length) ||
+            (from === to && value.length === utils_format.DATE_MASK.length)) {
             setValue('');
         }
         var dateFrom = from ? new Date(from) : undefined;
         var dateTo = to ? new Date(to) : undefined;
         var newValue = [from, to].filter(Boolean)
-            .map(function (timestamp) { return format.parseTimestampToDate(timestamp); })
+            .map(function (timestamp) { return utils_format.parseTimestampToDate(timestamp); })
             .join(' - ');
         onChange === null || onChange === void 0 ? void 0 : onChange({
             dateFrom: dateFrom,
@@ -133,7 +133,7 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     var handleChange = function (event) {
         var _a, _b;
         var newValue = event.target.value;
-        if (newValue.length > format.DATE_MASK.length)
+        if (newValue.length > utils_format.DATE_MASK.length)
             return;
         // Позволяем вводить только цифры, точки, дефис и пробелы
         if (/[^\d. -]/.test(newValue)) {
@@ -149,7 +149,7 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         if (!dateFrom && !dateTo) {
             resetPeriod();
         }
-        else if (selectedFrom && formattedValue.length < format.DATE_FORMAT.length) {
+        else if (selectedFrom && formattedValue.length < utils_format.DATE_FORMAT.length) {
             setStart();
         }
         else if (selectedFrom && selectedTo) {
@@ -157,20 +157,20 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         }
         else if (dateFrom &&
             dateFnsIsValid__default.default(dateFrom) &&
-            ((_a = dateArr[0]) === null || _a === void 0 ? void 0 : _a.length) === format.DATE_FORMAT.length &&
+            ((_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__default.default(dateTo) &&
-            ((_b = dateArr[1]) === null || _b === void 0 ? void 0 : _b.length) === format.DATE_FORMAT.length &&
+            ((_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 === null || onChange === void 0 ? void 0 : onChange({ dateFrom: dateFrom, dateTo: dateTo, value: formattedValue }, event);
-        if (format.isCompleteDateInput(formattedValue)) {
-            var valid = format.isValid(formattedValue, dateArr[0], dateArr[1]);
+        if (utils_format.isCompleteDateInput(formattedValue)) {
+            var valid = utils_format.isValid(formattedValue, dateArr[0], dateArr[1]);
             if (!valid)
                 return;
             if (dateFrom && dateTo) {
@@ -215,12 +215,11 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
             _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__default.default.createElement(cssm.IconButton, { className: styles__default.default.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.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__default.default.createElement(cssm$1.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, (_c = {},
+            (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()))));
 });
 
 exports.DateRangeInput = DateRangeInput;
-//# sourceMappingURL=Component.js.map

package/cssm/components/date-range-input/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

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

@@ -2,9 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component.js');
+var components_dateRangeInput_Component = require('./Component.js');
 
 
 
-exports.DateRangeInput = Component.DateRangeInput;
-//# sourceMappingURL=index.js.map
+exports.DateRangeInput = components_dateRangeInput_Component.DateRangeInput;