@ozen-ui/kit 0.60.0 → 0.62.0

package/__inner__/cjs/components/Calendar/components/Calendars/Calendars.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendars = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var datepicker_1 = require("@rehookify/datepicker");
+var useMutableRef_1 = require("../../../../hooks/useMutableRef");
+var Stack_1 = require("../../../Stack");
+var index_1 = require("../index");
+var Calendars = function (_a) {
+    var onCalendarsChange = _a.onCalendarsChange;
+    var calendars = (0, datepicker_1.useDatePickerContext)().data.calendars;
+    var _b = tslib_1.__read(calendars || [], 2), calendarFrom = _b[0], calendarTo = _b[1];
+    var savedOnCalendarsChange = (0, useMutableRef_1.useMutableRef)(onCalendarsChange);
+    var calendarFromHash = "".concat(calendarFrom === null || calendarFrom === void 0 ? void 0 : calendarFrom.month, "-").concat(calendarFrom === null || calendarFrom === void 0 ? void 0 : calendarFrom.year);
+    var calendarToHash = "".concat(calendarTo === null || calendarTo === void 0 ? void 0 : calendarTo.month, "-").concat(calendarTo === null || calendarTo === void 0 ? void 0 : calendarTo.year);
+    (0, react_1.useEffect)(function () {
+        var _a, _b, _c, _d, _e;
+        var calendarFromDays = calendarFrom === null || calendarFrom === void 0 ? void 0 : calendarFrom.days;
+        var calendarToDays = calendarTo === null || calendarTo === void 0 ? void 0 : calendarTo.days;
+        var startPeriod = (_a = calendarFromDays === null || calendarFromDays === void 0 ? void 0 : calendarFromDays.find(function (_a) {
+            var inCurrentMonth = _a.inCurrentMonth;
+            return inCurrentMonth;
+        })) === null || _a === void 0 ? void 0 : _a.$date;
+        var endPeriod = calendarToDays
+            ? (_c = (_b = calendarToDays === null || calendarToDays === void 0 ? void 0 : calendarToDays.reverse()) === null || _b === void 0 ? void 0 : _b.find(function (_a) {
+                var inCurrentMonth = _a.inCurrentMonth;
+                return inCurrentMonth;
+            })) === null || _c === void 0 ? void 0 : _c.$date
+            : (_d = calendarFromDays === null || calendarFromDays === void 0 ? void 0 : calendarFromDays.reverse().find(function (_a) {
+                var inCurrentMonth = _a.inCurrentMonth;
+                return inCurrentMonth;
+            })) === null || _d === void 0 ? void 0 : _d.$date;
+        if (startPeriod && endPeriod) {
+            (_e = savedOnCalendarsChange.current) === null || _e === void 0 ? void 0 : _e.call(savedOnCalendarsChange, [startPeriod, endPeriod]);
+        }
+    }, [calendarFromHash, calendarToHash]);
+    // There should not be more than two calendars
+    if (calendars.length > 2)
+        return null;
+    return (react_1.default.createElement(Stack_1.Stack, null,
+        calendarFrom && (react_1.default.createElement(index_1.CalendarItem, { calendar: calendarFrom, type: calendars.length === 1 ? 'single' : 'first' })),
+        calendarTo && react_1.default.createElement(index_1.CalendarItem, { calendar: calendarTo, type: "last" })));
+};
+exports.Calendars = Calendars;

package/__inner__/cjs/components/Calendar/components/Calendars/index.d.ts

@@ -0,0 +1 @@
+export * from './Calendars';

package/__inner__/cjs/components/Calendar/components/{CalendarModeSingle/components/CalendarConsumer → Calendars}/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./CalendarConsumer"), exports);
+tslib_1.__exportStar(require("./Calendars"), exports);

package/__inner__/cjs/components/Calendar/components/index.d.ts

@@ -4,3 +4,4 @@ export * from './CalendarGrid';
 export * from './CalendarModeSingle';
 export * from './CalendarModeRange';
 export * from './CalendarItem';
