@ozen-ui/kit 0.61.0 → 0.62.1

package/__inner__/esm/components/DatePicker/components/DatePickerModeDateRange/utils/getOffsetDateInRange/getOffsetDateInRange.d.ts

@@ -0,0 +1,6 @@
+export type GetOffsetDateInRange = {
+    calendarPeriod: Date[];
+    value: [Date?, Date?];
+    type?: 'start' | 'end';
+};
+export declare const getOffsetDateInRange: ({ type, value, calendarPeriod, }: GetOffsetDateInRange) => Date | null;

package/__inner__/esm/components/DatePicker/components/DatePickerModeDateRange/utils/getOffsetDateInRange/getOffsetDateInRange.js

@@ -0,0 +1,28 @@
+import { __read } from "tslib";
+import { monthDiff } from '../../../../../../utils/date';
+import { isOutOfRange as isOutOfRangeFn } from '../../../../utils';
+export var getOffsetDateInRange = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? 'start' : _b, value = _a.value, calendarPeriod = _a.calendarPeriod;
+    var _c = __read(value || [], 2), valueFrom = _c[0], valueTo = _c[1];
+    var _d = __read(calendarPeriod || [], 2), calendarPeriodFrom = _d[0], calendarPeriodTo = _d[1];
+    if (!valueFrom || !valueTo)
+        return valueFrom || valueTo || null;
+    var isOutOfRange = isOutOfRangeFn({
+        minDate: calendarPeriodFrom,
+        maxDate: calendarPeriodTo,
+        value: type === 'start' ? valueFrom : valueTo,
+    });
+    if (calendarPeriodFrom && calendarPeriodTo && !isOutOfRange)
+        return calendarPeriodFrom;
+    if (type === 'start')
+        return valueFrom;
+    if (monthDiff(valueFrom, valueTo) === 0)
+        return valueTo;
+    if (monthDiff(valueFrom, valueTo) > 0) {
+        var d = new Date(valueTo);
+        d.setDate(1);
+        d.setMonth(d.getMonth() - monthDiff(calendarPeriodFrom, calendarPeriodTo));
+        return d;
+    }
+    return null;
+};

package/__inner__/esm/components/DatePicker/components/DatePickerModeDateRange/utils/getOffsetDateInRange/index.d.ts

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

package/__inner__/esm/components/DatePicker/components/DatePickerModeDateRange/utils/getOffsetDateInRange/index.js

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

package/__inner__/esm/components/DatePicker/components/DatePickerModeDateRange/utils/getValueForDoubleProp/getValueForDoubleProp.d.ts

@@ -0,0 +1 @@
+export declare const getValueForDoubleProp: <T>(value: [T?, T?] | T) => [(T | undefined)?, (T | undefined)?] | T[];

package/__inner__/esm/components/DatePicker/components/DatePickerModeDateRange/utils/getValueForDoubleProp/getValueForDoubleProp.js

@@ -0,0 +1,3 @@
+export var getValueForDoubleProp = function (value) {
+    return Array.isArray(value) ? value : [value, value];
+};

package/__inner__/esm/components/DatePicker/components/DatePickerModeDateRange/utils/getValueForDoubleProp/index.d.ts

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

package/__inner__/esm/components/DatePicker/components/DatePickerModeDateRange/utils/getValueForDoubleProp/index.js

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

package/__inner__/esm/components/DatePicker/components/DatePickerModeDateRange/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './getOffsetDateInRange';
+export * from './getValueForDoubleProp';
+export * from './formatDateForCalendar';

package/__inner__/esm/components/DatePicker/components/DatePickerModeDateRange/utils/index.js

@@ -0,0 +1,3 @@
+export * from './getOffsetDateInRange';
+export * from './getValueForDoubleProp';
+export * from './formatDateForCalendar';

package/__inner__/esm/components/DatePicker/components/index.d.ts

@@ -1,2 +1,4 @@
 export * from './DateInput';
 export * from './DatePickerRenderRight';
+export * from './DatePickerModeDate';
+export * from './DatePickerModeDateRange';

