@scglab/admin-ui 0.1.3 → 0.1.4

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
+import * as React$1 from 'react';
+import React__default from 'react';
 
 declare const fontSize: {
     h1: string;
@@ -118,9 +119,9 @@ type JustifySelfType = keyof typeof justifySelfs;
 type AlignType = keyof typeof aligns;
 type AlignSelfType = keyof typeof alignSelfs;
 
-interface TextProps extends React.HTMLAttributes<HTMLDivElement> {
+interface TextProps extends React__default.HTMLAttributes<HTMLDivElement> {
     id?: string;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     size?: FontSizeType;
     color?: ColorType;
     className?: string;
@@ -128,8 +129,372 @@ interface TextProps extends React.HTMLAttributes<HTMLDivElement> {
     justify?: JustifyType;
     align?: AlignType;
     textDecoration?: "none" | "underline" | "line-through";
-    style?: React.CSSProperties;
+    style?: React__default.CSSProperties;
 }
 declare function Text({ id, children, size, color, justify, align, className, fontWeight: fontWeightProp, textDecoration, style, ...props }: TextProps): react_jsx_runtime.JSX.Element;
 
-export { type AlignSelfType, type AlignType, type ButtonVariantType, type ColorType, type DirectionType, type FontSizeType, type FontWeightType, type JustifySelfType, type JustifyType, Text, type TextProps, alignSelfs, aligns, colors, directions, fontSize, fontWeight, justifies, justifySelfs, lineHeightSize };
+interface BorderRadiusBoxProps {
+    active?: boolean;
+    paddingX?: number;
+    paddingY?: number;
+    radius?: number;
+    children: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+    fullWidth?: boolean;
+    bgColor?: ColorType;
+    borderColor?: ColorType;
+}
+declare function BorderRadiusBox({ active, paddingX, paddingY, radius, children, onClick, className, fullWidth, bgColor, borderColor, }: BorderRadiusBoxProps): react_jsx_runtime.JSX.Element;
+
+interface BulletTextProps {
+    label?: string | React.ReactNode;
+    bulletColor?: ColorType;
+    tooltip?: React.ReactNode;
+    textColor?: ColorType;
+    textSize?: FontSizeType;
+    fontWeight?: FontWeightType;
+}
+declare const BulletText: ({ label, bulletColor, tooltip, textColor, textSize, fontWeight, }: BulletTextProps) => react_jsx_runtime.JSX.Element;
+
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariantType;
+    alignSelf?: AlignSelfType;
+    justifySelf?: JustifySelfType;
+    cornerStyle?: "square" | "round";
+    size?: "small" | "medium" | "large";
+    fontWeight?: "bold" | "semibold" | "normal";
+    isLoading?: boolean;
+    icon?: string | React__default.ReactNode;
+    iconPosition?: "left" | "right";
+    type?: "button" | "submit" | "reset";
+    customWidth?: number;
+    wFull?: boolean;
+}
+declare const Button: React__default.FC<ButtonProps>;
+
+interface CheckboxProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+    type?: "filled" | "outline";
+    label?: string;
+    error?: string;
+    className?: string;
+    checkboxWidth?: number;
+    disabled?: boolean;
+}
+declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface DividerProps {
+    className?: string;
+    orientation?: "horizontal" | "vertical";
+    variant?: "solid" | "dashed" | "dotted";
+    width?: number;
+}
+declare function Divider({ className, orientation, variant, width, }: DividerProps): react_jsx_runtime.JSX.Element;
+
+interface EmailInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    error?: string;
+    label?: string;
+    labelHidden?: boolean;
+    placeholder?: string;
+    required?: boolean;
+    direction?: DirectionType;
+    fullWidth?: boolean;
+    className?: string;
+    customWidth?: number;
+    onBlur?: () => void;
+    triggerValidation?: () => void;
+}
+declare const EmailInput: React__default.FC<EmailInputProps>;
+
+type Direction = "row" | "col" | "grid";
+interface CommonFormDataProps {
+    isDot?: boolean;
+    label?: string;
+    labelHidden?: boolean;
+    labelWidth?: number;
+    placeholder?: string;
+    fullWidth?: boolean;
+    className?: string;
+    required?: boolean;
+    disabled?: boolean;
+    customWidth?: number;
+    emptyMessage?: string;
+    isShowError?: boolean;
+    direction?: Direction;
+    error?: string;
+    tooltip?: string | React.ReactNode;
+}
+
+interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement>, CommonFormDataProps {
+    type?: string;
+    originRef?: React__default.LegacyRef<HTMLInputElement> | undefined;
+    textAlign?: "left" | "right" | "center";
+    value?: string | number | undefined;
+    description?: string;
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    onlyData?: boolean;
+    rightIcon?: string;
+    onRightIconClick?: () => void;
+}
+declare const Input: React__default.FC<InputProps>;
+
+interface LabelProps {
+    isDot?: boolean;
+    label?: string | React.ReactNode;
+    required?: boolean;
+    inputId?: string;
+    width?: number;
+    tooltip?: React.ReactNode;
+    labelHidden?: boolean;
+    subText?: string | React.ReactNode;
+    fontWeight?: FontWeightType;
+    align?: "start" | "center" | "end";
+}
+declare const Label: ({ isDot, label, required, inputId, width, tooltip, labelHidden, subText, fontWeight, align, }: LabelProps) => react_jsx_runtime.JSX.Element | null;
+
+interface MultiSelectOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+    color?: string;
+}
+interface MultiSelectCheckboxProps extends CommonFormDataProps {
+    options: MultiSelectOption[];
+    value?: (string | number)[];
+    onChange?: (value: (string | number)[]) => void;
+    onConfirm?: (value: (string | number)[]) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onEmptyClick?: () => void;
+    id?: string;
+    confirmButtonText?: string;
+}
+declare const MultiSelectCheckbox: React__default.ForwardRefExoticComponent<MultiSelectCheckboxProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface PagingProps {
+    page: number;
+    total: number;
+    limit: number;
+    onPageChange: (page: number) => void;
+}
+declare function Paging({ page, total, limit, onPageChange, }: PagingProps): react_jsx_runtime.JSX.Element;
+
+interface RadioProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: string;
+    className?: string;
+    radioWidth?: number;
+}
+declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare function RequiredDot(): react_jsx_runtime.JSX.Element;
+
+interface SelectOption {
+    value: string | number | null;
+    label: string;
+    disabled?: boolean;
+    icon?: React__default.ReactNode;
+    description?: string;
+    divider?: boolean;
+}
+interface SelectBoxProps extends CommonFormDataProps {
+    options: SelectOption[];
+    value?: string | number | null;
+    onChange?: (value: string | number | null) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onEmptyClick?: () => void;
+    id?: string;
+}
+declare const SelectBox: React__default.ForwardRefExoticComponent<SelectBoxProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface StackProps {
+    direction?: Direction;
+    justify?: JustifyType;
+    align?: AlignType;
+    even?: boolean;
+    className?: string;
+    children: React.ReactNode;
+    wFull?: boolean;
+    hFull?: boolean;
+    gap?: number;
+    rowGap?: number;
+    columnGap?: number;
+    onClick?: () => void;
+    childSizes?: (number | string)[];
+    flexWrap?: boolean;
+}
+declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
+
+type ColumnType = "text" | "date" | "dateTime" | "amount" | "percent" | "input" | "checkbox" | "link" | "custom";
+type ColumnAlign = "left" | "center" | "right";
+type ColumnDef<T = unknown> = {
+    key: string;
+    header: React__default.ReactNode;
+    colSpan?: number;
+    type?: ColumnType;
+    render?: (value: unknown, row: T, rowIndex: number) => React__default.ReactNode;
+    align?: ColumnAlign;
+    thAlign?: ColumnAlign;
+    tdAlign?: ColumnAlign;
+    bold?: boolean;
+    noWrap?: boolean;
+    required?: boolean;
+    important?: boolean;
+    sortable?: boolean;
+    mergeDuplicate?: boolean;
+    width?: number;
+    className?: string;
+    thClassName?: string;
+    tdClassName?: string;
+};
+
+interface TableProps<T> {
+    columns: ColumnDef<T>[];
+    datas?: T[];
+    footers?: React__default.ReactNode | null;
+    isRadioOption?: boolean;
+    isCheckboxOption?: boolean;
+    isModify?: boolean;
+    overWidth?: number;
+    emptyMessage?: string;
+    disabledCheckboxCondition?: (data: T) => boolean;
+    onButtonClick?: (id: number, value: string, key: string) => void;
+    onLinkClick?: (id: number, value: string, key: string) => void;
+    onChangeInput?: (id: number, value: string, headerKey: string) => void;
+    onChangeCheckbox?: (id: number, value: boolean, headerKey: string) => void;
+    onChangeToggle?: (id: number, value: boolean, headerKey: string) => void;
+    onCheckboxOption?: (selectedIds: string[] | number[]) => void;
+    onRadioOption?: (selectedId: string) => void;
+    onMoveUp?: (id: string) => void;
+    onMoveDown?: (id: string) => void;
+    onSort?: (key: string, direction: "asc" | "desc" | "none") => void;
+}
+declare function Table<T extends Record<string, unknown>>({ columns, datas, footers, isRadioOption, isCheckboxOption, isModify, overWidth, emptyMessage, disabledCheckboxCondition, onButtonClick, onLinkClick, onChangeInput, onChangeCheckbox, onChangeToggle, onCheckboxOption, onRadioOption, onMoveUp, onMoveDown, onSort, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+
+interface TableTopProps {
+    type?: "search" | "option";
+    count?: number;
+    pageSize?: number;
+    countText?: string;
+    leftButtons?: React.ReactNode;
+    rightButtons?: React.ReactNode;
+    registText?: string;
+    sortOptionValue?: string;
+    sortOptions?: {
+        label: string;
+        value: string;
+    }[];
+    useDivider?: boolean;
+    isPageCount?: boolean;
+    useCountOption?: boolean;
+    deleteText?: string;
+    onChangeSort?: (value: string) => void;
+    onChangePageSize?: (value: number) => void;
+    onDelete?: () => void;
+    onExcelDownload?: () => void;
+    onSelectExcelDownload?: () => void;
+    handleRegist?: () => void;
+}
+declare function TableTop({ type, count, pageSize, countText, leftButtons, rightButtons, registText, sortOptionValue, sortOptions, useDivider, isPageCount, useCountOption, deleteText, onChangeSort, onChangePageSize, onDelete, onExcelDownload, onSelectExcelDownload, handleRegist, }: TableTopProps): react_jsx_runtime.JSX.Element;
+
+interface CommonTableProps {
+    tableTop?: React.ReactNode;
+    tableBody?: React.ReactNode;
+    pagination?: React.ReactNode;
+}
+declare function CommonTable({ tableTop, tableBody, pagination }: CommonTableProps): react_jsx_runtime.JSX.Element;
+
+interface TagProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    id?: string;
+    children: React__default.ReactNode;
+    color?: ColorType;
+    bgColor?: ColorType;
+    size?: FontSizeType;
+    fontWeight?: FontWeightType;
+    className?: string;
+    variant?: "filled" | "outlined";
+    style?: React__default.CSSProperties;
+}
+declare function Tag({ id, children, color, bgColor, size, fontWeight: fontWeightProp, className, variant, style, ...props }: TagProps): react_jsx_runtime.JSX.Element;
+
+interface TagInputProps {
+    label?: string;
+    labelHidden?: boolean;
+    tags: string[];
+    onChange: (tags: string[]) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    id?: string;
+    required?: boolean;
+    error?: string;
+    tooltip?: string | React__default.ReactNode;
+    onlyView?: boolean;
+    draggable?: boolean;
+    onDuplicateTag?: (tag: string) => void;
+}
+declare const TagInput: React__default.ForwardRefExoticComponent<TagInputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface TextAreaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, CommonFormDataProps {
+    areaHeight?: number;
+    maxLength?: number;
+}
+declare const TextArea: React__default.FC<TextAreaProps>;
+
+interface TextButtonProps {
+    text: string;
+    isOpen?: boolean;
+    onClick?: () => void;
+    color?: ColorType;
+    type?: "none" | "arrow" | "underline";
+    size?: FontSizeType;
+}
+declare function TextButton({ text, isOpen, onClick, color, type, size, }: TextButtonProps): react_jsx_runtime.JSX.Element;
+
+interface ToggleProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+    size?: "small" | "medium" | "large";
+    textToggleSize?: number;
+    className?: string;
+    id?: string;
+    required?: boolean;
+    error?: string;
+    tooltip?: React__default.ReactNode;
+    onText?: string;
+    offText?: string;
+    labelWidth?: number;
+    isDot?: boolean;
+}
+declare const Toggle: React__default.ForwardRefExoticComponent<ToggleProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+interface TooltipProps {
+    tooltipInfo: React.ReactNode;
+    position?: "bottom" | "right";
+}
+declare function Tooltip({ tooltipInfo, position }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+interface ToolTipBoxProps {
+    title: string;
+    children: string[];
+}
+declare function ToolTipBox({ title, children }: ToolTipBoxProps): react_jsx_runtime.JSX.Element;
+
+interface TooltipInfoProps {
+    title?: string;
+    children: string[] | React.ReactNode[];
+}
+declare function TooltipInfo({ title, children }: TooltipInfoProps): react_jsx_runtime.JSX.Element;
+
+interface WarningBoxProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    color?: string;
+    children: React__default.ReactNode;
+}
+declare const WarningBox: React__default.FC<WarningBoxProps>;
+
+export { type AlignSelfType, type AlignType, BorderRadiusBox, type BorderRadiusBoxProps, BulletText, type BulletTextProps, Button, type ButtonProps, type ButtonVariantType, Checkbox, type CheckboxProps, type ColorType, type ColumnAlign, type ColumnDef, type ColumnType, CommonTable, type CommonTableProps, type DirectionType, Divider, type DividerProps, EmailInput, type EmailInputProps, type FontSizeType, type FontWeightType, Input, type InputProps, type JustifySelfType, type JustifyType, Label, type LabelProps, MultiSelectCheckbox, type MultiSelectCheckboxProps, Paging, type PagingProps, Radio, type RadioProps, RequiredDot, SelectBox, type SelectBoxProps, Stack, type StackProps, Table, type TableProps, TableTop, type TableTopProps, Tag, TagInput, type TagProps, Text, TextArea, type TextAreaProps, TextButton, type TextButtonProps, type TextProps, Toggle, type ToggleProps, ToolTipBox, type ToolTipBoxProps, Tooltip, TooltipInfo, type TooltipInfoProps, type TooltipProps, WarningBox, type WarningBoxProps, alignSelfs, aligns, colors, directions, fontSize, fontWeight, justifies, justifySelfs, lineHeightSize };