@pdg/react-table 1.0.78 → 1.0.80

package/dist/@types/index.d.ts

@@ -1 +1 @@
-export * from './types';
+export * from './types';

package/dist/@types/types.d.ts

@@ -1,13 +1,13 @@
-import { CSSProperties, ReactNode } from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from '@mui/material/styles';
-export type PartialPick<T, K extends keyof T> = Partial<Pick<T, K>>;
-export type PartialOmit<T, K extends keyof T> = Partial<Omit<T, K>>;
-export interface CommonProps {
-    children?: ReactNode;
-    className?: string;
-    style?: CSSProperties;
-}
-export interface CommonSxProps extends CommonProps {
-    sx?: SxProps<Theme>;
-}
+import { CSSProperties, ReactNode } from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material/styles';
+export type PartialPick<T, K extends keyof T> = Partial<Pick<T, K>>;
+export type PartialOmit<T, K extends keyof T> = Partial<Omit<T, K>>;
+export interface CommonProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface CommonSxProps extends CommonProps {
+    sx?: SxProps<Theme>;
+}

package/dist/@util/index.d.ts

@@ -1,9 +1 @@
-declare const ll: (message?: any, ...optionalParams: any[]) => void;
-declare const nextTick: (callback: () => void) => void;
-export { ll, nextTick };
-export * from './compare';
-export * from './number';
-export * from './table';
-export * from './tel';
-export * from './companyNo';
-export * from './personalNo';
+export * from './table';

package/dist/@util/table.d.ts

@@ -1,8 +1,8 @@
-import { TableColumn } from '../Table/Table.types';
-import { CommonSxProps } from '../@types';
-import { TypographyProps } from '@mui/material';
-export declare function getTableColumnAlign(column: TableColumn, defaultAlign: TableColumn['align']): TableColumn['align'];
-export declare function combineSx(...sx: (boolean | CommonSxProps['sx'])[]): CommonSxProps['sx'];
-export declare function typographyColorToSxColor(color: TypographyProps['color']): string | readonly (readonly string[] | import("csstype").Property.Color | null | undefined)[] | {
-    [key: string]: readonly string[] | import("csstype").Property.Color | null | undefined;
-} | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import("csstype").Property.Color | undefined>) | undefined;
+import { TableColumn } from '../Table/Table.types';
+import { CommonSxProps } from '../@types';
+import { TypographyProps } from '@mui/material';
+export declare function getTableColumnAlign(column: TableColumn, defaultAlign: TableColumn['align']): TableColumn['align'];
+export declare function combineSx(...sx: (boolean | CommonSxProps['sx'])[]): CommonSxProps['sx'];
+export declare function typographyColorToSxColor(color: TypographyProps['color']): string | readonly (readonly string[] | import("csstype").Property.Color | null | undefined)[] | {
+    [key: string]: readonly string[] | import("csstype").Property.Color | null | undefined;
+} | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue<readonly string[] | import("csstype").Property.Color | undefined>) | undefined;

package/dist/InfoTable/InfoTable.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { InfoTableProps as Props, InfoTableInfo } from './InfoTable.types';
-interface WithType<T = InfoTableInfo> extends React.FC<Props<T>> {
-    <T = InfoTableInfo>(props: Props<T>): ReturnType<React.FC<Props<T>>>;
-}
-declare const InfoTable: WithType;
-export default InfoTable;
+import React from 'react';
+import { InfoTableProps as Props, InfoTableInfo } from './InfoTable.types';
+interface WithType<T = InfoTableInfo> extends React.FC<Props<T>> {
+    <T = InfoTableInfo>(props: Props<T>): ReturnType<React.FC<Props<T>>>;
+}
+declare const InfoTable: WithType;
+export default InfoTable;

package/dist/InfoTable/InfoTable.style.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const ValueWrap: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const Value: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ValueEllipsis: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ValueClipboard: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ClipboardIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "style" | "className" | "tabIndex" | "color" | "children" | "sx" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "size"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const Line: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ValueWrap: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Value: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ValueEllipsis: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ValueClipboard: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ClipboardIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "style" | "className" | "tabIndex" | "color" | "children" | "sx" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "size"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Line: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/InfoTable/InfoTable.types.d.ts

