@vchasno/ui-kit 0.3.34 → 0.4.0

package/dist/index.d.ts

@@ -1,319 +1,35 @@
-import React, { HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes } from 'react';
-import { MaskedInputProps } from 'react-text-mask';
-import * as _emotion_styled from '@emotion/styled';
-import * as _mui_system from '@mui/system';
-import * as _mui_material_styles from '@mui/material/styles';
-import { TooltipProps } from '@mui/material/Tooltip';
-
-interface Sizable {
-    size: 'sm' | 'md' | 'lg';
-}
-type TextType = 'secondary' | 'success' | 'warning' | 'danger' | 'default' | 'link' | 'likeLink';
-interface LoadingFeedback {
-    /** індикатор процесу */
-    loading: boolean;
-}
-interface ErrorFeedback {
-    /** для виведення тексту помилки */
-    error: string;
-}
-interface WithLabel {
-    /** Лейбл для інпуту */
-    label: string;
-}
-interface WithHint {
-    /** для виведення тексту підсказки */
-    hint: string;
-}
-interface EllipsisText {
-    /** для скорочення тексту і виведення 3 точок */
-    ellipsis?: boolean;
-}
-interface DataQa {
-    /** для тестування */
-    dataQa?: string;
-}
-interface HideEmptyMeta {
-    /** приховувати пустий блок під інпутом - якщо не має повідомлень щоб не займав місце */
-    hideEmptyMeta?: boolean;
-}
-interface TextAlign {
-    /** для центрування тексту **/
-    textAlign?: 'center' | 'start' | 'end' | 'justify';
-}
-type VchasnoProduct = 'edo' | 'kep' | 'kasa' | 'edi' | 'ttn' | 'dm';
-
-interface FlexBoxProps extends HTMLAttributes<HTMLElement>, DataQa {
-    className?: string;
-    tagName?: keyof HTMLElementTagNameMap;
-    direction?: React.CSSProperties['flexDirection'];
-    gap?: number;
-    grow?: React.CSSProperties['flexGrow'];
-    shrink?: React.CSSProperties['flexShrink'];
-    wrap?: React.CSSProperties['flexWrap'];
-    align?: React.CSSProperties['alignItems'];
-    justify?: React.CSSProperties['justifyContent'];
-}
-declare const FlexBox: React.ForwardRefExoticComponent<FlexBoxProps & React.RefAttributes<HTMLElement>>;
-
-type ButtonTheme = 'primary' | 'secondary' | 'transparent' | 'light' | 'danger' | 'pink';
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Partial<Sizable & LoadingFeedback & DataQa> {
-    className?: string;
-    theme?: ButtonTheme;
-    outline?: boolean;
-    wide?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-
-interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa & HideEmptyMeta> {
-    className?: string;
-    disabled?: boolean;
-    required?: boolean;
-    wide?: boolean;
-    startElement?: string | React.ReactElement;
-    endElement?: string | React.ReactElement;
-    labelProps?: InputHTMLAttributes<HTMLLabelElement>;
-    children: React.ReactHTMLElement<HTMLInputElement> | React.ReactElement | JSX.Element[];
-}
-declare const Input: React.FC<InputProps>;
-
-interface InputMetaProps extends Partial<WithHint & ErrorFeedback> {
-    className?: string;
-}
-declare const InputMeta: React.FC<InputMetaProps>;
-
-interface MaskInputProps extends MaskedInputProps, Omit<InputProps, 'children'>, DataQa {
-    inputClassName?: string;
-    labelProps?: InputHTMLAttributes<HTMLLabelElement>;
-}
-declare const MaskInput: React.FC<MaskInputProps>;
-
-interface PaginationProps {
-    className?: string;
-    initPage?: number;
-    total?: number;
-    hideOnSinglePage?: boolean;
-    onChange?: (page: number) => void;
-    current?: number;
-    scrollOnChange?: boolean;
-    gapStep?: number;
-    hideArrows?: boolean;
-    simple?: boolean;
-}
-declare const Pagination: React.FC<PaginationProps>;
-
-interface TextInputProps extends InputHTMLAttributes<HTMLInputElement>, Omit<InputProps, 'children'>, DataQa {
-    inputClassName?: string;
-    labelProps?: InputHTMLAttributes<HTMLLabelElement>;
-}
-declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
-
-interface TextProps extends HTMLAttributes<HTMLSpanElement>, EllipsisText, DataQa {
-    type?: TextType;
-    code?: boolean;
-    underline?: boolean;
-    del?: boolean;
-    strong?: boolean;
-    className?: string;
-    required?: boolean;
-}
-declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
-
-interface TitleProps extends EllipsisText, TextAlign, HTMLAttributes<HTMLHeadingElement>, DataQa {
-    level?: 1 | 2 | 3 | 4 | 5;
-    className?: string;
-    pretty?: boolean;
-}
-declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLHeadingElement>>;
-
-interface ParagraphProps extends EllipsisText, TextAlign, DataQa, HTMLAttributes<HTMLParagraphElement> {
-    className?: string;
-    children: React.ReactNode;
-    ellipsisLine?: number;
-}
-declare const Paragraph: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
-
-interface TextAreaInputProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'rows'>, Omit<InputProps, 'children'>, DataQa {
-    textareaClassName?: string;
-    labelProps?: InputHTMLAttributes<HTMLLabelElement>;
-    minRows?: number;
-    maxRows?: number;
-}
-declare const TextAreaInput: React.ForwardRefExoticComponent<TextAreaInputProps & React.RefAttributes<HTMLTextAreaElement>>;
-
-type AlertType = 'error' | 'warning' | 'success' | 'info' | 'config';
-type IconType = 'info' | 'cross' | 'error' | 'warning' | 'success' | 'config';
-interface AlertProps extends DataQa {
-    type?: AlertType;
-    icon?: IconType;
-    customIcon?: React.ReactNode;
-    hideIcon?: boolean;
-    scrollIntoView?: boolean;
-    leftBorder?: boolean;
-    className?: string;
-    onClose?: VoidFunction;
-    close?: boolean;
-    wide?: boolean;
-    children: React.ReactNode;
-}
-declare const Alert: React.FC<AlertProps>;
-
-interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {
-    /**
-     * CSS color #fff - default
-     */
-    color?: string;
-    /**
-     * CSS width values like  10em | 10px | 50%
-     */
-    width?: React.CSSProperties['width'];
-    /**
-     * CSS height values like  10em | 10px | 50%
-     */
-    height?: React.CSSProperties['height'];
-}
-declare const Spinner: React.FC<SpinnerProps>;
-
-interface SwitchProps extends HTMLAttributes<HTMLInputElement>, DataQa, Partial<LoadingFeedback>, Partial<Sizable> {
-    className?: string;
-    label?: string;
-    value?: boolean;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onChecked?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
-    defaultChecked?: boolean;
-    disabled?: boolean;
-}
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
-
-interface Tab<T> {
-    key: T;
-    children: React.ReactNode;
-    label: string | React.ReactNode;
-    disabled?: boolean;
-    className?: string;
-}
-interface TabsProps<T> {
-    items: Tab<T>[];
-    activeTab?: T;
-    defaultActiveKey?: T;
-    onChange?: (key: T) => void;
-    className?: string;
-    isPending?: boolean;
-}
-declare const Tabs: <T extends string>({ onChange, items, defaultActiveKey, activeTab, className, isPending, }: TabsProps<T>) => React.JSX.Element;
-
-interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement>, Partial<LoadingFeedback & DataQa> {
-    className?: string;
-    label?: string;
-    disabled?: boolean;
-    partial?: boolean;
-}
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
-
-interface PulseDotProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Color of the dot
-     */
-    color?: string;
-    /**
-     * CSS width/height values like  10em | 10px | 50%
-     */
-    size?: React.CSSProperties['width'];
-    /**
-     * CSS style object for overriding default styling
-     */
-    style?: React.CSSProperties;
-    /**
-     * className for overriding default styling
-     */
-    className?: string;
-}
-declare const PulseDot: React.FC<PulseDotProps>;
-
-interface BubbleBoxProps extends HTMLAttributes<HTMLDivElement> {
-    className?: string;
-    controlClassName?: string;
-    svgClassName?: string;
-    control?: React.ReactNode;
-    shadow?: boolean;
-    bubbleSize?: number | [number, number];
-    backgroundColor?: React.CSSProperties['backgroundColor'];
-    borderColor?: React.CSSProperties['borderColor'];
-    innerOffset?: number;
-    radiusOffset?: number;
-    borderWith?: 1 | 2 | 3 | 4 | 5;
-}
-declare const BubbleBox: React.FC<BubbleBoxProps>;
-
-declare const composeBubblePath: (width: number, height: number, bubble: number, radiusOffset: number) => string;
-
-interface SvgBorderProps extends HTMLAttributes<HTMLDivElement> {
-    svgClassName?: string;
-    strokeDasharray?: string;
-    strokeWidth?: number;
-    color?: string;
-    borderRadius?: number;
-    animation?: 'border-offset';
-    animationPlay?: boolean;
-    animationDurationSec?: number;
-    dashoffset?: number | string;
-}
-/**
- * @link <https://css-tricks.com/svg-line-animation-works/>
- */
-declare const SvgBorder: React.ForwardRefExoticComponent<SvgBorderProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const composeRoundedBorderPath: (width: number, height: number, radiusOffset: number) => string;
-
-type Product$2 = 'edo' | 'edi' | 'ttn' | 'kep' | 'kasa' | 'vchasno';
-interface SplashLogoProps extends HTMLAttributes<HTMLDivElement> {
-    project?: Product$2;
-    color?: string;
-    width?: string;
-    height?: string;
-    animationDuration?: number;
-}
-declare const SplashLogo: React.ForwardRefExoticComponent<SplashLogoProps & React.RefAttributes<HTMLDivElement>>;
-
-interface BlackTooltipProps extends TooltipProps {
-}
-declare const BlackTooltip: _emotion_styled.StyledComponent<TooltipProps & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
-
-interface LinkConfig {
-    android: string;
-    ios: string;
-}
-
-type Product$1 = Exclude<VchasnoProduct, 'edi' | 'ttn' | 'dm' | 'kasa' | 'kep'>;
-
-interface MobileAppLinksProps {
-    android?: boolean;
-    ios?: boolean;
-    label?: string;
-    hideTitle?: boolean;
-    product: Product$1;
-    onClick?: (target: keyof LinkConfig) => void;
-    direction?: FlexBoxProps['direction'];
-}
-declare const MobileAppLinks: React.FC<MobileAppLinksProps>;
-
-type Social = 'fb' | 'inst' | 'telegram' | 'youtube' | 'tiktok';
-
-type Product = Exclude<VchasnoProduct, 'edi' | 'ttn' | 'dm' | 'kasa' | 'kep'>;
-
-interface FollowUsProps {
-    label?: string;
-    product?: Product;
-    hideTitle?: boolean;
-    onClick?: (target: Social) => void;
-    gap?: number;
-    list?: Social[];
-}
-declare const FollowUs: React.FC<FollowUsProps>;
-
-declare const useClientRect: () => {
-    rect: DOMRect | null;
-    ref: React.RefObject<HTMLDivElement>;
-};
-
-export { Alert, type AlertProps, BlackTooltip, type BlackTooltipProps, BubbleBox, type BubbleBoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, FlexBox, type FlexBoxProps, FollowUs, type FollowUsProps, Input, InputMeta, type InputMetaProps, type InputProps, MaskInput, type MaskInputProps, MobileAppLinks, type MobileAppLinksProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, PulseDot, type PulseDotProps, Spinner, type SpinnerProps, SplashLogo, type SplashLogoProps, SvgBorder, type SvgBorderProps, Switch, type SwitchProps, Tabs, type TabsProps, Text, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, type TextProps, Title, type TitleProps, composeBubblePath, composeRoundedBorderPath, useClientRect };
+export { default as Alert, AlertProps } from './components/Alert/Alert.js';
+export { default as BlackTooltip, BlackTooltipProps } from './components/BlackTooltip/BlackTooltip.js';
+export { default as BubbleBox, BubbleBoxProps } from './components/BubbleBox/BubbleBox.js';
+export { composeBubblePath } from './components/BubbleBox/utils.js';
+export { default as Button, ButtonProps } from './components/Button/Button.js';
+export { default as Checkbox, CheckboxProps } from './components/Checkbox/Checkbox.js';
+export { DatePickerProps, default as Datepicker } from './components/Datepicker/DatePicker.js';
+export { default as FlexBox, FlexBoxProps } from './components/FlexBox/FlexBox.js';
+export { default as FollowUs, FollowUsProps } from './components/FollowUs/FollowUs.js';
+export { default as Input, InputProps } from './components/Input/Input.js';
+export { default as InputMeta, InputMetaProps } from './components/InputMeta/InputMeta.js';
+export { default as LabelText, LabelTextProps } from './components/LabelText/LabelText.js';
+export { default as MaskInput, MaskInputProps } from './components/MaskInput/MaskInput.js';
+export { default as Menu, MenuProps } from './components/Menu/Menu.js';
+export { default as MenuButton, MenuButtonProps } from './components/MenuButton/MenuButton.js';
+export { default as MenuItem, MenuItemProps } from './components/MenuItem/MenuItem.js';
+export { default as MobileAppLinks, MobileAppLinksProps } from './components/MobileAppLinks/MobileAppLinks.js';
+export { default as Pagination, PaginationProps } from './components/Pagination/Pagination.js';
+export { default as Paragraph, ParagraphProps } from './components/Paragraph/Paragraph.js';
+export { default as ProjectsPopover, ProjectsPopoverProps } from './components/ProjectsPopover/ProjectsPopover.js';
+export { default as PulseDot, PulseDotProps } from './components/PulseDot/PulseDot.js';
+export { default as Select, SelectProps } from './components/Select/Select.js';
+export { default as SelectCreatable, SelectCreatableProps } from './components/Select/SelectCreatable.js';
+export { default as Snackbar, SnackbarIconProps, SnackbarProps, snackbarToast } from './components/Snackbar/Snackbar.js';
+export { default as Spinner, SpinnerProps } from './components/Spinner/Spinner.js';
+export { default as SplashLogo, SplashLogoProps } from './components/SplashLogo/SplashLogo.js';
+export { default as SvgBorder, SvgBorderProps } from './components/SvgBorder/SvgBorder.js';
+export { composeRoundedBorderPath } from './components/SvgBorder/utils.js';
+export { default as Switch, SwitchProps } from './components/Switch/Switch.js';
+export { default as Tabs, TabsProps } from './components/Tabs/Tabs.js';
+export { default as Text, TextProps } from './components/Text/Text.js';
+export { default as TextAreaInput, TextAreaInputProps } from './components/TextAreaInput/TextAreaInput.js';
+export { default as TextInput, TextInputProps } from './components/TextInput/TextInput.js';
+export { default as Title, TitleProps } from './components/Title/Title.js';
+export { useClientRect } from './hooks/useClientRect.js';