fone-design-system_v2 1.0.22 → 1.0.24

package/dist/DesignSystemProvider.d.ts

@@ -1,6 +1,12 @@
 import { default as React } from 'react';
+import { GlobalStylesProps } from '@mui/material';
+type DSStyles = GlobalStylesProps["styles"];
 type Props = {
     children: React.ReactNode;
+    htmlFontSize?: string;
+    globalStyles?: DSStyles | DSStyles[];
+    /** true면 기본 GlobalStyles를 렌더하지 않음 */
+    disableBaseGlobalStyles?: boolean;
 };
-export declare function DesignSystemProvider({ children }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function DesignSystemProvider({ children, htmlFontSize, globalStyles, disableBaseGlobalStyles, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -19,7 +19,7 @@ interface DialogPropsBase extends Omit<MuiDialogProps, "onSubmit" | "getReset">
     /** 스크롤 동작 */
     scroll?: "paper" | "body";
     /** 스타일 속성 */
-    sx?: SxProps<Theme>;
+    sx?: SxProps<Theme> | any;
     /** 영역별 구분선 */
     dividers?: boolean;
     /** 액션 버튼 정렬 */
@@ -40,7 +40,7 @@ export type DialogWithType = (DialogPropsBase & {
  *
  */
 export declare const Dialog: {
-    ({ open, onClose, dialogTitle, dialogContent, actions, fullScreen, scroll, size, type, onOk, dividers, actionsAlign, children, ...props }: DialogWithType): import("react/jsx-runtime").JSX.Element;
+    ({ open, onClose, dialogTitle, dialogContent, actions, fullScreen, scroll, size, type, onOk, dividers, actionsAlign, children, sx, ...props }: DialogWithType): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/components/ui/Table2/Buttons.d.ts

@@ -4,7 +4,7 @@ interface Props<T> {
     onRemoveRow?: () => void;
     rowSelection: Record<string, boolean>;
     tableData: T[];
-    onDelete?: (checkedRows: T[]) => void;
+    onDelete?: (rows: T[]) => void;
     setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
     table: ReactTable<T>;
     onSave?: (checkedRows: T[], allRows: T[]) => void;
@@ -14,7 +14,7 @@ interface Props<T> {
     isAddRowActive?: boolean;
     clickedRowIndex: number;
     setClickedRowIndex: React.Dispatch<React.SetStateAction<number>>;
-    onDelFn?: () => void;
+    onDelFn?: (checkedRows: T[]) => void;
     deleteAllData?: boolean;
     radio: boolean;
     scrollAreaRef: React.RefObject<HTMLDivElement | null>;

package/dist/components/ui/Table2/CellDatePicker2.d.ts

@@ -0,0 +1,14 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    id: string;
+    cell: TableCell<T, unknown>;
+    isHover?: boolean;
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+    isSelected: boolean;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    isClicked: boolean;
+    radio: boolean;
+    style?: React.CSSProperties;
+}
+declare const CellDatePicker2: <T extends object>({ cell, isHover, setTableData, isSelected, setRowSelection, isClicked, radio, style, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CellDatePicker2;

package/dist/components/ui/Table2/RemoveButton.d.ts

@@ -8,7 +8,7 @@ interface Props<T> {
     setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
     setIsWarning: React.Dispatch<React.SetStateAction<boolean>>;
     setWarningText: React.Dispatch<React.SetStateAction<string>>;
-    onDelFn?: () => void;
+    onDelFn?: (checkedRows: T[]) => void;
     deleteAllData?: boolean;
 }
 declare const RemoveButton: <T>({ rowSelection, table, tableData, setTableData, onDelete, setRowSelection, setIsWarning, setWarningText, onDelFn, deleteAllData, }: Props<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,7 +4,7 @@ export type ColumnDef<T extends object> = TanstackColumnDef<T> & {
     width?: string;
     align?: "start" | "center" | "right";
     editable?: boolean;
-    type?: "input" | "select" | "checkbox" | "checkboxN" | "datePicker" | "modal" | "button" | "text" | "date" | ((row: T) => "input" | "select" | "checkbox" | "checkboxN" | "datePicker" | "modal" | "button" | "custom" | "text" | "date") | string;
+    type?: "input" | "inputNum" | "inputEng" | "select" | "checkbox" | "checkboxN" | "datePicker" | "modal" | "button" | "text" | "date" | ((row: T) => "input" | "inputNum" | "inputEng" | "select" | "checkbox" | "checkboxN" | "datePicker" | "modal" | "button" | "custom" | "text" | "date") | string;
     selectItems?: {
         value: string | number;
         label: string;
@@ -25,6 +25,8 @@ export type ColumnDef<T extends object> = TanstackColumnDef<T> & {
     component?: (row: T) => React.ReactNode;
     readOnly?: boolean;
     defaultChecked?: boolean;
+    visible?: boolean;
+    onChange?: (value: any) => void;
 };
 export interface Table2Props<T extends object> {
     data: T[] | undefined;
@@ -37,7 +39,7 @@ export interface Table2Props<T extends object> {
     onSave?: (checkedRows: T[], allRows: T[]) => void;
     onRowClick?: (row: T, rowIndex: number) => void;
     onRowDoubleClick?: (row: T, rowIndex: number) => void;
-    title?: string;
+    title?: string | null;
     isTotal?: boolean;
     deleteAllData?: boolean;
     buttons?: React.ReactNode;
@@ -58,7 +60,7 @@ export interface Table2Props<T extends object> {
     isAddRowActive?: boolean;
     onModalApplied?: () => void;
     rowClickTriggerIdx?: number;
-    onDelFn?: () => void;
+    onDelFn?: (rows: T[]) => void;
     isClickedCheckbox?: boolean;
     onTableDataChange?: (data: T[]) => void;
     checkboxCheckedIdx?: number;

package/dist/components/ui/Table2/TitleContainer.d.ts

@@ -8,7 +8,7 @@ interface Props<T> {
     setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
     table: ReactTable<T>;
     onSave?: (checkedRows: T[], allRows: T[]) => void;
-    title: string;
+    title: string | null;
     isTotal: boolean;
     total: number;
     buttons?: React.ReactNode;
@@ -19,7 +19,7 @@ interface Props<T> {
     isPlusButtonDisabled?: boolean;
     clickedRowIndex: number;
     setClickedRowIndex: React.Dispatch<React.SetStateAction<number>>;
-    onDelFn?: () => void;
+    onDelFn?: (rows: T[]) => void;
     deleteAllData?: boolean;
     radio: boolean;
     scrollAreaRef: React.RefObject<HTMLDivElement | null>;

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

@@ -28,6 +28,6 @@ export interface TabsProps extends MuiTabsProps {
     /** MUI에서 제공하는 스타일 속성 */
     sx?: SxProps<Theme>;
 }
-/** 콘텐츠를 구분하여 표시하는 탭 컴포넌트 */
-declare const Tabs: ({ value, onChange, orientation, variant, items, sx, textColor, indicatorColor, selectionFollowsFocus, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+/** 콘텐츠를 구분하여 표시하는 탭 컴포넌트 (ref는 내부 MuiTabs의 루트 div로 전달) */
+declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Tabs;

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

@@ -2,32 +2,60 @@ import { default as React } from 'react';
 import { TreeViewBaseItem } from '@mui/x-tree-view';
 import { RichTreeViewProps } from '@mui/x-tree-view/RichTreeView';
 export interface TreeView2Props extends RichTreeViewProps<TreeViewBaseItem, boolean> {
+    /** 외부 스타일 커스터마이징용 class */
     className?: string;
+    /** 트리 상단 타이틀 텍스트 */
     title?: string;
+    /** 렌더링할 최상위 트리 데이터 */
     items: TreeViewBaseItem[];
+    /** 아이템 비활성 조건 함수(비활성 시 클릭/체크 방지) */
     isItemDisabled?: (item: TreeViewBaseItem) => boolean;
+    /** 체크박스 선택 기능 사용 여부 */
     checkboxSelection?: boolean;
+    /** 다중 선택 허용 여부(선택 집합 유지) */
     multiSelect?: boolean;
+    /** 선택/해제 토글 시 콜백
+     *  @param event - 원본 이벤트
+     *  @param itemId - 대상 아이템 id
+     *  @param isSelected - 선택됨(true)/해제됨(false)
+     */
     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;
+    /** 행 추가 기능
+     *  - boolean: 헤더의 추가 버튼만 노출(true)
+     *  - function: (item, parentId)로 신규 행 생성 로직 위임
+     *    item: menuLvSeq 포함한 노드 정보
+     */
     onAddRow?: boolean | ((item: TreeViewBaseItem & {
         menuLvSeq: string;
     }, parentId: string) => void);
+    /** 행 삭제 콜백(실제 데이터 삭제는 부모에서 처리) */
     onDeleteRow?: (item: TreeViewBaseItem & {
         menuLvSeq: string;
     }) => void;
+    /** 저장 버튼 클릭/인라인 생성 완료 등 저장 트리거 콜백 */
     onSave?: () => void;
+    /** 프리뷰 바에 표시할 텍스트(옵션) */
     previewText?: string;
+    /** 초기 전체 펼침 여부(true면 모든 브랜치 펼침) */
     defaultExpanded?: boolean;
+    /** 로딩 상태 표시 여부(스피너 등) */
     isLoading?: boolean;
+    /** 허용되는 최대 뎁스(이 값 이상 추가 불가) */
     maxLevel?: number;
+    /** 허용되는 최소 뎁스(이 값 이하 추가/작업 제한용) */
     minLevel?: number;
+    /** 해당 id로 스크롤 및 경로 자동 펼침/선택 */
     scrollTo?: string;
+    /** 라벨 수정 등 외부 편집 패치용(id, label 매핑 리스트) */
     editItems?: {
         id: string;
         label: string;
     }[];
+    /** 테이블 연동 검증용 데이터(id 존재 여부 확인 등에 사용) */
     tableData?: {
         id: string;
     }[];