@alfalab/core-components 42.2.2 → 42.2.3

package/calendar-input/modern/Component-63dec22f.d.ts

@@ -1,167 +1,24 @@
 /// <reference types="react" />
-import React from "react";
-import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
-declare const colors: readonly [
-    "tertiary",
-    "disabled",
-    "accent",
-    "primary",
-    "attention",
-    "positive",
-    "secondary",
-    "tertiary-inverted",
-    "primary-inverted",
-    "secondary-inverted",
-    "link",
-    "negative",
-    "static-primary-light",
-    "static-secondary-light",
-    "static-tertiary-light",
-    "static-primary-dark",
-    "static-secondary-dark",
-    "static-tertiary-dark",
-    "static-accent"
-];
-type Color = (typeof colors)[number];
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
-type NativeProps = HTMLAttributes<HTMLSpanElement>;
-type TextBaseProps = {
+import React from 'react';
+import { ButtonHTMLAttributes } from "react";
+type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
-     */
-    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "regular" | "medium" | "bold";
-    /**
-     * Делает цифры моноширинными
-     */
-    monospaceNumbers?: boolean;
-    /**
-     * HTML тег
-     */
-    tag?: "span" | "div";
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Добавляет отступы к тэгу 'p'
-     */
-    defaultMargins?: never;
-    /**
-     * Количество строк (не поддерживает IE)
-     */
-    rowLimit?: 1 | 2 | 3;
-};
-type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
-    tag?: "p";
-    defaultMargins?: boolean;
-};
-type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
-type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
-type TitleProps = Omit<NativeProps$0, "color"> & {
-    /**
-     * HTML тег
-     */
-    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
-     */
-    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "regular" | "medium" | "bold";
-    /**
-     * Шрифт текста
-     */
-    font?: "styrene" | "system";
-    /**
-     * Добавляет отступы
-     */
-    defaultMargins?: boolean;
-    /**
-     * Css-класс для стилизации (native prop)
+     * Дополнительный класс
      */
     className?: string;
     /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Количество строк (не поддерживает IE)
+     * Вид кнопки
      */
-    rowLimit?: 1 | 2 | 3;
+    view?: 'default' | 'filled' | 'outlined' | 'selected';
 };
-type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
-declare const Typography: {
-    Title: FC<TitleProps>;
-    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
-    TitleResponsive: FC<TitleProps>;
-    TitleMobile: FC<TitleMobileProps>;
-};
-declare const typographyPresets: {
-    mobile: {
-        list: {
-            text: {
-                primary: {
-                    tag: string;
-                    view: string;
-                };
-                secondary: {
-                    tag: string;
-                    color: string;
-                    view: string;
-                };
-            };
-        };
-    };
-};
-declare const TitleResponsive: FC<TitleProps>;
-interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Текст после иконки
-     */
-    text?: string;
+declare const SelectButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
     /**
      * Дополнительный класс
      */
-    className?: string;
-    /**
-     * Вид компонента
-     */
-    view: 'mobile' | 'desktop';
-    /**
-     * Прозрачность текста
-     */
-    textOpacity?: number;
+    className?: string | undefined;
     /**
-     * Обработчик клика
+     * Вид кнопки
      */
-    onClick?: () => void;
-}
-declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
-export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
-export type { TitleProps, TextProps, Color };
+    view?: "default" | "outlined" | "filled" | "selected" | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { SelectButtonProps, SelectButton };

package/calendar-input/modern/Component-e2b6c730.d.ts