@@ -1,72 +1,72 @@
-import { ReactNode } from 'react';
-import { BoxProps, GridProps, IconButtonProps, TypographyProps } from '@mui/material';
-import { CommonSxProps } from '../@types';
-export interface InfoTableInfo {
-    [key: string]: any;
-}
-export type InfoTableItemType = 'text' | 'number' | 'tel' | 'url' | 'email' | 'date' | 'datetime' | 'date-hour' | 'date-minute' | 'company_no' | 'personal_no' | 'divider';
-export interface InfoTableItem<T = InfoTableInfo> {
-    icon?: string;
-    label?: ReactNode;
-    name?: keyof T;
-    type?: InfoTableItemType;
-    ellipsis?: boolean;
-    className?: string;
-    dateFormat?: string;
-    dateTwoLine?: boolean;
-    numberPrefix?: string;
-    numberSuffix?: string;
-    dividerColor?: TypographyProps['color'];
-    dividerLine?: boolean;
-    style?: CommonSxProps['style'];
-    sx?: BoxProps['sx'];
-    labelClassName?: string;
-    labelColor?: TypographyProps['color'];
-    labelStyle?: CommonSxProps['style'];
-    labelSx?: BoxProps['sx'];
-    valueClassName?: string;
-    valueStyle?: CommonSxProps['style'];
-    valueSx?: CommonSxProps['sx'];
-    xs?: number;
-    sm?: number;
-    md?: number;
-    lg?: number;
-    xl?: number;
-    clipboard?: boolean;
-    clipboardIcon?: string;
-    clipboardText?: string;
-    clipboardProps?: Omit<IconButtonProps, 'children'>;
-    onRender?(info: T): ReactNode;
-    onRenderEmpty?(info: T): ReactNode;
-}
-export type InfoTableItems<T = InfoTableInfo> = (InfoTableItem<T> | false | undefined | null)[];
-export type InfoTableCols = 1 | 2 | 3 | 4 | 6 | 12;
-export interface InfoTableProps<T = InfoTableInfo> {
-    cols: InfoTableCols | {
-        xs?: InfoTableCols;
-        sm?: InfoTableCols;
-        md?: InfoTableCols;
-        lg?: InfoTableCols;
-        xl?: InfoTableCols;
-    };
-    spacing?: GridProps['spacing'];
-    columnSpacing?: GridProps['spacing'];
-    rowSpacing?: GridProps['spacing'];
-    className?: string;
-    style?: CommonSxProps['style'];
-    sx?: CommonSxProps['sx'];
-    labelClassName?: string;
-    labelColor?: TypographyProps['color'];
-    labelStyle?: CommonSxProps['style'];
-    labelSx?: BoxProps['sx'];
-    dividerColor?: TypographyProps['color'];
-    valueClassName?: string;
-    valueStyle?: CommonSxProps['style'];
-    valueSx?: CommonSxProps['sx'];
-    ellipsis?: boolean;
-    valueUnderline?: boolean;
-    info: T;
-    items: InfoTableItems<T>;
-    onCopyToClipboard?(item: InfoTableItem<T>, text: string): void;
-}
-export declare const InfoTableDefaultProps: Pick<InfoTableProps, 'spacing' | 'columnSpacing' | 'rowSpacing' | 'labelColor' | 'dividerColor'>;
+import { ReactNode } from 'react';
+import { BoxProps, GridProps, IconButtonProps, TypographyProps } from '@mui/material';
+import { CommonSxProps } from '../@types';
+export interface InfoTableInfo {
+    [key: string]: any;
+}
+export type InfoTableItemType = 'text' | 'number' | 'tel' | 'url' | 'email' | 'date' | 'datetime' | 'date-hour' | 'date-minute' | 'company_no' | 'personal_no' | 'divider';
+export interface InfoTableItem<T = InfoTableInfo> {
+    icon?: string;
+    label?: ReactNode;
+    name?: keyof T;
+    type?: InfoTableItemType;
+    ellipsis?: boolean;
+    className?: string;
+    dateFormat?: string;
+    dateTwoLine?: boolean;
+    numberPrefix?: string;
+    numberSuffix?: string;
+    dividerColor?: TypographyProps['color'];
+    dividerLine?: boolean;
+    style?: CommonSxProps['style'];
+    sx?: BoxProps['sx'];
+    labelClassName?: string;
+    labelColor?: TypographyProps['color'];
+    labelStyle?: CommonSxProps['style'];
+    labelSx?: BoxProps['sx'];
+    valueClassName?: string;
+    valueStyle?: CommonSxProps['style'];
+    valueSx?: CommonSxProps['sx'];
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    clipboard?: boolean;
+    clipboardIcon?: string;
+    clipboardText?: string;
+    clipboardProps?: Omit<IconButtonProps, 'children'>;
+    onRender?(info: T): ReactNode;
+    onRenderEmpty?(info: T): ReactNode;
+}
+export type InfoTableItems<T = InfoTableInfo> = (InfoTableItem<T> | false | undefined | null)[];
+export type InfoTableCols = 1 | 2 | 3 | 4 | 6 | 12;
+export interface InfoTableProps<T = InfoTableInfo> {
+    cols: InfoTableCols | {
+        xs?: InfoTableCols;
+        sm?: InfoTableCols;
+        md?: InfoTableCols;
+        lg?: InfoTableCols;
+        xl?: InfoTableCols;
+    };
+    spacing?: GridProps['spacing'];
+    columnSpacing?: GridProps['spacing'];
+    rowSpacing?: GridProps['spacing'];
+    className?: string;
+    style?: CommonSxProps['style'];
+    sx?: CommonSxProps['sx'];
+    labelClassName?: string;
+    labelColor?: TypographyProps['color'];
+    labelStyle?: CommonSxProps['style'];
+    labelSx?: BoxProps['sx'];
+    dividerColor?: TypographyProps['color'];
+    valueClassName?: string;
+    valueStyle?: CommonSxProps['style'];
+    valueSx?: CommonSxProps['sx'];
+    ellipsis?: boolean;
+    valueUnderline?: boolean;
+    info: T;
+    items: InfoTableItems<T>;
+    onCopyToClipboard?(item: InfoTableItem<T>, text: string): void;
+}
+export declare const InfoTableDefaultProps: Pick<InfoTableProps, 'spacing' | 'columnSpacing' | 'rowSpacing' | 'labelColor' | 'dividerColor'>;

