fone-design-system_v2 1.0.1

package/dist/components/ui/Tag/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Tag, TagProps } from './Tag';
+export { Tag, TagProps };

package/dist/components/ui/TextField/TextField.d.ts

@@ -0,0 +1,33 @@
+import { default as React, ReactNode } from 'react';
+import { Field, FieldPath, FieldValues, PathValue } from 'react-hook-form';
+export interface TextFieldProps<T extends FieldValues> {
+    className?: string;
+    label?: string;
+    variant?: "outlined" | "filled" | "standard";
+    type?: "text" | "number" | "password";
+    error?: boolean;
+    helperText?: string;
+    size?: "small" | "medium";
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    multiline?: boolean;
+    rows?: number;
+    minRows?: number;
+    maxRows?: number;
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+    color?: "primary" | "secondary" | "error" | "info" | "success" | "warning";
+    focused?: boolean;
+    formName?: FieldPath<T>;
+    defaultValue?: PathValue<T, FieldPath<T>>;
+    value?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    field?: Field;
+    labelPosition?: "top" | "bottom" | "left" | "right" | "border";
+    rootStyle?: any;
+    slotProps?: any;
+}
+declare const TextField: <T extends FieldValues>({ className, label, variant, type, error, helperText, size, required, disabled, readOnly, multiline, rows, maxRows, startAdornment, endAdornment, color, focused, formName, field, value, onChange, onBlur, defaultValue, labelPosition, rootStyle, slotProps, ...rest }: TextFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default TextField;

package/dist/components/ui/TextField/index.d.ts

@@ -0,0 +1,2 @@
+import { default as TextField, TextFieldProps } from './TextField';
+export { TextField, TextFieldProps };

package/dist/components/ui/TextField2/RHFTextField2Controller.d.ts

@@ -0,0 +1,11 @@
+import { Control } from 'react-hook-form';
+import { TextField2Props } from './TextField2';
+export interface RHFTextField2ControllerProps extends Omit<TextField2Props, any> {
+    name: string;
+    control: Control<any> | any;
+    defaultValue?: string;
+    value?: any;
+    onChange?: (event: any) => void;
+}
+declare const RHFTextField2Controller: ({ name, control, defaultValue, value, onChange, ...rest }: RHFTextField2ControllerProps) => import("react/jsx-runtime").JSX.Element;
+export default RHFTextField2Controller;

package/dist/components/ui/TextField2/TextField2.d.ts

@@ -0,0 +1,19 @@
+import { default as React, ChangeEventHandler, ReactNode } from 'react';
+import { OutlinedInputProps } from '@mui/material';
+export interface TextField2Props extends Omit<OutlinedInputProps, "onChange"> {
+    value?: any;
+    onChange?: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    className?: string;
+    disabled?: boolean;
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+    slotProps?: any;
+    sx?: any;
+    type?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    id?: string;
+    ref?: React.ForwardedRef<HTMLInputElement>;
+}
+declare const TextField2: React.ForwardRefExoticComponent<Omit<TextField2Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default TextField2;

package/dist/components/ui/TextField2/index.d.ts

@@ -0,0 +1,3 @@
+import { default as RHFTextField2Controller, RHFTextField2ControllerProps } from './RHFTextField2Controller';
+import { default as TextField2, TextField2Props } from './TextField2';
+export { TextField2, TextField2Props, RHFTextField2Controller, RHFTextField2ControllerProps, };

package/dist/components/ui/Tooltip/Tooltip.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+import { TooltipProps as MTooltipProps } from '@mui/material/Tooltip';
+export interface TooltipProps extends MTooltipProps {
+    className?: string;
+    title: string | React.ReactNode;
+    children: React.ReactElement<unknown, any>;
+    arrow?: boolean;
+    placement?: "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top";
+    followCursor?: boolean;
+    open?: boolean;
+    setOpen?: React.Dispatch<React.SetStateAction<boolean>>;
+    closeButton?: boolean;
+    style?: {
+        [key: string]: string | number | undefined;
+    };
+    componentsProps?: {
+        tooltip?: {
+            sx?: Record<string, any>;
+            className?: string;
+            style?: React.CSSProperties;
+        };
+        arrow?: {
+            sx?: Record<string, any>;
+            className?: string;
+            style?: React.CSSProperties;
+        };
+    };
+}
+declare const Tooltip: ({ className, title, children, arrow, placement, followCursor, open, setOpen, closeButton, style, componentsProps, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export default Tooltip;

package/dist/components/ui/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Tooltip, TooltipProps } from './Tooltip';
+export { Tooltip, TooltipProps };

package/dist/components/ui/TransferList/TransferList.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface TransferListProps {
+    left: number[];
+    right: number[];
+    setLeft: React.Dispatch<React.SetStateAction<number[]>>;
+    setRight: React.Dispatch<React.SetStateAction<number[]>>;
+    width?: number;
+    height?: number;
+}
+declare const TransferList: ({ left, right, setLeft, setRight, width, height, }: TransferListProps) => import("react/jsx-runtime").JSX.Element;
+export default TransferList;

package/dist/components/ui/TransferList/index.d.ts

@@ -0,0 +1,2 @@
+import { default as TransferList, TransferListProps } from './TransferList';
+export { TransferList, TransferListProps };

package/dist/components/ui/TreeView/TreeView.d.ts

@@ -0,0 +1,49 @@
+import { default as React } from 'react';
+import { TreeViewBaseItem } from '@mui/x-tree-view';
+import { RichTreeViewProps } from '@mui/x-tree-view/RichTreeView';
+export interface TreeViewProps extends RichTreeViewProps<TreeViewBaseItem, boolean> {
+    className?: string;
+    /** 타이틀 */
+    title?: string;
+    /** 트리 아이템 목록 */
+    items: TreeViewBaseItem[];
+    /** 트리 아이템 비활성화 여부 */
+    isItemDisabled?: (item: TreeViewBaseItem) => boolean;
+    /** 체크박스 추가 */
+    checkboxSelection?: boolean;
+    /** 다중 선택 */
+    multiSelect?: boolean;
+    /** 아이템 선택 이벤트 */
+    onItemSelectionToggle?: (event: React.SyntheticEvent, itemId: string, isSelected: boolean) => void;
+    /** 아이템 클릭 이벤트 */
+    onItemClick?: (event: React.MouseEvent, itemId: string, value?: any) => void;
+    /** 아이템 더블클릭 이벤트 */
+    onItemDoubleClick?: (itemId: string | undefined, value?: any) => void;
+    /** row 추가 버튼 클릭 이벤트 */
+    onAddRow?: boolean | ((item: TreeViewBaseItem & {
+        menuLvSeq: string;
+    }, parentId: string) => void);
+    /** row 삭제 버튼 클릭 이벤트 */
+    onDeleteRow?: (item: TreeViewBaseItem & {
+        menuLvSeq: string;
+    }) => void;
+    /** 저장 버튼 클릭 이벤트 */
+    onSave?: () => void;
+    /** 메뉴 미리보기 텍스트 */
+    previewText?: string;
+    /** 기본 펼침 여부 */
+    defaultExpanded?: boolean;
+    /** 로딩 여부 */
+    isLoading?: boolean;
+    maxLevel?: number;
+    minLevel?: number;
+    /** 특정 id 전달 시 해당 아이템(및 조상) 자동 펼침 + 선택 + 스크롤 */
+    scrollTo?: string;
+    editItems?: {
+        id: string;
+        label: string;
+    }[];
+    tableData?: any[];
+}
+declare const TreeView: ({ className, items, title, isItemDisabled, checkboxSelection, multiSelect, onItemSelectionToggle, onItemClick, onItemDoubleClick, onAddRow, onDeleteRow, onSave, previewText, defaultExpanded, isLoading, maxLevel, minLevel, scrollTo, editItems, tableData, ...props }: TreeViewProps) => import("react/jsx-runtime").JSX.Element;
+export default TreeView;

package/dist/components/ui/TreeView/index.d.ts

@@ -0,0 +1,2 @@
+import { default as TreeView, TreeViewProps } from './TreeView';
+export { TreeView, TreeViewProps };

package/dist/components/ui/Typography/Typography.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+export interface TypographyProps {
+    /** 텍스트 내용 */
+    text: string | React.ReactNode;
+    /** 타이포그래피 변형 / string 으로 직접 지정 가능 */
+    variant?: "body1" | "body2" | "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2";
+    /** 텍스트 정렬 */
+    align?: "center" | "inherit" | "justify" | "left" | "right";
+    /** 텍스트 색상 / string 으로 직접 지정 가능 */
+    color?: "primary" | "secondary" | "success" | "error" | "info" | "warning" | "textPrimary" | "textSecondary" | "textDisabled";
+    /** 폰트 두께 / number 로 직접 지정 가능 */
+    fontWeight?: "light" | "regular" | "medium" | "bold" | number;
+    /** 줄바꿈 처리 */
+    noWrap?: boolean;
+    /** 아래 여백 추가 */
+    gutterBottom?: boolean;
+    className?: string;
+    sx?: any;
+}
+/** 텍스트를 표시하기 위한 타이포그래피 컴포넌트 */
+export declare const Typography: {
+    ({ text, variant, align, color, fontWeight, noWrap, gutterBottom, sx, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/ui/Typography/index.d.ts

@@ -0,0 +1,2 @@
+import { Typography, TypographyProps } from './Typography';
+export { Typography, TypographyProps };