@alfalab/core-components-date-range-input 3.5.28 → 49.0.0-snapshot-fbb690e

package/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/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 desktop_Component_desktop = require('./desktop/Component.desktop.js');
-var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+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 }; }
 
@@ -19,7 +19,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 = 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 })));
+    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/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,6BAAY,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/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/components/date-range-input/Component.js

@@ -13,7 +13,8 @@ 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 utils_format = require('../../utils/format.js');
+var format = require('../../utils/format.js');
+var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -23,9 +24,6 @@ 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_blkf9","calendarContainer":"date-range-input__calendarContainer_blkf9","calendarResponsive":"date-range-input__calendarResponsive_blkf9","block":"date-range-input__block_blkf9","calendarIcon":"date-range-input__calendarIcon_blkf9"};
-require('./index.css')
-
 var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     var _b, _c;
     var _d;
@@ -47,12 +45,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;
         });
@@ -69,10 +67,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) {
@@ -81,17 +79,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,
@@ -134,7 +132,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)) {
@@ -150,7 +148,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) {
@@ -158,20 +156,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) {
@@ -211,16 +209,17 @@ 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(styles.component, className, (_b = {},
-            _b[styles.block] = block,
+    return (React__default.default.createElement("div", { className: cn__default.default(index_module.component, className, (_b = {},
+            _b[index_module.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: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
+                picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: index_module.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.calendarContainer, (_c = {},
-                    _c[styles.calendarResponsive] = calendarResponsive,
+            (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,
                     _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/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../src/components/date-range-input/Component.tsx"],"sourcesContent":["/* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */\nimport React, {\n    ChangeEvent,\n    ElementType,\n    FocusEvent,\n    MouseEvent,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\nimport dateFnsIsValid from 'date-fns/isValid';\nimport startOfMonth from 'date-fns/startOfMonth';\n\nimport type { CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';\nimport type { CalendarMobileProps } from '@alfalab/core-components-calendar/mobile';\nimport { usePeriod } from '@alfalab/core-components-calendar/shared';\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport { InputProps } from '@alfalab/core-components-input';\nimport { Popover, PopoverProps } from '@alfalab/core-components-popover';\nimport { useDidUpdateEffect } from '@alfalab/hooks';\nimport { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';\n\nimport {\n    DATE_FORMAT,\n    DATE_MASK,\n    format,\n    isCompleteDateInput,\n    isValid,\n    parseDateString,\n    parseTimestampToDate,\n} from '../../utils';\n\nimport styles from './index.module.css';\n\nexport type ConditionalProps =\n    | {\n          /**\n           * Обработчик изменения значения\n           */\n          picker: true;\n\n          /**\n           * Обработчик закрытия календаря\n           */\n          onClose?: () => void;\n      }\n    | { picker?: false; onClose?: never };\n\nexport type DateRangeInputProps = Omit<InputProps, 'onChange'> &\n    ConditionalProps & {\n        /**\n         * Дополнительный класс\n         */\n        className?: string;\n\n        /**\n         * Дополнительный класс для инпута\n         */\n        inputClassName?: string;\n\n        /**\n         * Дополнительный класс для поповера\n         */\n        popoverClassName?: string;\n\n        /**\n         * Обработчик изменения значения\n         */\n        onChange?: (\n            payload: { dateFrom?: Date; dateTo?: Date; value: string },\n            event?: ChangeEvent<HTMLInputElement>,\n        ) => void;\n\n        /**\n         * Обработчик окончания ввода\n         */\n        onComplete?: (\n            payload: { dateFrom: Date; dateTo: Date; value: string },\n            event?: ChangeEvent<HTMLInputElement>,\n        ) => void;\n\n        /**\n         * Компонент календаря\n         */\n        Calendar?: ElementType;\n\n        /**\n         * Доп. пропсы для календаря\n         */\n        calendarProps?:\n            | (CalendarDesktopProps & Record<string, unknown>)\n            | (CalendarMobileProps & Record<string, unknown>);\n\n        /**\n         * Месяц в календаре по умолчанию (timestamp)\n         */\n        defaultMonth?: number;\n\n        /**\n         * Минимальная дата, доступная для выбора (timestamp)\n         */\n        minDate?: number;\n\n        /**\n         * Максимальная дата, доступная для выбора (timestamp)\n         */\n        maxDate?: number;\n\n        /**\n         * Список событий\n         */\n        events?: Array<Date | number>;\n\n        /**\n         * Список выходных\n         */\n        offDays?: Array<Date | number>;\n\n        /**\n         * Состояние открытия по умолчанию\n         */\n        defaultOpen?: boolean;\n\n        /**\n         * Позиционирование поповера с календарем\n         */\n        popoverPosition?: PopoverProps['position'];\n\n        /**\n         * z-index Popover\n         */\n        zIndexPopover?: PopoverProps['zIndex'];\n\n        /**\n         * Запрещает поповеру менять свою позицию.\n         * Например, если места снизу недостаточно, то он все равно будет показан снизу\n         */\n        preventFlip?: boolean;\n\n        /**\n         * Календарь будет принимать ширину инпута\n         */\n        useAnchorWidth?: boolean;\n\n        /**\n         * Растягивает компонент на ширину контейнера\n         */\n        block?: boolean;\n\n        /**\n         * Отображение компонента в мобильном или десктопном виде\n         */\n        view?: 'desktop' | 'mobile';\n\n        /**\n         * Компонент инпута\n         */\n        InputComponent?: ElementType;\n\n        /**\n         * Запретить ввод с клавиатуры\n         */\n        disableUserInput?: boolean;\n    };\n\ntype GetDatesRet = { formattedValue: string; dateFrom?: Date; dateTo?: Date; dateArr: string[] };\n\nexport const DateRangeInput = React.forwardRef<HTMLInputElement, DateRangeInputProps>(\n    (\n        {\n            className,\n            inputClassName,\n            popoverClassName,\n            disabled,\n            readOnly,\n            disableUserInput = false,\n            picker,\n            defaultValue = '',\n            value: propValue,\n            onChange,\n            onComplete,\n            onClose,\n            rightAddons,\n            useAnchorWidth,\n            block,\n            popoverPosition = 'bottom-start',\n            zIndexPopover,\n            preventFlip,\n            InputComponent,\n            Calendar,\n            calendarProps = {},\n            defaultMonth,\n            minDate = calendarProps.minDate,\n            maxDate = calendarProps.maxDate,\n            offDays = calendarProps.offDays || [],\n            events = calendarProps.events || [],\n            defaultOpen = false,\n            view = 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n        const iconRef = useRef<HTMLButtonElement>(null);\n        const calendarRef = useRef<HTMLDivElement>(null);\n\n        const [value, setValue] = useState(propValue || defaultValue);\n        const [open, setOpen] = useState(defaultOpen);\n\n        const inputDisabled = disabled || readOnly;\n\n        const calendarResponsive = calendarProps?.responsive ?? true;\n\n        const { selectedFrom, selectedTo, updatePeriod, resetPeriod, setStart, setEnd } = usePeriod(\n            { onPeriodChange: handlePeriodChange },\n        );\n\n        useEffect(() => {\n            if (value) {\n                setCalendarPeriod(getDates(value));\n            }\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        useEffect(() => {\n            setValue((prevValue) => {\n                if (selectedFrom && selectedTo) {\n                    const from = parseTimestampToDate(selectedFrom);\n                    const to = parseTimestampToDate(selectedTo);\n\n                    return `${from} - ${to}`;\n                }\n                if (selectedFrom && prevValue.length < DATE_FORMAT.length) {\n                    return parseTimestampToDate(selectedFrom);\n                }\n\n                return prevValue;\n            });\n        }, [selectedFrom, selectedTo]);\n\n        useDidUpdateEffect(() => {\n            const newPropValue = propValue || '';\n\n            setValue((prevValue) => {\n                if (prevValue === newPropValue) {\n                    return prevValue;\n                }\n\n                const dates = getDates(newPropValue);\n\n                setCalendarPeriod(dates);\n\n                return dates.formattedValue;\n            });\n        }, [propValue]);\n\n        function getDates(val: string): GetDatesRet {\n            const formattedValue = format(val);\n\n            const dateArr = formattedValue.split('-').map((v) => v.trim());\n            const dateFrom = dateArr[0] ? parseDateString(dateArr[0]) : undefined;\n            const dateTo = dateArr[1] ? parseDateString(dateArr[1]) : undefined;\n\n            return { formattedValue, dateFrom, dateTo, dateArr };\n        }\n\n        function setCalendarPeriod({ dateFrom, dateTo }: GetDatesRet) {\n            setStart(dateFrom?.getTime());\n            setEnd(dateTo?.getTime());\n        }\n\n        function handlePeriodChange(from?: number, to?: number) {\n            if (from && !to && value.length === DATE_MASK.length) {\n                setValue(parseTimestampToDate(from));\n            } else if (\n                (!from && !to && value.length === DATE_FORMAT.length) ||\n                (from === to && value.length === DATE_MASK.length)\n            ) {\n                setValue('');\n            }\n\n            const dateFrom = from ? new Date(from) : undefined;\n            const dateTo = to ? new Date(to) : undefined;\n\n            const newValue = ([from, to].filter(Boolean) as number[])\n                .map((timestamp) => parseTimestampToDate(timestamp))\n                .join(' - ');\n\n            onChange?.({\n                dateFrom,\n                dateTo,\n                value: newValue,\n            });\n\n            if (dateFrom && dateTo) {\n                onComplete?.({\n                    dateFrom,\n                    dateTo,\n                    value: newValue,\n                });\n            }\n        }\n\n        const handleInputWrapperFocus = (event: FocusEvent<HTMLDivElement>) => {\n            if (view === 'desktop') {\n                if (picker) {\n                    setOpen(true);\n                }\n\n                if (!open && event.target.tagName !== 'INPUT' && calendarRef.current) {\n                    calendarRef.current.focus();\n                }\n            }\n        };\n\n        const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n            if (view === 'desktop') {\n                const target = (event.relatedTarget || document.activeElement) as HTMLElement;\n\n                if (\n                    calendarRef.current?.contains(target) === false &&\n                    inputRef.current?.contains(target) === false &&\n                    iconRef.current?.contains(target) === false\n                ) {\n                    setOpen(false);\n\n                    if (onClose) {\n                        onClose();\n                    }\n                }\n            }\n        };\n\n        // eslint-disable-next-line complexity\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const { value: newValue } = event.target;\n\n            if (newValue.length > DATE_MASK.length) return;\n\n            // Позволяем вводить только цифры, точки, дефис и пробелы\n            if (/[^\\d. -]/.test(newValue)) {\n                return;\n            }\n\n            const dots = newValue.match(/\\./g);\n            const hyphen = newValue.match(/\\-/g);\n\n            // Не даем вводить больше, чем 4 точки и 1 дефис\n            if ((dots && dots.length > 4) || (hyphen && hyphen.length > 1)) {\n                return;\n            }\n\n            const { formattedValue, dateFrom, dateTo, dateArr } = getDates(newValue);\n\n            if (!dateFrom && !dateTo) {\n                resetPeriod();\n            } else if (selectedFrom && formattedValue.length < DATE_FORMAT.length) {\n                setStart();\n            } else if (selectedFrom && selectedTo) {\n                setEnd();\n            } else if (\n                dateFrom &&\n                dateFnsIsValid(dateFrom) &&\n                dateArr[0]?.length === DATE_FORMAT.length &&\n                dateFrom.getTime() !== selectedFrom\n            ) {\n                setStart(dateFrom.getTime());\n            } else if (\n                dateTo &&\n                dateFnsIsValid(dateTo) &&\n                dateArr[1]?.length === DATE_FORMAT.length &&\n                dateTo.getTime() !== selectedTo\n            ) {\n                setEnd(dateTo.getTime());\n            }\n\n            setValue(formattedValue);\n\n            onChange?.({ dateFrom, dateTo, value: formattedValue }, event);\n\n            if (isCompleteDateInput(formattedValue)) {\n                const valid = isValid(formattedValue, dateArr[0], dateArr[1]);\n\n                if (!valid) return;\n\n                if (dateFrom && dateTo) {\n                    onComplete?.({ dateFrom, dateTo, value: formattedValue }, event);\n                }\n            }\n        };\n\n        const handleCalendarClose = () => {\n            if (view === 'mobile' && onClose) {\n                onClose();\n            }\n\n            setOpen(false);\n        };\n\n        const handleClear = () => {\n            setValue('');\n            resetPeriod();\n        };\n\n        const handleCalendarChange = (date?: number) => {\n            updatePeriod(date);\n        };\n\n        const handleCalendarWrapperMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n            // Не дает инпуту терять фокус при выборе даты\n            event.preventDefault();\n        };\n\n        const handleIconButtonClick = () => {\n            if (!open) setOpen(true);\n\n            if (view === 'desktop' && inputRef.current) {\n                inputRef.current.focus();\n            }\n        };\n\n        const renderCalendar = () => {\n            const activeMonth =\n                (selectedTo && startOfMonth(selectedTo)) ||\n                (selectedFrom && startOfMonth(selectedFrom));\n\n            return Calendar ? (\n                // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n                <div onMouseDown={handleCalendarWrapperMouseDown}>\n                    <Calendar\n                        {...calendarProps}\n                        responsive={calendarResponsive}\n                        open={open}\n                        onClose={handleCalendarClose}\n                        ref={calendarRef}\n                        defaultMonth={activeMonth || defaultMonth}\n                        selectedFrom={selectedFrom}\n                        selectedTo={selectedTo}\n                        onChange={handleCalendarChange}\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        offDays={offDays}\n                        events={events}\n                    />\n                </div>\n            ) : null;\n        };\n\n        return (\n            <div\n                className={cn(styles.component, className, {\n                    [styles.block]: block,\n                })}\n                onFocus={inputDisabled ? undefined : handleInputWrapperFocus}\n                onBlur={handleBlur}\n            >\n                {InputComponent ? (\n                    <InputComponent\n                        autoComplete={picker ? 'off' : undefined}\n                        {...restProps}\n                        block={block}\n                        ref={mergeRefs([ref, inputRef])}\n                        value={value}\n                        onChange={handleChange}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        className={inputClassName}\n                        onClear={handleClear}\n                        disableUserInput={disableUserInput}\n                        rightAddons={\n                            <React.Fragment>\n                                {rightAddons}\n                                {picker && (\n                                    <IconButton\n                                        className={styles.calendarIcon}\n                                        ref={iconRef}\n                                        onClick={inputDisabled ? undefined : handleIconButtonClick}\n                                        icon={CalendarMIcon}\n                                        size='s'\n                                    />\n                                )}\n                            </React.Fragment>\n                        }\n                    />\n                ) : null}\n                {picker &&\n                    (view === 'desktop' ? (\n                        <Popover\n                            open={open}\n                            useAnchorWidth={useAnchorWidth}\n                            anchorElement={inputRef.current as HTMLElement}\n                            popperClassName={cn(styles.calendarContainer, {\n                                [styles.calendarResponsive]: calendarResponsive,\n                            })}\n                            className={popoverClassName}\n                            position={popoverPosition}\n                            offset={[0, 8]}\n                            withTransition={false}\n                            preventFlip={preventFlip}\n                            zIndex={zIndexPopover}\n                        >\n                            {renderCalendar()}\n                        </Popover>\n                    ) : (\n                        renderCalendar()\n                    ))}\n            </div>\n        );\n    },\n);\n"],"names":["React","__rest","useRef","useState","usePeriod","useEffect","parseTimestampToDate","DATE_FORMAT","useDidUpdateEffect","format","parseDateString","DATE_MASK","dateFnsIsValid","isCompleteDateInput","isValid","startOfMonth","__assign","cn","styles","mergeRefs","IconButton","CalendarMIcon","Popover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyKa,IAAA,cAAc,GAAGA,sBAAK,CAAC,UAAU,CAC1C,UACI,EA8BC,EACD,GAAG,EAAA;;;AA9BC,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAwB,GAAA,EAAA,CAAA,gBAAA,EAAxB,gBAAgB,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACxB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAA,GAAA,EAAA,CAAA,YAAiB,EAAjB,YAAY,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACV,SAAS,GAAA,EAAA,CAAA,KAAA,EAChB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,gBAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,cAAc,oBAAA,EACd,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,EAAgC,GAAA,EAAA,CAAA,eAAA,EAAhC,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,cAAc,GAAA,EAAA,EAChC,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,aAAkB,EAAlB,aAAa,mBAAG,EAAE,GAAA,EAAA,EAClB,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,EAA+B,GAAA,EAAA,CAAA,OAAA,EAA/B,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,aAAa,CAAC,OAAO,GAAA,EAAA,EAC/B,EAA+B,GAAA,EAAA,CAAA,OAAA,EAA/B,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,aAAa,CAAC,OAAO,GAAA,EAAA,EAC/B,EAAqC,GAAA,EAAA,CAAA,OAAA,EAArC,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,aAAa,CAAC,OAAO,IAAI,EAAE,GAAA,EAAA,EACrC,cAAmC,EAAnC,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,aAAa,CAAC,MAAM,IAAI,EAAE,KAAA,EACnC,EAAA,GAAA,EAAA,CAAA,WAAmB,EAAnB,WAAW,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EACnB,YAAgB,EAAhB,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,GAAA,EAAA,EACb,SAAS,GAAAC,YAAA,CAAA,EAAA,EA7BhB,qYA8BC,CADe;AAIhB,IAAA,IAAM,QAAQ,GAAGC,YAAM,CAAmB,IAAI,CAAC;AAC/C,IAAA,IAAM,OAAO,GAAGA,YAAM,CAAoB,IAAI,CAAC;AAC/C,IAAA,IAAM,WAAW,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAE1C,IAAA,IAAA,EAAoB,GAAAC,cAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,EAAtD,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,QAAuC;IACvD,IAAA,EAAA,GAAkBA,cAAQ,CAAC,WAAW,CAAC,EAAtC,IAAI,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,OAAO,GAAA,EAAA,CAAA,CAAA,CAAyB;AAE7C,IAAA,IAAM,aAAa,GAAG,QAAQ,IAAI,QAAQ;AAE1C,IAAA,IAAM,kBAAkB,GAAG,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,MAAA,GAAA,MAAA,GAAA,aAAa,CAAE,UAAU,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAI;IAEtD,IAAA,EAAA,GAA4EC,gBAAS,CACvF,EAAE,cAAc,EAAE,kBAAkB,EAAE,CACzC,EAFO,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAE5E;AAED,IAAAC,eAAS,CAAC,YAAA;AACN,QAAA,IAAI,KAAK,EAAE;AACP,YAAA,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACrC;;KAEJ,EAAE,EAAE,CAAC;AAEN,IAAAA,eAAS,CAAC,YAAA;QACN,QAAQ,CAAC,UAAC,SAAS,EAAA;YACf,IAAI,YAAY,IAAI,UAAU,EAAE;AAC5B,gBAAA,IAAM,IAAI,GAAGC,2BAAoB,CAAC,YAAY,CAAC;AAC/C,gBAAA,IAAM,EAAE,GAAGA,2BAAoB,CAAC,UAAU,CAAC;AAE3C,gBAAA,OAAO,EAAG,CAAA,MAAA,CAAA,IAAI,EAAM,KAAA,CAAA,CAAA,MAAA,CAAA,EAAE,CAAE;AAC3B;YACD,IAAI,YAAY,IAAI,SAAS,CAAC,MAAM,GAAGC,kBAAW,CAAC,MAAM,EAAE;AACvD,gBAAA,OAAOD,2BAAoB,CAAC,YAAY,CAAC;AAC5C;AAED,YAAA,OAAO,SAAS;AACpB,SAAC,CAAC;AACN,KAAC,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AAE9B,IAAAE,wBAAkB,CAAC,YAAA;AACf,QAAA,IAAM,YAAY,GAAG,SAAS,IAAI,EAAE;QAEpC,QAAQ,CAAC,UAAC,SAAS,EAAA;YACf,IAAI,SAAS,KAAK,YAAY,EAAE;AAC5B,gBAAA,OAAO,SAAS;AACnB;AAED,YAAA,IAAM,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC;YAEpC,iBAAiB,CAAC,KAAK,CAAC;YAExB,OAAO,KAAK,CAAC,cAAc;AAC/B,SAAC,CAAC;AACN,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf,SAAS,QAAQ,CAAC,GAAW,EAAA;AACzB,QAAA,IAAM,cAAc,GAAGC,aAAM,CAAC,GAAG,CAAC;QAElC,IAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAA,EAAK,OAAA,CAAC,CAAC,IAAI,EAAE,CAAA,EAAA,CAAC;QAC9D,IAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,GAAGC,sBAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS;QACrE,IAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,GAAGA,sBAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS;AAEnE,QAAA,OAAO,EAAE,cAAc,EAAA,cAAA,EAAE,QAAQ,EAAA,QAAA,EAAE,MAAM,EAAA,MAAA,EAAE,OAAO,EAAA,OAAA,EAAE;;IAGxD,SAAS,iBAAiB,CAAC,EAAiC,EAAA;YAA/B,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA;QACzC,QAAQ,CAAC,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,OAAO,EAAE,CAAC;QAC7B,MAAM,CAAC,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,EAAE,CAAC;;AAG7B,IAAA,SAAS,kBAAkB,CAAC,IAAa,EAAE,EAAW,EAAA;AAClD,QAAA,IAAI,IAAI,IAAI,CAAC,EAAE,IAAI,KAAK,CAAC,MAAM,KAAKC,gBAAS,CAAC,MAAM,EAAE;AAClD,YAAA,QAAQ,CAACL,2BAAoB,CAAC,IAAI,CAAC,CAAC;AACvC;AAAM,aAAA,IACH,CAAC,CAAC,IAAI,IAAI,CAAC,EAAE,IAAI,KAAK,CAAC,MAAM,KAAKC,kBAAW,CAAC,MAAM;AACpD,aAAC,IAAI,KAAK,EAAE,IAAI,KAAK,CAAC,MAAM,KAAKI,gBAAS,CAAC,MAAM,CAAC,EACpD;YACE,QAAQ,CAAC,EAAE,CAAC;AACf;AAED,QAAA,IAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,SAAS;AAClD,QAAA,IAAM,MAAM,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,EAAE,CAAC,GAAG,SAAS;QAE5C,IAAM,QAAQ,GAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;aACtC,GAAG,CAAC,UAAC,SAAS,EAAK,EAAA,OAAAL,2BAAoB,CAAC,SAAS,CAAC,CAA/B,EAA+B;aAClD,IAAI,CAAC,KAAK,CAAC;AAEhB,QAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,MAAA,GAAA,MAAA,GAAA,QAAQ,CAAG;AACP,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,MAAM,EAAA,MAAA;AACN,YAAA,KAAK,EAAE,QAAQ;AAClB,SAAA,CAAC;QAEF,IAAI,QAAQ,IAAI,MAAM,EAAE;AACpB,YAAA,UAAU,KAAV,IAAA,IAAA,UAAU,KAAV,MAAA,GAAA,MAAA,GAAA,UAAU,CAAG;AACT,gBAAA,QAAQ,EAAA,QAAA;AACR,gBAAA,MAAM,EAAA,MAAA;AACN,gBAAA,KAAK,EAAE,QAAQ;AAClB,aAAA,CAAC;AACL;;IAGL,IAAM,uBAAuB,GAAG,UAAC,KAAiC,EAAA;QAC9D,IAAI,IAAI,KAAK,SAAS,EAAE;AACpB,YAAA,IAAI,MAAM,EAAE;gBACR,OAAO,CAAC,IAAI,CAAC;AAChB;AAED,YAAA,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,KAAK,OAAO,IAAI,WAAW,CAAC,OAAO,EAAE;AAClE,gBAAA,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE;AAC9B;AACJ;AACL,KAAC;IAED,IAAM,UAAU,GAAG,UAAC,KAAiC,EAAA;;QACjD,IAAI,IAAI,KAAK,SAAS,EAAE;YACpB,IAAM,MAAM,IAAI,KAAK,CAAC,aAAa,IAAI,QAAQ,CAAC,aAAa,CAAgB;YAE7E,IACI,CAAA,CAAA,EAAA,GAAA,WAAW,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,CAAC,MAAM,CAAC,MAAK,KAAK;gBAC/C,CAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,MAAM,CAAC,MAAK,KAAK;gBAC5C,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,MAAM,CAAC,MAAK,KAAK,EAC7C;gBACE,OAAO,CAAC,KAAK,CAAC;AAEd,gBAAA,IAAI,OAAO,EAAE;AACT,oBAAA,OAAO,EAAE;AACZ;AACJ;AACJ;AACL,KAAC;;IAGD,IAAM,YAAY,GAAG,UAAC,KAAoC,EAAA;;AAC9C,QAAA,IAAO,QAAQ,GAAK,KAAK,CAAC,MAAM,MAAjB;AAEvB,QAAA,IAAI,QAAQ,CAAC,MAAM,GAAGK,gBAAS,CAAC,MAAM;YAAE;;AAGxC,QAAA,IAAI,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAC3B;AACH;QAED,IAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;QAClC,IAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;;AAGpC,QAAA,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,MAAM,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;YAC5D;AACH;AAEK,QAAA,IAAA,KAAgD,QAAQ,CAAC,QAAQ,CAAC,EAAhE,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAuB;AAExE,QAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE;AACtB,YAAA,WAAW,EAAE;AAChB;aAAM,IAAI,YAAY,IAAI,cAAc,CAAC,MAAM,GAAGJ,kBAAW,CAAC,MAAM,EAAE;AACnE,YAAA,QAAQ,EAAE;AACb;aAAM,IAAI,YAAY,IAAI,UAAU,EAAE;AACnC,YAAA,MAAM,EAAE;AACX;AAAM,aAAA,IACH,QAAQ;YACRK,+BAAc,CAAC,QAAQ,CAAC;YACxB,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,CAAC,CAAC,0CAAE,MAAM,MAAKL,kBAAW,CAAC,MAAM;AACzC,YAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,YAAY,EACrC;AACE,YAAA,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;AAC/B;AAAM,aAAA,IACH,MAAM;YACNK,+BAAc,CAAC,MAAM,CAAC;YACtB,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,CAAC,CAAC,0CAAE,MAAM,MAAKL,kBAAW,CAAC,MAAM;AACzC,YAAA,MAAM,CAAC,OAAO,EAAE,KAAK,UAAU,EACjC;AACE,YAAA,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;AAC3B;QAED,QAAQ,CAAC,cAAc,CAAC;AAExB,QAAA,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAG,EAAE,QAAQ,EAAA,QAAA,EAAE,MAAM,EAAA,MAAA,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,KAAK,CAAC;AAE9D,QAAA,IAAIM,0BAAmB,CAAC,cAAc,CAAC,EAAE;AACrC,YAAA,IAAM,KAAK,GAAGC,cAAO,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AAE7D,YAAA,IAAI,CAAC,KAAK;gBAAE;YAEZ,IAAI,QAAQ,IAAI,MAAM,EAAE;AACpB,gBAAA,UAAU,aAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAG,EAAE,QAAQ,EAAA,QAAA,EAAE,MAAM,EAAA,MAAA,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,KAAK,CAAC;AACnE;AACJ;AACL,KAAC;AAED,IAAA,IAAM,mBAAmB,GAAG,YAAA;AACxB,QAAA,IAAI,IAAI,KAAK,QAAQ,IAAI,OAAO,EAAE;AAC9B,YAAA,OAAO,EAAE;AACZ;QAED,OAAO,CAAC,KAAK,CAAC;AAClB,KAAC;AAED,IAAA,IAAM,WAAW,GAAG,YAAA;QAChB,QAAQ,CAAC,EAAE,CAAC;AACZ,QAAA,WAAW,EAAE;AACjB,KAAC;IAED,IAAM,oBAAoB,GAAG,UAAC,IAAa,EAAA;QACvC,YAAY,CAAC,IAAI,CAAC;AACtB,KAAC;IAED,IAAM,8BAA8B,GAAG,UAAC,KAAiC,EAAA;;QAErE,KAAK,CAAC,cAAc,EAAE;AAC1B,KAAC;AAED,IAAA,IAAM,qBAAqB,GAAG,YAAA;AAC1B,QAAA,IAAI,CAAC,IAAI;YAAE,OAAO,CAAC,IAAI,CAAC;AAExB,QAAA,IAAI,IAAI,KAAK,SAAS,IAAI,QAAQ,CAAC,OAAO,EAAE;AACxC,YAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE;AAC3B;AACL,KAAC;AAED,IAAA,IAAM,cAAc,GAAG,YAAA;QACnB,IAAM,WAAW,GACb,CAAC,UAAU,IAAIC,6BAAY,CAAC,UAAU,CAAC;AACvC,aAAC,YAAY,IAAIA,6BAAY,CAAC,YAAY,CAAC,CAAC;QAEhD,OAAO,QAAQ;;QAEXf,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,WAAW,EAAE,8BAA8B,EAAA;AAC5C,YAAAA,sBAAA,CAAA,aAAA,CAAC,QAAQ,EAAAgB,cAAA,CAAA,EAAA,EACD,aAAa,EAAA,EACjB,UAAU,EAAE,kBAAkB,EAC9B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,mBAAmB,EAC5B,GAAG,EAAE,WAAW,EAChB,YAAY,EAAE,WAAW,IAAI,YAAY,EACzC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA,CAAA,CAChB,CACA,IACN,IAAI;AACZ,KAAC;IAED,QACIhB,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEiB,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACrC,YAAA,EAAA,CAACA,YAAM,CAAC,KAAK,CAAA,GAAG,KAAK;AACvB,YAAA,EAAA,EAAA,EACF,OAAO,EAAE,aAAa,GAAG,SAAS,GAAG,uBAAuB,EAC5D,MAAM,EAAE,UAAU,EAAA;AAEjB,QAAA,cAAc,IACXlB,qCAAC,cAAc,EAAAgB,cAAA,CAAA,EACX,YAAY,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,EACpC,EAAA,SAAS,EACb,EAAA,KAAK,EAAE,KAAK,EACZ,GAAG,EAAEG,0BAAS,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,EAC/B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,WAAW,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EACPnB,sBAAC,CAAA,aAAA,CAAAA,sBAAK,CAAC,QAAQ,EAAA,IAAA;gBACV,WAAW;AACX,gBAAA,MAAM,KACHA,sBAAA,CAAA,aAAA,CAACoB,mCAAU,EACP,EAAA,SAAS,EAAEF,YAAM,CAAC,YAAY,EAC9B,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,aAAa,GAAG,SAAS,GAAG,qBAAqB,EAC1D,IAAI,EAAEG,2BAAa,EACnB,IAAI,EAAC,GAAG,EAAA,CACV,CACL,CACY,EAAA,CAAA,CAEvB,IACF,IAAI;QACP,MAAM;AACH,aAAC,IAAI,KAAK,SAAS,IACfrB,sBAAA,CAAA,aAAA,CAACsB,6BAAO,EAAA,EACJ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,QAAQ,CAAC,OAAsB,EAC9C,eAAe,EAAEL,mBAAE,CAACC,YAAM,CAAC,iBAAiB,GAAA,EAAA,GAAA,EAAA;AACxC,oBAAA,EAAA,CAACA,YAAM,CAAC,kBAAkB,CAAA,GAAG,kBAAkB;AACjD,oBAAA,EAAA,EAAA,EACF,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EACd,cAAc,EAAE,KAAK,EACrB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,aAAa,EAEpB,EAAA,cAAc,EAAE,CACX,KAEV,cAAc,EAAE,CACnB,CAAC,CACJ;AAEd,CAAC;;;;"}