package/dist/InfoTable/index.d.ts

@@ -1,4 +1,4 @@
-import InfoTable from './InfoTable';
-export default InfoTable;
-export { InfoTable };
-export * from './InfoTable.types';
+import InfoTable from './InfoTable';
+export default InfoTable;
+export { InfoTable };
+export * from './InfoTable.types';

package/dist/SearchTable/SearchTable.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { SearchTableProps, SearchTableCommands } from './SearchTable.types';
-import { TableItem } from '../Table';
-interface WithForwardRefType<T = TableItem> extends React.FC<SearchTableProps<T>> {
-    <T = TableItem>(props: SearchTableProps<T> & React.RefAttributes<SearchTableCommands<T>>): ReturnType<React.FC<SearchTableProps<T>>>;
-}
-declare const SearchTable: WithForwardRefType;
-export default SearchTable;
+import React from 'react';
+import { SearchTableProps, SearchTableCommands } from './SearchTable.types';
+import { TableItem } from '../Table';
+interface WithForwardRefType<T = TableItem> extends React.FC<SearchTableProps<T>> {
+    <T = TableItem>(props: SearchTableProps<T> & React.RefAttributes<SearchTableCommands<T>>): ReturnType<React.FC<SearchTableProps<T>>>;
+}
+declare const SearchTable: WithForwardRefType;
+export default SearchTable;

package/dist/SearchTable/SearchTable.types.d.ts

