fone-design-system_v2 1.0.209 → 1.0.211

package/dist/components/Image/Image.d.ts

@@ -0,0 +1,11 @@
+import { BoxProps } from '@mui/material';
+import * as React from "react";
+export interface ImageProps extends Omit<BoxProps, "component"> {
+    src: string;
+    alt?: string;
+    width?: string | number;
+    height?: string | number;
+    component?: React.ElementType;
+}
+declare const Image: ({ src, alt, component: Component, width, height, ...props }: ImageProps) => import("react/jsx-runtime").JSX.Element;
+export default Image;

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

@@ -0,0 +1,2 @@
+import { default as Image, ImageProps } from './Image';
+export { Image, ImageProps };

package/dist/components/Radio/RadioGroup.d.ts

@@ -7,6 +7,11 @@ export interface RadioGroupProps<T extends FieldValues> extends MuiRadioGroupPro
     name: string;
     label?: React.ReactNode;
     row?: boolean;
+    /**
+     * `FormControlLabel` 내부에서 라디오와 라벨 사이 간격.
+     * (기본값: "6px")
+     */
+    optionGap?: string | number;
     children?: React.ReactNode;
     options?: Array<Omit<FormControlLabelProps, "control"> & RadioProps>;
     formName?: FieldPath<T>;
@@ -16,5 +21,5 @@ export interface RadioGroupProps<T extends FieldValues> extends MuiRadioGroupPro
     field?: any;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-declare const RadioGroup: ({ name, label, row, children, options, formName, control, field, value, onChange, sx, defaultValue, ...props }: RadioGroupProps<FieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const RadioGroup: ({ name, label, row, optionGap, children, options, formName, control, field, value, onChange, sx, defaultValue, ...props }: RadioGroupProps<FieldValues>) => import("react/jsx-runtime").JSX.Element;
 export default RadioGroup;

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, scrollTo, isEditMode, rowClickTriggerIdx, 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, rowHeight, headerRowHeight, sx, }: Table2Props) => import("react/jsx-runtime").JSX.Element;
 export default Table2;

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

@@ -24,6 +24,7 @@ interface Props<T extends object = any> {
     tableSx?: CSSProperties;
     rowHeight: number;
     headerRowHeight: number;
+    rowCountChangeScrollPosition?: "top" | "bottom" | number | "preserve";
 }
 declare const Rows: import('react').ForwardRefExoticComponent<Props<any> & import('react').RefAttributes<HTMLDivElement>>;
 export default Rows;

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

@@ -29,6 +29,32 @@ export type ColumnDef<T extends object> = TanstackColumnDef<T> & {
     visible?: boolean;
     simpleSelect?: boolean;
     showEditIcon?: boolean;
+    /** 바디 셀의 내용을 컬럼 단위로 커스텀 렌더링합니다. */
+    renderCell?: (params: {
+        rowData: T;
+        rowIndex: number;
+        column: ColumnDef<T>;
+        columnId: string;
+        value: unknown;
+    }) => React.ReactNode;
+    /** 바디 td 요소에 추가 속성이나 스타일을 주입합니다. */
+    getCellProps?: (params: {
+        rowData: T;
+        rowIndex: number;
+        column: ColumnDef<T>;
+        columnId: string;
+        value: unknown;
+    }) => React.TdHTMLAttributes<HTMLTableCellElement>;
+    /** 헤더 셀의 내용을 컬럼 단위로 커스텀 렌더링합니다. */
+    renderHeaderCell?: (params: {
+        column: ColumnDef<T>;
+        columnId: string;
+    }) => React.ReactNode;
+    /** 헤더 th 요소에 추가 속성이나 스타일을 주입합니다. */
+    getHeaderCellProps?: (params: {
+        column: ColumnDef<T>;
+        columnId: string;
+    }) => React.ThHTMLAttributes<HTMLTableCellElement>;
 };
 export interface Table2Props {
     /** Cell 클릭 시 해당 Cell Border 스타일 변경 여부를 설정합니다. */
@@ -53,12 +79,16 @@ export interface Table2Props {
     onRowDoubleClick?: (row: any, rowIndex: number) => void;
     /** 로딩 상태 표시 여부를 설정합니다. */
     isLoading?: boolean;
+    /** 행 개수 변경 시 스크롤 위치 유지 방식 설정합니다. */
+    rowCountChangeScrollPosition?: "top" | "bottom" | number | "preserve";
     /** 특정 행으로 스크롤할 인덱스를 설정합니다. */
     scrollTo?: number;
     /** 편집, 추가 구분 확인 Column 여부를 설정합니다. */
     isEditMode?: boolean;
     /** 행 클릭 트리거 인덱스를 설정합니다. */
     rowClickTriggerIdx?: number;
+    /** 데이터 변경 시 행 클릭 트리거 인덱스 초기화 여부를 설정합니다. */
+    resetTriggerOnDataChange?: boolean;
     /** 행 드래그앤드롭 재정렬 모드를 활성화합니다. */
     reorderMode?: boolean;
     /** 행 순서가 변경될 때 재정렬된 데이터를 반환합니다. */