fone-design-system_v2 1.0.75 → 1.0.77

package/dist/components/Button/Button.d.ts

@@ -1,42 +1,13 @@
 import { default as React } from 'react';
-import { ButtonProps as MuiButtonProps } from '@mui/material';
+import { ButtonProps as MuiButtonProps } from '@mui/material/Button';
+type MuiColor = NonNullable<MuiButtonProps["color"]>;
+type MuiSize = NonNullable<MuiButtonProps["size"]>;
+type DSButtonSize = MuiSize | "xxsmall" | "xsmall";
+type DSButtonColor = MuiColor | string;
 export interface ButtonProps extends Omit<MuiButtonProps<"button">, "color" | "size"> {
-    className?: any;
-    /** 자식 요소<br/>: 버튼 내에 포함될 내용 */
-    children?: React.ReactNode;
-    /** 색상 설정<br/>: 버튼 색상 */
-    color?: string | "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
-    /** 루트 요소 타입 설정<br/>: HTML 요소 또는 다른 컴포넌트를 루트 노드로 사용 */
-    component?: React.ElementType;
-    /** 비활성화 여부<br/>: true일 경우 버튼이 비활성화 */
-    disabled?: boolean;
-    /** 그림자 제거<br/>: true일 경우 버튼의 그림자 효과 제거 */
-    disableElevation?: boolean;
-    /** 키보드 포커스 리플 제거<br/>: true일 경우 키보드 포커스 리플 효과 비활성화 */
-    disableFocusRipple?: boolean;
-    /** 리플 효과 제거<br/>: true일 경우 리플 효과 비활성화 */
-    disableRipple?: boolean;
-    /** 끝 아이콘<br/>: 버튼의 자식 요소 뒤에 배치될 아이콘 */
-    endIcon?: React.ReactNode;
-    /** 전체 너비<br/>: true일 경우 버튼이 부모 컨테이너의 전체 너비를 차지 */
-    fullWidth?: boolean;
-    /** 링크 URL 설정<br/>: 버튼 클릭 시 이동할 링크 URL */
-    href?: string;
-    /** 로딩 상태<br/>: true일 경우 로딩 인디케이터가 표시되며 버튼이 비활성화됨 */
-    loading?: boolean;
-    /** 로딩 인디케이터<br/>: 로딩 상태일 때 표시될 인디케이터 */
-    loadingIndicator?: React.ReactNode;
-    /** 로딩 인디케이터 위치<br/>: 'start', 'center', 'end' 중 위치 설정 */
-    loadingPosition?: "center" | "end" | "start";
-    /** 버튼 크기 설정<br/>: 'small', 'medium', 'large' 또는 사용자 지정 값 @default large */
-    size?: "xxsmall" | "xsmall" | "small" | "medium" | "large" | string;
-    /** 시작 아이콘<br/>: 버튼의 자식 요소 앞에 배치될 아이콘 */
-    startIcon?: React.ReactNode;
-    /** 버튼 스타일 종류<br/>: 'contained', 'outlined', 'text' 중 선택 */
-    variant?: "text" | "outlined" | "contained";
-    form?: string;
-    type?: "submit" | "button" | "reset";
-    iconOnly?: boolean | undefined;
+    color?: DSButtonColor;
+    size?: DSButtonSize;
+    iconOnly?: boolean;
 }
 declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/components/Select/Select.d.ts

@@ -2,53 +2,28 @@ import { SelectProps as MSelectProps, SelectChangeEvent, SxProps, Theme } from '
 import * as React from "react";
 type CustomSelectProps = {
     width?: string | number;
+    fontSize?: string;
+    center?: boolean;
 };
