@alfalab/core-components 42.2.2 → 42.2.3

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

@@ -1,24 +1,167 @@
 /// <reference types="react" />
-import React from 'react';
-import { ButtonHTMLAttributes } from "react";
-type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+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 = {
     /**
-     * Дополнительный класс
+     * [Вариант начертания](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)
      */
-    view?: 'default' | 'filled' | 'outlined' | 'selected';
+    children?: React.ReactNode;
+    /**
+     * Добавляет отступы к тэгу 'p'
+     */
+    defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+};
+type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
+    tag?: "p";
+    defaultMargins?: boolean;
 };
-declare const SelectButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+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;
+};
+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;
     /**
      * Дополнительный класс
      */
-    className?: string | undefined;
+    className?: string;
+    /**
+     * Вид компонента
+     */
+    view: 'mobile' | 'desktop';
+    /**
+     * Прозрачность текста
+     */
+    textOpacity?: number;
     /**
-     * Вид кнопки
+     * Обработчик клика
      */
-    view?: "default" | "outlined" | "filled" | "selected" | undefined;
-} & React.RefAttributes<HTMLButtonElement>>;
-export { SelectButtonProps, SelectButton };
+    onClick?: () => void;
+}
+declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
+export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
+export type { TitleProps, TextProps, Color };

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

@@ -1,7 +1,71 @@
 /// <reference types="react" />
 import React from "react";
-import { FC, MouseEvent } from "react";
-import { DayAddons, SelectorView, View } from "./typings-5684a67d";
+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;
+};
 type YearsTableProps = {
     /**
      * Массив лет
@@ -129,6 +193,5 @@ type CalendarDesktopProps = {
     showCurrentYearSelector?: boolean;
 };
 declare const CalendarDesktop: React.ForwardRefExoticComponent<CalendarDesktopProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-5684a67d";
-export * from "./Component-e2b6c730";
-export { YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
+export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, formatPeriod, getYearSelectorValue, shiftValues, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
+export * from "./Component-63dec22f";

package/calendar-input/esm/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-8b5756fe";
+import { CalendarDesktopProps } from "../../desktop-63dec22f";
 import { CalendarMobileProps } from "../../mobile-c219f8ca";
 import { DateInputProps } from "../../../../date-input";
 import { PopoverProps } from "../../../../popover";

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

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

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

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

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

@@ -1,2 +1,80 @@
-export * from "./Component-e2b6c730";
-export { shiftValues } from "./utils-e0a54580";
+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";