@@ -1,34 +1,34 @@
-import React from 'react';
-import { TableProps, TableCommands, TableItem } from '../Table';
-import { FormValueMap, SearchCommands, SearchProps } from '@pdg/react-form';
-import { ReactNode } from 'react';
-import { CommonSxProps } from '../@types';
-export interface SearchTableData<T = TableItem> {
-    items: TableProps<T>['items'];
-    paging?: TableProps<T>['paging'];
-}
-export interface SearchTableSearchProps extends Omit<SearchProps, 'ref' | 'color' | 'autoSubmit' | 'onSubmit'> {
-    ref?: React.ForwardedRef<SearchCommands>;
-    searchGroups?: ReactNode;
-}
-export interface SearchTableTableProps<T = TableItem> extends Omit<TableProps<T>, 'ref' | 'items' | 'paging' | 'onPageChange'> {
-    ref?: React.ForwardedRef<TableCommands<T>>;
-}
-export interface SearchTableProps<T = TableItem> extends CommonSxProps {
-    color?: SearchProps['color'];
-    hash?: boolean;
-    stickyHeader?: boolean;
-    fullHeight?: boolean;
-    search?: SearchTableSearchProps;
-    table: SearchTableTableProps<T>;
-    betweenSearchTableComponent?: ReactNode;
-    onGetData?(data: FormValueMap): Promise<SearchTableData<T>>;
-    onRequestHashChange?(hash: string): void;
-}
-export declare const SearchTableDefaultProps: {};
-export interface SearchTableCommands<T = TableItem> {
-    reload(page?: number): void;
-    getLastLoadData(): FormValueMap;
-    getSearch(): SearchCommands | undefined;
-    getTable(): TableCommands<T> | undefined;
-}
+import React from 'react';
+import { TableProps, TableCommands, TableItem } from '../Table';
+import { FormValueMap, SearchCommands, SearchProps } from '@pdg/react-form';
+import { ReactNode } from 'react';
+import { CommonSxProps } from '../@types';
+export interface SearchTableData<T = TableItem> {
+    items: TableProps<T>['items'];
+    paging?: TableProps<T>['paging'];
+}
+export interface SearchTableSearchProps extends Omit<SearchProps, 'ref' | 'color' | 'autoSubmit' | 'onSubmit'> {
+    ref?: React.ForwardedRef<SearchCommands>;
+    searchGroups?: ReactNode;
+}
+export interface SearchTableTableProps<T = TableItem> extends Omit<TableProps<T>, 'ref' | 'items' | 'paging' | 'onPageChange'> {
+    ref?: React.ForwardedRef<TableCommands<T>>;
+}
+export interface SearchTableProps<T = TableItem> extends CommonSxProps {
+    color?: SearchProps['color'];
+    hash?: boolean;
+    stickyHeader?: boolean;
+    fullHeight?: boolean;
+    search?: SearchTableSearchProps;
+    table: SearchTableTableProps<T>;
+    betweenSearchTableComponent?: ReactNode;
+    onGetData?(data: FormValueMap): Promise<SearchTableData<T>>;
+    onRequestHashChange?(hash: string): void;
+}
+export declare const SearchTableDefaultProps: {};
+export interface SearchTableCommands<T = TableItem> {
+    reload(page?: number): void;
+    getLastLoadData(): FormValueMap;
+    getSearch(): SearchCommands | undefined;
+    getTable(): TableCommands<T> | undefined;
+}

package/dist/SearchTable/index.d.ts

@@ -1,4 +1,4 @@
-import SearchTable from './SearchTable';
-export default SearchTable;
-export { SearchTable };
-export * from './SearchTable.types';
+import SearchTable from './SearchTable';
+export default SearchTable;
+export { SearchTable };
+export * from './SearchTable.types';

