fone-design-system_v2 1.0.223 → 1.0.225

package/dist/components/CodeEditor/CodeEditor.d.ts

@@ -0,0 +1,14 @@
+import { editor } from 'monaco-editor';
+export interface CodeEditorProps {
+    value?: string;
+    language?: string;
+    height?: string | number;
+    theme?: string;
+    readOnly?: boolean;
+    loading?: boolean;
+    options?: editor.IStandaloneEditorConstructionOptions;
+    onChange?: (value: string) => void;
+    onValidate?: (markers: editor.IMarker[]) => void;
+}
+declare const CodeEditor: ({ value, language, height, theme, readOnly, loading, options, onChange, onValidate, }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
+export default CodeEditor;

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

@@ -0,0 +1,2 @@
+export { default as CodeEditor } from './CodeEditor';
+export type { CodeEditorProps } from './CodeEditor';

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

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

@@ -13,6 +13,7 @@ interface Props<T extends object = any> {
         colIndex: number;
     } | null | undefined;
     showSelectedCellBorder?: boolean;
+    showFocusedCellBorder?: boolean;
     onCellClick?: (row: T, rowIndex: number, col: any, colIndex: number) => void;
     onChange?: (data: T[]) => void;
     setTableData: React.Dispatch<React.SetStateAction<T[]>>;
@@ -23,6 +24,14 @@ interface Props<T extends object = any> {
     dragHandleProps?: DraggableProvidedDragHandleProps | null;
     rowHeight?: number;
     draggingColumnWidths?: Array<string | undefined>;
+    focusedCellInfo: {
+        rowIndex: number;
+        colIndex: number;
+    } | null;
+    setFocusedCellInfo: React.Dispatch<React.SetStateAction<{
+        rowIndex: number;
+        colIndex: number;
+    } | null>>;
 }
-declare const Cell: <T extends object>({ onCellClick, cell, idx, isHover, isRowClicked, clickedRowIndex, hoveredRowIndex, isRowActive, selectedCellInfo, showSelectedCellBorder, onChange, setTableData, setRowSelection, rowSelection, radio, reorderMode, dragHandleProps, rowHeight, draggingColumnWidths, }: Props<T>) => import("react/jsx-runtime").JSX.Element | null;
+declare const Cell: <T extends object>({ onCellClick, cell, idx, isHover, isRowClicked, clickedRowIndex, hoveredRowIndex, isRowActive, selectedCellInfo, showSelectedCellBorder, showFocusedCellBorder, onChange, setTableData, setRowSelection, rowSelection, radio, reorderMode, dragHandleProps, rowHeight, draggingColumnWidths, focusedCellInfo, setFocusedCellInfo, }: Props<T>) => import("react/jsx-runtime").JSX.Element | null;
 export default Cell;

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

@@ -10,6 +10,7 @@ interface Props<T extends object = any> {
         colIndex: number;
     } | null | undefined;
     showSelectedCellBorder?: boolean;
+    showFocusedCellBorder?: boolean;
     onChange?: (data: T[]) => void;
     setTableData: React.Dispatch<React.SetStateAction<T[]>>;
     setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
@@ -38,6 +39,14 @@ interface Props<T extends object = any> {
     rowHeight?: number;
     headerRowHeight?: number;
     draggingColumnWidths?: Array<string | undefined>;
+    focusedCellInfo: {
+        rowIndex: number;
+        colIndex: number;
+    } | null;
+    setFocusedCellInfo: React.Dispatch<React.SetStateAction<{
+        rowIndex: number;
+        colIndex: number;
+    } | null>>;
 }
 declare const Row: import('react').ForwardRefExoticComponent<Props<any> & import('react').RefAttributes<HTMLTableRowElement>>;
 export default Row;

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

@@ -14,6 +14,7 @@ interface Props<T extends object = any> {
         colIndex: number;
     } | null | undefined;
     showSelectedCellBorder?: boolean;
+    showFocusedCellBorder?: boolean;
     onRowClick?: (row: T, rowIndex: number) => void;
     onRowDoubleClick?: (row: T, rowIndex: number) => void;
     scrollTo?: number;
@@ -32,6 +33,14 @@ interface Props<T extends object = any> {
     rowHeight: number;
     headerRowHeight: number;
     rowCountChangeScrollPosition?: "top" | "bottom" | number | "preserve";
+    focusedCellInfo: {
+        rowIndex: number;
+        colIndex: number;
+    } | null;
+    setFocusedCellInfo: React.Dispatch<React.SetStateAction<{
+        rowIndex: number;
+        colIndex: number;
+    } | null>>;
 }
 declare const Rows: import('react').ForwardRefExoticComponent<Props<any> & import('react').RefAttributes<HTMLDivElement>>;
 export default Rows;

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

@@ -8,6 +8,7 @@ type RenderCellParams<T extends object> = {
     columnId: string;
     value: unknown;
     isCellActive: boolean;
+    isCellFocused: boolean;
     isRowSelected: boolean;
     isRowActive: boolean;
 };
@@ -18,6 +19,7 @@ type GetCellPropsParams<T extends object> = {
     columnId: string;
     value: unknown;
     isCellActive: boolean;
+    isCellFocused: boolean;
     isRowSelected: boolean;
     isRowActive: boolean;
 };
@@ -104,6 +106,8 @@ export type ColumnDef<T extends object> = TanstackColumnDef<T> & ColumnCommonPro
 export interface Table2Props {
     /** Cell 클릭 시 해당 Cell Border 스타일 변경 여부를 설정합니다. */
     selectedCell?: boolean;
+    /** Cell 포커스 시 해당 Cell Border 스타일 변경 여부를 설정합니다. */
+    focusedCell?: boolean;
     /** 테이블에 표시할 데이터 배열을 설정합니다. */
     data?: any[];
     /** 테이블의 열 정의 배열을 설정합니다. */
@@ -134,6 +138,8 @@ export interface Table2Props {
     rowClickTriggerIdx?: number;
     /** 데이터 변경 시 행 클릭 트리거 인덱스 초기화 여부를 설정합니다. */
     resetTriggerOnDataChange?: boolean;
+    /** true로 설정하면 data가 변경되어도 triggerRowIndex effect가 재발화되지 않습니다. */
+    noTriggerOnDataChange?: boolean;
     /** 행 드래그앤드롭 재정렬 모드를 활성화합니다. getCellProps의 merge.rowSpan 기반 행병합과 함께 사용하는 것은 지원하지 않지만, colSpan만 사용하는 경우는 허용됩니다. */
     reorderMode?: boolean;
     /** 행 순서가 변경될 때 재정렬된 데이터를 반환합니다. */