@alfalab/core-components-date-range-input 3.5.26 → 3.5.28-snapshot-f57d3d0

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

@@ -1,73 +1,33 @@
-/* hash: ovdvb */
-: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 {
+    --color-light-neutral-300: #e7e8eb;
 } :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root { /* deprecated */ /* deprecated */
-    --border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
+    --border-radius-m: 8px;
     --border-radius-8: var(--border-radius-m);
-} :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 {
+    --gap-s-neg: -12px;
+    --gap-12-neg: var(--gap-s-neg);
 } :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_1lbsy {
+} .date-range-input__component_1rs9h {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_1lbsy {
+} .date-range-input__calendarContainer_1rs9h {
     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_1lbsy {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_1rs9h {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_1lbsy {
+    } .date-range-input__calendarResponsive_1rs9h {
     width: var(--calendar-width);
-} .date-range-input__block_1lbsy {
+} .date-range-input__block_1rs9h {
     width: 100%;
-} .date-range-input__calendarIcon_1lbsy {
+} .date-range-input__calendarIcon_1rs9h {
     margin-right: var(--gap-12-neg);
     height: 100%;
 }

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"date-range-input__component_1rs9h","calendarContainer":"date-range-input__calendarContainer_1rs9h","calendarResponsive":"date-range-input__calendarResponsive_1rs9h","block":"date-range-input__block_1rs9h","calendarIcon":"date-range-input__calendarIcon_1rs9h"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/components/date-range-input/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/date-range-input/index.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n    --calendar-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n    display: inline-block;\n    outline: none;\n    position: relative;\n}\n\n.calendarContainer {\n    display: inline-block;\n    box-sizing: border-box;\n    border-radius: var(--calendar-popover-border-radius);\n    border: 1px solid var(--color-light-neutral-300);\n\n    @media (max-width: 374px) {\n        width: 100%;\n        min-width: 288px;\n    }\n}\n\n.calendarResponsive {\n    width: var(--calendar-width);\n}\n\n.block {\n    width: 100%;\n}\n\n.calendarIcon {\n    margin-right: var(--gap-12-neg);\n    height: 100%;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,oBAAoB,CAAC,4CAA4C,CAAC,OAAO,CAAC,+BAA+B,CAAC,cAAc,CAAC,sCAAsC,CAAC;;;;"}

package/cssm/Component.responsive.d.ts

@@ -1,7 +1,6 @@
-/// <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 & {
+import { ConditionalProps, DateRangeInputProps } from './components/date-range-input';
+export declare type DateRangeInputResponsiveProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -12,10 +11,35 @@ type DateRangeInputResponsiveProps = Omit<DateRangeInputProps, 'view' | 'picker'
      */
     client?: 'desktop' | 'mobile';
 };
-type DateRangeInputMedia = 'desktop' | 'mobile';
+export declare type DateRangeInputMedia = 'desktop' | 'mobile';
 /**
  * @deprecated
  * use UniversalDateInput instead
  */
-declare const DateRangeInputResponsive: React.ForwardRefExoticComponent<DateRangeInputResponsiveProps & React.RefAttributes<HTMLInputElement>>;
-export { DateRangeInputResponsiveProps, DateRangeInputMedia, DateRangeInputResponsive };
+export declare const DateRangeInputResponsive: React.ForwardRefExoticComponent<(Omit<Omit<DateRangeInputProps, "view" | "picker" | "onClose" | "InputComponent"> & {
+    picker: true;
+    onClose?: (() => void) | undefined;
+} & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: "desktop" | "mobile" | undefined;
+}, "ref"> | Omit<Omit<DateRangeInputProps, "view" | "picker" | "onClose" | "InputComponent"> & {
+    picker?: false | undefined;
+    onClose?: undefined;
+} & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: "desktop" | "mobile" | undefined;
+}, "ref">) & React.RefAttributes<HTMLInputElement>>;

package/cssm/Component.responsive.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-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');
+var cssm = require('@alfalab/core-components-mq/cssm');
+var Component_desktop = require('./desktop/Component.desktop.js');
+var Component_mobile = require('./mobile/Component.mobile.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -18,8 +18,9 @@ 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(desktop_Component_desktop.DateRangeInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.DateRangeInputMobile, tslib.__assign({}, restProps, { ref: ref })));
+    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 })));
 });
 
 exports.DateRangeInputResponsive = DateRangeInputResponsive;
