fone-design-system_v2 1.0.113 → 1.0.115

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

@@ -5,7 +5,7 @@ export type ColumnDef<T extends object> = TanstackColumnDef<T> & {
     width?: string;
     align?: "start" | "center" | "right";
     editable?: boolean;
-    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;
+    type?: "input" | "textarea" | "inputNum" | "inputEng" | "select" | "checkbox" | "checkboxN" | "datePicker" | "modal" | "file" | "button" | "custom" | "text" | "date" | ((row: T) => "input" | "textarea" | "inputNum" | "inputEng" | "select" | "checkbox" | "checkboxN" | "datePicker" | "modal" | "file" | "button" | "custom" | "text" | "date") | string;
     selectItems?: {
         value: string | number;
         label: string;
@@ -21,6 +21,10 @@ export type ColumnDef<T extends object> = TanstackColumnDef<T> & {
     maxLength?: number;
     numRange?: number[];
     component?: (row: T) => React.ReactNode;
+    modalFn?: (row: T) => void;
+    accept?: string;
+    icon?: React.ReactNode;
+    onChange?: (...args: any[]) => any;
     readOnly?: boolean;
     visible?: boolean;
     simpleSelect?: boolean;

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

@@ -1,3 +1,4 @@
-import { default as Table2, ColumnDef, Table2Props } from './Table2';
+import { default as Table2, ColumnDef as BaseColumnDef, Table2Props as BaseTableProps } from './Table2';
 export { Table2 };
-export type { ColumnDef, Table2Props };
+export type Table2Props = BaseTableProps;
+export type ColumnDef<T extends object> = BaseColumnDef<T>;

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

@@ -4,11 +4,12 @@ interface Props<T extends object = any> {
     cell: TableCell<T, unknown>;
     idx: number;
     isHover: boolean;
-    isClicked: boolean;
-    isSelected: {
+    isRowClicked: boolean;
+    selectedCellInfo: {
         rowIndex: number;
         colIndex: number;
     } | null | undefined;
+    showSelectedCellBorder?: boolean;
     onCellClick?: (row: T, rowIndex: number, col: any, colIndex: number) => void;
     onChange?: (data: T[]) => void;
     setTableData: React.Dispatch<React.SetStateAction<T[]>>;
@@ -18,5 +19,5 @@ interface Props<T extends object = any> {
     reorderMode?: boolean;
     dragHandleProps?: DraggableProvidedDragHandleProps | null;
 }
-declare const Cell: <T extends object>({ onCellClick, cell, idx, isHover, isClicked, isSelected, onChange, setTableData, setRowSelection, rowSelection, radio, reorderMode, dragHandleProps, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Cell: <T extends object>({ onCellClick, cell, idx, isHover, isRowClicked, selectedCellInfo, showSelectedCellBorder, onChange, setTableData, setRowSelection, rowSelection, radio, reorderMode, dragHandleProps, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export default Cell;

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

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

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

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

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

@@ -4,9 +4,9 @@ interface Props<T extends object> {
     onChange?: (data: T[]) => void;
     setTableData: React.Dispatch<React.SetStateAction<T[]>>;
     setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
-    isClicked: boolean;
-    isSelected: boolean;
+    isRowClicked: boolean;
+    isRowSelected: boolean;
     radio?: boolean;
 }
-declare const CellFile: <T extends object>({ cell, onChange: onChangeCallback, setTableData, setRowSelection, isClicked, isSelected, radio, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+declare const CellFile: <T extends object>({ cell, onChange: onChangeCallback, setTableData, setRowSelection, isRowClicked, isRowSelected, radio, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export default CellFile;

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

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

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

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

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

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

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

@@ -4,7 +4,7 @@ interface Props<T extends object = any> {
     align?: "start" | "center" | "end" | "right";
     cell: TableCell<T, unknown>;
     isHover: boolean;
-    isClicked: boolean;
+    isRowClicked: boolean;
 }
-declare const CellText: <T extends object>({ align, cell, isHover, isClicked, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const CellText: <T extends object>({ align, cell, isHover, isRowClicked, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default CellText;

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

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

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

@@ -3,17 +3,18 @@ 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;
-    isSelected: {
+    selectedCellInfo: {
         rowIndex: number;
         colIndex: number;
     } | null | undefined;
+    showSelectedCellBorder?: boolean;
     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;
     isScrollHighlighted?: boolean;
-    isClicked?: boolean;
+    isRowClicked?: boolean;
     rowSelection: Record<string, boolean>;
     isRowActive: boolean;
     radio?: boolean;

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

@@ -7,10 +7,11 @@ interface Props<T extends object = any> {
     setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
     isLoading?: boolean;
     onCellClick?: (row: T, rowIndex: number, col: any, colIndex: number) => void;
-    isSelected: {
+    selectedCellInfo: {
         rowIndex: number;
         colIndex: number;
     } | null | undefined;
+    showSelectedCellBorder?: boolean;
     onRowClick?: (row: T, rowIndex: number) => void;
     onRowDoubleClick?: (row: T, rowIndex: number) => void;
     scrollTo?: number;