fone-design-system_v2 1.0.212 → 1.0.214

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

@@ -1,3 +1,3 @@
 import { Table2Props } from './types';
-declare const Table2: <T extends object>({ data, columns, onChange, checkbox, no, radio, selectedCell, onRowClick, onRowDoubleClick, isLoading, rowCountChangeScrollPosition, scrollTo, isEditMode, rowClickTriggerIdx, resetTriggerOnDataChange, reorderMode, onReorder, onCellClick, rowHeight, headerRowHeight, sx, }: Table2Props) => import("react/jsx-runtime").JSX.Element;
+declare const Table2: <T extends object>({ data, columns, onChange, checkbox, no, radio, selectedCell, onRowClick, onRowDoubleClick, isLoading, rowCountChangeScrollPosition, scrollTo, isEditMode, rowClickTriggerIdx, resetTriggerOnDataChange, reorderMode, onReorder, onCellClick, getRowProps, rowHeight, headerRowHeight, sx, }: Table2Props) => import("react/jsx-runtime").JSX.Element;
 export default Table2;

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

@@ -0,0 +1,7 @@
+import { Table as ReactTable } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    table: ReactTable<T>;
+    footerRowHeight?: number;
+}
+declare const Footer: <T extends object>({ table, footerRowHeight, }: Props<T>) => import("react/jsx-runtime").JSX.Element | null;
+export default Footer;

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

@@ -4,6 +4,7 @@ import { Row as tableRow } from '@tanstack/react-table';
 interface Props<T extends object = any> {
     row: tableRow<T>;
     onCellClick?: (row: T, rowIndex: number, col: any, colIndex: number) => void;
+    onHoverChange?: (rowIndex: number | null) => void;
     selectedCellInfo: {
         rowIndex: number;
         colIndex: number;
@@ -16,10 +17,18 @@ interface Props<T extends object = any> {
     onRowDoubleClick?: (row: T, rowIndex: number) => void;
     isScrollHighlighted?: boolean;
     isRowClicked?: boolean;
+    isRowHovered?: boolean;
     rowSelection: Record<string, boolean>;
     isRowActive: boolean;
     radio?: boolean;
     reorderMode?: boolean;
+    getRowProps?: (params: {
+        row: T;
+        rowIndex: number;
+        isSelected: boolean;
+        isActive: boolean;
+        isHovered: boolean;
+    }) => HTMLAttributes<HTMLTableRowElement>;
     dragHandleProps?: DraggableProvidedDragHandleProps | null;
     isDragging?: boolean;
     rowProps?: HTMLAttributes<HTMLTableRowElement>;

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

@@ -21,6 +21,13 @@ interface Props<T extends object = any> {
     rowActiveIdx: number;
     radio?: boolean;
     reorderMode?: boolean;
+    getRowProps?: (params: {
+        row: T;
+        rowIndex: number;
+        isSelected: boolean;
+        isActive: boolean;
+        isHovered: boolean;
+    }) => React.HTMLAttributes<HTMLTableRowElement>;
     tableSx?: CSSProperties;
     rowHeight: number;
     headerRowHeight: number;

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

@@ -22,7 +22,7 @@ type GetCellPropsParams<T extends object> = {
     isRowActive: boolean;
 };
 type CellMerge = {
-    /** 여러 행/열을 병합할 때 사용합니다. reorderMode와 함께 사용하는 것은 지원하지 않습니다. */
+    /** 여러 행/열을 병합할 때 사용합니다. reorderMode에서는 rowSpan 기반 행병합만 지원하지 않으며, colSpan만 사용하는 경우는 허용됩니다. */
     rowSpan?: number;
     colSpan?: number;
     skipCell?: boolean;
@@ -36,7 +36,7 @@ type ColumnCommonProps<T extends object> = {
     role?: "group";
     setSort?: React.Dispatch<React.SetStateAction<string[]>>;
     visible?: boolean;
-    /** 바디 td 요소에 추가 속성이나 스타일을 주입합니다. merge를 반환하는 경우 reorderMode와 함께 사용하는 것은 지원하지 않습니다. */
+    /** 바디 td 요소에 추가 속성이나 스타일을 주입합니다. merge.rowSpan 기반 행병합은 reorderMode와 함께 사용할 수 없지만, colSpan만 사용하는 경우는 허용됩니다. */
     getCellProps?: (params: GetCellPropsParams<T>) => GetCellPropsResult;
     /** 헤더 셀의 내용을 컬럼 단위로 커스텀 렌더링합니다. */
     renderHeaderCell?: (params: {
@@ -134,7 +134,7 @@ export interface Table2Props {
     rowClickTriggerIdx?: number;
     /** 데이터 변경 시 행 클릭 트리거 인덱스 초기화 여부를 설정합니다. */
     resetTriggerOnDataChange?: boolean;
-    /** 행 드래그앤드롭 재정렬 모드를 활성화합니다. getCellProps의 merge 기반 행병합과 함께 사용하는 것은 지원하지 않습니다. */
+    /** 행 드래그앤드롭 재정렬 모드를 활성화합니다. getCellProps의 merge.rowSpan 기반 행병합과 함께 사용하는 것은 지원하지 않지만, colSpan만 사용하는 경우는 허용됩니다. */
     reorderMode?: boolean;
     /** 행 순서가 변경될 때 재정렬된 데이터를 반환합니다. */
     onReorder?: (data: any[]) => void;