package/__inner__/esm/components/DatePicker/components/index.js

@@ -1,2 +1,4 @@
 export * from './DateInput';
 export * from './DatePickerRenderRight';
+export * from './DatePickerModeDate';
+export * from './DatePickerModeDateRange';

package/__inner__/esm/components/DatePicker/constants.d.ts

@@ -1 +1,2 @@
 export declare const DATE_PICKER_DEFAULT_SIZE = "m";
+export declare const DATE_PICKER_DEFAULT_MODE = "date";

package/__inner__/esm/components/DatePicker/constants.js

@@ -1 +1,2 @@
 export var DATE_PICKER_DEFAULT_SIZE = 'm';
+export var DATE_PICKER_DEFAULT_MODE = 'date';

package/__inner__/esm/components/DatePicker/types.d.ts

@@ -1,11 +1,31 @@
-import type { ChangeEvent, ComponentRef } from 'react';
+import type { ChangeEvent, ComponentRef, ReactNode } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
-import type { CalendarProps, CalendarOnChange } from '../Calendar';
-import type { FIELD_CONTROL_DEFAULT_TAG } from '../FieldControl';
-import type { InputProps } from '../Input';
+import type { CalendarProps } from '../Calendar';
+import type { FieldHintProps } from '../FieldHint';
+import type { FieldInputProps } from '../FieldInput';
+import type { FieldLabelProps } from '../FieldLabel';
+import type { InputProps, InputSizeVariant } from '../Input';
 import type { PopoverBaseProps } from '../Popover';
