@cloud-ru/ds-calendar 1.0.0

package/dist/cjs/components/Calendar/Calendar.d.ts

@@ -0,0 +1,128 @@
+import { WithSupportProps } from '@cloud-ru/ds-utils';
+import { CSSProperties, ReactNode, RefObject } from 'react';
+import { CALENDAR_MODE } from '../../constants';
+import { BuildCellPropsFunction, FocusDirection, PresetsOptions, Range, Size } from '../../types';
+type CommonCalendarProps = {
+    /**
+     * Размер
+     * @default m
+     */
+    size?: Size;
+    /** Дата сегодняшнего дня */
+    today?: Date | number;
+    /** Раскрашивает субботу и воскресенье */
+    showHolidays?: boolean;
+    /**
+     * Колбек установки свойств ячеек календаря. Вызывается на построение каждой ячейки. Принимает два параметра:
+     * <br> `Date` - дата ячейки
+     * <br> `ViewMode`:
+     * <br>  - `month` отображение месяца, каждая ячейка - 1 день
+     * <br>  - `year` отображение года, каждая ячейка - 1 месяц
+     * <br>  - `decade` отображение декады, каждая ячейка - 1 год
+     * <br><br> Колбек должен возвращать объект с полями, отвечающими за отключение и подкраску ячейки.
+     * @type (date: Date, viewMode: ViewMode) => { isDisabled?: boolean; isHoliday?: boolean };
+     */
+    buildCellProps?: BuildCellPropsFunction;
+    /** CSS-класс контейнера */
+    className?: string;
+    /**
+     * Отключает предустановленный размер, заставляя компонент подстраиваться к размеру контейнра: (width: 100%, height: 100%).
+     * @default true
+     */
+    fitToContainer?: boolean;
+    /** Объект со стилями на контейнер. */
+    style?: CSSProperties;
+    /** Автофокус */
+    autofocus?: boolean;
+    /**
+     * Локаль, в соответствие с которой выставляется язык названий и первый день недели
+     * @default Проставляется в соответствие с языком в настройках браузера
+     * @type Intl.Locale
+     */
+    locale?: Intl.Locale;
+    /** Колбек потери фокуса. Вызывается со значением `next`, когда фокус покидает компонент, передвигаясь вперед, по клавише `tab`. Со значением `prev` - по клавише стрелки вверх или `shift + tab`. */
+    onFocusLeave?(direction: FocusDirection): void;
+    /** Ссылка на управление первым элементом навигации */
+    navigationStartRef?: RefObject<{
+        focus(): void;
+    }>;
+    /** Настройки секции с пресетами быстрого выбора периода. Доступны только при mode === 'date-range' и отсутствии buildCellProps (временно PDS-3139) */
+    presets?: PresetsOptions;
+    /** Рендерится после основной разметки календаря, внутри `CalendarContext` (например футер с Apply в дропдауне). */
+    bottomSlot?: ReactNode;
+};
+type DateCalendarProps = CommonCalendarProps & {
+    /** Режим работы календаря: <br> - `date` - режим выбора даты */
+    mode: typeof CALENDAR_MODE.Date;
+    /** Выбранное значение.<br> - в режиме date тип `Date` */
+    value?: Date;
+    /** Значение по-умолчанию для uncontrolled.<br> - в режиме date тип `Date` */
+    defaultValue?: Date;
+    /** Колбек выбора значения.<br> - в режиме date принимает тип `Date` */
+    onChangeValue?(value: Date): void;
+};
+type MonthCalendarProps = CommonCalendarProps & {
+    /** <br> - `month` - режим выбора месяца */
+    mode: typeof CALENDAR_MODE.Month;
+    /** <br> - в режиме month тип `Date` */
+    value?: Date;
+    /** <br> - в режиме month тип `Date` */
+    defaultValue?: Date;
+    /** <br> - в режиме month принимает тип `Date` */
+    onChangeValue?(value: Date): void;
+};
+type YearCalendarProps = CommonCalendarProps & {
+    /** <br> - `year` - режим выбора года */
+    mode: typeof CALENDAR_MODE.Year;
+    /** <br> - в режиме year тип `Date` */
+    value?: Date;
+    /** <br> - в режиме year тип `Date` */
+    defaultValue?: Date;
+    /** <br> - в режиме year принимает тип `Date` */
+    onChangeValue?(value: Date): void;
+};
+type DateTimeCalendarProps = CommonCalendarProps & {
+    /** <br> - `date-time` - режим выбора даты и времени */
+    mode: typeof CALENDAR_MODE.DateTime;
+    /** <br> - в режиме date-time тип `Date` */
+    value?: Date;
+    /** <br> - в режиме date-time тип `Date` */
+    defaultValue?: Date;
+    /** <br> - в режиме date-time принимает тип `Date` */
+    onChangeValue?(value: Date): void;
+    /** Показывать ли секунды (только в режиме date-time) */
+    showSeconds?: boolean;
+};
+type RangeCalendarProps = CommonCalendarProps & {
+    /** <br> - `date-range` - режим выбора периода */
+    mode: typeof CALENDAR_MODE.DateRange;
+    /** <br> - в режиме date-range тип `Range` (`[Date, Date]`) */
+    value?: Range;
+    /** <br> - в режиме date-range тип `Range` (`[Date, Date]`) */
+    defaultValue?: Range;
+    /** <br> - в режиме date-range принимает тип `Range` */
+    onChangeValue?(value: Range): void;
+};
+type MonthRangeCalendarProps = CommonCalendarProps & {
+    /** <br> - `month-range` - режим выбора периода из месяцев */
+    mode: typeof CALENDAR_MODE.MonthRange;
+    /** <br> - в режиме month-range тип `Range` (`[Date, Date]`) */
+    value?: Range;
+    /** <br> - в режиме month-range тип `Range` (`[Date, Date]`) */
+    defaultValue?: Range;
+    /** <br> - в режиме month-range принимает тип `Range` */
+    onChangeValue?(value: Range): void;
+};
+type YearRangeCalendarProps = CommonCalendarProps & {
+    /** <br> - `year-range` - режим выбора периода из лет */
+    mode: typeof CALENDAR_MODE.YearRange;
+    /** <br> - в режиме year-range тип `Range` (`[Date, Date]`) */
+    value?: Range;
+    /** <br> - в режиме year-range тип `Range` (`[Date, Date]`) */
+    defaultValue?: Range;
+    /** <br> - в режиме year-range принимает тип `Range` */
+    onChangeValue?(value: Range): void;
+};
+export type CalendarProps = WithSupportProps<DateCalendarProps | RangeCalendarProps | MonthRangeCalendarProps | YearRangeCalendarProps | MonthCalendarProps | DateTimeCalendarProps | YearCalendarProps>;
+export declare function Calendar(props: CalendarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/Calendar/Calendar.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = Calendar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const constants_1 = require("../../constants");
+const helperComponents_1 = require("../../helperComponents");
+const utils_1 = require("./utils");
+function Calendar(props) {
+    const { onChangeValue, mode, ...rest } = props;
+    const changeValueHandler = (0, react_1.useCallback)((value) => {
+        if (mode === constants_1.CALENDAR_MODE.Date ||
+            mode === constants_1.CALENDAR_MODE.Month ||
+            mode === constants_1.CALENDAR_MODE.Year ||
+            mode === constants_1.CALENDAR_MODE.DateTime) {
+            const [date] = value;
+            onChangeValue?.(date);
+            return;
+        }
+        onChangeValue?.(value);
+    }, [onChangeValue, mode]);
+    const value = (0, react_1.useMemo)(() => (0, utils_1.getNormalizedValue)(props.value), [props.value]);
+    const defaultValue = (0, react_1.useMemo)(() => (0, utils_1.getNormalizedValue)(props.defaultValue), [props.defaultValue]);
+    return ((0, jsx_runtime_1.jsx)(helperComponents_1.CalendarBase, { ...rest, mode: mode, value: value, defaultValue: defaultValue, onChangeValue: changeValueHandler }));
+}

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Calendar"), exports);

package/dist/cjs/components/Calendar/utils.d.ts

@@ -0,0 +1,3 @@
+import { Range } from '../../types';
+import { CalendarProps } from './Calendar';
+export declare const getNormalizedValue: (value: CalendarProps["value"]) => Range | undefined;

package/dist/cjs/components/Calendar/utils.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNormalizedValue = void 0;
+function isRangeValue(value) {
+    return Array.isArray(value) && value.length === 2 && value[0] instanceof Date && value[1] instanceof Date;
+}
+function isDateValue(value) {
+    return value instanceof Date;
+}
+const getNormalizedValue = (value) => {
+    if (isRangeValue(value)) {
+        return value;
+    }
+    if (isDateValue(value)) {
+        return [value, value];
+    }
+    return value;
+};
+exports.getNormalizedValue = getNormalizedValue;

package/dist/cjs/components/CalendarDropdown/CalendarDropdown.d.ts

@@ -0,0 +1,22 @@
+import { DropdownProps } from '@cloud-ru/ds-dropdown';
+import { WithSupportProps } from '@cloud-ru/ds-utils';
+import { ReactNode } from 'react';
+import { CalendarProps } from '../Calendar';
+type DropdownBridgeProps = Pick<DropdownProps, 'triggerClassName' | 'trigger' | 'placement' | 'hoverDelayOpen' | 'hoverDelayClose' | 'closeOnEscapeKey' | 'triggerClickByKeys' | 'triggerRef' | 'outsideClick' | 'fallbackPlacements' | 'disableSpanWrapper' | 'closeOnPopstate' | 'open' | 'onOpenChange'>;
+/**
+ * Адаптивный календарь в триггере. На desktop открывается в popover (`@cloud-ru/ds-dropdown`), на mobile —
+ * в `@cloud-ru/ds-bottom-sheet` (раскладка берётся из `@cloud-ru/ds-adaptive`; собственного пропа `layoutType` нет).
+ * Пропы позиционирования popover (`placement`, `fallbackPlacements`, `triggerRef`, …) на mobile игнорируются.
+ */
+export type CalendarDropdownProps = WithSupportProps<CalendarProps & DropdownBridgeProps & {
+    /** Элемент открытия dropdown (триггер). */
+    children?: ReactNode;
+    /** Закрыть dropdown после нажатия Apply. */
+    closeOnApply?: boolean;
+    /** Колбек после подтверждения в футере. */
+    onApply?(): void;
+    /** Колбек по кнопке Current в футере. */
+    onCurrent?(): void;
+}>;
+export declare function CalendarDropdown(props: CalendarDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/CalendarDropdown/CalendarDropdown.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalendarDropdown = CalendarDropdown;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const adaptive_1 = require("@cloud-ru/ds-adaptive");
+const DesktopCalendarDropdown_1 = require("../../helperComponents/DesktopCalendarDropdown");
+const MobileCalendarDropdown_1 = require("../../helperComponents/MobileCalendarDropdown");
+function CalendarDropdown(props) {
+    const { layoutType } = (0, adaptive_1.useAdaptiveLayout)();
+    return (0, adaptive_1.isMobileLayout)(layoutType) ? (0, jsx_runtime_1.jsx)(MobileCalendarDropdown_1.MobileCalendarDropdown, { ...props }) : (0, jsx_runtime_1.jsx)(DesktopCalendarDropdown_1.DesktopCalendarDropdown, { ...props });
+}

package/dist/cjs/components/CalendarDropdown/index.d.ts

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

package/dist/cjs/components/CalendarDropdown/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CalendarDropdown"), exports);

package/dist/cjs/components/CalendarDropdown/styles.module.css

@@ -0,0 +1,9 @@
+.dropdown{
+  width:-moz-fit-content;
+  width:fit-content;
+}
+
+.calendarDropdownContent{
+  display:flex;
+  flex-direction:column;
+}

package/dist/cjs/components/TimePicker/TimePicker.d.ts

@@ -0,0 +1,34 @@
+import { WithSupportProps } from '@cloud-ru/ds-utils';
+import { RefObject } from 'react';
+import { FocusDirection, Size, TimeValue } from '../../types';
+export type TimePickerProps = WithSupportProps<{
+    /** Выбранное значение.*/
+    value?: TimeValue;
+    /** Дата сегодняшнего дня */
+    today?: Date | number;
+    /** Значение по-умолчанию для uncontrolled. */
+    defaultValue?: TimeValue;
+    /** Колбек выбора значения */
+    onChangeValue?(value?: TimeValue): void;
+    /** Показывать ли секунды */
+    showSeconds?: boolean;
+    /**
+     * Размер
+     * @default m
+     */
+    size?: Size;
+    /** CSS-класс контейнера */
+    className?: string;
+    /**
+     * Отключает предустановленный размер, заставляя компонент подстраиваться к размеру контейнра: (width: 100%, height: 100%).
+     * @default true
+     */
+    fitToContainer?: boolean;
+    /** Колбек потери фокуса. Вызывается со значением `next`, когда фокус покидает компонент, передвигаясь вперед, по клавише `tab`. Со значением `prev` - по клавише стрелки вверх или `shift + tab`. */
+    onFocusLeave?(direction: FocusDirection): void;
+    /** Ссылка на управление первым элементом навигации */
+    navigationStartRef?: RefObject<{
+        focus(): void;
+    }>;
+}>;
+export declare function TimePicker({ className, size, fitToContainer, value: valueProp, defaultValue, onChangeValue, onFocusLeave, 'data-test-id': testId, navigationStartRef, showSeconds, today: todayProp, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/TimePicker/TimePicker.js

@@ -0,0 +1,138 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimePicker = TimePicker;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const locale_1 = require("@cloud-ru/ds-locale");
+const utils_1 = require("@cloud-ru/ds-utils");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const constants_1 = require("../../constants");
+const helperComponents_1 = require("../../helperComponents");
+const hooks_1 = require("../../hooks");
+const utils_2 = require("../../utils");
+const constants_2 = require("./constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const stubFunc = () => { };
+const stubBuildCellProps = () => ({ isDisabled: false, isHoliday: false });
+function TimePicker({ className, size = constants_1.SIZE.M, fitToContainer = true, value: valueProp, defaultValue, onChangeValue, onFocusLeave, 'data-test-id': testId, navigationStartRef, showSeconds = true, today: todayProp, }) {
+    const [value, setValueState] = (0, utils_1.useUncontrolledProp)(valueProp, defaultValue, onChangeValue);
+    const setValueEventHandler = (0, utils_1.useEventHandler)(setValueState);
+    const [internalValue, setInternalValue] = (0, react_1.useState)();
+    const [focus, setFocus] = (0, react_1.useState)(undefined);
+    const today = (0, react_1.useMemo)(() => (typeof todayProp === 'number' ? new Date(todayProp) : todayProp), [todayProp]);
+    const previousValueRef = (0, react_1.useRef)(value);
+    (0, react_1.useEffect)(() => {
+        if (!internalValue?.[0]) {
+            return;
+        }
+        const hours = internalValue[0].getHours() ?? 0;
+        const minutes = internalValue[0].getMinutes() ?? 0;
+        const seconds = internalValue[0].getSeconds() ?? 0;
+        setValueEventHandler({ hours, minutes, seconds });
+    }, [internalValue, setValueEventHandler]);
+    const setValue = (0, react_1.useCallback)((dates) => {
+        const newDate = dates[0];
+        setInternalValue([newDate, newDate]);
+    }, []);
+    const { dateAndTime, onTimeChange, onDateChange, onDateAndTimeChange, isDateFilled, isTimeFilled, isDateAndTimeFilled, } = (0, hooks_1.useDateAndTime)({ showSeconds, value });
+    (0, react_1.useEffect)(() => {
+        const wasValueCleared = value === undefined && previousValueRef.current !== undefined;
+        previousValueRef.current = value;
+        if (wasValueCleared) {
+            return;
+        }
+        if (!(0, utils_2.isTimePortionComplete)(dateAndTime, showSeconds)) {
+            return;
+        }
+        const next = {
+            hours: dateAndTime.hours ?? 0,
+            minutes: dateAndTime.minutes ?? 0,
+            seconds: dateAndTime.seconds ?? 0,
+        };
+        if ((0, utils_2.timeValuesEqual)(value, next)) {
+            return;
+        }
+        setValueEventHandler(next);
+    }, [dateAndTime, showSeconds, setValueEventHandler, value]);
+    const applyButtonRef = (0, react_1.useRef)(null);
+    const currentButtonRef = (0, react_1.useRef)(null);
+    const hoursKeyboardNavigationRef = (0, react_1.useRef)({ focusItem: () => { } });
+    const minutesKeyboardNavigationRef = (0, react_1.useRef)({ focusItem: () => { } });
+    const secondsKeyboardNavigationRef = (0, react_1.useRef)({ focusItem: () => { } });
+    const getTestId = (0, react_1.useMemo)(() => (0, utils_2.getTestIdBuilder)(testId), [testId]);
+    const ctxLang = (0, locale_1.useLang)();
+    const locale = (0, react_1.useMemo)(() => (0, utils_2.getLocale)({ localeProp: constants_2.DEFAULT_LOCALE, ctxLang }), [ctxLang]);
+    const calendarContextValue = (0, react_1.useMemo)(() => {
+        const stubDate = new Date();
+        return {
+            mode: 'time',
+            locale,
+            size,
+            value: internalValue,
+            fitToContainer,
+            focus,
+            setValue,
+            setFocus,
+            getTestId,
+            onFocusLeave,
+            navigationStartRef,
+            showSeconds,
+            dateAndTime,
+            onTimeChange,
+            onDateAndTimeChange,
+            isTimeFilled,
+            applyButtonRef,
+            currentButtonRef,
+            hoursKeyboardNavigationRef,
+            minutesKeyboardNavigationRef,
+            secondsKeyboardNavigationRef,
+            today,
+            // Stub props
+            viewMode: 'month',
+            showHolidays: false,
+            viewDate: stubDate,
+            referenceDate: stubDate,
+            preselectedRange: undefined,
+            viewShift: 0,
+            setViewMode: stubFunc,
+            setViewShift: stubFunc,
+            startPreselect: stubFunc,
+            continuePreselect: stubFunc,
+            completePreselect: stubFunc,
+            restartPreselect: stubFunc,
+            buildCellProps: stubBuildCellProps,
+            onDateChange,
+            isDateAndTimeFilled,
+            isDateFilled,
+        };
+    }, [
+        applyButtonRef,
+        currentButtonRef,
+        dateAndTime,
+        fitToContainer,
+        focus,
+        getTestId,
+        hoursKeyboardNavigationRef,
+        internalValue,
+        isDateAndTimeFilled,
+        isDateFilled,
+        isTimeFilled,
+        locale,
+        minutesKeyboardNavigationRef,
+        navigationStartRef,
+        onDateAndTimeChange,
+        onDateChange,
+        onFocusLeave,
+        onTimeChange,
+        secondsKeyboardNavigationRef,
+        setFocus,
+        setValue,
+        showSeconds,
+        size,
+        today,
+    ]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.timePickerWrapper, className), "data-fit-to-container": fitToContainer || undefined, "data-show-seconds": String(showSeconds), "data-size": size, "data-test-id": testId, children: (0, jsx_runtime_1.jsx)(helperComponents_1.CalendarContext.Provider, { value: calendarContextValue, children: (0, jsx_runtime_1.jsx)(helperComponents_1.TimePickerBase, {}) }) }));
+}

package/dist/cjs/components/TimePicker/constants.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_LOCALE: Intl.Locale;

package/dist/cjs/components/TimePicker/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_LOCALE = void 0;
+exports.DEFAULT_LOCALE = new Intl.Locale('ru-RU');

package/dist/cjs/components/TimePicker/index.d.ts

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

package/dist/cjs/components/TimePicker/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TimePicker"), exports);

package/dist/cjs/components/TimePicker/styles.module.css

@@ -0,0 +1,12 @@
+.timePickerWrapper{
+  display:flex;
+  flex-direction:column;
+  flex-grow:1;
+  box-sizing:border-box;
+  width:-moz-fit-content;
+  width:fit-content;
+}
+.timePickerWrapper[data-fit-to-container]{
+  min-width:100%;
+  height:100%;
+}

package/dist/cjs/components/TimePickerDropdown/TimePickerDropdown.d.ts

@@ -0,0 +1,22 @@
+import { DropdownProps } from '@cloud-ru/ds-dropdown';
+import { WithSupportProps } from '@cloud-ru/ds-utils';
+import { ReactNode } from 'react';
+import { TimePickerProps } from '../TimePicker';
+type DropdownBridgeProps = Pick<DropdownProps, 'triggerClassName' | 'trigger' | 'placement' | 'hoverDelayOpen' | 'hoverDelayClose' | 'closeOnEscapeKey' | 'triggerClickByKeys' | 'triggerRef' | 'outsideClick' | 'fallbackPlacements' | 'disableSpanWrapper' | 'closeOnPopstate' | 'open' | 'onOpenChange'>;
+/**
+ * Адаптивный выбор времени в триггере. На desktop открывается в popover (`@cloud-ru/ds-dropdown`), на mobile —
+ * в `@cloud-ru/ds-bottom-sheet` с барабанным пикером (раскладка из `@cloud-ru/ds-adaptive`; собственного пропа `layoutType` нет).
+ * Пропы позиционирования popover на mobile игнорируются.
+ */
+export type TimePickerDropdownProps = WithSupportProps<TimePickerProps & DropdownBridgeProps & {
+    /** Контент триггера открытия dropdown */
+    children?: ReactNode;
+    /** Закрыть dropdown после нажатия кнопки Apply */
+    closeOnApply?: boolean;
+    /** Колбек по нажатию Apply */
+    onApply?(): void;
+    /** Колбек по нажатию Current */
+    onCurrent?(): void;
+}>;
+export declare function TimePickerDropdown(props: TimePickerDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/TimePickerDropdown/TimePickerDropdown.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimePickerDropdown = TimePickerDropdown;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const adaptive_1 = require("@cloud-ru/ds-adaptive");
+const DesktopTimePickerDropdown_1 = require("../../helperComponents/DesktopTimePickerDropdown");
+const MobileTimePickerDropdown_1 = require("../../helperComponents/MobileTimePickerDropdown");
+function TimePickerDropdown(props) {
+    const { layoutType } = (0, adaptive_1.useAdaptiveLayout)();
+    return (0, adaptive_1.isMobileLayout)(layoutType) ? ((0, jsx_runtime_1.jsx)(MobileTimePickerDropdown_1.MobileTimePickerDropdown, { ...props })) : ((0, jsx_runtime_1.jsx)(DesktopTimePickerDropdown_1.DesktopTimePickerDropdown, { ...props }));
+}

package/dist/cjs/components/TimePickerDropdown/index.d.ts

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

package/dist/cjs/components/TimePickerDropdown/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TimePickerDropdown"), exports);

package/dist/cjs/components/TimePickerDropdown/styles.module.css

@@ -0,0 +1,19 @@
+.dropdown{
+  width:-moz-fit-content;
+  width:fit-content;
+}
+
+.timePickerDropdownContent{
+  display:flex;
+  flex-direction:column;
+}
+
+.timePickerBaseLimited[data-size=s]{
+  height:257px;
+}
+.timePickerBaseLimited[data-size=m]{
+  height:265px;
+}
+.timePickerBaseLimited[data-size=l]{
+  height:337px;
+}

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Calendar';
+export * from './CalendarDropdown';
+export * from './TimePicker';
+export * from './TimePickerDropdown';

package/dist/cjs/components/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Calendar"), exports);
+__exportStar(require("./CalendarDropdown"), exports);
+__exportStar(require("./TimePicker"), exports);
+__exportStar(require("./TimePickerDropdown"), exports);