@pdg/react-table 1.0.126 → 1.0.128
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/README.md +1 -1
- package/dist/Table/Table.types.d.ts +9 -0
- package/dist/TableBodyCell/TableBodyCell.d.ts +1 -1
- package/dist/TableCommonCell/TableCommonCell.d.ts +1 -1
- package/dist/TableContext/TableContext.types.d.ts +2 -1
- package/dist/TableSortableBody/TableSortableBody.d.ts +4 -0
- package/dist/TableSortableBody/TableSortableBody.types.d.ts +8 -0
- package/dist/TableSortableBody/index.d.ts +4 -0
- package/dist/TableSortableBodyBlock/TableSortableBodyBlock.d.ts +4 -0
- package/dist/TableSortableBodyBlock/TableSortableBodyBlock.types.d.ts +4 -0
- package/dist/TableSortableBodyBlock/index.d.ts +4 -0
- package/dist/index.esm.js +389 -288
- package/dist/index.js +389 -288
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -8,7 +8,7 @@ https://parkdigy.github.io/react-table/
|
|
|
8
8
|
|
|
9
9
|
## 설치
|
|
10
10
|
```shell
|
|
11
|
-
npm install -D @pdg/react-table @dnd-kit/core @dnd-kit/sortable @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-date-pickers @pdg/react-component @pdg/react-hook @pdg/react-form @tinymce/tinymce-react @types/uuid classnames dayjs copy-to-clipboard react-number-format react-resize-detector simplebar-react uuid
|
|
11
|
+
npm install -D @pdg/react-table @dnd-kit/core @dnd-kit/sortable @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-date-pickers @pdg/react-component @pdg/react-hook @pdg/react-form @tinymce/tinymce-react @types/uuid classnames dayjs copy-to-clipboard react-number-format react-resize-detector simplebar-react uuid react-intersection-observer
|
|
12
12
|
```
|
|
13
13
|
|
|
14
14
|
### simplebar-react css 추가
|
|
@@ -9,6 +9,14 @@ import { TableTopHeadProps } from '../TableTopHead';
|
|
|
9
9
|
export interface TableItem {
|
|
10
10
|
[key: string]: any;
|
|
11
11
|
}
|
|
12
|
+
/********************************************************************************************************************
|
|
13
|
+
* TableProgressiveVisibleInfo
|
|
14
|
+
* ******************************************************************************************************************/
|
|
15
|
+
export interface TableProgressiveVisibleInfo {
|
|
16
|
+
blockSize: number;
|
|
17
|
+
rowHeight: number;
|
|
18
|
+
delay?: number;
|
|
19
|
+
}
|
|
12
20
|
/********************************************************************************************************************
|
|
13
21
|
* TableColumn
|
|
14
22
|
* ******************************************************************************************************************/
|
|
@@ -101,6 +109,7 @@ export interface TableProps<T = TableItem> extends TableCommonSxProps {
|
|
|
101
109
|
style?: TableCommonSxProps['style'];
|
|
102
110
|
sx?: TableCommonSxProps['sx'];
|
|
103
111
|
};
|
|
112
|
+
progressiveVisible?: TableProgressiveVisibleInfo;
|
|
104
113
|
sortable?: boolean;
|
|
105
114
|
onClick?(item: T, index: number): void;
|
|
106
115
|
onGetBodyRowClassName?(item: T, index: number): TableCommonSxProps['className'] | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TableBodyCellProps as Props } from './TableBodyCell.types';
|
|
3
|
-
declare const TableBodyCell: React.
|
|
3
|
+
declare const TableBodyCell: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTableCellElement>>;
|
|
4
4
|
export default TableBodyCell;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TableCommonCellProps } from './TableCommonCell.types';
|
|
3
|
-
declare const TableCommonCell: React.
|
|
3
|
+
declare const TableCommonCell: React.ForwardRefExoticComponent<TableCommonCellProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
4
4
|
export default TableCommonCell;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { TableColumn, TableItem } from '../Table';
|
|
1
|
+
import { TableColumn, TableItem, TableProgressiveVisibleInfo } from '../Table';
|
|
2
2
|
import { TableBodyCellCommands } from '../TableBodyCell';
|
|
3
3
|
import { TableHeadCellCommands } from '../TableHeadCell';
|
|
4
4
|
export interface TableContextValue {
|
|
5
5
|
menuOpen: boolean;
|
|
6
6
|
openMenuId?: string;
|
|
7
|
+
progressiveVisible?: TableProgressiveVisibleInfo;
|
|
7
8
|
setMenuOpen(menuOpen: boolean, openMenuId?: string): void;
|
|
8
9
|
setItemColumnChecked(item: TableItem, column: TableColumn, checked: boolean): void;
|
|
9
10
|
setItemColumnCheckDisabled(item: TableItem, column: TableColumn, checkDisabled: boolean): void;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TableSortableBodyProps as Props } from './TableSortableBody.types';
|
|
3
|
+
export declare const TableSortableBody: ({ items, columns, showOddColor, showEvenColor, onGetBodyRowStyle, onGetBodyRowSx, onGetBodyRowClassName, onGetBodyColumnClassName, onGetBodyColumnStyle, onGetBodyColumnSx, defaultAlign, defaultEllipsis, sortable, onClick, onCheckChange, }: Props) => React.JSX.Element;
|
|
4
|
+
export default TableSortableBody;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TableColumn, TableItem, TableProps } from '../Table/Table.types';
|
|
2
|
+
import { TableBodyRowProps } from '../TableBodyRow';
|
|
3
|
+
export interface TableSortableBodyProps extends Pick<TableProps, 'showOddColor' | 'showEvenColor' | 'onGetBodyRowSx' | 'onGetBodyRowClassName' | 'onGetBodyRowStyle' | 'onGetBodyColumnClassName' | 'onGetBodyColumnSx' | 'onGetBodyColumnStyle' | 'defaultAlign' | 'defaultEllipsis' | 'sortable' | 'onClick'>, Pick<TableBodyRowProps, 'onCheckChange'> {
|
|
4
|
+
items: (TableItem & {
|
|
5
|
+
id: number | string;
|
|
6
|
+
})[];
|
|
7
|
+
columns: TableColumn[];
|
|
8
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TableSortableBodyBlockProps as Props } from './TableSortableBodyBlock.types';
|
|
3
|
+
export declare const TableSortableBodyBlock: ({ items, baseIndex, columns, showOddColor, showEvenColor, onGetBodyRowStyle, onGetBodyRowSx, onGetBodyRowClassName, onGetBodyColumnClassName, onGetBodyColumnStyle, onGetBodyColumnSx, defaultAlign, defaultEllipsis, sortable, onClick, onCheckChange, }: Props) => React.JSX.Element;
|
|
4
|
+
export default TableSortableBodyBlock;
|