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

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

import React from "react";
export type Variants = "filled" | "surface" | "outlined" | "dashed" | "borderless";
export type Status = "primary" | "primary-light" | "secondary" | "success" | "danger" | "warning" | "information" | "dark" | "light";
export type Color = "blue" | "purple" | "pink" | "red" | "orange" | "yellow" | "green" | "teal" | "cyan" | "gray" | "light";
export type ParagraphColors = "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900";
export type BorderRadiuses = "sm" | "lg" | "xl" | "xxl" | "pill" | "none";
export type Border = {
    radius: BorderRadiuses;
};
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 = {
    key: string | number;
    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 FilterDataType = "string" | "number" | "date" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
export type TableColumnType<T> = {
    title?: string;
    key?: keyof T | {
        field: keyof T;
        nestedKey: string;
    };
    filters?: Option[];
    filterDataType?: FilterDataType;
    render?: (item: T) => React.ReactNode;
    editable?: (item: T) => {
        type: "string" | "number" | "boolean" | "decimal" | "input-formatted-decimal" | "date-picker" | "single-select" | "multiple-select";
        options?: Option[];
        method?: () => void | Promise<void>;
        where?: boolean;
    };
    config?: {
        width?: number | "auto" | "fit-content" | "max-content" | "min-content";
        alignContent?: "left" | "center" | "right";
        sticky?: "left" | "right";
        textWrap?: "wrap" | "nowrap";
        isProperties?: boolean;
    };
};
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 KanbanBoardColumnType<T, TColumnProperties> = {
    key: string;
    title: string;
    description?: string;
    titleColor?: string;
    items: T[];
    renderItem: (item: T, index: number) => React.JSX.Element;
    columnProperties: TColumnProperties;
};
export type ValidationShape = {
    type: "required" | "minimum" | "maximum" | "email" | "phone" | "iban" | "account-number";
    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 MimeTypes = "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 FileCategory = "image" | "document" | "spreadsheet" | "presentation" | "archive" | "text" | "video" | "audio" | "json" | "xml" | "binary" | "other";
export type Icons = "Add" | "ArrowDown" | "ArrowDownUp" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "Bold" | "BulletList" | "CameraReels" | "CheckAll" | "ChevronBarLeft" | "ChevronBarRight" | "ChevronDown" | "ChevronExpand" | "ChevronUp" | "CloseCircle" | "CloseSquare" | "CloudUpload-Fill" | "Dash" | "Document" | "Download" | "ExclamationCircle" | "ExclamationDiamond-Fill" | "Eye-Fill" | "File" | "FileEarmark-Fill" | "FileTypeCsv" | "FileTypeDoc" | "FileTypeDocx" | "FileTypeHtml" | "FileTypeJson" | "FileTypePdf" | "FileTypePptx" | "FileTypeTxt" | "FileTypeXls" | "FileTypeXlsx" | "FileTypeXml" | "FileTypeZip" | "Filter" | "Floppy-Fill" | "Folder" | "Front" | "GripVertical" | "Import" | "Inbox-Fill" | "Information-Circle-Fill" | "Italic" | "NumberList" | "Strikethrough" | "TextAlingCenter" | "TextAlingLeft" | "TextAlingRight" | "ThreeDotsVertical" | "TickCircle" | "Trash-Fill" | "Underline" | "Upload" | "Warning" | "XCircle-Fill";
export type PieChartDataType = {
    value: number;
    text: string;
};
export type NodeData = {
    id: string | number;
    position: {
        x: number;
        y: number;
    };
    data: React.ReactNode;
};
type Port = "top" | "right" | "bottom" | "left";
export type EdgeData = {
    id: string | number;
    from: {
        id: string | number;
        port: Port;
    };
    to: {
        id: string | number;
        port: Port;
    };
};
export type View = "Day" | "Week" | "Month" | "Year";
export {};