package/dist/Table/Table.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { TableProps, TableCommands, TableItem } from './Table.types';
-import 'simplebar-react/dist/simplebar.min.css';
-interface WithForwardRefType<T = TableItem> extends React.FC<TableProps<T>> {
-    <T = TableItem>(props: TableProps<T> & React.RefAttributes<TableCommands<T>>): ReturnType<React.FC<TableProps<T>>>;
-}
-declare const Table: WithForwardRefType;
-export default Table;
+import React from 'react';
+import { TableProps, TableCommands, TableItem } from './Table.types';
+import 'simplebar-react/dist/simplebar.min.css';
+interface WithForwardRefType<T = TableItem> extends React.FC<TableProps<T>> {
+    <T = TableItem>(props: TableProps<T> & React.RefAttributes<TableCommands<T>>): ReturnType<React.FC<TableProps<T>>>;
+}
+declare const Table: WithForwardRefType;
+export default Table;

package/dist/Table/Table.styles.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare const StyledBodyRow: import("@emotion/styled").StyledComponent<import("@mui/material").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
-    ref?: ((instance: HTMLTableRowElement | null) => void) | import("react").RefObject<HTMLTableRowElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "hover" | "selected" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledNoDataDiv: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+export declare const StyledBodyRow: import("@emotion/styled").StyledComponent<import("@mui/material").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
+    ref?: ((instance: HTMLTableRowElement | null) => void) | import("react").RefObject<HTMLTableRowElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "hover" | "selected" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledNoDataDiv: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/Table/Table.types.d.ts

