@pdg/react-table 1.0.0

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.
Files changed (41) hide show
  1. package/README.md +8 -0
  2. package/dist/@types/index.d.ts +1 -0
  3. package/dist/@types/types.d.ts +13 -0
  4. package/dist/@util/compare.d.ts +4 -0
  5. package/dist/@util/index.d.ts +6 -0
  6. package/dist/@util/number.d.ts +1 -0
  7. package/dist/@util/table.d.ts +2 -0
  8. package/dist/SearchTable/SearchTable.d.ts +4 -0
  9. package/dist/SearchTable/SearchTable.types.d.ts +31 -0
  10. package/dist/SearchTable/index.d.ts +4 -0
  11. package/dist/Table/Table.d.ts +5 -0
  12. package/dist/Table/Table.styles.d.ts +11 -0
  13. package/dist/Table/Table.types.d.ts +78 -0
  14. package/dist/Table/index.d.ts +4 -0
  15. package/dist/TableBodyCell/TableBodyCell.d.ts +4 -0
  16. package/dist/TableBodyCell/TableBodyCell.types.d.ts +9 -0
  17. package/dist/TableBodyCell/index.d.ts +4 -0
  18. package/dist/TableButton/TableButton.d.ts +4 -0
  19. package/dist/TableButton/TableButton.types.d.ts +7 -0
  20. package/dist/TableButton/index.d.ts +4 -0
  21. package/dist/TableCommonCell/TableCommonCell.d.ts +4 -0
  22. package/dist/TableCommonCell/TableCommonCell.types.d.ts +11 -0
  23. package/dist/TableCommonCell/index.d.ts +4 -0
  24. package/dist/TableFooterCell/TableFooterCell.d.ts +4 -0
  25. package/dist/TableFooterCell/TableFooterCell.types.d.ts +5 -0
  26. package/dist/TableFooterCell/index.d.ts +4 -0
  27. package/dist/TableHeadCell/TableHeadCell.d.ts +4 -0
  28. package/dist/TableHeadCell/TableHeadCell.types.d.ts +5 -0
  29. package/dist/TableHeadCell/index.d.ts +4 -0
  30. package/dist/TableIcon/TableIcon.d.ts +4 -0
  31. package/dist/TableIcon/TableIcon.types.d.ts +5 -0
  32. package/dist/TableIcon/index.d.ts +4 -0
  33. package/dist/TablePagination/TablePagination.d.ts +4 -0
  34. package/dist/TablePagination/TablePagination.types.d.ts +13 -0
  35. package/dist/TablePagination/index.d.ts +4 -0
  36. package/dist/index.d.ts +5 -0
  37. package/dist/index.esm.js +9005 -0
  38. package/dist/index.esm.js.map +1 -0
  39. package/dist/index.js +9005 -0
  40. package/dist/index.js.map +1 -0
  41. package/package.json +78 -0
