@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 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.FC<Props>;
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.FC<TableCommonCellProps>;
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 TableSortableBody from './TableSortableBody';
2
+ export default TableSortableBody;
3
+ export { TableSortableBody };
4
+ export * from './TableSortableBody.types';
@@ -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;
@@ -0,0 +1,4 @@
1
+ import { TableSortableBodyProps } from '../TableSortableBody/TableSortableBody.types';
2
+ export interface TableSortableBodyBlockProps extends TableSortableBodyProps {
3
+ baseIndex: number;
4
+ }
@@ -0,0 +1,4 @@
1
+ import TableSortableBodyBlock from './TableSortableBodyBlock';
2
+ export default TableSortableBodyBlock;
3
+ export { TableSortableBodyBlock };
4
+ export * from './TableSortableBodyBlock.types';