-export type DatePickerOnChange = CalendarOnChange<'single'>;
-export type DatePickerOnInputChange = (e: ChangeEvent<HTMLInputElement> | null, value: string) => void;
+import type { StackProps } from '../Stack';
+import type { DATE_PICKER_DEFAULT_MODE } from './constants';
+export declare const datePickerModeVariant: readonly ["date", "date-range"];
+type Range = 'date-range';
+export type DatePickerModeVariant = (typeof datePickerModeVariant)[number];
+export type DatePickerPropInputValue<MODE extends DatePickerModeVariant> = (MODE extends Range ? [string, string] : string) | null;
+export type DatePickerPropOnInputChange<MODE extends DatePickerModeVariant> = (e: ChangeEvent<HTMLInputElement> | null, value: DatePickerPropInputValue<MODE>) => void;
+export type DatePickerPropValue<MODE extends DatePickerModeVariant> = (MODE extends Range ? [Date?, Date?] : Date) | null;
+export type DatePickerPropOnChange<MODE extends DatePickerModeVariant> = (date: DatePickerPropValue<MODE>) => void;
+type InputPropLabel = InputProps['label'];
+type InputPropRenderLeft = InputProps['renderLeft'];
+type InputPropRenderRight = InputProps['renderRight'];
+type InputPropPlaceholder = InputProps['placeholder'];
+export type DatePickerPropLabel<MODE> = MODE extends Range ? [InputPropLabel?, InputPropLabel?] | InputPropLabel : InputPropLabel;
+export type DatePickerPropRenderLeft<MODE> = MODE extends Range ? [InputPropRenderLeft?, InputPropRenderLeft?] | InputPropRenderLeft : InputPropRenderLeft;
+export type DatePickerPropRenderRight<MODE> = MODE extends Range ? [InputPropRenderRight?, InputPropRenderRight?] | InputPropRenderRight : InputPropRenderRight;
+export type DatePickerPropPlaceholder<MODE> = MODE extends Range ? [InputPropPlaceholder?, InputPropPlaceholder?] | InputPropPlaceholder : InputPropPlaceholder;
+export type DatePickerPropInputProps<MODE> = MODE extends Range ? [FieldInputProps?, FieldInputProps?] | FieldInputProps : FieldInputProps;
+export type DatePickerPropLabelProps<MODE> = MODE extends Range ? [FieldLabelProps?, FieldLabelProps?] | FieldLabelProps : FieldLabelProps;
+export type DatePickerPropFieldsProps<MODE> = MODE extends Range ? StackProps : never;
 export type DatePickerPropOnError = (props: {
     type: 'outOfRange';
     inputValue?: string;
@@ -15,24 +35,35 @@ export type DatePickerPropOnError = (props: {
     inputValue?: string;
     value?: Date | null;
 }) => void;
-export type DatePickerRef = ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
-export type DatePickerProps = ExtendableComponentPropsWithRef<{
+export type DatePickerRef = ComponentRef<'div'>;
+/**
+ * @deprecated
+ * Use the `DatePickerPropOnChange` type to replace it.
+ * */
+export type DatePickerOnChange<MODE extends DatePickerModeVariant> = DatePickerPropOnChange<MODE>;
+/**
+ * @deprecated
+ * Use the `DatePickerPropOnInputChange` type to replace it.
+ * */
+export type DatePickerOnInputChange<MODE extends DatePickerModeVariant> = DatePickerPropOnInputChange<MODE>;
+export type DatePickerProps<MODE extends DatePickerModeVariant = typeof DATE_PICKER_DEFAULT_MODE> = ExtendableComponentPropsWithRef<{
+    mode?: MODE;
     /** Выбранная дата */
-    value?: Date | null;
+    value?: DatePickerPropValue<MODE>;
     /** Выбранная дата по умолчанию (неконтролируемое состояние) */
-    defaultValue?: Date | null;
+    defaultValue?: DatePickerPropValue<MODE>;
     /** Текущее состояние списка. Если `true`, список отображается. */
     open?: boolean;
     /** Состояние открытие по умолчанию (неконтролируемый компонент) */
     defaultOpen?: boolean;
     /** Функция обратного вызова, которая будет вызвана при выборе значения */
-    onChange?: DatePickerOnChange;
-    /** Введённое значение в текстовом поле */
-    onInputChange?: DatePickerOnInputChange;
+    onChange?: DatePickerPropOnChange<MODE>;
+    /** Введённое значение в текстовом поле (полях) */
+    onInputChange?: DatePickerPropOnInputChange<MODE>;
     /** Функция обратного вызова, которая будет вызвана когда компонент запрашивает закрытие */
-    onClose?: () => void;
+    onClose?(): void;
     /** Функция обратного вызова, которая будет вызвана когда компонент запрашивает открытие */
-    onOpen?: () => void;
+    onOpen?(): void;
     /** Свойства компонента Calendar */
     calendarProps?: CalendarProps;
     /** Свойства компонента Popover */
@@ -43,4 +74,41 @@ export type DatePickerProps = ExtendableComponentPropsWithRef<{
     disableClearButton?: boolean;
     /** Функция обратно вызова, которая сработает если пользователь ввёл дату с ошибкой */
     onError?: DatePickerPropOnError;
-} & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude' | 'offsetDate'> & Pick<InputProps, 'label' | 'hint' | 'onKeyDown' | 'size' | 'error' | 'required' | 'fullWidth' | 'disableStroke' | 'disabled' | 'renderLeft' | 'renderRight' | 'placeholder' | 'inputProps' | 'hintProps'>, typeof FIELD_CONTROL_DEFAULT_TAG>;
+    /** Лейбл */
+    label?: DatePickerPropLabel<MODE>;
+    /** Текст или иконка слева */
+    renderLeft?: DatePickerPropRenderLeft<MODE>;
+    /** Текст или иконка справа */
+    renderRight?: DatePickerPropRenderRight<MODE>;
+    /** Подсказка. Отображается, когда вариант не выбран */
+    placeholder?: DatePickerPropPlaceholder<MODE>;
+    /** Свойства элемента input */
+    inputProps?: DatePickerPropInputProps<MODE>;
+    /** Свойства FieldLabel */
+    labelProps?: DatePickerPropLabelProps<MODE>;
+    /** Если `true` не закрывает выпадающий список при выборе опции */
+    disableCloseOnSelect?: boolean;
+    /** Если `true` делает элемент неактивным */
+    disabled?: boolean;
+    /** Дополнительное описание к полю */
+    hint?: string | null | undefined;
+    /** Cвойства FieldHint */
+    hintProps?: Omit<FieldHintProps, 'children'>;
+    /** Размер компонента */
+    size?: InputSizeVariant;
+    /** Если `true` растягивает поле на всю ширину */
+    fullWidth?: boolean;
+    /** Если `true` делает элемент обязательным к заполнению */
+    required?: boolean;
+    /** Если `true` отключает обводку */
+    disableStroke?: boolean;
+    /** Если `true` переводит поле в состояние ошибки */
+    error?: boolean;
+    /** Свойства обертки для текстовых полей. Принимает свойства компонента [Stack](https://ozen-ui.netlify.app/?path=/docs/components-stack--docs) */
+    fieldsProps?: DatePickerPropFieldsProps<MODE>;
+    /** Количество отображаемых календарей в компоненте: один или два */
+    calendars?: 1 | 2;
+} & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude'> & Pick<InputProps, 'onKeyDown'>, 'div'>;
+export type DatePickerComponent = <MODE extends DatePickerModeVariant = typeof DATE_PICKER_DEFAULT_MODE>(props: DatePickerProps<MODE>) => ReactNode;
+export type DatePickerModeComponent<MODE extends DatePickerModeVariant> = (props: Omit<DatePickerProps<MODE>, 'mode'>) => ReactNode;
+export {};

package/__inner__/esm/components/DatePicker/types.js

@@ -1 +1 @@
-export {};
+export var datePickerModeVariant = ['date', 'date-range'];

package/__inner__/esm/components/DatePicker/utils/formatStringToDate/formatStringToDate.js

@@ -1,8 +1,7 @@
 import { __read } from "tslib";
-import { isCompleted } from '../../components/DateInput/utils';
 export var formatStringToDate = function (value) {
     var _a = __read(value.split('.'), 3), date = _a[0], month = _a[1], year = _a[2];
-    if (!(date && month && year) || !isCompleted(value)) {
+    if (!(date && month && year)) {
         return null;
     }
     return new Date(+year, +month - 1, +date);

package/__inner__/esm/components/DatePicker/utils/getCommonCalendarProps/getCommonCalendarProps.d.ts

@@ -0,0 +1,3 @@
+import type { CalendarProps } from '../../../Calendar';
+import type { DatePickerModeVariant, DatePickerProps } from '../../index';
+export declare const getCommonCalendarProps: <MODE extends DatePickerModeVariant>(props: Omit<DatePickerProps<MODE>, "mode">) => CalendarProps;

package/__inner__/esm/components/DatePicker/utils/getCommonCalendarProps/getCommonCalendarProps.js

@@ -0,0 +1,12 @@
+import { __assign } from "tslib";
+import { getCalendarSizeToFormElement } from '../getCalendarSizeToFormElement';
+export var getCommonCalendarProps = function (props) {
+    var minDate = props.minDate, maxDate = props.maxDate, exclude = props.exclude, _a = props.size, size = _a === void 0 ? 'm' : _a, ref = props.ref, calendarProps = props.calendarProps;
+    /** Соотношение размера календаря к размеру элемента контроля */
+    var calendarSize = getCalendarSizeToFormElement(size);
+    /** Предотвращаем переход фокуса с текстового поля на интерактивные элементы календаря */
+    var handleMouseDownCalendar = function (e) {
+        e.preventDefault();
+    };
+    return __assign(__assign({ minDate: minDate, maxDate: maxDate, exclude: exclude, size: calendarSize }, calendarProps), { ref: ref, onMouseDown: handleMouseDownCalendar });
+};

package/__inner__/esm/components/DatePicker/utils/getCommonCalendarProps/index.d.ts

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

package/__inner__/esm/components/DatePicker/utils/getCommonCalendarProps/index.js

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

package/__inner__/esm/components/DatePicker/utils/getCommonPopoverProps/getCommonPopoverProps.d.ts

@@ -0,0 +1,4 @@
+import { Paper } from '../../../Paper';
+import type { PopoverProps } from '../../../Popover';
+import type { DatePickerModeVariant, DatePickerProps } from '../../index';
+export declare const getCommonPopoverProps: <MODE extends DatePickerModeVariant>(props: Omit<DatePickerProps<MODE>, "mode">) => PopoverProps<typeof Paper>;

package/__inner__/esm/components/DatePicker/utils/getCommonPopoverProps/getCommonPopoverProps.js

@@ -0,0 +1,9 @@
+import { __assign } from "tslib";
+import { getPaperSizeToFormElement } from '../../../../utils/getPaperSizeToFormElement';
+import { Paper } from '../../../Paper';
+export var getCommonPopoverProps = function (props) {
+    var _a = props.size, size = _a === void 0 ? 'm' : _a, popoverProps = props.popoverProps;
+    /** Вычисление border-radius по размеру компонента */
+    var radius = getPaperSizeToFormElement(size);
+    return __assign({ radius: radius, as: Paper, offset: [0, 4], disableReturnFocus: true, disableEnforceFocus: true, placement: 'bottom-start' }, popoverProps);
+};

package/__inner__/esm/components/DatePicker/utils/getCommonPopoverProps/index.d.ts

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

package/__inner__/esm/components/DatePicker/utils/getCommonPopoverProps/index.js

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

package/__inner__/esm/components/DatePicker/utils/index.d.ts

@@ -3,3 +3,7 @@ export * from './formatDateToString';
 export * from './formatStringToDate';
 export * from './isOutOfRange';
 export * from './isInExclude';
+export * from './getCommonPopoverProps';
+export * from './getCommonCalendarProps';
+export * from './isValidDateString';
+export * from './useCalendarKeyboard';

package/__inner__/esm/components/DatePicker/utils/index.js

@@ -3,3 +3,7 @@ export * from './formatDateToString';
 export * from './formatStringToDate';
 export * from './isOutOfRange';
 export * from './isInExclude';
+export * from './getCommonPopoverProps';
+export * from './getCommonCalendarProps';
+export * from './isValidDateString';
+export * from './useCalendarKeyboard';

package/__inner__/esm/components/DatePicker/utils/isValidDateString/index.d.ts

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

package/__inner__/esm/components/DatePicker/utils/isValidDateString/index.js

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

package/__inner__/esm/components/DatePicker/utils/isValidDateString/isValidDateString.d.ts

@@ -0,0 +1 @@
+export declare const isValidDateString: (value: string | null | undefined) => boolean;

package/__inner__/esm/components/DatePicker/utils/isValidDateString/isValidDateString.js

@@ -0,0 +1,11 @@
+import { __read } from "tslib";
+import { isValidDate } from '../../../../utils/date';
+import { isNotNil } from '../../../../utils/isNotNil';
+export var isValidDateString = function (value) {
+    if (!isNotNil(value)) {
+        return false;
+    }
+    var _a = __read(value.split('.'), 3), date = _a[0], month = _a[1], year = _a[2];
+    return (value === '' ||
+        (value.length === 10 && isValidDate("".concat(year, "-").concat(month, "-").concat(date))));
+};

package/__inner__/esm/components/DatePicker/utils/useCalendarKeyboard/index.d.ts

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

package/__inner__/esm/components/DatePicker/utils/useCalendarKeyboard/index.js

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

package/__inner__/esm/components/DatePicker/utils/useCalendarKeyboard/useCalendarKeyboard.d.ts

@@ -0,0 +1,8 @@
+import type { RefObject } from 'react';
+type UseCalendarKeyboardProps = {
+    controlRef: RefObject<HTMLElement>;
+    calendarRef: RefObject<HTMLElement>;
+    active?: boolean;
+};
+export declare const useCalendarKeyboard: ({ controlRef, calendarRef, active, }: UseCalendarKeyboardProps) => boolean;
+export {};

package/__inner__/esm/components/DatePicker/utils/useCalendarKeyboard/useCalendarKeyboard.js

@@ -0,0 +1,43 @@
+import { __read } from "tslib";
+import { useBoolean } from '../../../../hooks/useBoolean';
+import { useClickOutside } from '../../../../hooks/useClickOutside';
+import { useEventListener } from '../../../../hooks/useEventListener';
+import { getFocusableElements } from '../../../../utils/getFocusableElements';
+import { isKey } from '../../../../utils/isKey';
+export var useCalendarKeyboard = function (_a) {
+    var controlRef = _a.controlRef, calendarRef = _a.calendarRef, _b = _a.active, active = _b === void 0 ? false : _b;
+    var _c = __read(useBoolean(false), 2), focused = _c[0], _d = _c[1], on = _d.on, off = _d.off;
+    useClickOutside({
+        refs: [calendarRef],
+        active: focused,
+        handler: function () {
+            var _a;
+            (_a = controlRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            off();
+        },
+    });
+    useEventListener({
+        element: controlRef,
+        eventName: 'keydown',
+        handler: function (event) {
+            if (isKey(event, 'Tab') && calendarRef.current) {
+                event.preventDefault();
+                var _a = __read(getFocusableElements(calendarRef.current), 1), firstFocusableElements = _a[0];
+                firstFocusableElements === null || firstFocusableElements === void 0 ? void 0 : firstFocusableElements.focus();
+                on();
+            }
+        },
+        active: active && !focused,
+    });
+    useEventListener({
+        eventName: 'keydown',
+        handler: function (event) {
+            if (isKey(event, 'Escape') && controlRef.current) {
+                controlRef.current.focus();
+                off();
+            }
+        },
+        active: focused,
+    });
+    return focused;
+};

package/__inner__/esm/components/Menu/Menu.css

@@ -28,5 +28,5 @@
   }
   .Menu {
   overflow: hidden auto;
-  max-block-size: 40vb;
+  max-block-size: 40vh;
 }

package/__inner__/esm/components/Popover/Popover.js

@@ -20,7 +20,7 @@ import { PopoverContext } from './PopoverContext';
 export var cnPopover = cn('Popover');
 export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Popover' });
-    var _a = props.arrow, arrow = _a === void 0 ? POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? POPOVER_DEFAULT_PLACEMENT : _g, _h = props.strategy, strategy = _h === void 0 ? POPOVER_DEFAULT_STRATEGY : _h, _j = props.disablePreventOverflow, disablePreventOverflow = _j === void 0 ? POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW : _j, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, modifiersProp = props.modifiers, _k = props.as, as = _k === void 0 ? POPOVER_DEFAULT_TAG : _k, other = __rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "strategy", "disablePreventOverflow", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate", "modifiers", "as"]);
+    var _a = props.arrow, arrow = _a === void 0 ? POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? POPOVER_DEFAULT_PLACEMENT : _g, _h = props.strategy, strategy = _h === void 0 ? POPOVER_DEFAULT_STRATEGY : _h, _j = props.disablePreventOverflow, disablePreventOverflow = _j === void 0 ? POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW : _j, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, disableEscapeKeyDown = props.disableEscapeKeyDown, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, modifiersProp = props.modifiers, _k = props.as, as = _k === void 0 ? POPOVER_DEFAULT_TAG : _k, other = __rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "strategy", "disablePreventOverflow", "ignoreClickOutsideRefs", "disableEscapeKeyDown", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate", "modifiers", "as"]);
     var Tag = useMemo(function () {
         // eslint-disable-next-line react/display-name
         return forwardRef(function (props, ref) { return (React.createElement(Paper, __assign({ radius: "l", shadow: "m", background: "main" }, props, { as: as, ref: ref }))); });
@@ -44,7 +44,7 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
                 return;
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
-        active: isTop,
+        active: isTop && !disableEscapeKeyDown,
     });
     useClickOutside({
         refs: __spreadArray(__spreadArray(__spreadArray([

package/__inner__/esm/components/Popover/types.d.ts

@@ -65,6 +65,8 @@ export type PopoverBaseProps = {
     disableReturnFocus?: boolean;
     /** Если `true` отключает закрытие окна при клике за его пределами */
     disableClickOutside?: boolean;
+    /** Если `true` отключает закрытие окна при нажатии на клавишу ESC */
+    disableEscapeKeyDown?: boolean;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
     /** Функция обратного вызова для получения метода по перерасчету расположения компонента Popover */

package/__inner__/esm/components/Skeleton/Skeleton.css

@@ -38,6 +38,6 @@
   }
 
   100% {
-    background-position: 100vi;
+    background-position: 100vw;
   }
 }

package/__inner__/esm/hooks/useClickOutside/useClickOutside.d.ts

@@ -3,13 +3,13 @@ export interface UseClickOutside {
     /** Массив refs для которых необходимо игнорировать внешние клики */
     refs?: ReadonlyArray<RefObject<HTMLElement>>;
     /** Функция обратного вызова которая будет вызвана при внешнем клике */
-    handler?: () => void;
+    handler?(event: MouseEvent): void;
     /** Событие клика */
     eventName?: 'mousedown' | 'mouseup' | 'click';
-    /** вкл. / выкл */
+    /** вкл. / выкл. */
     active?: boolean;
     /** Опции для метода addEventListener (третий аргумент) */
     options?: AddEventListenerOptions;
 }
-/** Хук отслеживающий клики за пределами указанных dom-элементов */
-export declare function useClickOutside({ refs, handler, active, eventName, options, }: UseClickOutside): void;
+/** Хук отслеживающий клики за пределами dom-элементов указанных в `refs` */
+export declare function useClickOutside({ refs, handler, options, active, eventName, }: UseClickOutside): void;

package/__inner__/esm/hooks/useClickOutside/useClickOutside.js

@@ -1,21 +1,16 @@
-import { useRef, useEffect } from 'react';
 import { useEventListener } from '../useEventListener';
-/** Хук отслеживающий клики за пределами указанных dom-элементов */
+import { useMutableRef } from '../useMutableRef';
+/** Хук отслеживающий клики за пределами dom-элементов указанных в `refs` */
 export function useClickOutside(_a) {
-    var refs = _a.refs, handler = _a.handler, _b = _a.active, active = _b === void 0 ? true : _b, _c = _a.eventName, eventName = _c === void 0 ? 'mousedown' : _c, options = _a.options;
-    var savedRefs = useRef(refs);
-    useEffect(function () {
-        savedRefs.current = refs;
-    }, [refs]);
+    var refs = _a.refs, handler = _a.handler, options = _a.options, _b = _a.active, active = _b === void 0 ? true : _b, _c = _a.eventName, eventName = _c === void 0 ? 'mousedown' : _c;
+    var savedRefs = useMutableRef(refs);
     useEventListener({
         eventName: eventName,
         handler: function (event) {
             var _a;
-            var target = event.target;
-            var isClickOutsideRefs = (_a = savedRefs.current) === null || _a === void 0 ? void 0 : _a.every(function (ref) { var _a; return !((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(target)); });
-            if (isClickOutsideRefs && handler) {
-                handler();
-            }
+            var isClickOutsideRefs = (_a = savedRefs.current) === null || _a === void 0 ? void 0 : _a.every(function (ref) { return ref.current && !event.composedPath().includes(ref.current); });
+            if (isClickOutsideRefs)
+                handler === null || handler === void 0 ? void 0 : handler(event);
         },
         active: active,
         options: options,

package/__inner__/esm/utils/date/index.d.ts

@@ -1 +1,2 @@
 export * from './monthDiff';
+export * from './isValidDate';

package/__inner__/esm/utils/date/index.js

@@ -1 +1,2 @@
 export * from './monthDiff';
+export * from './isValidDate';

package/__inner__/esm/utils/date/isValidDate/index.d.ts

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

package/__inner__/esm/utils/date/isValidDate/index.js

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

package/__inner__/esm/utils/date/isValidDate/isValidDate.d.ts

@@ -0,0 +1 @@
+export declare const isValidDate: (dateString: string) => boolean;

package/__inner__/esm/utils/date/isValidDate/isValidDate.js

@@ -0,0 +1,3 @@
+export var isValidDate = function (dateString) {
+    return !Number.isNaN(Date.parse(dateString));
+};

package/__inner__/esm/utils/date/monthDiff/monthDiff.d.ts

@@ -1 +1 @@
-export declare const monthDiff: (d1: Date, d2: Date) => number;
+export declare const monthDiff: (d1?: Date, d2?: Date) => number;

package/__inner__/esm/utils/date/monthDiff/monthDiff.js

@@ -1,4 +1,7 @@
 export var monthDiff = function (d1, d2) {
+    if (!d1 || !d2) {
+        return 0;
+    }
     var months;
     months = (d2.getFullYear() - d1.getFullYear()) * 12;
     months -= d1.getMonth();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.61.0",
+  "version": "0.62.1",
   "description": "React component library",
   "files": [
     "*"
@@ -21,15 +21,15 @@
     "@bem-react/classname": "^1.6.0",
     "@bem-react/classnames": "^1.3.10",
     "@popperjs/core": "^2.11.8",
-    "@rehookify/datepicker": "^6.6.1",
+    "@rehookify/datepicker": "^6.6.7",
     "decimal.js": "^10.4.3",
     "react-is": "^18.3.1",
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/fonts": "0.61.0",
-    "@ozen-ui/icons": "0.61.0",
-    "@ozen-ui/logger": "0.61.0"
+    "@ozen-ui/fonts": "0.62.1",
+    "@ozen-ui/icons": "0.62.1",
+    "@ozen-ui/logger": "0.62.1"
   },
   "peerDependencies": {
     "react": ">=17.0.2 <19.0.0",

package/__inner__/cjs/components/Calendar/components/CalendarModeRange/components/CalendarConsumer/CalendarConsumer.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const CalendarConsumer: () => React.JSX.Element | null;

package/__inner__/cjs/components/Calendar/components/CalendarModeRange/components/CalendarConsumer/CalendarConsumer.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarConsumer = 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 monthDiff_1 = require("../../../../../../utils/date/monthDiff");
-var CalendarContext_1 = require("../../../../../Calendar/CalendarContext");
-var Stack_1 = require("../../../../../Stack");
-var CalendarItem_1 = require("../../../CalendarItem");
-var CalendarConsumer = function () {
-    var _a = (0, datepicker_1.useDatePickerContext)().data, calendars = _a.calendars, selectedDates = _a.selectedDates;
-    var onOffsetChange = (0, CalendarContext_1.useCalendar)().onOffsetChange;
-    var savedFirstCalendar = (0, useMutableRef_1.useMutableRef)(calendars[0]);
-    var savedSecondCalendar = (0, useMutableRef_1.useMutableRef)(calendars[1]);
-    (0, react_1.useEffect)(function () {
-        if (!savedFirstCalendar.current || !savedSecondCalendar.current)
-            return;
-        var res;
-        var _a = tslib_1.__read(selectedDates, 2), start = _a[0], end = _a[1];
-        if (start && end) {
-            if ((0, monthDiff_1.monthDiff)(start, end) === 0) {
-                res = start;
-            }
-            if ((0, monthDiff_1.monthDiff)(start, end) === 1) {
-                res = start;
-            }
-            if ((0, monthDiff_1.monthDiff)(start, end) > 1) {
-                var d = new Date(end);
-                d.setDate(1);
-                d.setMonth(d.getMonth() - 1);
-                res = d;
-            }
-        }
-        if (res)
-            onOffsetChange === null || onOffsetChange === void 0 ? void 0 : onOffsetChange(res);
-    }, [selectedDates]);
-    if (!calendars[0] || !calendars[1])
-        return null;
-    return (react_1.default.createElement(Stack_1.Stack, null,
-        react_1.default.createElement(CalendarItem_1.CalendarItem, { calendar: calendars[0], type: "first" }),
-        react_1.default.createElement(CalendarItem_1.CalendarItem, { calendar: calendars[1], type: "last" })));
-};
-exports.CalendarConsumer = CalendarConsumer;

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

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

package/__inner__/cjs/components/Calendar/components/CalendarModeSingle/components/CalendarConsumer/CalendarConsumer.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const CalendarConsumer: () => React.JSX.Element | null;