fone-design-system_v2 1.0.116 → 1.0.117
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Table2/Table2.d.ts +3 -1
- package/dist/components/Table2/headers/Header.d.ts +1 -1
- package/dist/components/Table2/headers/HeaderItem.d.ts +2 -1
- package/dist/components/Table2/rows/Row.d.ts +4 -1
- package/dist/components/Table2/rows/Rows.d.ts +1 -1
- package/dist/fone-design-system.es.js +25269 -28931
- package/dist/fone-design-system.umd.js +214 -240
- package/dist/fone-design-system_v2.css +1 -1
- package/package.json +1 -1
|
@@ -41,6 +41,8 @@ export interface Table2Props {
|
|
|
41
41
|
onChange?: (data: any[]) => void;
|
|
42
42
|
/** 체크박스 표시 여부를 설정합니다. */
|
|
43
43
|
checkbox?: boolean;
|
|
44
|
+
/** 행 번호 컬럼 표시 여부를 설정합니다. */
|
|
45
|
+
no?: boolean;
|
|
44
46
|
/** 체크박스를 라디오 버튼 형태로 표시 여부를 설정합니다. */
|
|
45
47
|
radio?: boolean;
|
|
46
48
|
/** Cell 클릭 시 해당 위치의 row, col 정보를 반환합니다. */
|
|
@@ -62,5 +64,5 @@ export interface Table2Props {
|
|
|
62
64
|
/** 행 순서가 변경될 때 재정렬된 데이터를 반환합니다. */
|
|
63
65
|
onReorder?: (data: any[]) => void;
|
|
64
66
|
}
|
|
65
|
-
declare const Table2: <T extends object>({ data, columns, onChange, checkbox, radio, selectedCell, onRowClick, onRowDoubleClick, isLoading, scrollTo, isEditMode, rowClickTriggerIdx, reorderMode, onReorder, onCellClick, }: Table2Props) => import("react/jsx-runtime").JSX.Element;
|
|
67
|
+
declare const Table2: <T extends object>({ data, columns, onChange, checkbox, no, radio, selectedCell, onRowClick, onRowDoubleClick, isLoading, scrollTo, isEditMode, rowClickTriggerIdx, reorderMode, onReorder, onCellClick, }: Table2Props) => import("react/jsx-runtime").JSX.Element;
|
|
66
68
|
export default Table2;
|
|
@@ -4,5 +4,5 @@ interface Props<T extends object = any> {
|
|
|
4
4
|
table: ReactTable<T>;
|
|
5
5
|
clickedRowIndex: number;
|
|
6
6
|
}
|
|
7
|
-
declare const Header: React.ForwardRefExoticComponent<Props<any> & React.RefAttributes<
|
|
7
|
+
declare const Header: React.ForwardRefExoticComponent<Props<any> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
8
8
|
export default Header;
|
|
@@ -2,8 +2,9 @@ import { Header } from '@tanstack/react-table';
|
|
|
2
2
|
interface Props<T extends object = any> {
|
|
3
3
|
header: Header<T, unknown>;
|
|
4
4
|
idx: number;
|
|
5
|
+
groupIndex: number;
|
|
5
6
|
headerGroupsLength: number;
|
|
6
7
|
clickedRowIndex: number;
|
|
7
8
|
}
|
|
8
|
-
declare const HeaderItem: <T extends object>({ header, idx, headerGroupsLength, clickedRowIndex, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare const HeaderItem: <T extends object>({ header, idx, groupIndex, headerGroupsLength, clickedRowIndex, }: Props) => import("react/jsx-runtime").JSX.Element | null;
|
|
9
10
|
export default HeaderItem;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { CSSProperties, HTMLAttributes } from 'react';
|
|
1
2
|
import { DraggableProvidedDragHandleProps } from '@hello-pangea/dnd';
|
|
2
3
|
import { Row as tableRow } from '@tanstack/react-table';
|
|
3
4
|
interface Props<T extends object = any> {
|
|
@@ -21,6 +22,8 @@ interface Props<T extends object = any> {
|
|
|
21
22
|
reorderMode?: boolean;
|
|
22
23
|
dragHandleProps?: DraggableProvidedDragHandleProps | null;
|
|
23
24
|
isDragging?: boolean;
|
|
25
|
+
rowProps?: HTMLAttributes<HTMLTableRowElement>;
|
|
26
|
+
rowStyle?: CSSProperties;
|
|
24
27
|
}
|
|
25
|
-
declare const Row: import('react').ForwardRefExoticComponent<Props<any> & import('react').RefAttributes<
|
|
28
|
+
declare const Row: import('react').ForwardRefExoticComponent<Props<any> & import('react').RefAttributes<HTMLTableRowElement>>;
|
|
26
29
|
export default Row;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Table as ReactTable } from '@tanstack/react-table';
|
|
2
2
|
interface Props<T extends object = any> {
|
|
3
3
|
table: ReactTable<T>;
|
|
4
|
+
clickedRowIndex: number;
|
|
4
5
|
onChange?: (data: T[]) => void;
|
|
5
6
|
onReorder?: (data: T[]) => void;
|
|
6
7
|
setTableData: React.Dispatch<React.SetStateAction<T[]>>;
|
|
@@ -19,7 +20,6 @@ interface Props<T extends object = any> {
|
|
|
19
20
|
rowActiveIdx: number;
|
|
20
21
|
radio?: boolean;
|
|
21
22
|
reorderMode?: boolean;
|
|
22
|
-
clickedRowIndex: number;
|
|
23
23
|
}
|
|
24
24
|
declare const Rows: import('react').ForwardRefExoticComponent<Props<any> & import('react').RefAttributes<HTMLDivElement>>;
|
|
25
25
|
export default Rows;
|