@pdg/react-table 1.1.6 → 1.1.8

package/dist/PInfoTable/PInfoTable.types.d.ts

@@ -37,14 +37,14 @@ export interface PInfoTableItem<T = PInfoTableInfo> {
     clipboardIcon?: string;
     clipboardText?: string;
     clipboardProps?: Omit<IconButtonProps, 'children'>;
-    onRender?(info: T): ReactNode;
-    onRenderEmpty?(info: T): ReactNode;
-    onHide?(info: T): boolean;
-    onXs?(info: T): number;
-    onSm?(info: T): number;
-    onMd?(info: T): number;
-    onLg?(info: T): number;
-    onXl?(info: T): number;
+    onRender?: (info: T) => ReactNode;
+    onRenderEmpty?: (info: T) => ReactNode;
+    onHide?: (info: T) => boolean;
+    onXs?: (info: T) => number;
+    onSm?: (info: T) => number;
+    onMd?: (info: T) => number;
+    onLg?: (info: T) => number;
+    onXl?: (info: T) => number;
 }
 export type PInfoTableItems<T = PInfoTableInfo> = (PInfoTableItem<T> | false | undefined | null)[];
 export type PInfoTableCols = 1 | 2 | 3 | 4 | 6 | 12;
@@ -74,5 +74,5 @@ export interface PInfoTableProps<T = PInfoTableInfo> {
     valueUnderline?: boolean;
     info: T;
     items: PInfoTableItems<T>;
-    onCopyToClipboard?(item: PInfoTableItem<T>, text: string): void;
+    onCopyToClipboard?: (item: PInfoTableItem<T>, text: string) => void;
 }

package/dist/PSearchTable/PSearchTable.types.d.ts

@@ -31,12 +31,12 @@ export interface PSearchTableProps<T = PTableItem> extends PTableCommonSxProps {
     search?: PSearchTableSearchProps;
     table: PSearchTableTableProps<T>;
     betweenSearchTableComponent?: ReactNode;
-    onGetData?(data: PFormValueMap): Promise<PSearchTableData<T>>;
-    onRequestHashChange?(hash: string): void;
+    onGetData?: (data: PFormValueMap) => Promise<PSearchTableData<T>>;
+    onRequestHashChange?: (hash: string) => void;
 }
 export interface PSearchTableCommands<T = PTableItem> {
-    reload(page?: number): void;
-    getLastLoadData(): PFormValueMap;
-    getSearch(): PSearchCommands | undefined;
-    getTable(): PTableCommands<T> | undefined;
+    reload: (page?: number) => void;
+    getLastLoadData: () => PFormValueMap;
+    getSearch: () => PSearchCommands | undefined;
+    getTable: () => PTableCommands<T> | undefined;
 }

package/dist/PTable/PTable.types.d.ts