+export * from './Calendars';

package/__inner__/cjs/components/Calendar/components/index.js

@@ -7,3 +7,4 @@ tslib_1.__exportStar(require("./CalendarGrid"), exports);
 tslib_1.__exportStar(require("./CalendarModeSingle"), exports);
 tslib_1.__exportStar(require("./CalendarModeRange"), exports);
 tslib_1.__exportStar(require("./CalendarItem"), exports);
+tslib_1.__exportStar(require("./Calendars"), exports);

package/__inner__/cjs/components/Calendar/constants.d.ts

@@ -1,4 +1,4 @@
 export declare const CALENDAR_DEFAULT_START_DAY = 1;
-export declare const CALENDAR_ITEM_DEFAULT_TAG = "button";
 export declare const CALENDAR_DEFAULT_SIZE = "m";
 export declare const CALENDAR_DEFAULT_MODE = "single";
+export declare const CALENDAR_DEFAULT_CALENDARS = 1;

package/__inner__/cjs/components/Calendar/constants.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CALENDAR_DEFAULT_MODE = exports.CALENDAR_DEFAULT_SIZE = exports.CALENDAR_ITEM_DEFAULT_TAG = exports.CALENDAR_DEFAULT_START_DAY = void 0;
+exports.CALENDAR_DEFAULT_CALENDARS = exports.CALENDAR_DEFAULT_MODE = exports.CALENDAR_DEFAULT_SIZE = exports.CALENDAR_DEFAULT_START_DAY = void 0;
 exports.CALENDAR_DEFAULT_START_DAY = 1;
-exports.CALENDAR_ITEM_DEFAULT_TAG = 'button';
 exports.CALENDAR_DEFAULT_SIZE = 'm';
 exports.CALENDAR_DEFAULT_MODE = 'single';
+exports.CALENDAR_DEFAULT_CALENDARS = 1;

package/__inner__/cjs/components/Calendar/types.d.ts

@@ -1,57 +1,93 @@
-import type { ComponentPropsWithRef, MouseEvent, ReactElement, ReactNode } from 'react';
+import type { MouseEvent, ReactElement, ReactNode } from 'react';
 import type { DPExcludeConfig, DPDayInteger } from '@rehookify/datepicker';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { CALENDAR_DEFAULT_MODE } from './constants';
 export declare const calendarStepVariant: readonly ["days", "months", "years"];
 export declare const calendarSizeVariant: readonly ["s", "m", "l"];
 export declare const calendarModeVariant: readonly ["single", "range"];
 export type CalendarStepVariant = (typeof calendarStepVariant)[number];
 export type CalendarModeVariant = (typeof calendarModeVariant)[number];