@@ -0,0 +1,76 @@
+import { FC, MouseEvent } from 'react';
+type PeriodType = 'range' | 'day' | 'week' | 'month' | 'quarter' | 'year';
+type PeriodSliderProps = {
+    /**
+     * Активная дата или период
+     */
+    value?: Date | [Date, Date];
+    /**
+     * Тип периода
+     */
+    periodType?: PeriodType;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Отключает кнопку назад
+     */
+    prevArrowDisabled?: boolean;
+    /**
+     * Отключает кнопку вперед
+     */
+    nextArrowDisabled?: boolean;
+    /**
+     * Скрывает заблокированные кнопки
+     */
+    hideDisabledArrows?: boolean;
+    /**
+     * Возможность выбора месяца и года, если periodType 'month'
+     */
+    isMonthAndYearSelectable?: boolean;
+    /**
+     * Отображать ли текущий год, если isMonthAndYearSelectable true
+     */
+    showCurrentYearSelector?: boolean;
+    /**
+     * Функция для форматирование выбранного периода
+     */
+    periodFormatter?: (valueFrom: Date, valueTo: Date, periodType: PeriodType) => string;
+    /**
+     * Обработчик нажатия кнопки переключения на назад
+     */
+    onPrevArrowClick?: (event: MouseEvent<HTMLButtonElement>, payload: {
+        value: Date;
+        valueFrom: Date;
+        valueTo: Date;
+        periodType: PeriodType;
+    }) => void;
+    /**
+     * Обработчик нажатия кнопки переключения на вперед
+     */
+    onNextArrowClick?: (event: MouseEvent<HTMLButtonElement>, payload: {
+        value: Date;
+        valueFrom: Date;
+        valueTo: Date;
+        periodType: PeriodType;
+    }) => void;
+    /**
+     * Обработчик нажатия на селектор месяца
+     */
+    onMonthClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Обработчик нажатия на селектор года
+     */
+    onYearClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Обработчик нажатия на период
+     */
+    onPeriodClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const PeriodSlider: FC<PeriodSliderProps>;
+export { PeriodType, PeriodSliderProps, PeriodSlider };

package/calendar-input/modern/Component.desktop-8b5756fe.d.ts

@@ -1,71 +1,7 @@
 /// <reference types="react" />
 import React from "react";
-import { FC, ReactNode, MouseEvent } from "react";
-import { SelectorView, Month, DayAddons, View } from "./typings-5684a67d";
-import { PeriodType } from "./index-f034f741";
-type HeaderProps = {
-    /**
-     * Вид шапки — месяц и год или только месяц
-     */
-    view?: SelectorView;
-    /**
-     * Отображать тень? (нужна при прокрутке)
-     */
-    withShadow?: boolean;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-};
-declare const Header: FC<HeaderProps>;
-type MonthYearHeaderProps = {
-    /**
-     * Активная дата
-     */
-    value?: Date;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Обработчик нажатия на кнопку месяца
-     */
-    onMonthClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик нажатия на кнопку года
-     */
-    onYearClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const MonthYearHeader: FC<MonthYearHeaderProps>;
-type MonthsTableProps = {
-    /**
-     * Массив месяцев
-     */
-    months?: Month[];
-    /**
-     * Выбранный месяц
-     */
-    selectedMonth?: Date;
-    /**
-     * Доп пропсы для переданного месяца
-     */
-    getMonthProps: (day: Month) => Record<string, unknown>;
-    /**
-     * Должен ли календарь подстраиваться под ширину родителя.
-     */
-    responsive?: boolean;
-};
-declare const MonthsTable: FC<MonthsTableProps>;
-declare const formatPeriod: (valueFrom: Date, valueTo: Date, periodType: PeriodType, showCurrentYear?: boolean) => string;
-declare const getYearSelectorValue: (valueFrom: Date | undefined, showCurrentYear: boolean) => number | "";
-declare const shiftValues: (valueFrom: Date, valueTo: Date, periodType: PeriodType, direction: "prev" | "next") => {
-    valueFrom: Date;
-    valueTo: Date;
-};
+import { FC, MouseEvent } from "react";
+import { DayAddons, SelectorView, View } from "./typings-5684a67d";
 type YearsTableProps = {
     /**
      * Массив лет
@@ -193,5 +129,6 @@ type CalendarDesktopProps = {
     showCurrentYearSelector?: boolean;
 };
 declare const CalendarDesktop: React.ForwardRefExoticComponent<CalendarDesktopProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, formatPeriod, getYearSelectorValue, shiftValues, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
-export * from "./Component-63dec22f";
+export * from "./Component-5684a67d";
+export * from "./Component-e2b6c730";
+export { YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };

package/calendar-input/modern/components/calendar-input/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType, MouseEvent } from "react";
-import { CalendarDesktopProps } from "../../desktop-63dec22f";
+import { CalendarDesktopProps } from "../../desktop-8b5756fe";
 import { CalendarMobileProps } from "../../mobile-c219f8ca";
 import { DateInputProps } from "../../../../date-input";
 import { PopoverProps } from "../../../../popover";

package/calendar-input/modern/desktop-8b5756fe.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.desktop-8b5756fe";
+export {};

package/calendar-input/modern/index-9211a437.d.ts

@@ -1,2 +1,2 @@
-export { Button } from "./Component.responsive-2e2b2125";
+export { Button } from "./Component.responsive-755fbaa3";
 export type { ButtonProps } from "./typings-9211a437";

package/calendar-input/modern/index-ebda875c.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export * from "./Component-ebda875c";
+export * from "./Component-63dec22f";

package/calendar-input/modern/index-f034f741.d.ts

@@ -1,80 +1,2 @@
-import { FC, MouseEvent } from "react";
-type PeriodType = "range" | "day" | "week" | "month" | "quarter" | "year";
-type PeriodSliderProps = {
-    /**
-     * Активная дата или период
-     */
-    value?: Date | [
-        Date,
-        Date
-    ];
-    /**
-     * Тип периода
-     */
-    periodType?: PeriodType;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Отключает кнопку назад
-     */
-    prevArrowDisabled?: boolean;
-    /**
-     * Отключает кнопку вперед
-     */
-    nextArrowDisabled?: boolean;
-    /**
-     * Скрывает заблокированные кнопки
-     */
-    hideDisabledArrows?: boolean;
-    /**
-     * Возможность выбора месяца и года, если periodType 'month'
-     */
-    isMonthAndYearSelectable?: boolean;
-    /**
-     * Отображать ли текущий год, если isMonthAndYearSelectable true
-     */
-    showCurrentYearSelector?: boolean;
-    /**
-     * Функция для форматирование выбранного периода
-     */
-    periodFormatter?: (valueFrom: Date, valueTo: Date, periodType: PeriodType) => string;
-    /**
-     * Обработчик нажатия кнопки переключения на назад
-     */
-    onPrevArrowClick?: (event: MouseEvent<HTMLButtonElement>, payload: {
-        value: Date;
-        valueFrom: Date;
-        valueTo: Date;
-        periodType: PeriodType;
-    }) => void;
-    /**
-     * Обработчик нажатия кнопки переключения на вперед
-     */
-    onNextArrowClick?: (event: MouseEvent<HTMLButtonElement>, payload: {
-        value: Date;
-        valueFrom: Date;
-        valueTo: Date;
-        periodType: PeriodType;
-    }) => void;
-    /**
-     * Обработчик нажатия на селектор месяца
-     */
-    onMonthClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик нажатия на селектор года
-     */
-    onYearClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик нажатия на период
-     */
-    onPeriodClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const PeriodSlider: FC<PeriodSliderProps>;
-export { PeriodType, PeriodSliderProps, PeriodSlider };
-export { shiftValues } from "./Component.desktop-8b5756fe";
+export * from "./Component-e2b6c730";
+export { shiftValues } from "./utils-e0a54580";