package/README.md ADDED
@@ -0,0 +1,8 @@
1
+ # @pdg/react-table
2
+
3
+ React Table
4
+
5
+ ## 설치
6
+ ```
7
+ npm install -D @pdg/react-table @pdg/react-form @mui/material @mui/icons-material @emotion/react @emotion/styled @mui/x-date-pickers dayjs
8
+ ```
@@ -0,0 +1 @@
1
+ export * from './types';
@@ -0,0 +1,13 @@
1
+ import { CSSProperties, ReactNode } from 'react';
2
+ import { SxProps } from '@mui/system';
3
+ import { Theme } from '@mui/material/styles';
4
+ export declare type PartialPick<T, K extends keyof T> = Partial<Pick<T, K>>;
5
+ export declare type PartialOmit<T, K extends keyof T> = Partial<Omit<T, K>>;
6
+ export interface CommonProps {
7
+ children?: ReactNode;
8
+ className?: string;
9
+ style?: CSSProperties;
10
+ }
11
+ export interface CommonSxProps extends CommonProps {
12
+ sx?: SxProps<Theme>;
13
+ }
@@ -0,0 +1,4 @@
1
+ declare const empty: (v: any) => boolean;
2
+ declare const notEmpty: (v: any) => boolean;
3
+ declare const equal: (v1: any, v2: any) => boolean;
4
+ export { empty, notEmpty, equal };
@@ -0,0 +1,6 @@
1
+ declare const ll: (message?: any, ...optionalParams: any[]) => void;
2
+ declare const nextTick: (callback: () => void) => void;
3
+ export { ll, nextTick };
4
+ export * from './compare';
5
+ export * from './number';
6
+ export * from './table';
@@ -0,0 +1 @@
1
+ export declare function numberWithThousandSeparator(x: string | number): string;
@@ -0,0 +1,2 @@
1
+ import { TableColumn } from '../Table/Table.types';
2
+ export declare function getTableColumnAlign(column: TableColumn, defaultAlign: TableColumn['align']): TableColumn['align'];
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { SearchTableProps, SearchTableCommands } from './SearchTable.types';
3
+ declare const SearchTable: React.ForwardRefExoticComponent<SearchTableProps & React.RefAttributes<SearchTableCommands>>;
4
+ export default SearchTable;
@@ -0,0 +1,31 @@
1
+ import React from 'react';
2
+ import { TableProps, TableCommands, TableItem } from '../Table';
3
+ import { FormValueMap, SearchCommands, SearchProps } from '@pdg/react-form';
4
+ import { ReactNode } from 'react';
5
+ import { CommonSxProps } from '../@types';
6
+ export interface SearchTableData {
7
+ items: TableProps['items'];
8
+ paging?: TableProps['paging'];
9
+ }
10
+ export interface SearchTableSearchProps extends Omit<SearchProps, 'ref' | 'color' | 'autoSubmit' | 'onSubmit'> {
11
+ ref?: React.ForwardedRef<SearchCommands>;
12
+ searchGroups?: ReactNode;
13
+ }
14
+ export interface SearchTableTableProps<T = TableItem> extends Omit<TableProps<T>, 'ref' | 'items' | 'paging' | 'onPageChange'> {
15
+ ref?: React.ForwardedRef<TableCommands>;
16
+ }
17
+ export interface SearchTableProps extends CommonSxProps {
18
+ color?: SearchProps['color'];
19
+ hash?: boolean;
20
+ search?: SearchTableSearchProps;
21
+ table: SearchTableTableProps;
22
+ onGetData?(data: FormValueMap): Promise<SearchTableData>;
23
+ onRequestHashChange?(hash: string): void;
24
+ }
25
+ export declare const SearchTableDefaultProps: {};
26
+ export interface SearchTableCommands {
27
+ reload(page?: number): void;
28
+ getLastLoadData(): FormValueMap;
29
+ getSearch(): SearchCommands | undefined;
30
+ getTable(): TableCommands | undefined;
31
+ }
@@ -0,0 +1,4 @@
1
+ import SearchTable from './SearchTable';
2
+ export default SearchTable;
3
+ export { SearchTable };
4
+ export * from './SearchTable.types';
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { TableProps, TableCommands } from './Table.types';
3
+ import 'simplebar-react/dist/simplebar.min.css';
4
+ declare const Table: React.ForwardRefExoticComponent<TableProps<import("./Table.types").TableItem> & React.RefAttributes<TableCommands>>;
5
+ export default Table;
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ export declare const StyledBodyRow: import("@emotion/styled").StyledComponent<{
3
+ children?: import("react").ReactNode;
4
+ classes?: Partial<import("@mui/material").TableRowClasses> | undefined;
5
+ hover?: boolean | undefined;
6
+ selected?: boolean | undefined;
7
+ sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
8
+ } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "key" | keyof import("react").HTMLAttributes<HTMLTableRowElement>> & {
9
+ ref?: ((instance: HTMLTableRowElement | null) => void) | import("react").RefObject<HTMLTableRowElement> | null | undefined;
10
+ }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "hover" | "selected" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
11
+ export declare const StyledNoDataDiv: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -0,0 +1,78 @@
1
+ import { ReactNode } from 'react';
2
+ import { TableCellProps, TooltipProps } from '@mui/material';
3
+ import { TablePaginationProps } from '../TablePagination/TablePagination.types';
4
+ import { CommonSxProps } from '../@types';
5
+ export interface TableItem {
6
+ [key: string]: any;
7
+ }
8
+ export interface TableColumn<T = TableItem> {
9
+ type?: 'text' | 'number' | 'date' | 'img' | 'button' | 'buttons';
10
+ label?: ReactNode;
11
+ name?: string;
12
+ align?: TableCellProps['align'];
13
+ width?: string | number;
14
+ minWidth?: string | number;
15
+ ellipsis?: boolean;
16
+ tooltipProps?: Omit<TooltipProps, 'children' | 'title'>;
17
+ head?: {
18
+ className?: CommonSxProps['className'];
19
+ style?: CommonSxProps['style'];
20
+ sx?: CommonSxProps['sx'];
21
+ onGetClassName?(): CommonSxProps['className'];
22
+ onGetStyle?(): CommonSxProps['style'];
23
+ onGetSx?(): CommonSxProps['sx'];
24
+ onRender?(): ReactNode;
25
+ };
26
+ footer?: {
27
+ value?: ReactNode;
28
+ className?: CommonSxProps['className'];
29
+ style?: CommonSxProps['style'];
30
+ sx?: CommonSxProps['sx'];
31
+ onGetClassName?(): CommonSxProps['className'];
32
+ onGetStyle?(): CommonSxProps['style'];
33
+ onGetSx?(): CommonSxProps['sx'];
34
+ onRender?(): ReactNode;
35
+ };
36
+ className?: CommonSxProps['className'];
37
+ style?: CommonSxProps['style'];
38
+ sx?: CommonSxProps['sx'];
39
+ onGetClassName?(item: T, index: number): CommonSxProps['className'];
40
+ onGetStyle?(item: T, index: number): CommonSxProps['style'];
41
+ onGetSx?(item: T, index: number): CommonSxProps['sx'];
42
+ onGetTooltip?(item: T, index: number): ReactNode;
43
+ onRender?(item: T, index: number): ReactNode;
44
+ onClick?(item: T, index: number): void;
45
+ }
46
+ export interface TableProps<T = TableItem> extends CommonSxProps {
47
+ columns?: TableColumn<T>[];
48
+ defaultAlign?: TableCellProps['align'];
49
+ defaultEllipsis?: boolean;
50
+ stickyHeader?: boolean;
51
+ items?: T[];
52
+ paging?: TablePaginationProps['paging'];
53
+ pagingAlign?: TablePaginationProps['align'];
54
+ height?: string | number;
55
+ maxHeight?: string | number;
56
+ minHeight?: string | number;
57
+ showOddColor?: boolean;
58
+ showEvenColor?: boolean;
59
+ cellPadding?: string | number;
60
+ footer?: boolean;
61
+ noData?: ReactNode;
62
+ pagination?: {
63
+ className?: CommonSxProps['className'];
64
+ style?: CommonSxProps['style'];
65
+ sx?: CommonSxProps['sx'];
66
+ };
67
+ onClick?(item: T, index: number): void;
68
+ onGetBodyRowSx?(item: T, index: number): CommonSxProps['sx'] | undefined;
69
+ onPageChange?(page: number): void;
70
+ }
71
+ export declare const TableDefaultProps: Pick<TableProps, 'defaultAlign' | 'pagingAlign' | 'cellPadding'>;
72
+ export interface TableCommands {
73
+ getColumns(): TableProps['columns'];
74
+ setColumns(columns: TableProps['columns']): void;
75
+ getItems(): TableProps['items'];
76
+ getPaging(): TableProps['paging'];
77
+ setItemsPaging(items: TableProps['items'], paging: TableProps['paging']): void;
78
+ }
@@ -0,0 +1,4 @@
1
+ import Table from './Table';
2
+ export default Table;
3
+ export { Table };
4
+ export * from './Table.types';
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { TableBodyCellProps as Props } from './TableBodyCell.types';
3
+ declare const TableBodyCell: React.FC<Props>;
4
+ export default TableBodyCell;
@@ -0,0 +1,9 @@
1
+ import { TableColumn, TableItem, TableProps } from '../Table/Table.types';
2
+ export interface TableBodyCellProps {
3
+ index: number;
4
+ item: TableItem;
5
+ column: TableColumn;
6
+ defaultAlign?: TableProps['defaultAlign'];
7
+ defaultEllipsis?: boolean;
8
+ onClick: TableProps['onClick'];
9
+ }
@@ -0,0 +1,4 @@
1
+ import TableBodyCell from './TableBodyCell';
2
+ export default TableBodyCell;
3
+ export { TableBodyCell };
4
+ export * from './TableBodyCell.types';
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { TableButtonProps as Props } from './TableButton.types';
3
+ declare const TableButton: React.ForwardRefExoticComponent<Pick<Props, "children" | "className" | "style" | "classes" | "form" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "startIcon" | "variant" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "icon"> & React.RefAttributes<HTMLButtonElement>>;
4
+ export default TableButton;
@@ -0,0 +1,7 @@
1
+ import { ButtonProps } from '@mui/material';
2
+ export interface TableButtonProps extends Omit<ButtonProps, 'size' | 'startIcon' | 'endIcon'> {
3
+ icon?: string;
4
+ startIcon?: string;
5
+ endIcon?: string;
6
+ }
7
+ export declare const TableButtonDefaultProps: Pick<TableButtonProps, 'variant' | 'color'>;
@@ -0,0 +1,4 @@
1
+ import TableButton from './TableButton';
2
+ export default TableButton;
3
+ export { TableButton };
4
+ export * from './TableButton.types';
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { TableCommonCellProps } from './TableCommonCell.types';
3
+ declare const TableCommonCell: React.FC<TableCommonCellProps>;
4
+ export default TableCommonCell;
@@ -0,0 +1,11 @@
1
+ import { TableColumn, TableItem, TableProps } from '../Table/Table.types';
2
+ import { CommonSxProps } from '../@types';
3
+ export interface TableCommonCellProps extends CommonSxProps {
4
+ type: 'head' | 'body' | 'footer';
5
+ column: TableColumn;
6
+ defaultAlign?: TableProps['defaultAlign'];
7
+ defaultEllipsis?: boolean;
8
+ index?: number;
9
+ item?: TableItem;
10
+ onClick?: TableProps['onClick'];
11
+ }
@@ -0,0 +1,4 @@
1
+ import TableCommonCell from './TableCommonCell';
2
+ export default TableCommonCell;
3
+ export { TableCommonCell };
4
+ export * from './TableCommonCell.types';
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { TableFooterCellProps } from './TableFooterCell.types';
3
+ declare const TableFooterCell: React.FC<TableFooterCellProps>;
4
+ export default TableFooterCell;
@@ -0,0 +1,5 @@
1
+ import { TableColumn, TableProps } from '../Table/Table.types';
2
+ export interface TableFooterCellProps {
3
+ column: TableColumn;
4
+ defaultAlign?: TableProps['defaultAlign'];
5
+ }
@@ -0,0 +1,4 @@
1
+ import TableFooterCell from './TableFooterCell';
2
+ export default TableFooterCell;
3
+ export { TableFooterCell };
4
+ export * from './TableFooterCell.types';
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { TableHeadCellProps } from './TableHeadCell.types';
3
+ declare const TableHeadCell: React.FC<TableHeadCellProps>;
4
+ export default TableHeadCell;
@@ -0,0 +1,5 @@
1
+ import { TableColumn, TableProps } from '../Table/Table.types';
2
+ export interface TableHeadCellProps {
3
+ column: TableColumn;
4
+ defaultAlign?: TableProps['defaultAlign'];
5
+ }
@@ -0,0 +1,4 @@
1
+ import TableHeadCell from './TableHeadCell';
2
+ export default TableHeadCell;
3
+ export { TableHeadCell };
4
+ export * from './TableHeadCell.types';
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { TableIconProps as Props } from './TableIcon.types';
3
+ declare const TableIcon: React.ForwardRefExoticComponent<Pick<Props, "className" | "style" | "classes" | "baseClassName" | "children" | "color" | "fontSize" | "sx" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLAnchorElement>>;
4
+ export default TableIcon;
@@ -0,0 +1,5 @@
1
+ import { IconProps } from '@mui/material';
2
+ export interface TableIconProps extends IconProps {
3
+ children: string;
4
+ }
5
+ export declare const TableIconDefaultProps: {};
@@ -0,0 +1,4 @@
1
+ import TableIcon from './TableIcon';
2
+ export default TableIcon;
3
+ export { TableIcon };
4
+ export * from './TableIcon.types';
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { TablePaginationProps } from './TablePagination.types';
3
+ declare const TablePagination: React.FC<TablePaginationProps>;
4
+ export default TablePagination;
@@ -0,0 +1,13 @@
1
+ import { StackProps } from '@mui/material';
2
+ import { CommonSxProps } from '../@types';
3
+ export interface TablePaging {
4
+ current_page: number;
5
+ per_page: number;
6
+ last_page: number;
7
+ total: number;
8
+ }
9
+ export interface TablePaginationProps extends Pick<CommonSxProps, 'className' | 'style' | 'sx'> {
10
+ paging: TablePaging;
11
+ align?: StackProps['alignItems'];
12
+ onChange?(page: number): void;
13
+ }
@@ -0,0 +1,4 @@
1
+ import TablePagination from './TablePagination';
2
+ export default TablePagination;
3
+ export { TablePagination };
4
+ export * from './TablePagination.types';
@@ -0,0 +1,5 @@
1
+ export * from './@types';
2
+ export * from './Table';
3
+ export * from './SearchTable';
4
+ export * from './TableButton';
5
+ export * from './TableIcon';