-export interface SelectProps extends Omit<MSelectProps, any>, CustomSelectProps {
-    /** React className. 외부에서 추가 스타일/선택자용으로 사용 */
+export interface SelectProps extends Omit<MSelectProps, "onChange" | "value" | "defaultValue">, CustomSelectProps {
     className?: string;
-    /** HTML form name. 폼 전송 시 key가 됨 */
     name?: string;
-    /** <MenuItem/> 등의 직접 children. 있으면 MenuItems보다 우선 */
     children?: React.ReactNode;
-    /** MUI Select variant (outlined | filled | standard). 기본 outlined */
-    variant?: "outlined" | "filled" | "standard";
-    /** 헬퍼 텍스트(오류/설명). 현재 컴포넌트 내부에서 직접 렌더링하진 않음 */
-    helperText?: string;
-    /** 컴포넌트 사이즈. 높이/폰트 크기 동시 제어 (small | medium) */
     size?: "small" | "medium";
-    /** 비활성화 여부 */
     disabled?: boolean;
-    /** 옵션 목록. children이 없을 때만 사용됨 */
     MenuItems?: {
         label: string;
         value: string;
     }[];
-    /** 선택 값(Controlled). 넘기면 완전 제어 모드 */
     value?: string;
-    /** 값 변경 콜백. e.target.value로 선택 값 획득 */
-    onChange?: (event: SelectChangeEvent | any) => void;
-    /** FormControl의 fullWidth 여부. true면 가로폭 100% */
+    defaultValue?: string;
+    onChange?: (event: SelectChangeEvent<any>) => void;
     fullWidth?: boolean;
-    /** MUI system sx. Select에 대한 스타일 오버라이드 */
     sx?: SxProps<Theme>;
-    /** 가로폭 지정. 숫자면 px로 처리(예: 240 -> '240px') */
-    width?: string | number;
-    /** 값이 비어도 렌더(placeholder 표현)할지 여부 */
     displayEmpty?: boolean;
-    /** 선택된 값 커스텀 렌더 함수. 제공 시 내부 기본 렌더 로직보다 우선 */
-    renderValue?: (value: unknown) => React.ReactNode;
-    /** true면 '{ label: "전체", value: "" }' 옵션을 맨 앞에 자동 추가 */
-    all?: boolean;
-    /** true면 placeholder를 "선택"으로 표시(그리고 '전체' 자동 추가는 하지 않음) */
-    select?: boolean;
-    /** 비제어(Uncontrolled) 초기값. value 미사용 시 초깃값으로 적용 */
-    defaultValue?: string;
-    /** 메뉴 및 선택된 값 가운데 정렬 여부 */
-    center?: boolean;
-    /** 메뉴 아이템(<MenuItem/>)에 추가로 적용할 sx */
+    placeholder?: React.ReactNode;
     menuItemSx?: SxProps<Theme>;
-    /** Select 셀 등에서 폰트 크기 오버라이드(예: '1.4rem') */
-    fontSize?: string;
+    MenuProps?: MSelectProps["MenuProps"];
 }
-declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Select;

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

@@ -1,4 +1,4 @@
-import { default as React, Dispatch, ReactNode, SetStateAction } from 'react';
+import { default as React } from 'react';
 import { ColumnDef as TanstackColumnDef } from '@tanstack/react-table';
 export type ColumnDef<T extends object> = TanstackColumnDef<T> & {
     accessorKey?: string;
@@ -11,11 +11,9 @@ export type ColumnDef<T extends object> = TanstackColumnDef<T> & {
         label: string;
     }[];
     required?: boolean;
-    modalFn?: ((row: T) => void) | (() => void);
     setSort?: React.Dispatch<React.SetStateAction<string[]>>;
     button?: React.ReactNode | ((row: T) => React.ReactNode);
     ellipsis?: boolean;
-    onCellChange?: (row: T) => void;
     role?: "group";
     tags?: (row: T) => React.ReactNode[];
     disabled?: (row: T) => boolean | boolean;
@@ -26,82 +24,29 @@ export type ColumnDef<T extends object> = TanstackColumnDef<T> & {
     readOnly?: boolean;
     defaultChecked?: boolean;
     visible?: boolean;
-    onChange?: (value: any) => void;
     simpleSelect?: boolean;
 };
-export interface Table2Props<T extends object> {
+export interface Table2Props {
     /** 테이블에 표시할 데이터 배열을 설정합니다. */
-    data: T[] | undefined;
+    data?: any[];
     /** 테이블의 열 정의 배열을 설정합니다. */
-    columns: ColumnDef<T>[];
-    /** 행 번호(No) 열 표시 여부를 설정합니다. */
-    No?: boolean;
+    columns: ColumnDef<any>[];
+    /** 테이블 데이터 변경 시 호출되는 콜백 함수를 설정합니다. */
+    onChange?: (data: any[]) => void;
     /** 체크박스 표시 여부를 설정합니다. */
     checkbox?: boolean;
-    /** 체크박스를 하나의 행만 선택할 수 있도록 설정합니다. */
-    radio?: boolean;
-    /** 체크박스 선택 시 동작할 콜백 함수를 설정합니다. */
-    onChecked?: (checkedRows: T[], rowIndex: number) => void;
-    /** 삭제 버튼 클릭 시 동작할 콜백 함수를 설정합니다. */
-    onDelete?: (checkedRows: T[]) => void;
-    /** 저장 버튼 클릭 시 동작할 콜백 함수를 설정합니다. */
-    onSave?: (checkedRows: T[], allRows: T[]) => void;
     /** 행 클릭 시 동작할 콜백 함수를 설정합니다. */
-    onRowClick?: (row: T, rowIndex: number) => void;
+    onRowClick?: (row: any, rowIndex: number) => void;
     /** 행 더블 클릭 시 동작할 콜백 함수를 설정합니다. */
-    onRowDoubleClick?: (row: T, rowIndex: number) => void;
-    /** 테이블 상단에 표시할 제목을 설정합니다. */
-    title?: string | null;
-    /** 테이블 상단에 합계 표시 여부를 설정합니다. */
-    isTotal?: boolean;
-    /** 삭제 버튼 클릭 시 추가 중인 행까지 전부 전달하도록 설정합니다. */
-    deleteAllData?: boolean;
-    /** 테이블 우측 상단에 표시할 커스텀 버튼 영역을 설정합니다. */
-    buttons?: ReactNode;
+    onRowDoubleClick?: (row: any, rowIndex: number) => void;
     /** 로딩 상태 표시 여부를 설정합니다. */
     isLoading?: boolean;
-    /** 플러스(+) 버튼 표시 여부를 설정합니다. */
-    isPlusButton?: boolean;
     /** 특정 행으로 스크롤할 인덱스를 설정합니다. */
     scrollTo?: number;
-    /** 모달에 전달받은 데이터를 테이블에 설정합니다. */
-    modalData?: {
-        [key: string]: any;
-    } | string;
-    /** 행 추가 버튼 클릭 시 동작할 콜백 함수를 설정합니다. */
-    onAddFn?: () => void;
-    /** 페이지네이션을 설정합니다. */
-    pagination?: {
-        page: number;
-        size: number;
-        totalElements: number;
-        totalPages: number;
-        onPageChange: (page: number) => void;
-    };
-    /** onAddFn을 설정했을 경우 행 추가 기능 활성화 여부를 설정합니다. */
-    isAddRowActive?: boolean;
-    /** 모달 적용 시 동작할 콜백 함수를 설정합니다. */
-    onModalApplied?: () => void;
-    /** 클릭 트리거를 줄 행의 인덱스를 설정합니다. */
-    rowClickTriggerIdx?: number;
-    /** 삭제 버튼 클릭시 추가로 실행할 콜백 함수를 설정합니다. */
-    onDelFn?: (rows: T[]) => void;
-    /** 행 클릭 시 체크박스 선택 여부를 설정합니다. */
-    isClickedCheckbox?: boolean;
-    /** 테이블 데이터 변경 시 동작할 콜백 함수를 설정합니다. */
-    onTableDataChange?: (data: T[]) => void;
-    /** 체크할 행의 인덱스를 설정합니다. */
-    checkboxCheckedIdx?: number;
-    /** 선택된 아이템 배열을 설정합니다. */
-    selectedItems?: any[];
-    /** 선택된 아이템 배열을 설정하는 함수를 설정합니다. */
-    setSelectedItems?: Dispatch<SetStateAction<{
-        [key: string]: any;
-    }[]>>;
-    /** 테이블 제목 옆에 아이콘 표시 여부를 설정합니다. */
-    isTableTitleIcon?: boolean;
+    /** 편집, 추가 구분 확인 Column 여부를 설정합니다. */
     isEditMode?: boolean;
-    isCheckbox?: boolean;
+    /** 행 클릭 트리거 인덱스를 설정합니다. */
+    rowClickTriggerIdx?: number;
 }
-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, isEditMode, isCheckbox, }: Table2Props<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Table2: <T extends object>({ data, columns, onChange, checkbox, onRowClick, onRowDoubleClick, isLoading, scrollTo, isEditMode, rowClickTriggerIdx, }: Table2Props) => import("react/jsx-runtime").JSX.Element;
 export default Table2;

package/dist/components/Table2/{useOutsideClick.d.ts → hooks/useOutsideClick.d.ts}

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

package/dist/components/Table2/{Cell.d.ts → rows/Cell.d.ts}

@@ -4,20 +4,11 @@ interface Props<T extends object = any> {
     idx: number;
     isHover: boolean;
     isClicked: boolean;
+    onChange?: (data: T[]) => void;
     setTableData: React.Dispatch<React.SetStateAction<T[]>>;
     setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
-    setCurrentEditingCell: React.Dispatch<React.SetStateAction<{
-        rowIndex: number;
-        columnId: string;
-        isActive: boolean;
-    }>>;
-    radio: boolean;
     rowSelection: Record<string, boolean>;
-    pagination?: {
-        page: number;
-        size: number;
-    };
     isScrollHighlighted: boolean;
 }
-declare const Cell: <T extends object>({ cell, idx, isHover, isClicked, setTableData, setRowSelection, setCurrentEditingCell, radio, rowSelection, pagination, isScrollHighlighted, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Cell: <T extends object>({ cell, idx, isHover, isClicked, onChange, setTableData, setRowSelection, rowSelection, isScrollHighlighted, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export default Cell;

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

@@ -0,0 +1,7 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object> {
+    cell: TableCell<T, unknown>;
+    align?: "start" | "center" | "right";
+}
+declare const CellButton: <T extends object>({ align, cell }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default CellButton;

package/dist/components/Table2/{CellCheckbox.d.ts → rows/CellCheckbox.d.ts}

@@ -4,9 +4,9 @@ interface Props<T extends object = any> {
     align?: "start" | "center" | "end" | "right";
     cell: TableCell<T, unknown>;
     isHover: boolean;
+    onChange?: (data: T[]) => void;
     setTableData: React.Dispatch<React.SetStateAction<T[]>>;
     setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
-    radio: boolean;
 }
-declare const CellCheckbox: <T extends object>({ cell, setTableData, setRowSelection, radio, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const CellCheckbox: <T extends object>({ cell, onChange, setTableData, setRowSelection, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default CellCheckbox;

package/dist/components/Table2/{CellDatePicker2.d.ts → rows/CellDatePicker2.d.ts}

@@ -2,12 +2,12 @@ import { Cell as TableCell } from '@tanstack/react-table';
 interface Props<T extends object = any> {
     id: string;
     cell: TableCell<T, unknown>;
+    onChange?: (data: T[]) => void;
     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, setTableData, isSelected, setRowSelection, isClicked, radio, style, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const CellDatePicker2: <T extends object>({ cell, onChange, setTableData, isSelected, setRowSelection, isClicked, style, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default CellDatePicker2;

package/dist/components/Table2/{CellEdit.d.ts → rows/CellEdit.d.ts}

@@ -1,6 +1,7 @@
 import { Cell as TableCell } from '@tanstack/react-table';
 interface CellEditProps<T> {
     cell: TableCell<T, unknown>;
+    isSelected: boolean;
 }
-declare const CellEdit: ({ cell }: CellEditProps<any>) => import("react/jsx-runtime").JSX.Element;
+declare const CellEdit: ({ cell, isSelected }: CellEditProps<any>) => import("react/jsx-runtime").JSX.Element;
 export default CellEdit;

package/dist/components/Table2/{CellFile.d.ts → rows/CellFile.d.ts}

@@ -1,11 +1,11 @@
 import { Cell as TableCell } from '@tanstack/react-table';
 interface Props<T extends object> {
     cell: TableCell<T, unknown>;
+    onChange?: (data: T[]) => void;
     setTableData: React.Dispatch<React.SetStateAction<T[]>>;
-    radio: boolean;
     setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
     isClicked: boolean;
     isSelected: boolean;
 }
-declare const CellFile: <T extends object>({ cell, setTableData, setRowSelection, radio, isClicked, isSelected, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+declare const CellFile: <T extends object>({ cell, onChange: onChangeCallback, setTableData, setRowSelection, isClicked, isSelected, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export default CellFile;

package/dist/components/Table2/{CellFrontCheckbox.d.ts → rows/CellFrontCheckbox.d.ts}

@@ -1,10 +1,10 @@
 import { Cell as TableCell } from '@tanstack/react-table';
 interface Props<T extends object> {
     cell: TableCell<T, unknown>;
-    align?: "start" | "center" | "end" | "right";
-    radio: boolean;
     rowSelection: Record<string, boolean>;
     setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+    onChange?: (data: T[]) => void;
 }
-declare const CellFrontCheckbox: <T extends object>({ align, cell, radio, rowSelection, setRowSelection, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+declare const CellFrontCheckbox: <T extends object>({ cell, rowSelection, setRowSelection, setTableData, onChange, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export default CellFrontCheckbox;

package/dist/components/Table2/{CellInput.d.ts → rows/CellInput.d.ts}

@@ -5,11 +5,11 @@ interface Props<T extends object = any> {
     cell: TableCell<T, unknown>;
     isHover: boolean;
     isClicked: boolean;
+    onChange?: (data: T[]) => void;
     setTableData: React.Dispatch<React.SetStateAction<T[]>>;
     setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
-    radio: boolean;
     type: string;
     isSelected: boolean;
 }
-declare const CellInput: <T extends object>({ align, cell, isHover, isClicked, setTableData, setRowSelection, radio, type, isSelected, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const CellInput: <T extends object>({ align, cell, isHover, isClicked, onChange, setTableData, setRowSelection, type, isSelected, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default CellInput;

package/dist/components/Table2/{CellModal.d.ts → rows/CellModal.d.ts}

@@ -2,16 +2,11 @@ import { Cell as TableCell } from '@tanstack/react-table';
 interface Props<T extends object = any> {
     align?: "start" | "center" | "end" | "right";
     cell: TableCell<T, unknown>;
+    onChange?: (data: T[]) => void;
     setTableData: React.Dispatch<React.SetStateAction<T[]>>;
     setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
     isSelected: boolean;
-    setCurrentEditingCell: React.Dispatch<React.SetStateAction<{
-        rowIndex: number;
-        columnId: string;
-        isActive: boolean;
-    }>>;
-    radio: boolean;
     isClicked: boolean;
 }
-declare const CellModal: <T extends object>({ cell, setTableData, setRowSelection, setCurrentEditingCell, radio, isClicked, isSelected, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const CellModal: <T extends object>({ cell, onChange, setTableData, setRowSelection, isClicked, isSelected, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default CellModal;

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

@@ -0,0 +1,6 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface CellNoProps<T> {
+    cell: TableCell<T, unknown>;
+}
+declare const CellNo: ({ cell }: CellNoProps<any>) => import("react/jsx-runtime").JSX.Element;
+export default CellNo;

package/dist/components/Table2/{CellSelect.d.ts → rows/CellSelect.d.ts}

@@ -4,12 +4,12 @@ interface Props<T extends object = any> {
     align?: "start" | "center" | "end" | "right";
     cell: TableCell<T, unknown>;
     isHover: boolean;
+    onChange?: (data: T[]) => void;
     setTableData: React.Dispatch<React.SetStateAction<T[]>>;
     isSelected?: boolean;
     setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
     isClicked: boolean;
-    radio: boolean;
     isScrollHighlighted: boolean;
 }
-declare const CellSelect: <T extends object>({ align, cell, isHover, setTableData, isSelected, isClicked, setRowSelection, radio, isScrollHighlighted, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const CellSelect: <T extends object>({ align, cell, isHover, onChange, setTableData, isSelected, isClicked, setRowSelection, isScrollHighlighted, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default CellSelect;

package/dist/components/Table2/{CellTextarea.d.ts → rows/CellTextarea.d.ts}

@@ -5,10 +5,9 @@ interface Props<T extends object = any> {
     cell: TableCell<T, unknown>;
     isHover: boolean;
     isClicked: boolean;
+    onChange?: (data: T[]) => void;
     setTableData: React.Dispatch<React.SetStateAction<T[]>>;
-    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
-    radio: boolean;
     isSelected: boolean;
 }
-declare const CellTextarea: <T extends object>({ align, cell, isHover, isClicked, setTableData, setRowSelection, radio, isSelected, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const CellTextarea: <T extends object>({ align, cell, isHover, isClicked, onChange, setTableData, isSelected, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default CellTextarea;

package/dist/components/Table2/{Row.d.ts → rows/Row.d.ts}

@@ -1,25 +1,15 @@
 import { Row as tableRow } from '@tanstack/react-table';
 interface Props<T extends object = any> {
     row: tableRow<T>;
+    onChange?: (data: T[]) => void;
     setTableData: React.Dispatch<React.SetStateAction<T[]>>;
     setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
     onRowClick?: (row: T, rowIndex: number) => void;
     onRowDoubleClick?: (row: T, rowIndex: number) => void;
-    setCurrentEditingCell: React.Dispatch<React.SetStateAction<{
-        rowIndex: number;
-        columnId: string;
-        isActive: boolean;
-    }>>;
     isScrollHighlighted?: boolean;
     isClicked?: boolean;
-    radio: boolean;
     rowSelection: Record<string, boolean>;
-    isClickedCheckbox: boolean;
-    pagination?: {
-        page: number;
-        size: number;
-    };
-    isTriggerHighlight: boolean;
+    isTriggerClicked: boolean;
 }
 declare const Row: import('react').ForwardRefExoticComponent<Props<any> & import('react').RefAttributes<HTMLDivElement>>;
 export default Row;

package/dist/components/Table2/{Rows.d.ts → rows/Rows.d.ts}

@@ -1,6 +1,7 @@
 import { Table as ReactTable } from '@tanstack/react-table';
 interface Props<T extends object = any> {
     table: ReactTable<T>;
+    onChange?: (data: T[]) => void;
     setTableData: React.Dispatch<React.SetStateAction<T[]>>;
     setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
     isLoading: boolean;
@@ -8,19 +9,8 @@ interface Props<T extends object = any> {
     onRowDoubleClick?: (row: T, rowIndex: number) => void;
     scrollTo?: number;
     clickedRowIndex: number;
-    setCurrentEditingCell: React.Dispatch<React.SetStateAction<{
-        rowIndex: number;
-        columnId: string;
-        isActive: boolean;
-    }>>;
-    radio: boolean;
     rowSelection: Record<string, boolean>;
-    isClickedCheckbox: boolean;
-    pagination?: {
-        page: number;
-        size: number;
-    };
-    triggerIndex: number;
+    rowClickTriggerIdx: number;
 }
 declare const Rows: import('react').ForwardRefExoticComponent<Props<any> & import('react').RefAttributes<HTMLDivElement>>;
 export default Rows;