@@ -1,115 +1,115 @@
-import { ReactNode } from 'react';
-import { TableCellProps, TooltipProps } from '@mui/material';
-import { TablePaginationProps } from '../TablePagination/TablePagination.types';
-import { CommonSxProps } from '../@types';
-import { TableTopHeadProps } from '../TableTopHead';
-export interface TableItem {
-    [key: string]: any;
-}
-export interface TableColumn<T = TableItem> {
-    id?: string;
-    type?: 'text' | 'number' | 'tel' | 'date' | 'datetime' | 'date-hour' | 'date-minute' | 'company_no' | 'personal_no' | 'img' | 'button' | 'buttons' | 'check';
-    label?: ReactNode;
-    name?: keyof T;
-    align?: TableCellProps['align'];
-    width?: string | number;
-    minWidth?: string | number;
-    ellipsis?: boolean;
-    dateFormat?: string;
-    dateTwoLine?: boolean;
-    hideAllCheck?: boolean;
-    numberPrefix?: string;
-    numberSuffix?: string;
-    tooltipProps?: Omit<TooltipProps, 'children' | 'title'>;
-    display?: {
-        xs?: boolean;
-        sm?: boolean;
-        md?: boolean;
-        lg?: boolean;
-        xl?: boolean;
-    };
-    paddingLeft?: number;
-    paddingRight?: number;
-    head?: {
-        className?: CommonSxProps['className'];
-        style?: CommonSxProps['style'];
-        sx?: CommonSxProps['sx'];
-        onGetClassName?(): CommonSxProps['className'];
-        onGetStyle?(): CommonSxProps['style'];
-        onGetSx?(): CommonSxProps['sx'];
-        onRender?(): ReactNode;
-    };
-    footer?: {
-        value?: ReactNode;
-        className?: CommonSxProps['className'];
-        style?: CommonSxProps['style'];
-        sx?: CommonSxProps['sx'];
-        onGetClassName?(): CommonSxProps['className'];
-        onGetStyle?(): CommonSxProps['style'];
-        onGetSx?(): CommonSxProps['sx'];
-        onRender?(): ReactNode;
-    };
-    className?: CommonSxProps['className'];
-    style?: CommonSxProps['style'];
-    sx?: CommonSxProps['sx'];
-    onGetClassName?(item: T, index: number): CommonSxProps['className'];
-    onGetStyle?(item: T, index: number): CommonSxProps['style'];
-    onGetSx?(item: T, index: number): CommonSxProps['sx'];
-    onHide?(item: T, index: number): boolean;
-    onGetTooltip?(item: T, index: number): ReactNode;
-    onRender?(item: T, index: number): ReactNode;
-    onClick?(item: T, index: number): void;
-    onInitChecked?(item: T): boolean;
-    onCheckDisabled?(item: T): boolean;
-    onCheckChange?(item: T, checked: boolean): void;
-    onCheckDisabledChange?(item: T, checkDisabled: boolean): void;
-}
-export type TableColumns<T = TableItem> = (TableColumn<T> | false | undefined | null)[];
-export interface TableProps<T = TableItem> extends CommonSxProps {
-    caption?: ReactNode;
-    topHeadRows?: TableTopHeadProps['rows'];
-    columns?: TableColumns<T>;
-    defaultAlign?: TableCellProps['align'];
-    defaultEllipsis?: boolean;
-    stickyHeader?: boolean;
-    items?: T[];
-    paging?: TablePaginationProps['paging'];
-    pagingAlign?: TablePaginationProps['align'];
-    height?: string | number;
-    maxHeight?: string | number;
-    minHeight?: string | number;
-    fullHeight?: boolean;
-    showOddColor?: boolean;
-    showEvenColor?: boolean;
-    cellPadding?: string | number;
-    footer?: boolean;
-    noData?: ReactNode;
-    pagination?: {
-        className?: CommonSxProps['className'];
-        style?: CommonSxProps['style'];
-        sx?: CommonSxProps['sx'];
-    };
-    sortable?: boolean;
-    onClick?(item: T, index: number): void;
-    onGetBodyRowClassName?(item: T, index: number): CommonSxProps['className'] | undefined;
-    onGetBodyRowStyle?(item: T, index: number): CommonSxProps['style'] | undefined;
-    onGetBodyRowSx?(item: T, index: number): CommonSxProps['sx'] | undefined;
-    onGetBodyColumnClassName?(column: TableColumn<T>, item: T, index: number): CommonSxProps['className'] | undefined;
-    onGetBodyColumnStyle?(column: TableColumn<T>, item: T, index: number): CommonSxProps['style'] | undefined;
-    onGetBodyColumnSx?(column: TableColumn<T>, item: T, index: number): CommonSxProps['sx'] | undefined;
-    onPageChange?(page: number): void;
-    onSortChange?(items: T[]): void;
-    onCheckChange?(columnId: string, items: T[]): void;
-}
-export declare const TableDefaultProps: Pick<TableProps, 'defaultAlign' | 'pagingAlign' | 'cellPadding'>;
-export interface TableCommands<T = TableItem> {
-    getColumns(): TableProps<T>['columns'];
-    setColumns(columns: TableProps<T>['columns']): void;
-    getItems(): TableProps<T>['items'];
-    setItems(items: TableProps<T>['items']): void;
-    getPaging(): TableProps<T>['paging'];
-    setItemsPaging(items: TableProps<T>['items'], paging: TableProps<T>['paging']): void;
-    resetSort(): void;
-    getCheckedItems(columnId: string): T[];
-    scrollToTop(): void;
-}
+import { ReactNode } from 'react';
+import { TableCellProps, TooltipProps } from '@mui/material';
+import { TablePaginationProps } from '../TablePagination/TablePagination.types';
+import { CommonSxProps } from '../@types';
+import { TableTopHeadProps } from '../TableTopHead';
+export interface TableItem {
+    [key: string]: any;
+}
+export interface TableColumn<T = TableItem> {
+    id?: string;
+    type?: 'text' | 'number' | 'tel' | 'date' | 'datetime' | 'date-hour' | 'date-minute' | 'company_no' | 'personal_no' | 'img' | 'button' | 'buttons' | 'check';
+    label?: ReactNode;
+    name?: keyof T;
+    align?: TableCellProps['align'];
+    width?: string | number;
+    minWidth?: string | number;
+    ellipsis?: boolean;
+    dateFormat?: string;
+    dateTwoLine?: boolean;
+    hideAllCheck?: boolean;
+    numberPrefix?: string;
+    numberSuffix?: string;
+    tooltipProps?: Omit<TooltipProps, 'children' | 'title'>;
+    display?: {
+        xs?: boolean;
+        sm?: boolean;
+        md?: boolean;
+        lg?: boolean;
+        xl?: boolean;
+    };
+    paddingLeft?: number;
+    paddingRight?: number;
+    head?: {
+        className?: CommonSxProps['className'];
+        style?: CommonSxProps['style'];
+        sx?: CommonSxProps['sx'];
+        onGetClassName?(): CommonSxProps['className'];
+        onGetStyle?(): CommonSxProps['style'];
+        onGetSx?(): CommonSxProps['sx'];
+        onRender?(): ReactNode;
+    };
+    footer?: {
+        value?: ReactNode;
+        className?: CommonSxProps['className'];
+        style?: CommonSxProps['style'];
+        sx?: CommonSxProps['sx'];
+        onGetClassName?(): CommonSxProps['className'];
+        onGetStyle?(): CommonSxProps['style'];
+        onGetSx?(): CommonSxProps['sx'];
+        onRender?(): ReactNode;
+    };
+    className?: CommonSxProps['className'];
+    style?: CommonSxProps['style'];
+    sx?: CommonSxProps['sx'];
+    onGetClassName?(item: T, index: number): CommonSxProps['className'];
+    onGetStyle?(item: T, index: number): CommonSxProps['style'];
+    onGetSx?(item: T, index: number): CommonSxProps['sx'];
+    onHide?(item: T, index: number): boolean;
+    onGetTooltip?(item: T, index: number): ReactNode;
+    onRender?(item: T, index: number): ReactNode;
+    onClick?(item: T, index: number): void;
+    onInitChecked?(item: T): boolean;
+    onCheckDisabled?(item: T): boolean;
+    onCheckChange?(item: T, checked: boolean): void;
+    onCheckDisabledChange?(item: T, checkDisabled: boolean): void;
+}
+export type TableColumns<T = TableItem> = (TableColumn<T> | false | undefined | null)[];
+export interface TableProps<T = TableItem> extends CommonSxProps {
+    caption?: ReactNode;
+    topHeadRows?: TableTopHeadProps['rows'];
+    columns?: TableColumns<T>;
+    defaultAlign?: TableCellProps['align'];
+    defaultEllipsis?: boolean;
+    stickyHeader?: boolean;
+    items?: T[];
+    paging?: TablePaginationProps['paging'];
+    pagingAlign?: TablePaginationProps['align'];
+    height?: string | number;
+    maxHeight?: string | number;
+    minHeight?: string | number;
+    fullHeight?: boolean;
+    showOddColor?: boolean;
+    showEvenColor?: boolean;
+    cellPadding?: string | number;
+    footer?: boolean;
+    noData?: ReactNode;
+    pagination?: {
+        className?: CommonSxProps['className'];
+        style?: CommonSxProps['style'];
+        sx?: CommonSxProps['sx'];
+    };
+    sortable?: boolean;
+    onClick?(item: T, index: number): void;
+    onGetBodyRowClassName?(item: T, index: number): CommonSxProps['className'] | undefined;
+    onGetBodyRowStyle?(item: T, index: number): CommonSxProps['style'] | undefined;
+    onGetBodyRowSx?(item: T, index: number): CommonSxProps['sx'] | undefined;
+    onGetBodyColumnClassName?(column: TableColumn<T>, item: T, index: number): CommonSxProps['className'] | undefined;
+    onGetBodyColumnStyle?(column: TableColumn<T>, item: T, index: number): CommonSxProps['style'] | undefined;
+    onGetBodyColumnSx?(column: TableColumn<T>, item: T, index: number): CommonSxProps['sx'] | undefined;
+    onPageChange?(page: number): void;
+    onSortChange?(items: T[]): void;
+    onCheckChange?(columnId: string, items: T[]): void;
+}
+export declare const TableDefaultProps: Pick<TableProps, 'defaultAlign' | 'pagingAlign' | 'cellPadding'>;
+export interface TableCommands<T = TableItem> {
+    getColumns(): TableProps<T>['columns'];
+    setColumns(columns: TableProps<T>['columns']): void;
+    getItems(): TableProps<T>['items'];
+    setItems(items: TableProps<T>['items']): void;
+    getPaging(): TableProps<T>['paging'];
+    setItemsPaging(items: TableProps<T>['items'], paging: TableProps<T>['paging']): void;
+    resetSort(): void;
+    getCheckedItems(columnId: string): T[];
+    scrollToTop(): void;
+}