-export type CalendarValue<MODE extends CalendarModeVariant> = (MODE extends 'range' ? Date[] : Date) | null;
-export type CalendarOnChange<MODE extends CalendarModeVariant> = (date: CalendarValue<MODE>) => void;
-export type CalendarOnOffsetDateChange = (date: Date) => void;
-export type CalendarSizeVariant = (typeof calendarSizeVariant)[number];
-export type CalendarExclude = DPExcludeConfig;
-export type CalendarStartDay = DPDayInteger;
-export type CalendarRenderAdditionalControls<MODE extends CalendarModeVariant> = (props: {
+export type CalendarPropValue<MODE extends CalendarModeVariant> = (MODE extends 'range' ? Date[] : Date) | null;
+export type CalendarPropOnChange<MODE extends CalendarModeVariant> = (date: CalendarPropValue<MODE>) => void;
+export type CalendarPropOnOffsetDateChange = (date: Date) => void;
+export type CalendarPropSize = (typeof calendarSizeVariant)[number];
+export type CalendarPropExclude = DPExcludeConfig;
+export type CalendarPropStartDay = DPDayInteger;
+export type CalendarPropRenderAdditionalControls<MODE extends CalendarModeVariant> = (props: {
     date?: MODE extends 'range' ? Date[] : Date;
 }) => ReactElement;
-export type CalendarProps<MODE extends CalendarModeVariant = typeof CALENDAR_DEFAULT_MODE> = {
+export type CalendarPropCalendars = 1 | 2;
+/**
+ * @deprecated
+ * Use the `CalendarPropOnChange` type to replace it.
+ * */
+export type CalendarOnChange<MODE extends CalendarModeVariant> = CalendarPropOnChange<MODE>;
+/**
+ * @deprecated
+ * Use the `CalendarPropOnOffsetDateChange` type to replace it.
+ * */
+export type CalendarOnOffsetDateChange = CalendarPropOnOffsetDateChange;
+/**
+ * @deprecated
+ * Use the `CalendarPropSize` type to replace it.
+ * */
+export type CalendarSizeVariant = CalendarPropSize;
+/**
+ * @deprecated
+ * Use the `CalendarPropExclude` type to replace it.
+ * */
+export type CalendarExclude = CalendarPropExclude;
+/**
+ * @deprecated
+ * Use the `CalendarPropStartDay` type to replace it.
+ * */
+export type CalendarStartDay = CalendarPropStartDay;
+export type CalendarRenderAdditionalControls<MODE extends CalendarModeVariant> = CalendarPropRenderAdditionalControls<MODE>;
+export type CalendarProps<MODE extends CalendarModeVariant = typeof CALENDAR_DEFAULT_MODE> = ExtendableComponentPropsWithRef<{
+    /** Способ выбора даты:
+     * - `single` — позволяет выбрать одну дату (показывает один календарь).
+     * - `range` — позволяет выбрать период: дату начала и дату конца (показывает два календаря).
+     * */
     mode?: MODE;
     /** Выбранная дата */
-    value?: CalendarValue<MODE>;
+    value?: CalendarPropValue<MODE>;
     /** Выбранная дата по умолчанию (неконтролируемое состояние) */
-    defaultValue?: CalendarValue<MODE>;
+    defaultValue?: CalendarPropValue<MODE>;
     /** Смещение календаря — на какой странице показать календарь */
-    offsetDate?: Date;
+    offsetDate?: Date | null;
     /** Смещение календаря по умолчанию */
     defaultOffsetDate?: Date;
     /** Обработчик событий выбора даты */
-    onChange?: CalendarOnChange<MODE>;
+    onChange?: CalendarPropOnChange<MODE>;
     /** Обработчик событий на смещение календаря */
-    onOffsetDateChange?: CalendarOnOffsetDateChange;
+    onOffsetDateChange?: CalendarPropOnOffsetDateChange;
     /** Локализация */
     locale?: Intl.LocalesArgument;
     /** Первый день недели календаря */
-    startDay?: CalendarStartDay;
+    startDay?: CalendarPropStartDay;
     /** Размер */
-    size?: CalendarSizeVariant;
+    size?: CalendarPropSize;
     /** Исключенные даты календаря */
-    exclude?: CalendarExclude;
+    exclude?: CalendarPropExclude;
     /** Ограничение выбора дат по меньшей дате */
     minDate?: Date;
     /** Ограничение выбора дат по большей дате */
     maxDate?: Date;
     /** Обработчик нажатия на кнопку месяца */
-    onMonthClick?: (e: MouseEvent<HTMLElement>, date: Date) => void;
+    onMonthClick?(e: MouseEvent<HTMLElement>, date: Date): void;
     /** Обработчик нажатия на кнопку дня */
-    onDayClick?: (e: MouseEvent<HTMLElement>, date: Date) => void;
+    onDayClick?(e: MouseEvent<HTMLElement>, date: Date): void;
     /** Обработчик нажатия на кнопку года */
-    onYearClick?: (e: MouseEvent<HTMLElement>, date: Date) => void;
+    onYearClick?(e: MouseEvent<HTMLElement>, date: Date): void;
     /** Дополнительные контролы — рендер функция */
-    renderAdditionalControls?: CalendarRenderAdditionalControls<MODE>;
-    /** Функция форматирования атрибута aria-label для кнопок переключения периодов */
+    renderAdditionalControls?: CalendarPropRenderAdditionalControls<MODE>;
+    /** Функция форматирования атрибута `aria-label` для кнопок переключения периодов */
     getPeriodSwitchAriaLabel?: (step: CalendarStepVariant) => [string, string];
+    /** Обработчик событий на изменение календарей */
+    onCalendarsChange?(period: [Date, Date]): void;
+    /** Количество отображаемых календарей в компоненте: один или два */
+    calendars?: CalendarPropCalendars;
     children?: never;
-} & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'defaultValue'>;
+}, 'div'>;
 export type CalendarComponent = <MODE extends CalendarModeVariant = typeof CALENDAR_DEFAULT_MODE>(props: CalendarProps<MODE>) => ReactNode;
-export type CalendarTypeComponent<MODE extends CalendarModeVariant> = (props: Omit<CalendarProps<MODE>, 'mode'>) => ReactNode;
+export type CalendarModeComponent<MODE extends CalendarModeVariant> = (props: Omit<CalendarProps<MODE>, 'mode'>) => ReactNode;

package/__inner__/cjs/components/DataList/DataList.css

@@ -28,7 +28,7 @@
   }
   .DataList {
   overflow: hidden auto;
-  max-block-size: 40vb;
+  max-block-size: 40vh;
 }
 .DataList-animation-enter {
     opacity: 0;

package/__inner__/cjs/components/DatePicker/DatePicker.css

@@ -1,4 +1,15 @@
-.DatePicker-RenderRight {
+.DatePicker_mode_date-range {
+    display: inline-flex;
+    flex-direction: column;
+  }
+
+    .DatePicker_mode_date-range .DatePicker-Fields > * {
+        flex: 1 1 auto;
+      }
+  .DatePicker_fullWidth {
+    inline-size: 100%;
+  }
+  .DatePicker-RenderRight {
     display: flex;
     gap: var(--spacing-2xs);
   }

package/__inner__/cjs/components/DatePicker/DatePicker.d.ts

@@ -1,39 +1,4 @@
 import './DatePicker.css';
-import React from 'react';
-import type { DatePickerOnChange } from './types';
+import type { DatePickerComponent } from './types';
 export declare const cnDatePicker: import("@bem-react/classname").ClassNameFormatter;
-export declare const DatePicker: React.ForwardRefExoticComponent<(Omit<{
-    value?: Date | null;
-    defaultValue?: Date | null;
-    onChange?: DatePickerOnChange;
-    onInputChange?: import("./types").DatePickerOnInputChange;
-    onClose?: () => void;
-    onOpen?: () => void;
-    calendarProps?: import("../Calendar").CalendarProps;
-    popoverProps?: import("../Popover").PopoverBaseProps;
-    clearText?: string;
-    disableClearButton?: boolean;
-    onError?: import("./types").DatePickerPropOnError;
-} & Pick<import("../Calendar").CalendarProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps"> & {
-    open?: boolean;
-    defaultOpen?: never;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "popoverProps" | "offsetDate" | "minDate" | "maxDate" | "calendarProps">, "ref"> | Omit<{
-    value?: Date | null;
-    defaultValue?: Date | null;
-    onChange?: DatePickerOnChange;
-    onInputChange?: import("./types").DatePickerOnInputChange;
-    onClose?: () => void;
-    onOpen?: () => void;
-    calendarProps?: import("../Calendar").CalendarProps;
-    popoverProps?: import("../Popover").PopoverBaseProps;
-    clearText?: string;
-    disableClearButton?: boolean;
-    onError?: import("./types").DatePickerPropOnError;
-} & Pick<import("../Calendar").CalendarProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps"> & {
-    open?: never;
-    defaultOpen?: boolean;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "popoverProps" | "offsetDate" | "minDate" | "maxDate" | "calendarProps">, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export declare const DatePicker: DatePickerComponent;

package/__inner__/cjs/components/DatePicker/DatePicker.js

@@ -4,157 +4,23 @@ exports.DatePicker = exports.cnDatePicker = void 0;
 var tslib_1 = require("tslib");
 require("./DatePicker.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var useControlled_1 = require("../../hooks/useControlled");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
-var getPaperSizeToFormElement_1 = require("../../utils/getPaperSizeToFormElement");
-var isKeys_1 = require("../../utils/isKeys");
-var Calendar_1 = require("../Calendar");
-var Paper_1 = require("../Paper");
-var Popover_1 = require("../Popover");
+var getByMap_1 = require("../../utils/getByMap");
 var components_1 = require("./components");
-var utils_1 = require("./components/DateInput/utils");
 var constants_1 = require("./constants");
-var utils_2 = require("./utils");
+var typeMap = {
+    date: components_1.DatePickerModeDate,
+    'date-range': components_1.DatePickerModeDateRange,
+};
 exports.cnDatePicker = (0, classname_1.cn)('DatePicker');
+// eslint-disable-next-line react/display-name
 exports.DatePicker = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
         name: 'DatePicker',
     });
-    var _a = props.size, size = _a === void 0 ? constants_1.DATE_PICKER_DEFAULT_SIZE : _a, label = props.label, error = props.error, required = props.required, fullWidth = props.fullWidth, placeholder = props.placeholder, hint = props.hint, valueProp = props.value, defaultValue = props.defaultValue, openProp = props.open, onCloseProp = props.onClose, onOpenProp = props.onOpen, onInputChange = props.onInputChange, clearText = props.clearText, defaultOpen = props.defaultOpen, disabled = props.disabled, minDate = props.minDate, maxDate = props.maxDate, exclude = props.exclude, offsetDate = props.offsetDate, inputProps = props.inputProps, calendarProps = props.calendarProps, popoverProps = props.popoverProps, renderRight = props.renderRight, disableClearButton = props.disableClearButton, onChange = props.onChange, onKeyDown = props.onKeyDown, className = props.className, autoFocus = props.autoFocus, onError = props.onError, other = tslib_1.__rest(props, ["size", "label", "error", "required", "fullWidth", "placeholder", "hint", "value", "defaultValue", "open", "onClose", "onOpen", "onInputChange", "clearText", "defaultOpen", "disabled", "minDate", "maxDate", "exclude", "offsetDate", "inputProps", "calendarProps", "popoverProps", "renderRight", "disableClearButton", "onChange", "onKeyDown", "className", "autoFocus", "onError"]);
-    var anchorRef = (0, react_1.useRef)(null);
-    var lastValidDate = (0, react_1.useRef)('');
-    var _b = tslib_1.__read((0, useControlled_1.useControlled)({
-        value: undefined,
-        defaultValue: '',
-        name: 'DatePicker',
-        state: 'inputValue',
-    }), 2), inputValue = _b[0], setInputValue = _b[1];
-    var _c = tslib_1.__read((0, useControlled_1.useControlled)({
-        value: openProp,
-        defaultValue: defaultOpen,
-        name: 'DatePicker',
-        state: 'open',
-    }), 2), open = _c[0], setOpen = _c[1];
-    var _d = tslib_1.__read((0, useControlled_1.useControlled)({
-        value: valueProp,
-        defaultValue: defaultValue,
-        name: 'DatePicker',
-        state: 'value',
-    }), 2), value = _d[0], setValue = _d[1];
-    /** Соотношение размера календаря к размеру элемента контроля */
-    var calendarSize = (0, utils_2.getCalendarSizeToFormElement)(size);
-    /** Вычисление border-radius по размеру компонента */
-    var radius = (0, getPaperSizeToFormElement_1.getPaperSizeToFormElement)(size);
-    var callOnChange = function (value) {
-        var formattedDate = (0, utils_2.formatStringToDate)(value);
-        setValue(formattedDate);
-        onChange === null || onChange === void 0 ? void 0 : onChange(formattedDate);
-        lastValidDate.current = value;
-    };
-    var changeInputValue = function (e, value) {
-        setInputValue(value);
-        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(e, value);
-        if ((0, utils_1.isCompleted)(value) || value === '')
-            callOnChange(value);
-    };
-    /** Эффект — автофокусировка в текстовом поле */
-    (0, react_1.useEffect)(function () {
-        var _a;
-        if (autoFocus)
-            (_a = anchorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, [autoFocus]);
-    /** Эффект — синхронизируем значение текстового поля со значением в списке */
-    (0, react_1.useEffect)(function () {
-        var formattedDate = (0, utils_2.formatDateToString)(value);
-        if (formattedDate !== inputValue) {
-            setInputValue(formattedDate);
-            onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(null, formattedDate);
-            lastValidDate.current = formattedDate;
-        }
-    }, [value]);
-    /** Эффект для обработки ошибок */
-    (0, react_1.useEffect)(function () {
-        if ((0, utils_2.isInExclude)({ exclude: exclude, value: value })) {
-            onError === null || onError === void 0 ? void 0 : onError({
-                type: 'inExclude',
-                inputValue: inputValue,
-                value: value,
-            });
-        }
-        if ((0, utils_2.isOutOfRange)({ minDate: minDate, maxDate: maxDate, value: value })) {
-            onError === null || onError === void 0 ? void 0 : onError({
-                type: 'outOfRange',
-                inputValue: inputValue,
-                value: value,
-            });
-        }
-    }, [value, inputValue, onError, minDate, maxDate, exclude]);
-    /** Закрытие */
-    var handleClose = function () {
-        setOpen(false);
-        onCloseProp === null || onCloseProp === void 0 ? void 0 : onCloseProp();
-    };
-    /** Открытие */
-    var handleOpen = function () {
-        setOpen(true);
-        onOpenProp === null || onOpenProp === void 0 ? void 0 : onOpenProp();
-    };
-    /** Переключатель открытия и закрытия */
-    var handleToggle = function () {
-        if (disabled)
-            return;
-        if (open)
-            handleClose();
-        else
-            handleOpen();
-    };
-    /** Открытие списка по клику на текстовом поле */
-    var handleClickOnInput = function (e) {
-        var _a;
-        handleToggle();
-        (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.onClick) === null || _a === void 0 ? void 0 : _a.call(inputProps, e);
-    };
-    /** Управление элементом контроля через клавиатуру */
-    var handleKeyDown = function (event) {
-        if ((0, isKeys_1.isKeys)(event, ['ArrowDown', 'ArrowUp']) && !open) {
-            event.preventDefault();
-            handleToggle();
-        }
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-    };
-    /** Актуализация значения текстового поля после его покидания */
-    var handleBlur = function (e) {
-        var _a;
-        (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(inputProps, e);
-        if (!inputValue)
-            return;
-        if (!(0, utils_1.isCompleted)(inputValue))
-            changeInputValue(null, lastValidDate.current);
-    };
-    /** Очистка поля */
-    var handleClear = function () {
-        changeInputValue(null, '');
-    };
-    /** Событие ввода значения в текстовом поле */
-    var handleChangeInput = function (e) {
-        var value = e.target.value;
-        changeInputValue(e, value);
-    };
-    /** Событие выбора значения из календаря */
-    var handleChangeCalendar = function (date) {
-        var formattedDate = (0, utils_2.formatDateToString)(date);
-        changeInputValue(null, formattedDate);
-        handleClose();
-    };
-    /** Предотвращаем переход фокуса с текстового поля на интерактивные элементы календаря */
-    var handleMouseDownCalendar = function (e) {
-        e.preventDefault();
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(components_1.DateInput, tslib_1.__assign({ size: size, hint: hint, error: error, label: label, required: required, disabled: disabled, fullWidth: fullWidth, placeholder: placeholder }, other, { renderRight: react_1.default.createElement(components_1.DatePickerRenderRight, { size: size, open: open, onClear: handleClear, clearText: clearText, hasValue: !!value, renderRight: renderRight, disableClearButton: disableClearButton }), value: inputValue, inputProps: tslib_1.__assign(tslib_1.__assign({ autoComplete: 'off' }, inputProps), { onBlur: handleBlur, onClick: handleClickOnInput, onInput: handleChangeInput }), bodyProps: { ref: anchorRef, 'aria-expanded': open }, className: (0, exports.cnDatePicker)({ size: size }, [className]), onKeyDown: handleKeyDown, ref: ref })),
-        react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ as: Paper_1.Paper, open: open, offset: [0, 4], radius: radius, anchorRef: anchorRef, onClose: handleClose, placement: "bottom-start", disableReturnFocus: true, disableEnforceFocus: true }, popoverProps),
-            react_1.default.createElement(Calendar_1.Calendar, tslib_1.__assign({ minDate: minDate, maxDate: maxDate, exclude: exclude, size: calendarSize, offsetDate: offsetDate, onMouseDown: handleMouseDownCalendar }, calendarProps, { value: value || null, onChange: handleChangeCalendar })))));
+    var _a = props.size, size = _a === void 0 ? constants_1.DATE_PICKER_DEFAULT_SIZE : _a, _b = props.mode, mode = _b === void 0 ? constants_1.DATE_PICKER_DEFAULT_MODE : _b, other = tslib_1.__rest(props, ["size", "mode"]);
+    var Component = (0, getByMap_1.getByMap)(typeMap, mode);
+    return react_1.default.createElement(Component, tslib_1.__assign({ size: size }, other, { ref: ref }));
 });