@@ -49,10 +49,10 @@ export interface PTableColumn<T = PTableItem> {
         style?: PTableCommonSxProps['style'];
         backgroundColor?: CSSProperties['backgroundColor'];
         sx?: PTableCommonSxProps['sx'];
-        onGetClassName?(items?: T[]): PTableCommonSxProps['className'];
-        onGetStyle?(items?: T[]): PTableCommonSxProps['style'];
-        onGetSx?(items?: T[]): PTableCommonSxProps['sx'];
-        onRender?(items?: T[]): ReactNode;
+        onGetClassName?: (items?: T[]) => PTableCommonSxProps['className'];
+        onGetStyle?: (items?: T[]) => PTableCommonSxProps['style'];
+        onGetSx?: (items?: T[]) => PTableCommonSxProps['sx'];
+        onRender?: (items?: T[]) => ReactNode;
     };
     footer?: {
         value?: ReactNode;
@@ -60,26 +60,26 @@ export interface PTableColumn<T = PTableItem> {
         style?: PTableCommonSxProps['style'];
         backgroundColor?: CSSProperties['backgroundColor'];
         sx?: PTableCommonSxProps['sx'];
-        onGetClassName?(items?: T[]): PTableCommonSxProps['className'];
-        onGetStyle?(items?: T[]): PTableCommonSxProps['style'];
-        onGetSx?(items?: T[]): PTableCommonSxProps['sx'];
-        onRender?(items?: T[]): ReactNode;
+        onGetClassName?: (items?: T[]) => PTableCommonSxProps['className'];
+        onGetStyle?: (items?: T[]) => PTableCommonSxProps['style'];
+        onGetSx?: (items?: T[]) => PTableCommonSxProps['sx'];
+        onRender?: (items?: T[]) => ReactNode;
     };
     className?: PTableCommonSxProps['className'];
     style?: PTableCommonSxProps['style'];
     backgroundColor?: CSSProperties['backgroundColor'];
     sx?: PTableCommonSxProps['sx'];
-    onGetClassName?(item: T, index: number): PTableCommonSxProps['className'];
-    onGetStyle?(item: T, index: number): PTableCommonSxProps['style'];
-    onGetSx?(item: T, index: number): PTableCommonSxProps['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;
+    onGetClassName?: (item: T, index: number) => PTableCommonSxProps['className'];
+    onGetStyle?: (item: T, index: number) => PTableCommonSxProps['style'];
+    onGetSx?: (item: T, index: number) => PTableCommonSxProps['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 PTableColumns<T = PTableItem> = (PTableColumn<T> | false | undefined | null)[];
 /********************************************************************************************************************
@@ -111,32 +111,32 @@ export interface PTableProps<T = PTableItem> extends PTableCommonSxProps {
     };
     progressiveVisible?: PTableProgressiveVisibleInfo;
     sortable?: boolean;
-    onClick?(item: T, index: number): void;
-    onGetBodyRowClassName?(item: T, index: number): PTableCommonSxProps['className'] | undefined;
-    onGetBodyRowStyle?(item: T, index: number): PTableCommonSxProps['style'] | undefined;
-    onGetBodyRowSx?(item: T, index: number): PTableCommonSxProps['sx'] | undefined;
-    onGetBodyColumnClassName?(column: PTableColumn<T>, item: T, index: number): PTableCommonSxProps['className'] | undefined;
-    onGetBodyColumnStyle?(column: PTableColumn<T>, item: T, index: number): PTableCommonSxProps['style'] | undefined;
-    onGetBodyColumnSx?(column: PTableColumn<T>, item: T, index: number): PTableCommonSxProps['sx'] | undefined;
-    onPageChange?(page: number): void;
-    onSortChange?(items: T[]): void;
-    onCheckChange?(columnId: string, items: T[]): void;
+    onClick?: (item: T, index: number) => void;
+    onGetBodyRowClassName?: (item: T, index: number) => PTableCommonSxProps['className'] | undefined;
+    onGetBodyRowStyle?: (item: T, index: number) => PTableCommonSxProps['style'] | undefined;
+    onGetBodyRowSx?: (item: T, index: number) => PTableCommonSxProps['sx'] | undefined;
+    onGetBodyColumnClassName?: (column: PTableColumn<T>, item: T, index: number) => PTableCommonSxProps['className'] | undefined;
+    onGetBodyColumnStyle?: (column: PTableColumn<T>, item: T, index: number) => PTableCommonSxProps['style'] | undefined;
+    onGetBodyColumnSx?: (column: PTableColumn<T>, item: T, index: number) => PTableCommonSxProps['sx'] | undefined;
+    onPageChange?: (page: number) => void;
+    onSortChange?: (items: T[]) => void;
+    onCheckChange?: (columnId: string, items: T[]) => void;
 }
 /********************************************************************************************************************
  * PTableCommands
  * ******************************************************************************************************************/
 export interface PTableCommands<T = PTableItem> {
-    getColumns(): PTableProps<T>['columns'];
-    setColumns(columns: PTableProps<T>['columns']): void;
-    getItems(): PTableProps<T>['items'];
-    setItems(items: PTableProps<T>['items']): void;
-    getPaging(): PTableProps<T>['paging'];
-    setItemsPaging(items: PTableProps<T>['items'], paging: PTableProps<T>['paging']): void;
-    resetSort(): void;
-    getCheckedItems(columnId: string): T[];
-    getChecked(itemKey: string, itemValue: any, columnId: string): boolean;
-    setChecked(itemKey: string, itemValue: any, columnId: string, checked: boolean): void;
-    toggleChecked(itemKey: string, itemValue: any, columnId: string): void;
-    setCheckedAll(columnId: string, checked: boolean): void;
-    scrollToTop(): void;
+    getColumns: () => PTableProps<T>['columns'];
+    setColumns: (columns: PTableProps<T>['columns']) => void;
+    getItems: () => PTableProps<T>['items'];
+    setItems: (items: PTableProps<T>['items']) => void;
+    getPaging: () => PTableProps<T>['paging'];
+    setItemsPaging: (items: PTableProps<T>['items'], paging: PTableProps<T>['paging']) => void;
+    resetSort: () => void;
+    getCheckedItems: (columnId: string) => T[];
+    getChecked: (itemKey: string, itemValue: any, columnId: string) => boolean;
+    setChecked: (itemKey: string, itemValue: any, columnId: string, checked: boolean) => void;
+    toggleChecked: (itemKey: string, itemValue: any, columnId: string) => void;
+    setCheckedAll: (columnId: string, checked: boolean) => void;
+    scrollToTop: () => void;
 }

package/dist/PTableBodyCell/PTableBodyCell.types.d.ts

@@ -1,8 +1,8 @@
 import { PTableColumn, PTableItem, PTableProps } from '../PTable/PTable.types';
 import { PTableCommonSxProps } from '../@types';
 export interface PTableBodyCellCommands {
-    setChecked(checked: boolean): void;
-    setCheckDisabled(disabled: boolean): void;
+    setChecked: (checked: boolean) => void;
+    setCheckDisabled: (disabled: boolean) => void;
 }
 export interface PTableBodyCellProps {
     className?: PTableCommonSxProps['className'];
@@ -14,5 +14,5 @@ export interface PTableBodyCellProps {
     defaultAlign?: PTableProps['defaultAlign'];
     defaultEllipsis?: boolean;
     onClick: PTableProps['onClick'];
-    onCheckChange(item: PTableItem, column: PTableColumn, checked: boolean): void;
+    onCheckChange: (item: PTableItem, column: PTableColumn, checked: boolean) => void;
 }

package/dist/PTableBodyRow/PTableBodyRow.types.d.ts

@@ -12,7 +12,7 @@ export interface PTableBodyRowProps extends Omit<TableRowProps, 'id' | 'onClick'
     item: PTableItem;
     onClick: PTableProps['onClick'];
     onCheckChange: PTableBodyCellProps['onCheckChange'];
-    onGetColumnClassName?(column: PTableColumn, item: PTableItem, index: number): PTableCommonSxProps['className'] | undefined;
-    onGetColumnStyle?(column: PTableColumn, item: PTableItem, index: number): PTableCommonSxProps['style'] | undefined;
-    onGetColumnSx?(column: PTableColumn, item: PTableItem, index: number): PTableCommonSxProps['sx'] | undefined;
+    onGetColumnClassName?: (column: PTableColumn, item: PTableItem, index: number) => PTableCommonSxProps['className'] | undefined;
+    onGetColumnStyle?: (column: PTableColumn, item: PTableItem, index: number) => PTableCommonSxProps['style'] | undefined;
+    onGetColumnSx?: (column: PTableColumn, item: PTableItem, index: number) => PTableCommonSxProps['sx'] | undefined;
 }

package/dist/PTableContext/PTableContext.types.d.ts

@@ -5,11 +5,10 @@ export interface PTableContextValue {
     menuOpen: boolean;
     openMenuId?: string;
     progressiveVisible?: PTableProgressiveVisibleInfo;
-    setMenuOpen(menuOpen: boolean, openMenuId?: string): void;
-    setItemColumnChecked(item: PTableItem, column: PTableColumn, checked: boolean): void;
-    setItemColumnCheckDisabled(item: PTableItem, column: PTableColumn, checkDisabled: boolean): void;
-    setItemColumnCommands(item: PTableItem, column: PTableColumn, commands: PTableBodyCellCommands): void;
-    setHeadColumnChecked(column: PTableColumn, checked: boolean): void;
-    setHeadColumnCommands(column: PTableColumn, commands: PTableHeadCellCommands): void;
+    setMenuOpen: (menuOpen: boolean, openMenuId?: string) => void;
+    setItemColumnChecked: (item: PTableItem, column: PTableColumn, checked: boolean) => void;
+    setItemColumnCheckDisabled: (item: PTableItem, column: PTableColumn, checkDisabled: boolean) => void;
+    setItemColumnCommands: (item: PTableItem, column: PTableColumn, commands: PTableBodyCellCommands) => void;
+    setHeadColumnChecked: (column: PTableColumn, checked: boolean) => void;
+    setHeadColumnCommands: (column: PTableColumn, commands: PTableHeadCellCommands) => void;
 }
-export declare const PTableContextDefaultValue: PTableContextValue;

package/dist/PTableHeadCell/PTableHeadCell.types.d.ts

@@ -1,12 +1,12 @@
 import { PTableColumn, PTableItem, PTableProps } from '../PTable/PTable.types';
 export interface PTableHeadCellCommands {
-    setChecked(checked: boolean): void;
-    setCheckDisabled(checkDisabled: boolean): void;
+    setChecked: (checked: boolean) => void;
+    setCheckDisabled: (checkDisabled: boolean) => void;
 }
 export interface PTableHeadCellProps<T = PTableItem> {
     column: PTableColumn;
     items?: T[];
     defaultAlign?: PTableProps['defaultAlign'];
     top?: number;
-    onCheckChange(column: PTableColumn, checked: boolean): void;
+    onCheckChange: (column: PTableColumn, checked: boolean) => void;
 }

package/dist/PTablePagination/PTablePagination.types.d.ts

@@ -9,5 +9,5 @@ export interface PTablePaging {
 export interface PTablePaginationProps extends Pick<PTableCommonSxProps, 'className' | 'style' | 'sx'> {
     paging: PTablePaging;
     align?: StackProps['alignItems'];
-    onChange?(page: number): void;
+    onChange?: (page: number) => void;
 }

package/dist/PTableTopHead/PTableTopHead.types.d.ts

@@ -14,5 +14,5 @@ export interface PTableTopHeadProps<T = PTableItem> {
     columns: PTableColumn[];
     items?: T[];
     defaultAlign: PTableProps['defaultAlign'];
-    onCheckChange(column: PTableColumn, checked: boolean): void;
+    onCheckChange: (column: PTableColumn, checked: boolean) => void;
 }

package/dist/index.esm.js

@@ -1263,18 +1263,9 @@ function useResizeDetector({ skipOnMount = false, refreshMode, refreshRate = 100
     });
 });
 var StyledNoDataDiv = styled('div')(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  text-align: center;\n  padding: 30px 0;\n  font-weight: 500;\n  font-size: 13px;\n  color: #94a0b2;\n  opacity: 0.8;\n\n  .material-icons {\n    font-size: 40px;\n    margin-bottom: 5px;\n  }\n"], ["\n  text-align: center;\n  padding: 30px 0;\n  font-weight: 500;\n  font-size: 13px;\n  color: #94a0b2;\n  opacity: 0.8;\n\n  .material-icons {\n    font-size: 40px;\n    margin-bottom: 5px;\n  }\n"])));
-var templateObject_1$3;var PTableContextDefaultValue = {
-    menuOpen: false,
-    openMenuId: undefined,
-    setMenuOpen: function () { },
-    setItemColumnChecked: function () { },
-    setItemColumnCheckDisabled: function () { },
-    setItemColumnCommands: function () { },
-    setHeadColumnChecked: function () { },
-    setHeadColumnCommands: function () { },
-};var PTableContext = createContext(PTableContextDefaultValue);function useTableState() {
+var templateObject_1$3;var PTableContext = createContext({});function useTableState() {
     var value = useContext(PTableContext);
-    if (value === undefined) {
+    if (empty(value)) {
         throw new Error('useFormState should be used within TableContext.Provider');
     }
     return value;

package/dist/index.js

@@ -1263,18 +1263,9 @@ function useResizeDetector({ skipOnMount = false, refreshMode, refreshRate = 100
     });
 });
 var StyledNoDataDiv = material.styled('div')(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  text-align: center;\n  padding: 30px 0;\n  font-weight: 500;\n  font-size: 13px;\n  color: #94a0b2;\n  opacity: 0.8;\n\n  .material-icons {\n    font-size: 40px;\n    margin-bottom: 5px;\n  }\n"], ["\n  text-align: center;\n  padding: 30px 0;\n  font-weight: 500;\n  font-size: 13px;\n  color: #94a0b2;\n  opacity: 0.8;\n\n  .material-icons {\n    font-size: 40px;\n    margin-bottom: 5px;\n  }\n"])));
-var templateObject_1$3;var PTableContextDefaultValue = {
-    menuOpen: false,
-    openMenuId: undefined,
-    setMenuOpen: function () { },
-    setItemColumnChecked: function () { },
-    setItemColumnCheckDisabled: function () { },
-    setItemColumnCommands: function () { },
-    setHeadColumnChecked: function () { },
-    setHeadColumnCommands: function () { },
-};var PTableContext = React.createContext(PTableContextDefaultValue);function useTableState() {
+var templateObject_1$3;var PTableContext = React.createContext({});function useTableState() {
     var value = React.useContext(PTableContext);
-    if (value === undefined) {
+    if (compare.empty(value)) {
         throw new Error('useFormState should be used within TableContext.Provider');
     }
     return value;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-table",
   "title": "React Table",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "description": "React Table",
   "type": "module",
   "types": "dist/index.d.ts",
@@ -58,8 +58,8 @@
     "@mui/x-date-pickers": "^7.29.4",
     "@pdg/compare": "^1.0.6",
     "@pdg/formatting": "^1.0.5",
-    "@pdg/react-component": "^1.1.0",
-    "@pdg/react-form": "^1.1.4",
+    "@pdg/react-component": "^1.1.1",
+    "@pdg/react-form": "^1.1.5",
     "@pdg/react-hook": "^1.0.32",
     "@pdg/types": "^1.0.2",
     "@types/uuid": "^10.0.0",