fone-design-system_v2 1.0.40 → 1.0.42

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

@@ -0,0 +1,7 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object> {
+    cell: TableCell<T, unknown>;
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+}
+declare const CellFile: <T extends object>({ cell, setTableData }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default CellFile;

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

@@ -3,6 +3,7 @@ import { Table as ReactTable } from '@tanstack/react-table';
 interface Props<T extends object = any> {
     table: ReactTable<T>;
     headerGroupsLength: number;
+    clickedRowIndex: number;
 }
 declare const Header: React.ForwardRefExoticComponent<Props<any> & React.RefAttributes<HTMLDivElement>>;
 export default Header;

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

@@ -3,6 +3,7 @@ interface Props<T extends object = any> {
     header: Header<T, unknown>;
     idx: number;
     headerGroupsLength: number;
+    clickedRowIndex: number;
 }
-declare const HeaderItem: <T extends object>({ header, idx, headerGroupsLength, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const HeaderItem: <T extends object>({ header, idx, headerGroupsLength, clickedRowIndex, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default HeaderItem;

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

@@ -19,6 +19,7 @@ interface Props<T extends object = any> {
         page: number;
         size: number;
     };
+    isTriggerHighlight: boolean;
 }
 declare const Row: import('react').ForwardRefExoticComponent<Props<any> & import('react').RefAttributes<HTMLDivElement>>;
 export default Row;

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

@@ -20,6 +20,7 @@ interface Props<T extends object = any> {
         page: number;
         size: number;
     };
+    triggerIndex: number;
 }
 declare const Rows: import('react').ForwardRefExoticComponent<Props<any> & import('react').RefAttributes<HTMLDivElement>>;
 export default Rows;

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

@@ -96,6 +96,8 @@ export interface Table2Props<T extends object> {
     setSelectedItems?: Dispatch<SetStateAction<{
         [key: string]: any;
     }[]>>;
+    /** 테이블 제목 옆에 아이콘 표시 여부를 설정합니다. */
+    isTableTitleIcon?: boolean;
 }
-declare const Table2: <T extends object>({ data, columns, checkbox, radio, onChecked, onDelete, deleteAllData, onSave, onRowClick, onRowDoubleClick, title, isTotal, buttons, isLoading, isPlusButton, scrollTo, modalData, onAddFn, pagination, isAddRowActive, onModalApplied, rowClickTriggerIdx, onDelFn, isClickedCheckbox, onTableDataChange, checkboxCheckedIdx, No, selectedItems, setSelectedItems, }: Table2Props<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Table2: <T extends object>({ data, columns, checkbox, radio, onChecked, onDelete, deleteAllData, onSave, onRowClick, onRowDoubleClick, title, isTotal, buttons, isLoading, isPlusButton, scrollTo, modalData, onAddFn, pagination, isAddRowActive, onModalApplied, rowClickTriggerIdx, onDelFn, isClickedCheckbox, onTableDataChange, checkboxCheckedIdx, No, selectedItems, setSelectedItems, isTableTitleIcon, }: Table2Props<T>) => import("react/jsx-runtime").JSX.Element;
 export default Table2;

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

@@ -1,5 +1,6 @@
 interface Props {
     title: string;
+    isTableTitleIcon?: boolean;
 }
-declare const Title: ({ title }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Title: ({ title, isTableTitleIcon }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Title;

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

@@ -23,6 +23,7 @@ interface Props<T> {
     deleteAllData?: boolean;
     radio: boolean;
     scrollAreaRef: React.RefObject<HTMLDivElement | null>;
+    isTableTitleIcon?: boolean;
 }
-declare const TitleContainer: <T>({ setTableData, rowSelection, tableData, onDelete, setRowSelection, table, onSave, title, isTotal, total, buttons, isPlusButton, titleRef, onAddFn, isAddRowActive, clickedRowIndex, setClickedRowIndex, onDelFn, deleteAllData, radio, scrollAreaRef, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+declare const TitleContainer: <T>({ setTableData, rowSelection, tableData, onDelete, setRowSelection, table, onSave, title, isTotal, total, buttons, isPlusButton, titleRef, onAddFn, isAddRowActive, clickedRowIndex, setClickedRowIndex, onDelFn, deleteAllData, radio, scrollAreaRef, isTableTitleIcon, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export default TitleContainer;

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

@@ -0,0 +1 @@
+export declare const useOutsideClick: (callback: () => void) => React.RefObject<HTMLDivElement | null>;

package/dist/components/VerticalTable/VerticalTable.d.ts

@@ -63,15 +63,44 @@ export type FieldRow = {
  * - onTableChange: 폼 데이터 변경을 100ms 디바운스로 통지
  * --------------------------------------------- */
 export interface VerticalTableProps {
-    data: {
-        [key: string]: any;
-    };
     items: FieldRow[];
     totalColumns: number;
+    data?: {
+        [key: string]: any;
+    };
     colGroup?: string[];
     title?: string;
     onSave?: (e: any) => void;
     onTableChange?: (data: any) => void;
 }
+/** ---------------------------------------------
+ * 내부 전용 셀 타입
+ * - 렌더링 단계에서 th/td 역할을 구분하기 위해 kind("title" | "value")로 나눈다.
+ * - span은 해당 셀의 colspan, required 등 렌더링을 위한 메타 데이터 포함.
+ * --------------------------------------------- */
+export type TitleCell = {
+    kind: "title";
+    accessorKey: string;
+    title: string;
+    span?: ColSpan["span"];
+    required?: FieldRow["required"];
+};
+export type ValueCell = {
+    kind: "value";
+    accessorKey: string;
+    type?: FieldRow["type"];
+    value: string;
+    span?: ColSpan["span"];
+    required?: FieldRow["required"];
+    textAlign?: FieldRow["textAlign"];
+    buttons?: FieldRow["buttons"];
+    menuItems?: FieldRow["menuItems"];
+    onClick?: FieldRow["onClick"];
+    startIcon?: FieldRow["startIcon"];
+    endIcon?: FieldRow["endIcon"];
+    disabled?: FieldRow["disabled"];
+    readOnly?: FieldRow["readOnly"];
+    maxLength?: FieldRow["maxLength"];
+};
 declare const VerticalTable: React.ForwardRefExoticComponent<VerticalTableProps & React.RefAttributes<HTMLTableElement>>;
 export default VerticalTable;

package/dist/components/VerticalTable/table/td/SelectCell.d.ts

@@ -1,7 +1,7 @@
-import { FieldRow } from '../../VerticalTable';
+import { ValueCell } from '../../VerticalTable';
 interface SelectCellProps {
     formData: Record<string, any>;
-    cellItem: FieldRow;
+    cellItem: ValueCell;
     setField: (key: string, value: any) => void;
 }
 declare const SelectCell: ({ formData, cellItem, setField }: SelectCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/VerticalTable/table/td/Td.d.ts

@@ -1,4 +1,4 @@
-import { FieldRow } from '../../VerticalTable';
+import { ValueCell } from '../../VerticalTable';
 interface TdProps {
     value?: string;
     vSpan?: number;
@@ -7,7 +7,7 @@ interface TdProps {
         variant?: "contained" | "outlined";
         disabled?: boolean;
     }[];
-    cellItem: FieldRow;
+    cellItem: ValueCell;
     formData: Record<string, any>;
     setField: (key: string, value: any) => void;
 }