-exports.DatePicker.displayName = 'DatePicker';

package/__inner__/cjs/components/DatePicker/components/DateInput/DateInput.js

@@ -3,12 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateInput = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
-var icons_1 = require("@ozen-ui/icons");
 var useMultiRef_1 = require("../../../../hooks/useMultiRef");
 var Input_1 = require("../../../Input");
 var utils_1 = require("./utils");
 exports.DateInput = (0, react_1.forwardRef)(function (_a, ref) {
     var valueProp = _a.value, defaultValue = _a.defaultValue, other = tslib_1.__rest(_a, ["value", "defaultValue"]);
-    return (react_1.default.createElement(Input_1.Input, tslib_1.__assign({ renderRight: icons_1.CalendarIcon, value: (0, utils_1.dateInputMask)(valueProp), defaultValue: (0, utils_1.dateInputMask)(defaultValue) }, other, { ref: (0, useMultiRef_1.useMultiRef)([ref]) })));
+    return (react_1.default.createElement(Input_1.Input, tslib_1.__assign({ value: (0, utils_1.dateInputMask)(valueProp), defaultValue: (0, utils_1.dateInputMask)(defaultValue) }, other, { ref: (0, useMultiRef_1.useMultiRef)([ref]) })));
 });
 exports.DateInput.displayName = 'DateInput';

package/__inner__/cjs/components/DatePicker/components/DateInput/utils/dateInputMask/dateInputMask.d.ts

@@ -1,2 +1 @@
-export declare const isCompleted: (value: string) => boolean;
 export declare const dateInputMask: (value: string | undefined) => string | undefined;

package/__inner__/cjs/components/DatePicker/components/DateInput/utils/dateInputMask/dateInputMask.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dateInputMask = exports.isCompleted = void 0;
-var isCompleted = function (value) { return value.length === 10; };
-exports.isCompleted = isCompleted;
+exports.dateInputMask = void 0;
 var dateInputMask = function (value) {
     if (!value) {
         return value;

package/__inner__/cjs/components/DatePicker/components/DatePickerModeDate/DatePickerModeDate.d.ts

@@ -0,0 +1,2 @@
+import type { DatePickerModeComponent } from '../../types';
+export declare const DatePickerModeDate: DatePickerModeComponent<'date'>;