@alfalab/core-components 38.2.0 → 38.4.0

package/calendar/modern/Component.responsive-5a84f08b.d.ts

@@ -0,0 +1,443 @@
+/// <reference types="react" />
+/// <reference types="react-transition-group" />
+import React from "react";
+import { ReactNode, FC, KeyboardEvent, MouseEvent, MutableRefObject, Ref, ButtonHTMLAttributes, ElementType, RefObject } from "react";
+import { CalendarDesktopProps } from "./Component.desktop";
+import { TransitionProps } from "react-transition-group/Transition";
+import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
+import { IconButtonProps } from "../../icon-button";
+import { CalendarMobileProps as CalendarMobileProps$0 } from "./components/calendar-mobile/index";
+type CalendarMobileProps = CalendarDesktopProps & {
+    /**
+     * Управление видимостью модалки
+     */
+    open: boolean;
+    /**
+     * Заголовок календаря
+     */
+    title?: string;
+    /**
+     * Обработчик закрытия модалки
+     */
+    onClose?: () => void;
+    /**
+     * Количество лет для генерации в обе стороны от текущего года
+     */
+    yearsAmount?: number;
+    /**
+     * Нужно ли рендерить шапку
+     */
+    hasHeader?: boolean;
+    /**
+     * Разрешить выбор из недозаполненного диапазона дат.
+     */
+    allowSelectionFromEmptyRange?: boolean;
+};
+declare const CalendarMobile: React.ForwardRefExoticComponent<CalendarDesktopProps & {
+    open: boolean;
+    title?: string | undefined;
+    onClose?: (() => void) | undefined;
+    yearsAmount?: number | undefined;
+    hasHeader?: boolean | undefined;
+    allowSelectionFromEmptyRange?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+type BackdropProps = Partial<TransitionProps> & {
+    /**
+     * Прозрачный бэкдроп
+     */
+    invisible?: boolean;
+    /**
+     * Управляет видимостью компонента
+     */
+    open: boolean;
+    /**
+     * Обработчик клика по бэкдропу
+     */
+    onClose?: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Классы анимации
+     *
+     * http://reactcommunity.org/react-transition-group/css-transition#CSSTransition-prop-classNames
+     */
+    transitionClassNames?: string | CSSTransitionClassNames;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+type PortalProps = {
+    /** Контент */
+    children?: ReactNode;
+    /**
+     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
+     */
+    getPortalContainer?: () => Element;
+    /**
+     * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
+     */
+    immediateMount?: boolean;
+};
+type BaseModalProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Компонент бэкдропа
+     */
+    Backdrop?: FC<BackdropProps>;
+    /**
+     * Свойства для Бэкдропа
+     */
+    backdropProps?: Partial<BackdropProps> & Record<string, unknown>;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: PortalProps["getPortalContainer"];
+    /**
+     * Отключает автоматический перевод фокуса на модалку при открытии
+     * @default false
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     * @default false
+     */
+    disableFocusLock?: boolean;
+    /**
+     * Отключает восстановление фокуса на предыдущем элементе после закрытия модалки
+     * @default false
+     */
+    disableRestoreFocus?: boolean;
+    /**
+     * Отключает вызов `callback` при нажатии Escape
+     * @default false
+     */
+    disableEscapeKeyDown?: boolean;
+    /**
+     * Отключает вызов `callback` при клике на бэкдроп
+     * @default false
+     */
+    disableBackdropClick?: boolean;
+    /**
+     * Отключает блокировку скролла при открытии модального окна
+     * @default false
+     */
+    disableBlockingScroll?: boolean;
+    /**
+     * Содержимое модалки всегда в DOM
+     * @default false
+     */
+    keepMounted?: boolean;
+    /**
+     * Управление видимостью модалки
+     */
+    open: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительный класс для обертки (Modal)
+     */
+    wrapperClassName?: string;
+    /**
+     * Обработчик скролла контента
+     */
+    scrollHandler?: "wrapper" | "content" | MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Пропсы для анимации (CSSTransition)
+     */
+    transitionProps?: Partial<TransitionProps>;
+    /**
+     * Обработчик события нажатия на бэкдроп
+     */
+    onBackdropClick?: (event: MouseEvent) => void;
+    /**
+     * Обработчик события нажатия на Escape
+     *
+     * Если `disableEscapeKeyDown` - false и модальное окно в фокусе
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Обработчик закрытия
+     */
+    onClose?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
+    /**
+     * Обработчик события onEntered компонента Transition
+     */
+    onMount?: () => void;
+    /**
+     * Обработчик события onExited компонента Transition
+     */
+    onUnmount?: () => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Реф, который должен быть установлен компонентной области
+     */
+    componentRef?: MutableRefObject<HTMLDivElement | null>;
+};
+type BaseModalContext = {
+    hasFooter?: boolean;
+    hasHeader?: boolean;
+    hasScroll?: boolean;
+    headerHighlighted?: boolean;
+    footerHighlighted?: boolean;
+    headerOffset?: number;
+    setHeaderOffset: (offset: number) => void;
+    contentRef: Ref<HTMLElement>;
+    setHasHeader: (exists: boolean) => void;
+    setHasFooter: (exists: boolean) => void;
+    onClose: Required<BaseModalProps>["onClose"];
+};
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+declare const BaseModalContext: React.Context<BaseModalContext>;
+type ModalDesktopProps = BaseModalProps & {
+    /**
+     * Ширина модального окна
+     * @default "m"
+     */
+    size?: "s" | "m" | "l" | "xl" | "fullscreen";
+    /**
+     * Растягивает модальное окно на весь экран
+     * @deprecated Используйте размер fullscreen
+     */
+    fullscreen?: boolean;
+    /**
+     * Фиксирует позицию модального окна после открытия,
+     * предотвращая скачки, если контент внутри будет меняться
+     */
+    fixedPosition?: boolean;
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean;
+};
+type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
+type View = "desktop" | "mobile";
+type TResponsiveModalContext = {
+    view: View;
+    size: NonNullable<ModalDesktopProps["size"]>;
+};
+type ContentProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Растягивает контент на всю высоту
+     */
+    flex?: boolean;
+};
+type HeaderProps = {
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Наличие компонента крестика
+     */
+    hasCloser?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonClassName?: string;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
+    /**
+     * Заголовок шапки
+     */
+    title?: string;
+    /**
+     * Выравнивание заголовка
+     */
+    align?: "left" | "center";
+    /**
+     * Обрезать ли заголовок
+     */
+    trim?: boolean;
+    /**
+     * Фиксирует шапку
+     */
+    sticky?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Выравнивание элементов футера
+     */
+    layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Отступы между элементами футера
+     */
+    gap?: 16 | 24 | 32;
+};
+type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Позиция крестика
+     */
+    align?: "left" | "right";
+    /**
+     * Размер кнопки
+     */
+    size?: IconButtonProps["size"];
+    /**
+     * Фиксирует крестик
+     */
+    sticky?: boolean;
+    /**
+     * Иконка
+     */
+    icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
+    Content: React.FC<ContentProps>;
+    Header: React.FC<HeaderProps>;
+    Footer: React.FC<FooterProps>;
+    Closer: React.FC<CloserProps>;
+};
+declare const Content: FC<ContentProps>;
+declare const Modal: React.ForwardRefExoticComponent<BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+} & {
+    view: View;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+declare const ModalContext: import("react").Context<BaseModalContext>;
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+declare const stackingOrder: {
+    FOCUSED: number;
+    DEFAULT: number;
+    POPOVER: number;
+    MODAL: number;
+    TOAST: number;
+};
+declare const StackingContext: import("react").Context<number>;
+type StackProps = {
+    /**
+     * Render prop, в который передается функция.
+     * Функция принимает аргумент со значением z-index из текущего контекста.
+     */
+    children: (value: number) => ReactNode;
+    /**
+     * Исходное значение для z-index.
+     * @default 5
+     */
+    value?: number;
+};
+declare const Stack: FC<StackProps>;
+declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
+declare const getDefaultPortalContainer: () => Element;
+declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
+type SavedStyle = {
+    value: string;
+    key: string;
+    el: HTMLElement;
+};
+type RestoreStyle = {
+    container: HTMLElement;
+    modals: number;
+    styles: SavedStyle[];
+};
+declare class ModalStore {
+    private readonly restoreStyles;
+    constructor();
+    getRestoreStyles: () => RestoreStyle[];
+}
+declare const getModalStore: () => ModalStore;
+declare class GlobalStore {
+    private readonly modalStore;
+    constructor();
+    getModalStore: () => ModalStore;
+}
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare const isClient: () => boolean;
+type ResponsiveCalendarProps = CalendarDesktopProps & CalendarMobileProps$0 & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+type CalendarMedia = 'desktop' | 'mobile';
+declare const CalendarResponsive: React.ForwardRefExoticComponent<CalendarDesktopProps & {
+    open: boolean;
+    title?: string | undefined;
+    onClose?: (() => void) | undefined;
+    yearsAmount?: number | undefined;
+    hasHeader?: boolean | undefined;
+    allowSelectionFromEmptyRange?: boolean | undefined;
+} & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { CalendarMobileProps, CalendarMobile, ModalMobile, Content, Modal, ResponsiveContext, ModalContext, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, getDataTestId, isClient, ResponsiveCalendarProps, CalendarMedia, CalendarResponsive };
+export type { SavedStyle };

package/calendar/modern/Component.responsive-5a84f08b.js

@@ -0,0 +1,191 @@
+import React, { forwardRef, useRef, useMemo } from 'react';
+import { useMedia } from '@alfalab/hooks';
+import { Virtuoso } from 'react-virtuoso';
+import { ResizeObserver } from '@juggle/resize-observer';
+import cn from 'classnames';
+import endOfDay from 'date-fns/endOfDay';
+import startOfDay from 'date-fns/startOfDay';
+import startOfMonth from 'date-fns/startOfMonth';
+import { Button } from '../../button/modern';
+import { ModalMobile } from '../../modal/modern/mobile';
+import { CalendarDesktop } from './Component.desktop.js';
+import 'date-fns/differenceInDays';
+import { useCalendar } from './useCalendar.js';
+import 'date-fns/endOfWeek';
+import 'date-fns/startOfWeek';
+import '../../icon-button/modern';
+import '@alfalab/icons-glyph/ChevronBackMIcon';
+import { WEEKDAYS, limitDate, dateArrayToHashTable, generateMonths, generateWeeks, monthName } from './utils.js';
+import 'date-fns/addDays';
+import 'date-fns/addMonths';
+import 'date-fns/addQuarters';
+import 'date-fns/addWeeks';
+import 'date-fns/addYears';
+import 'date-fns/endOfMonth';
+import 'date-fns/endOfQuarter';
+import 'date-fns/endOfYear';
+import 'date-fns/getQuarter';
+import 'date-fns/getYear';
+import 'date-fns/isToday';
+import 'date-fns/isYesterday';
+import 'date-fns/startOfQuarter';
+import 'date-fns/startOfYear';
+import { DaysTable } from './components/days-table/Component.js';
+import './components/header/Component.js';
+import './components/month-year-header/Component.js';
+import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import './components/select-button/Component.js';
+import 'date-fns/eachDayOfInterval';
+import 'date-fns/eachMonthOfInterval';
+import 'date-fns/eachYearOfInterval';
+import 'date-fns/format';
+import 'date-fns/isAfter';
+import 'date-fns/isBefore';
+import 'date-fns/isSameDay';
+import 'date-fns/lastDayOfMonth';
+import 'date-fns/max';
+import 'date-fns/min';
+import 'date-fns/parse';
+import 'date-fns/subDays';
+import 'date-fns/subMonths';
+import './components/months-table/Component.js';
+import 'date-fns/isSameMonth';
+import 'date-fns/isThisMonth';
+import './components/period-slider/Component.js';
+import './components/period-slider/utils.js';
+import './components/years-table/Component.js';
+import 'date-fns/isSameYear';
+import 'date-fns/isThisYear';
+import 'react-transition-group';
+import 'date-fns/isEqual';
+import 'date-fns/isLastDayOfMonth';
+import 'date-fns/isWithinInterval';
+import 'react-merge-refs';
+import 'date-fns/setYear';
+import 'date-fns/subYears';
+
+const styles = {"wrapper":"calendar__wrapper_146qm","withZIndex":"calendar__withZIndex_146qm","calendar":"calendar__calendar_146qm","dayNames":"calendar__dayNames_146qm","withHeader":"calendar__withHeader_146qm","month":"calendar__month_146qm","daysTable":"calendar__daysTable_146qm","dayName":"calendar__dayName_146qm"};
+require('./components/calendar-mobile/index.css');
+
+// ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
+if (typeof window !== 'undefined' && !window.ResizeObserver) {
+    window.ResizeObserver = ResizeObserver;
+}
+const CalendarMonthOnlyView = ({ value, defaultView, month: monthTimestamp, minDate: minDateTimestamp, maxDate: maxDateTimestamp, defaultMonth: defaultMonthTimestamp, offDays, events, holidays, onChange, selectedFrom, selectedTo, rangeComplete, onMonthChange, yearsAmount = 3, }) => {
+    const initialMonthIndex = useMemo(() => {
+        const currentMonthIndex = new Date().getMonth();
+        return yearsAmount * 12 + currentMonthIndex;
+    }, [yearsAmount]);
+    const month = useMemo(() => (monthTimestamp ? new Date(monthTimestamp) : undefined), [monthTimestamp]);
+    const minDate = useMemo(() => (minDateTimestamp ? startOfDay(minDateTimestamp) : undefined), [minDateTimestamp]);
+    const maxDate = useMemo(() => (maxDateTimestamp ? endOfDay(maxDateTimestamp) : undefined), [maxDateTimestamp]);
+    const selected = useMemo(() => (value ? new Date(value) : undefined), [value]);
+    const defaultMonth = useMemo(() => startOfMonth(selected ||
+        limitDate(defaultMonthTimestamp || Date.now(), minDateTimestamp, maxDateTimestamp)), [defaultMonthTimestamp, maxDateTimestamp, minDateTimestamp, selected]);
+    const { activeMonth, months, highlighted, getDayProps } = useCalendar({
+        month,
+        defaultMonth,
+        view: defaultView,
+        minDate,
+        maxDate,
+        selected,
+        offDays,
+        events,
+        onChange,
+        onMonthChange,
+    });
+    const activeMonths = useMemo(() => {
+        const eventsMap = dateArrayToHashTable(events || []);
+        const offDaysMap = dateArrayToHashTable(offDays || []);
+        const holidaysMap = dateArrayToHashTable(holidays || []);
+        const prevMonths = [];
+        const nextMonths = [];
+        const date = new Date();
+        const currentYear = date.getFullYear();
+        for (let i = 0; i < yearsAmount; i++) {
+            const prevYear = date.setFullYear(currentYear - (i + 1));
+            const nextYear = date.setFullYear(currentYear + (i + 1));
+            const prevYearMonths = generateMonths(new Date(prevYear), {});
+            const nextYearMonths = generateMonths(new Date(nextYear), {});
+            prevMonths.unshift(...prevYearMonths);
+            nextMonths.push(...nextYearMonths);
+        }
+        const generatedMonths = [...prevMonths, ...months, ...nextMonths];
+        return generatedMonths.map((item) => ({
+            ...item,
+            weeks: generateWeeks(item.date, {
+                minDate,
+                maxDate,
+                selected,
+                eventsMap,
+                offDaysMap,
+                holidaysMap,
+            }),
+            title: `${monthName(item.date)} ${item.date.getFullYear()}`,
+        }));
+    }, [events, offDays, holidays, months, yearsAmount, minDate, maxDate, selected]);
+    const renderMonth = (index) => (React.createElement("div", { className: styles.daysTable, id: `month-${index}` },
+        React.createElement("span", { className: styles.month }, activeMonths[index].title),
+        React.createElement(DaysTable, { weeks: activeMonths[index].weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete, hasHeader: false, responsive: true })));
+    return (React.createElement(Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: initialMonthIndex, increaseViewportBy: 800, itemSize: (el) => el.getBoundingClientRect().height + 32 }));
+};
+const CalendarMobile = forwardRef(({ hasHeader = true, allowSelectionFromEmptyRange = false, className, defaultView = 'days', selectorView = 'full', value, selectedFrom, selectedTo, onChange, dataTestId, open, onClose, title = 'Календарь', yearsAmount = 3, ...restProps }, ref) => {
+    const modalRef = useRef(null);
+    const monthOnlyView = selectorView === 'month-only';
+    const handleClose = () => {
+        if (onClose)
+            onClose();
+    };
+    const handleClear = () => {
+        if (onChange)
+            onChange();
+    };
+    const renderDayNames = () => (React.createElement("table", { className: styles.dayNames },
+        React.createElement("thead", null,
+            React.createElement("tr", null, WEEKDAYS.map((dayName) => (React.createElement("th", { className: styles.dayName, key: dayName }, dayName)))))));
+    const renderContent = () => {
+        const commonProps = {
+            value,
+            onChange,
+            defaultView,
+            selectorView,
+            selectedFrom,
+            selectedTo,
+        };
+        if (monthOnlyView) {
+            return (React.createElement(CalendarMonthOnlyView, { open: open, yearsAmount: yearsAmount, ...commonProps, ...restProps }));
+        }
+        return (React.createElement(CalendarDesktop, { responsive: true, className: styles.calendar, ...commonProps, ...restProps }));
+    };
+    const renderFooter = () => {
+        if (selectedFrom || selectedTo) {
+            let selectButtonDisabled = !selectedFrom || !selectedTo;
+            if (allowSelectionFromEmptyRange) {
+                selectButtonDisabled = !selectedFrom;
+            }
+            return (React.createElement(React.Fragment, null,
+                React.createElement(Button, { view: 'primary', size: 's', block: true, onClick: handleClose, disabled: selectButtonDisabled }, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C"),
+                React.createElement(Button, { view: 'secondary', size: 's', block: true, onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C")));
+        }
+        if (value) {
+            return (React.createElement(Button, { view: 'primary', size: 's', block: true, onClick: handleClose }, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C"));
+        }
+        return (React.createElement(Button, { view: 'secondary', size: 's', block: true, onClick: handleClose }, "\u041E\u0442\u043C\u0435\u043D\u0430"));
+    };
+    return (React.createElement("div", { className: cn(className, styles.component), ref: ref, "data-test-id": dataTestId },
+        React.createElement(ModalMobile, { open: open, onClose: handleClose, ref: modalRef, className: styles.modal, wrapperClassName: styles.wrapper },
+            hasHeader && (React.createElement(ModalMobile.Header, { hasCloser: true, title: title, align: 'center', leftAddons: React.createElement("div", null), sticky: true, className: cn({ [styles.withZIndex]: selectorView === 'full' }) })),
+            monthOnlyView && renderDayNames(),
+            React.createElement(ModalMobile.Content, { flex: true }, renderContent()),
+            React.createElement(ModalMobile.Footer, { sticky: true, className: cn({ [styles.withZIndex]: selectorView === 'full' }) }, renderFooter()))));
+});
+
+const CalendarResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
+    const [view] = useMedia([
+        ['mobile', `(max-width: ${breakpoint - 1}px)`],
+        ['desktop', `(min-width: ${breakpoint}px)`],
+    ], 'desktop');
+    return view === 'desktop' ? (React.createElement(CalendarDesktop, { ...restProps, ref: ref })) : (React.createElement(CalendarMobile, { ...restProps, ref: ref }));
+});
+
+export { CalendarResponsive as C, CalendarMobile as a };

package/calendar/modern/Component.responsive.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import { CalendarDesktopProps } from "./Component.desktop";
-import { CalendarMobileProps } from "./components/calendar-mobile/index";
-type ResponsiveCalendarProps = CalendarDesktopProps & CalendarMobileProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-type CalendarMedia = 'desktop' | 'mobile';
-declare const CalendarResponsive: FC<ResponsiveCalendarProps>;
-export { ResponsiveCalendarProps, CalendarMedia, CalendarResponsive };