+//# sourceMappingURL=Component.responsive.js.map

package/cssm/Component.responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { InputProps } from '@alfalab/core-components-input';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ConditionalProps, DateRangeInputProps } from './components/date-range-input';\nimport { DateRangeInputDesktop } from './desktop';\nimport { DateRangeInputMobile } from './mobile';\n\nexport type DateRangeInputResponsiveProps = Omit<\n    DateRangeInputProps,\n    'view' | 'picker' | 'onClose' | 'InputComponent'\n> &\n    ConditionalProps & {\n        /**\n         * Контрольная точка, с нее начинается desktop версия\n         * @default 1024\n         */\n        breakpoint?: number;\n\n        /**\n         * Версия, которая будет использоваться при серверном рендеринге\n         */\n        client?: 'desktop' | 'mobile';\n    };\n\nexport type DateRangeInputMedia = 'desktop' | 'mobile';\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const DateRangeInputResponsive = forwardRef<HTMLInputElement, DateRangeInputResponsiveProps>(\n    ({ breakpoint, client, ...restProps }, ref) => {\n        const isDesktop = useIsDesktop(breakpoint, client === 'desktop');\n\n        return isDesktop ? (\n            <DateRangeInputDesktop {...restProps} ref={ref} />\n        ) : (\n            <DateRangeInputMobile {...restProps} ref={ref} />\n        );\n    },\n);\n"],"names":["forwardRef","__rest","useIsDesktop","React","DateRangeInputDesktop","__assign","DateRangeInputMobile"],"mappings":";;;;;;;;;;;;;;AA6BA;;;AAGG;IACU,wBAAwB,GAAGA,gBAAU,CAC9C,UAAC,EAAoC,EAAE,GAAG,EAAA;IAAvC,IAAA,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAK,SAAS,GAAlCC,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,CAAoC,CAAF;IAC/B,IAAM,SAAS,GAAGC,iBAAY,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;AAEhE,IAAA,OAAO,SAAS,IACZC,sBAAA,CAAA,aAAA,CAACC,uCAAqB,EAAAC,cAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI,KAElDF,sBAAA,CAAA,aAAA,CAACG,qCAAoB,EAAAD,cAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI,CACpD;AACL,CAAC;;;;"}

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

