skillgrid 0.0.36-dev-40511-42085-40506-alert-placeholder-modal-fix.1241652 → 0.0.38

package/dist/components/Trigger/Trigger.type.d.ts

@@ -0,0 +1,98 @@
+import { ReactNode, CSSProperties } from 'react';
+export type TriggerSize = 'XL' | 'L' | 'M' | 'S' | 'XS';
+/**
+ * Состояния отображения label в компоненте Trigger
+ */
+export declare enum LabelState {
+    /** Обычное отображение label */
+    NORMAL = "normal",
+    /** Floating label (для XL размера с контентом) */
+    FLOATING = "floating",
+    /** Скрытый label (для не-XL размеров с контентом) */
+    HIDDEN = "hidden"
+}
+/**
+ * Основные пропсы компонента Trigger
+ */
+export type TriggerCommonProps = {
+    /** Состояние триггера  */
+    open: boolean;
+    /** Контент, отображаемый в триггере */
+    content?: string;
+    /** Заголовок label */
+    label?: string;
+    /** Размер компонента */
+    size?: TriggerSize;
+    /** Описание под компонентом */
+    description?: string;
+    /** Растянуть компонент на всю ширину */
+    stretched?: boolean;
+    /** Стиль выделения: 'selected' - обычное состояние, 'applied' - применённое с возможностью очистки */
+    selectionStyle?: 'selected' | 'applied';
+    /** Показывать ли иконку очистки (XIcon) при selectionStyle = 'selected' */
+    clearable?: boolean;
+    /** Иконка перед контентом */
+    prefixIcon?: ReactNode;
+    /** Текст после контента */
+    postfixTitle?: string;
+    /** Текст ошибки */
+    error?: string;
+    /** Дизейбл компонент */
+    disabled?: boolean;
+    /** Обработчик очистки поля (вызывается при клике на X-иконку в режиме 'applied') */
+    onClear?: () => void;
+    /**
+     * Дополнительные классы для:
+     * @wrapper для обертки
+     * @triggerContainer для контейнера триггера
+     * @chevronIcon для иконки состояния открытия
+     * @prefixIconContainer для контейнера префиксной иконки
+     * @clearIcon для иконки очистки
+     * @triggerContent для контейнера контента
+     * @content для контента
+     * @label для лейбла
+     * @postfixTitle для постфикса
+     * @description для описания
+     * @error для ошибки
+     */
+    classNames?: {
+        wrapper?: string;
+        triggerContainer?: string;
+        chevronIcon?: string;
+        prefixIconContainer?: string;
+        clearIcon?: string;
+        triggerContent?: string;
+        content?: string;
+        label?: string;
+        postfixTitle?: string;
+        description?: string;
+        error?: string;
+    };
+    /**
+     * Дополнительные стили для:
+     * @wrapper для обертки
+     * @triggerContainer для контейнера триггера
+     * @chevronIcon для иконки состояния открытия
+     * @prefixIconContainer для контейнера префиксной иконки
+     * @clearIcon для иконки очистки
+     * @triggerContent для контейнера контента
+     * @content для контента
+     * @label для лейбла
+     * @postfixTitle для постфикса
+     * @description для описания
+     * @error для ошибки
+     */
+    styles?: {
+        wrapper?: CSSProperties;
+        triggerContainer?: CSSProperties;
+        chevronIcon?: CSSProperties;
+        prefixIconContainer?: CSSProperties;
+        clearIcon?: CSSProperties;
+        triggerContent?: CSSProperties;
+        content?: CSSProperties;
+        label?: CSSProperties;
+        postfixTitle?: CSSProperties;
+        description?: CSSProperties;
+        error?: CSSProperties;
+    };
+};

package/dist/components/Trigger/assets/ChevronIcon.d.ts

@@ -0,0 +1,16 @@
+export interface ChevronIconProps {
+    /** Дополнительные CSS классы */
+    className?: string;
+    /** Инлайн стили */
+    style?: React.CSSProperties;
+    /** Размер иконки */
+    size?: 'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+    /** Цвет иконки */
+    color?: string;
+    /** Дополнительные пропсы */
+    [key: string]: unknown;
+}
+/**
+ * Компонент иконки ^
+ */
+export declare const ChevronIcon: React.FC<ChevronIconProps>;

package/dist/components/Trigger/assets/index.d.ts

@@ -0,0 +1 @@
+export { ChevronIcon } from './ChevronIcon';

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

@@ -0,0 +1 @@
+export { Trigger } from './Trigger';

package/dist/components/Trigger/lib/utils.d.ts

@@ -0,0 +1,29 @@
+import { TypographySize } from '../../Typography/Typography.type';
+import { LabelState, TriggerSize } from '../Trigger.type';
+/**
+ * Определяет состояние label на основе параметров компонента
+ *
+ * @param size - размер компонента
+ * @param hasContent - есть ли контент в триггере
+ * @returns состояние label
+ */
+export declare const getLabelState: (size: TriggerSize, hasContent: boolean) => LabelState;
+/**
+ * Определяет размер типографики для label в зависимости от размера компонента
+ */
+export declare const getLabelTypographySize: (size: TriggerSize, isFloating: boolean) => TypographySize;
+/**
+ * Определяет размер типографики для контента в зависимости от размера компонента
+ */
+export declare const getContentTypographySize: (size: TriggerSize) => TypographySize;
+/**
+ * Определяет размер иконки в зависимости от размера компонента
+ */
+export declare const getIconSize: (size: TriggerSize) => "xs" | "sm";
+/**
+ * Обрезает текст content если он превышает 30 символов
+ *
+ * @param content - текст для обрезки
+ * @returns обрезанный текст с многоточием или исходный текст
+ */
+export declare const truncateContent: (content: string) => string;

package/dist/components/Trigger/lib/utils.test.d.ts

@@ -0,0 +1 @@
+export {};