ar-design/dist/libs/types/index.d.ts

AR Design is a (react | nextjs) ui library.

import React from "react";
export type Variants = "filled" | "outlined" | "dashed" | "borderless";
export type Status = "primary" | "primary-light" | "secondary" | "success" | "danger" | "warning" | "information" | "dark" | "light";
export type ParagraphColors = "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900";
export type Border = {
    radius: BorderRadiuses;
};
export type BorderRadiuses = "sm" | "lg" | "xl" | "xxl" | "pill" | "none";
export type Icon = {
    element: React.JSX.Element;
    position?: "start" | "end";
};
export type Sizes = "large" | "normal" | "small";
export type Option = {
    value: string | number | null;
    text: string;
};
export type MenuProps = {
    render?: string | React.JSX.Element;
    type?: MenuItemType;
    icon?: React.ReactElement<SVGElement | HTMLImageElement>;
    submenu?: MenuProps[];
};
export type MenuItemVariants = "vertical" | "horizontal";
export type MenuItemType = "group" | "divider";
export type TableColumnType<T> = {
    title: string;
    key?: keyof T | {
        field: keyof T;
        nestedKey: string;
    };
    filters?: Option[];
    render?: (item: T) => React.ReactNode;
    config?: {
        width?: number;
        alignContent?: "left" | "center" | "right";
        sticky?: "left" | "right";
        textWrap?: "wrap" | "nowrap";
    };
};
export type HTMLTableElementWithCustomAttributes = {
    filterCleaner: () => void;
} & HTMLTableElement;
export type StepProps = {
    title: string;
    content: React.ReactNode;
};
export type TabProps = {
    title: string;
    content: React.ReactNode;
    config?: {
        canBeClosed: boolean;
    };
};
export type ValidationShape = {
    type: "required" | "minimum" | "maximum" | "email";
    value?: string | number;
    message: string;
};
export type ValidationProperties<T> = {
    key: keyof T;
    subkey?: string;
    step?: number;
    shape?: ValidationShape[];
    where?: (param: T) => boolean;
};
export type Errors<TData> = Partial<{
    [key in keyof TData]: string;
}>;
export type AllowedTypes = "image/jpeg" | "image/png" | "image/gif" | "image/webp" | "image/svg+xml" | "image/bmp" | "image/tiff" | "application/pdf" | "application/msword" | "application/vnd.openxmlformats-officedocument.wordprocessingml.document" | "application/vnd.ms-excel" | "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" | "application/vnd.openxmlformats-officedocument.presentationml.presentation" | "application/zip" | "application/x-rar-compressed" | "application/x-7z-compressed" | "application/gzip" | "application/json" | "application/xml" | "text/plain" | "text/csv" | "text/html" | "video/mp4" | "video/quicktime" | "video/x-msvideo" | "video/x-matroska" | "video/webm" | "video/x-flv" | "audio/mpeg" | "audio/wav" | "audio/ogg" | "audio/aac" | "audio/flac" | "application/octet-stream";
export type IconVariants = "linear" | "bulk";
export type Icons = "Add" | "ArrowLeft" | "ArrowRight" | "CloseCircle" | "CloseSquare" | "Drive" | "Document" | "Folder" | "Trash" | "Upload" | "Image" | "Import" | "Bold" | "Italic" | "Underline" | "Success" | "Strikethrough" | "BulletList" | "NumberList" | "TextAlingLeft" | "TextAlingCenter" | "TextAlingRight" | "Filter" | "TickCircle" | "File" | "Warning";
export type PieChartDataType = {
    value: number;
    text: string;
};