@@ -1,11 +1,9 @@
-/// <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 = {
+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 = {
     /**
      * Обработчик изменения значения
      */
@@ -18,7 +16,7 @@ type ConditionalProps = {
     picker?: false;
     onClose?: never;
 };
-type DateRangeInputProps = Omit<InputProps, 'onChange'> & ConditionalProps & {
+export declare type DateRangeInputProps = Omit<InputProps, 'onChange'> & ConditionalProps & {
     /**
      * Дополнительный класс
      */
@@ -113,5 +111,204 @@ type DateRangeInputProps = Omit<InputProps, 'onChange'> & ConditionalProps & {
      */
     disableUserInput?: boolean;
 };
-declare const DateRangeInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLInputElement>>;
-export { ConditionalProps, DateRangeInputProps, DateRangeInput };
+export declare const DateRangeInput: React.ForwardRefExoticComponent<(Omit<Omit<InputProps, "onChange"> & {
+    /**
+     * Обработчик изменения значения
+     */
+    picker: true;
+    /**
+     * Обработчик закрытия календаря
+     */
+    onClose?: (() => void) | undefined;
+} & {
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дополнительный класс для инпута
+     */
+    inputClassName?: string | undefined;
+    /**
+     * Дополнительный класс для поповера
+     */
+    popoverClassName?: string | undefined;
+    /**
+     * Обработчик изменения значения
+     */
+    onChange?: ((payload: {
+        dateFrom?: Date;
+        dateTo?: Date;
+        value: string;
+    }, event?: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    /**
+     * Обработчик окончания ввода
+     */
+    onComplete?: ((payload: {
+        dateFrom: Date;
+        dateTo: Date;
+        value: string;
+    }, event?: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    /**
+     * Компонент календаря
+     */
+    Calendar?: React.ElementType<any> | undefined;
+    /**
+     * Доп. пропсы для календаря
+     */
+    calendarProps?: (CalendarDesktopProps & Record<string, unknown>) | (CalendarMobileProps & Record<string, unknown>);
+    /**
+     * Месяц в календаре по умолчанию (timestamp)
+     */
+    defaultMonth?: number | undefined;
+    /**
+     * Минимальная дата, доступная для выбора (timestamp)
+     */
+    minDate?: number | undefined;
+    /**
+     * Максимальная дата, доступная для выбора (timestamp)
+     */
+    maxDate?: number | undefined;
+    /**
+     * Список событий
+     */
+    events?: (number | Date)[] | undefined;
+    /**
+     * Список выходных
+     */
+    offDays?: (number | Date)[] | undefined;
+    /**
+     * Состояние открытия по умолчанию
+     */
+    defaultOpen?: boolean | undefined;
+    /**
+     * Позиционирование поповера с календарем
+     */
+    popoverPosition?: any;
+    /**
+     * z-index Popover
+     */
+    zIndexPopover?: any;
+    /**
+     * Запрещает поповеру менять свою позицию.
+     * Например, если места снизу недостаточно, то он все равно будет показан снизу
+     */
+    preventFlip?: boolean | undefined;
+    /**
+     * Календарь будет принимать ширину инпута
+     */
+    useAnchorWidth?: boolean | undefined;
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean | undefined;
+    /**
+     * Отображение компонента в мобильном или десктопном виде
+     */
+    view?: "desktop" | "mobile" | undefined;
+    /**
+     * Компонент инпута
+     */
+    InputComponent?: React.ElementType<any> | undefined;
+    /**
+     * Запретить ввод с клавиатуры
+     */
+    disableUserInput?: boolean | undefined;
+}, "ref"> | Omit<Omit<InputProps, "onChange"> & {
+    picker?: false | undefined;
+    onClose?: undefined;
+} & {
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дополнительный класс для инпута
+     */
+    inputClassName?: string | undefined;
+    /**
+     * Дополнительный класс для поповера
+     */
+    popoverClassName?: string | undefined;
+    /**
+     * Обработчик изменения значения
+     */
+    onChange?: ((payload: {
+        dateFrom?: Date;
+        dateTo?: Date;
+        value: string;
+    }, event?: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    /**
+     * Обработчик окончания ввода
+     */
+    onComplete?: ((payload: {
+        dateFrom: Date;
+        dateTo: Date;
+        value: string;
+    }, event?: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    /**
+     * Компонент календаря
+     */
+    Calendar?: React.ElementType<any> | undefined;
+    /**
+     * Доп. пропсы для календаря
+     */
+    calendarProps?: (CalendarDesktopProps & Record<string, unknown>) | (CalendarMobileProps & Record<string, unknown>);
+    /**
+     * Месяц в календаре по умолчанию (timestamp)
+     */
+    defaultMonth?: number | undefined;
+    /**
+     * Минимальная дата, доступная для выбора (timestamp)
+     */
+    minDate?: number | undefined;
+    /**
+     * Максимальная дата, доступная для выбора (timestamp)
+     */
+    maxDate?: number | undefined;
+    /**
+     * Список событий
+     */
+    events?: (number | Date)[] | undefined;
+    /**
+     * Список выходных
+     */
+    offDays?: (number | Date)[] | undefined;
+    /**
+     * Состояние открытия по умолчанию
+     */
+    defaultOpen?: boolean | undefined;
+    /**
+     * Позиционирование поповера с календарем
+     */
+    popoverPosition?: any;
+    /**
+     * z-index Popover
+     */
+    zIndexPopover?: any;
+    /**
+     * Запрещает поповеру менять свою позицию.
+     * Например, если места снизу недостаточно, то он все равно будет показан снизу
+     */
+    preventFlip?: boolean | undefined;
+    /**
+     * Календарь будет принимать ширину инпута
+     */
+    useAnchorWidth?: boolean | undefined;
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean | undefined;
+    /**
+     * Отображение компонента в мобильном или десктопном виде
+     */
+    view?: "desktop" | "mobile" | undefined;
+    /**
+     * Компонент инпута
+     */
+    InputComponent?: React.ElementType<any> | undefined;
+    /**
+     * Запретить ввод с клавиатуры
+     */
+    disableUserInput?: boolean | undefined;
+}, "ref">) & React.RefAttributes<HTMLInputElement>>;

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 coreComponentsIconButton = require('@alfalab/core-components-icon-button/cssm');
-var coreComponentsPopover = require('@alfalab/core-components-popover/cssm');
+var cssm = require('@alfalab/core-components-icon-button/cssm');
+var cssm$1 = require('@alfalab/core-components-popover/cssm');
 var hooks = require('@alfalab/hooks');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
-var utils_format = require('../../utils/format.js');
+var 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 = utils_format.parseTimestampToDate(selectedFrom);
-                var to = utils_format.parseTimestampToDate(selectedTo);
+                var from = format.parseTimestampToDate(selectedFrom);
+                var to = format.parseTimestampToDate(selectedTo);
                 return "".concat(from, " - ").concat(to);
             }
-            if (selectedFrom && prevValue.length < utils_format.DATE_FORMAT.length) {
-                return utils_format.parseTimestampToDate(selectedFrom);
+            if (selectedFrom && prevValue.length < format.DATE_FORMAT.length) {
+                return format.parseTimestampToDate(selectedFrom);
             }
             return prevValue;
         });
@@ -68,10 +68,10 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         });
     }, [propValue]);
     function getDates(val) {
-        var formattedValue = utils_format.format(val);
+        var formattedValue = 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;
+        var dateFrom = dateArr[0] ? format.parseDateString(dateArr[0]) : undefined;
+        var dateTo = dateArr[1] ? 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 === utils_format.DATE_MASK.length) {
-            setValue(utils_format.parseTimestampToDate(from));
+        if (from && !to && value.length === format.DATE_MASK.length) {
+            setValue(format.parseTimestampToDate(from));
         }
-        else if ((!from && !to && value.length === utils_format.DATE_FORMAT.length) ||
-            (from === to && value.length === utils_format.DATE_MASK.length)) {
+        else if ((!from && !to && value.length === format.DATE_FORMAT.length) ||
+            (from === to && value.length === 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 utils_format.parseTimestampToDate(timestamp); })
+            .map(function (timestamp) { return 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 > utils_format.DATE_MASK.length)
+        if (newValue.length > 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 < utils_format.DATE_FORMAT.length) {
+        else if (selectedFrom && formattedValue.length < 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) === utils_format.DATE_FORMAT.length &&
+            ((_a = dateArr[0]) === null || _a === void 0 ? void 0 : _a.length) === 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) === utils_format.DATE_FORMAT.length &&
+            ((_b = dateArr[1]) === null || _b === void 0 ? void 0 : _b.length) === 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 (utils_format.isCompleteDateInput(formattedValue)) {
-            var valid = utils_format.isValid(formattedValue, dateArr[0], dateArr[1]);
+        if (format.isCompleteDateInput(formattedValue)) {
+            var valid = format.isValid(formattedValue, dateArr[0], dateArr[1]);
             if (!valid)
                 return;
             if (dateFrom && dateTo) {
@@ -215,11 +215,12 @@ 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(coreComponentsIconButton.IconButton, { className: styles__default.default.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
+                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 &&
-            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, (_c = {},
+            (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 = {},
                     _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