@etsoo/materialui 1.3.59 → 1.3.60

package/__tests__/ResponsePage.tsx

@@ -1,7 +1,6 @@
 import { act, render } from "@testing-library/react";
 import { MUGlobal, MobileListItemRenderer, ResponsivePage } from "../src";
 import React from "react";
-import { DataTypes } from "@etsoo/shared";
 
 global.ResizeObserver = jest.fn().mockImplementation(() => ({
   observe: jest.fn(),

package/lib/ComboBox.d.ts

@@ -1,5 +1,5 @@
 import { DataTypes, IdDefaultType, LabelDefaultType, ListType } from "@etsoo/shared";
-import { AutocompleteExtendedProps } from "./AutocompleteExtendedProps";
+import type { AutocompleteExtendedProps } from "./AutocompleteExtendedProps";
 /**
  * ComboBox props
  */

package/lib/ComboBoxMultiple.d.ts

@@ -1,5 +1,5 @@
 import { DataTypes, IdDefaultType, LabelDefaultType, ListType } from "@etsoo/shared";
-import { AutocompleteExtendedProps } from "./AutocompleteExtendedProps";
+import type { AutocompleteExtendedProps } from "./AutocompleteExtendedProps";
 /**
  * ComboBox multiple props
  */

package/lib/Tiplist.d.ts

@@ -1,5 +1,5 @@
 import { DataTypes, IdDefaultType, ListType2 } from "@etsoo/shared";
-import { AutocompleteExtendedProps } from "./AutocompleteExtendedProps";
+import type { AutocompleteExtendedProps } from "./AutocompleteExtendedProps";
 /**
  * Tiplist props
  */

package/lib/index.d.ts

@@ -15,7 +15,6 @@ export * from "./messages/OperationMessageHandler";
 export * from "./messages/RefreshHandler";
 export * from "./messages/SignalRUser";
 export * from "./pages/CommonPage";
-export * from "./pages/CommonPageProps";
 export * from "./pages/DataGridPage";
 export * from "./pages/DataGridPageProps";
 export * from "./pages/DrawerHeader";
@@ -23,9 +22,7 @@ export * from "./pages/EditPage";
 export * from "./pages/FixedListPage";
 export * from "./pages/LeftDrawer";
 export * from "./pages/ListPage";
-export * from "./pages/ListPageProps";
 export * from "./pages/ResponsivePage";
-export * from "./pages/ResponsivePageProps";
 export * from "./pages/SearchPageProps";
 export * from "./pages/TablePage";
 export * from "./pages/UserMenu";

package/lib/index.js

@@ -15,7 +15,6 @@ export * from "./messages/OperationMessageHandler";
 export * from "./messages/RefreshHandler";
 export * from "./messages/SignalRUser";
 export * from "./pages/CommonPage";
-export * from "./pages/CommonPageProps";
 export * from "./pages/DataGridPage";
 export * from "./pages/DataGridPageProps";
 export * from "./pages/DrawerHeader";
@@ -23,9 +22,7 @@ export * from "./pages/EditPage";
 export * from "./pages/FixedListPage";
 export * from "./pages/LeftDrawer";
 export * from "./pages/ListPage";
-export * from "./pages/ListPageProps";
 export * from "./pages/ResponsivePage";
-export * from "./pages/ResponsivePageProps";
 export * from "./pages/SearchPageProps";
 export * from "./pages/TablePage";
 export * from "./pages/UserMenu";

package/lib/pages/CommonPage.d.ts

@@ -1,4 +1,70 @@
-import { CommonPageProps } from "./CommonPageProps";
+import React from "react";
+import { ContainerProps, Theme } from "@mui/material";
+import type { CustomFabSize } from "../CustomFabProps";
+import type { IStateUpdate, ListItemReact } from "@etsoo/react";
+import type { UserKey } from "@etsoo/appscript";
+/**
+ * Common page props
+ * Default container id is 'pageContainer'
+ */
+export interface CommonPageProps extends Omit<ContainerProps, "id"> {
+    /**
+     * Fab buttons
+     */
+    fabButtons?: React.ReactNode;
+    /**
+     * Fab size
+     */
+    fabSize?: CustomFabSize;
+    /**
+     * Fab flex column direction, undefined to hide it
+     */
+    fabColumnDirection?: boolean;
+    /**
+     * Fab padding adjust
+     */
+    fabPaddingAdjust?: number;
+    /**
+     * Add panel to the Fab
+     */
+    fabPanel?: boolean;
+    /**
+     * Fab lays in the top
+     */
+    fabTop?: ((theme: Theme, padding: {}) => object) | boolean;
+    /**
+     * More actions
+     */
+    moreActions?: ListItemReact[];
+    /**
+     * On refresh callback, only when authorized = true
+     */
+    onRefresh?: () => void | PromiseLike<void>;
+    /**
+     * On page update, when authorized = null or true case, may uses onRefresh
+     */
+    onUpdate?: () => void | PromiseLike<void>;
+    /**
+     * On page update, all cases with authorized
+     */
+    onUpdateAll?: IStateUpdate;
+    /**
+     * Paddings
+     */
+    paddings?: Record<string, string | number>;
+    /**
+     * Scroll container
+     */
+    scrollContainer?: HTMLElement | object;
+    /**
+     * Support back click
+     */
+    supportBack?: boolean;
+    /**
+     * State last changed fields
+     */
+    targetFields?: UserKey[];
+}
 /**
  * Common page
  * @param props Props

package/lib/pages/DataGridPage.d.ts

@@ -1,5 +1,5 @@
 import { DataTypes } from "@etsoo/shared";
-import { DataGridPageProps } from "./DataGridPageProps";
+import type { DataGridPageProps } from "./DataGridPageProps";
 /**
  * DataGrid page
  * @param props Props

package/lib/pages/DataGridPageProps.d.ts

@@ -1,6 +1,6 @@
-import { DataTypes } from "@etsoo/shared";
-import { DataGridExProps } from "../DataGridEx";
-import { SearchPageProps } from "./SearchPageProps";
+import type { DataTypes } from "@etsoo/shared";
+import type { DataGridExProps } from "../DataGridEx";
+import type { SearchPageProps } from "./SearchPageProps";
 /**
  * DataGrid page props
  */

package/lib/pages/EditPage.d.ts

@@ -1,6 +1,6 @@
 import React, { FormEventHandler } from "react";
-import { CommonPageProps } from "./CommonPageProps";
-import { OperationMessageHandlerAll } from "../messages/OperationMessageHandler";
+import { CommonPageProps } from "./CommonPage";
+import type { OperationMessageHandlerAll } from "../messages/OperationMessageHandler";
 /**
  * Add / Edit page props
  */

package/lib/pages/FixedListPage.d.ts

@@ -1,5 +1,5 @@
 import { DataTypes } from "@etsoo/shared";
-import { ListPageProps } from "./ListPageProps";
+import type { ListPageProps } from "./ListPage";
 /**
  * Fixed height list page
  * @param props Props

package/lib/pages/ListPage.d.ts

@@ -1,5 +1,10 @@
 import { DataTypes } from "@etsoo/shared";
-import { ListPageProps } from "./ListPageProps";
+import { ScrollerListExProps } from "../ScrollerListEx";
+import type { SearchPageProps } from "./SearchPageProps";
+/**
+ * List page props
+ */
+export type ListPageProps<T extends object, F extends DataTypes.BasicTemplate> = SearchPageProps<T, F> & Omit<ScrollerListExProps<T>, "loadData">;
 /**
  * List page
  * @param props Props

package/lib/pages/ResponsivePage.d.ts

@@ -1,8 +1,57 @@
 import { DataTypes } from "@etsoo/shared";
-import { ResponsePageProps } from "./ResponsivePageProps";
+import React from "react";
+import type { DataGridPageProps } from "./DataGridPageProps";
+import type { ScrollerListExInnerItemRendererProps, ScrollerListExItemSize } from "../ScrollerListEx";
+import { ListChildComponentProps } from "react-window";
+import { GridMethodRef } from "@etsoo/react";
+import type { OperationMessageHandlerAll } from "../messages/OperationMessageHandler";
+/**
+ * Response page props
+ */
+export type ResponsePageProps<T extends object, F extends DataTypes.BasicTemplate> = Omit<DataGridPageProps<T, F>, "mRef" | "itemKey" | "onScroll" | "onItemsRendered"> & {
+    /**
+     *
+     * @param height Current height
+     * @param isGrid Is displaying DataGrid
+     * @returns Adjusted height
+     */
+    adjustFabHeight?: (height: number, isGrid: boolean) => number;
+    /**
+     * Min width to show Datagrid
+     */
+    dataGridMinWidth?: number;
+    /**
+     * Inner item renderer
+     */
+    innerItemRenderer: (props: ScrollerListExInnerItemRendererProps<T>) => React.ReactNode;
+    /**
+     * Item renderer
+     */
+    itemRenderer?: (props: ListChildComponentProps<T>) => React.ReactElement;
+    /**
+     * Item size, a function indicates its a variable size list
+     */
+    itemSize: ScrollerListExItemSize;
+    /**
+     * Methods
+     */
+    mRef?: React.MutableRefObject<GridMethodRef<T> | undefined>;
+    /**
+     * Pull to refresh data
+     */
+    pullToRefresh?: boolean;
+    /**
+     * Quick action for double click or click under mobile
+     */
+    quickAction?: (data: T) => void;
+    /**
+     * Operation message handler
+     */
+    operationMessageHandler?: OperationMessageHandlerAll;
+};
 /**
  * Fixed height list page
  * @param props Props
  * @returns Component
  */
-export declare function ResponsivePage<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: ResponsePageProps<T, F>): import("react/jsx-runtime").JSX.Element;
+export declare function ResponsivePage<T extends object, F extends DataTypes.BasicTemplate = {}>(props: ResponsePageProps<T, F>): import("react/jsx-runtime").JSX.Element;

package/lib/pages/SearchPageProps.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { GridJsonData, GridLoader } from "@etsoo/react";
-import { DataTypes } from "@etsoo/shared";
-import { CommonPageProps } from "./CommonPageProps";
+import type { GridJsonData, GridLoader } from "@etsoo/react";
+import type { DataTypes } from "@etsoo/shared";
+import type { CommonPageProps } from "./CommonPage";
 /**
  * Search page props
  */

package/lib/pages/TablePage.d.ts

@@ -1,5 +1,10 @@
 import { DataTypes, IdDefaultType } from "@etsoo/shared";
-import { TablePageProps } from "./TablePageProps";
+import { TableExProps } from "../TableEx";
+import type { SearchPageProps } from "./SearchPageProps";
+/**
+ * Table page props
+ */
+export type TablePageProps<T extends object, F extends DataTypes.BasicTemplate, D extends DataTypes.Keys<T>> = SearchPageProps<T, F> & Omit<TableExProps<T, D>, "loadData">;
 /**
  * Table page
  * @param props Props

package/lib/pages/ViewPage.d.ts

@@ -2,8 +2,8 @@ import { GridColumnRenderProps, GridDataType } from "@etsoo/react";
 import { DataTypes } from "@etsoo/shared";
 import { GridProps } from "@mui/material";
 import React from "react";
-import { CommonPageProps } from "./CommonPageProps";
-import { OperationMessageHandlerAll } from "../messages/OperationMessageHandler";
+import { CommonPageProps } from "./CommonPage";
+import type { OperationMessageHandlerAll } from "../messages/OperationMessageHandler";
 /**
  * View page grid item properties
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.3.59",
+  "version": "1.3.60",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/src/ComboBox.tsx

@@ -15,7 +15,7 @@ import React from "react";
 import { Utils as SharedUtils } from "@etsoo/shared";
 import { ReactUtils } from "@etsoo/react";
 import AddIcon from "@mui/icons-material/Add";
-import { AutocompleteExtendedProps } from "./AutocompleteExtendedProps";
+import type { AutocompleteExtendedProps } from "./AutocompleteExtendedProps";
 import { SearchField } from "./SearchField";
 import { InputField } from "./InputField";
 import { globalApp } from "./app/ReactApp";

package/src/ComboBoxMultiple.tsx

@@ -16,7 +16,7 @@ import { ReactUtils } from "@etsoo/react";
 
 import CheckBoxOutlineBlankIcon from "@mui/icons-material/CheckBoxOutlineBlank";
 import CheckBoxIcon from "@mui/icons-material/CheckBox";
-import { AutocompleteExtendedProps } from "./AutocompleteExtendedProps";
+import type { AutocompleteExtendedProps } from "./AutocompleteExtendedProps";
 import { SearchField } from "./SearchField";
 import { InputField } from "./InputField";
 import { globalApp } from "./app/ReactApp";

package/src/Tiplist.tsx

@@ -2,7 +2,7 @@ import { ReactUtils, useDelayedExecutor } from "@etsoo/react";
 import { DataTypes, IdDefaultType, ListType2 } from "@etsoo/shared";
 import { Autocomplete, AutocompleteRenderInputParams } from "@mui/material";
 import React from "react";
-import { AutocompleteExtendedProps } from "./AutocompleteExtendedProps";
+import type { AutocompleteExtendedProps } from "./AutocompleteExtendedProps";
 import { globalApp } from "./app/ReactApp";
 import { SearchField } from "./SearchField";
 import { InputField } from "./InputField";

package/src/index.ts

@@ -17,7 +17,6 @@ export * from "./messages/RefreshHandler";
 export * from "./messages/SignalRUser";
 
 export * from "./pages/CommonPage";
-export * from "./pages/CommonPageProps";
 export * from "./pages/DataGridPage";
 export * from "./pages/DataGridPageProps";
 export * from "./pages/DrawerHeader";
@@ -25,9 +24,7 @@ export * from "./pages/EditPage";
 export * from "./pages/FixedListPage";
 export * from "./pages/LeftDrawer";
 export * from "./pages/ListPage";
-export * from "./pages/ListPageProps";
 export * from "./pages/ResponsivePage";
-export * from "./pages/ResponsivePageProps";
 export * from "./pages/SearchPageProps";
 export * from "./pages/TablePage";
 export * from "./pages/UserMenu";

package/src/pages/CommonPage.tsx

@@ -2,13 +2,91 @@ import React from "react";
 import { FabBox } from "../FabBox";
 import { ScrollTopFab } from "../ScrollTopFab";
 import { MUGlobal } from "../MUGlobal";
-import { CommonPageProps } from "./CommonPageProps";
 import { MoreFab } from "../MoreFab";
-import { Container, Fab, useTheme } from "@mui/material";
+import { Container, ContainerProps, Fab, Theme, useTheme } from "@mui/material";
 import RefreshIcon from "@mui/icons-material/Refresh";
 import { BackButton } from "../BackButton";
 import { Labels } from "../app/Labels";
 import { ReactAppStateDetector } from "../app/ReactApp";
+import type { CustomFabSize } from "../CustomFabProps";
+import type { IStateUpdate, ListItemReact } from "@etsoo/react";
+import type { UserKey } from "@etsoo/appscript";
+
+/**
+ * Common page props
+ * Default container id is 'pageContainer'
+ */
+export interface CommonPageProps extends Omit<ContainerProps, "id"> {
+  /**
+   * Fab buttons
+   */
+  fabButtons?: React.ReactNode;
+
+  /**
+   * Fab size
+   */
+  fabSize?: CustomFabSize;
+
+  /**
+   * Fab flex column direction, undefined to hide it
+   */
+  fabColumnDirection?: boolean;
+
+  /**
+   * Fab padding adjust
+   */
+  fabPaddingAdjust?: number;
+
+  /**
+   * Add panel to the Fab
+   */
+  fabPanel?: boolean;
+
+  /**
+   * Fab lays in the top
+   */
+  fabTop?: ((theme: Theme, padding: {}) => object) | boolean;
+
+  /**
+   * More actions
+   */
+  moreActions?: ListItemReact[];
+
+  /**
+   * On refresh callback, only when authorized = true
+   */
+  onRefresh?: () => void | PromiseLike<void>;
+
+  /**
+   * On page update, when authorized = null or true case, may uses onRefresh
+   */
+  onUpdate?: () => void | PromiseLike<void>;
+
+  /**
+   * On page update, all cases with authorized
+   */
+  onUpdateAll?: IStateUpdate;
+
+  /**
+   * Paddings
+   */
+  paddings?: Record<string, string | number>;
+
+  /**
+   * Scroll container
+   */
+  scrollContainer?: HTMLElement | object;
+
+  /**
+   * Support back click
+   */
+  supportBack?: boolean;
+
+  /**
+   * State last changed fields
+   */
+  targetFields?: UserKey[];
+}
 
 /**
  * Common page

package/src/pages/DataGridPage.tsx

@@ -14,7 +14,7 @@ import { DataGridEx } from "../DataGridEx";
 import { MUGlobal } from "../MUGlobal";
 import { SearchBar } from "../SearchBar";
 import { CommonPage } from "./CommonPage";
-import { DataGridPageProps } from "./DataGridPageProps";
+import type { DataGridPageProps } from "./DataGridPageProps";
 import { GridUtils } from "../GridUtils";
 
 interface LocalStates<T> {

package/src/pages/DataGridPageProps.ts

@@ -1,6 +1,6 @@
-import { DataTypes } from "@etsoo/shared";
-import { DataGridExProps } from "../DataGridEx";
-import { SearchPageProps } from "./SearchPageProps";
+import type { DataTypes } from "@etsoo/shared";
+import type { DataGridExProps } from "../DataGridEx";
+import type { SearchPageProps } from "./SearchPageProps";
 
 /**
  * DataGrid page props

package/src/pages/EditPage.tsx

@@ -1,13 +1,12 @@
 import { Button, Grid } from "@mui/material";
 import React, { FormEventHandler } from "react";
 import { MUGlobal } from "../MUGlobal";
-import { CommonPage } from "./CommonPage";
-import { CommonPageProps } from "./CommonPageProps";
+import { CommonPage, CommonPageProps } from "./CommonPage";
 import SaveIcon from "@mui/icons-material/Save";
 import DeleteIcon from "@mui/icons-material/Delete";
 import { BackButton } from "../BackButton";
 import { Labels } from "../app/Labels";
-import { OperationMessageHandlerAll } from "../messages/OperationMessageHandler";
+import type { OperationMessageHandlerAll } from "../messages/OperationMessageHandler";
 import { OperationMessageContainer } from "../messages/OperationMessageContainer";
 
 /**

package/src/pages/FixedListPage.tsx

@@ -14,8 +14,8 @@ import { MUGlobal } from "../MUGlobal";
 import { ScrollerListEx } from "../ScrollerListEx";
 import { SearchBar } from "../SearchBar";
 import { CommonPage } from "./CommonPage";
-import { ListPageProps } from "./ListPageProps";
 import { GridUtils } from "../GridUtils";
+import type { ListPageProps } from "./ListPage";
 
 /**
  * Fixed height list page

package/src/pages/ListPage.tsx

@@ -10,11 +10,19 @@ import { DataTypes } from "@etsoo/shared";
 import { Box, Stack } from "@mui/material";
 import React from "react";
 import { MUGlobal } from "../MUGlobal";
-import { ScrollerListEx } from "../ScrollerListEx";
+import { ScrollerListEx, ScrollerListExProps } from "../ScrollerListEx";
 import { SearchBar } from "../SearchBar";
 import { CommonPage } from "./CommonPage";
-import { ListPageProps } from "./ListPageProps";
 import { GridUtils } from "../GridUtils";
+import type { SearchPageProps } from "./SearchPageProps";
+
+/**
+ * List page props
+ */
+export type ListPageProps<
+  T extends object,
+  F extends DataTypes.BasicTemplate
+> = SearchPageProps<T, F> & Omit<ScrollerListExProps<T>, "loadData">;
 
 /**
  * List page

package/src/pages/ResponsivePage.tsx

@@ -3,8 +3,76 @@ import React from "react";
 import { MUGlobal } from "../MUGlobal";
 import { ResponsibleContainer } from "../ResponsibleContainer";
 import { CommonPage } from "./CommonPage";
-import { ResponsePageProps } from "./ResponsivePageProps";
 import { OperationMessageContainer } from "../messages/OperationMessageContainer";
+import type { DataGridPageProps } from "./DataGridPageProps";
+import type {
+  ScrollerListExInnerItemRendererProps,
+  ScrollerListExItemSize
+} from "../ScrollerListEx";
+import { ListChildComponentProps } from "react-window";
+import { GridMethodRef } from "@etsoo/react";
+import type { OperationMessageHandlerAll } from "../messages/OperationMessageHandler";
+
+/**
+ * Response page props
+ */
+export type ResponsePageProps<
+  T extends object,
+  F extends DataTypes.BasicTemplate
+> = Omit<
+  DataGridPageProps<T, F>,
+  "mRef" | "itemKey" | "onScroll" | "onItemsRendered"
+> & {
+  /**
+   *
+   * @param height Current height
+   * @param isGrid Is displaying DataGrid
+   * @returns Adjusted height
+   */
+  adjustFabHeight?: (height: number, isGrid: boolean) => number;
+
+  /**
+   * Min width to show Datagrid
+   */
+  dataGridMinWidth?: number;
+
+  /**
+   * Inner item renderer
+   */
+  innerItemRenderer: (
+    props: ScrollerListExInnerItemRendererProps<T>
+  ) => React.ReactNode;
+
+  /**
+   * Item renderer
+   */
+  itemRenderer?: (props: ListChildComponentProps<T>) => React.ReactElement;
+
+  /**
+   * Item size, a function indicates its a variable size list
+   */
+  itemSize: ScrollerListExItemSize;
+
+  /**
+   * Methods
+   */
+  mRef?: React.MutableRefObject<GridMethodRef<T> | undefined>;
+
+  /**
+   * Pull to refresh data
+   */
+  pullToRefresh?: boolean;
+
+  /**
+   * Quick action for double click or click under mobile
+   */
+  quickAction?: (data: T) => void;
+
+  /**
+   * Operation message handler
+   */
+  operationMessageHandler?: OperationMessageHandlerAll;
+};
 
 /**
  * Fixed height list page
@@ -13,7 +81,7 @@ import { OperationMessageContainer } from "../messages/OperationMessageContainer
  */
 export function ResponsivePage<
   T extends object,
-  F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate
+  F extends DataTypes.BasicTemplate = {}
 >(props: ResponsePageProps<T, F>) {
   // Destruct
   const { pageProps = {}, operationMessageHandler, ...rest } = props;

package/src/pages/SearchPageProps.ts

@@ -1,6 +1,6 @@
-import { GridJsonData, GridLoader } from "@etsoo/react";
-import { DataTypes } from "@etsoo/shared";
-import { CommonPageProps } from "./CommonPageProps";
+import type { GridJsonData, GridLoader } from "@etsoo/react";
+import type { DataTypes } from "@etsoo/shared";
+import type { CommonPageProps } from "./CommonPage";
 
 /**
  * Search page props

package/src/pages/TablePage.tsx

@@ -8,10 +8,24 @@ import { Box, Stack } from "@mui/material";
 import React from "react";
 import { MUGlobal } from "../MUGlobal";
 import { SearchBar } from "../SearchBar";
-import { TableEx, TableExMethodRef, TableExMinWidth } from "../TableEx";
+import {
+  TableEx,
+  TableExMethodRef,
+  TableExMinWidth,
+  TableExProps
+} from "../TableEx";
 import { CommonPage } from "./CommonPage";
-import { TablePageProps } from "./TablePageProps";
 import { GridUtils } from "../GridUtils";
+import type { SearchPageProps } from "./SearchPageProps";
+
+/**
+ * Table page props
+ */
+export type TablePageProps<
+  T extends object,
+  F extends DataTypes.BasicTemplate,
+  D extends DataTypes.Keys<T>
+> = SearchPageProps<T, F> & Omit<TableExProps<T, D>, "loadData">;
 
 /**
  * Table page

package/src/pages/ViewPage.tsx

@@ -17,11 +17,10 @@ import { globalApp } from "../app/ReactApp";
 import { GridDataFormat } from "../GridDataFormat";
 import { MUGlobal } from "../MUGlobal";
 import { PullToRefreshUI } from "../PullToRefreshUI";
-import { CommonPage } from "./CommonPage";
-import { CommonPageProps } from "./CommonPageProps";
-import { OperationMessageHandlerAll } from "../messages/OperationMessageHandler";
+import { CommonPage, CommonPageProps } from "./CommonPage";
+import type { OperationMessageHandlerAll } from "../messages/OperationMessageHandler";
 import { MessageUtils } from "../messages/MessageUtils";
-import { RefreshHandler } from "../messages/RefreshHandler";
+import type { RefreshHandler } from "../messages/RefreshHandler";
 import { OperationMessageContainer } from "../messages/OperationMessageContainer";
 
 /**

package/tsconfig.json

@@ -3,7 +3,7 @@
     /* Visit https://aka.ms/tsconfig.json to read more about this file */
     "target": "ES2020",
     "module": "ESNext",
-    "moduleResolution": "Node10",
+    "moduleResolution": "bundler",
     "allowJs": false,
     "isolatedModules": true,
     "outDir": "./lib",

package/lib/pages/CommonPageProps.d.ts

@@ -1,67 +0,0 @@
-/// <reference types="react" />
-import { UserKey } from "@etsoo/appscript";
-import { IStateUpdate, ListItemReact } from "@etsoo/react";
-import { ContainerProps, Theme } from "@mui/material";
-import { CustomFabSize } from "../CustomFabProps";
-/**
- * Common page props
- * Default container id is 'pageContainer'
- */
-export interface CommonPageProps extends Omit<ContainerProps, "id"> {
-    /**
-     * Fab buttons
-     */
-    fabButtons?: React.ReactNode;
-    /**
-     * Fab size
-     */
-    fabSize?: CustomFabSize;
-    /**
-     * Fab flex column direction, undefined to hide it
-     */
-    fabColumnDirection?: boolean;
-    /**
-     * Fab padding adjust
-     */
-    fabPaddingAdjust?: number;
-    /**
-     * Add panel to the Fab
-     */
-    fabPanel?: boolean;
-    /**
-     * Fab lays in the top
-     */
-    fabTop?: ((theme: Theme, padding: {}) => object) | boolean;
-    /**
-     * More actions
-     */
-    moreActions?: ListItemReact[];
-    /**
-     * On refresh callback, only when authorized = true
-     */
-    onRefresh?: () => void | PromiseLike<void>;
-    /**
-     * On page update, when authorized = null or true case, may uses onRefresh
-     */
-    onUpdate?: () => void | PromiseLike<void>;
-    /**
-     * On page update, all cases with authorized
-     */
-    onUpdateAll?: IStateUpdate;
-    /**
-     * Paddings
-     */
-    paddings?: Record<string, string | number>;
-    /**
-     * Scroll container
-     */
-    scrollContainer?: HTMLElement | object;
-    /**
-     * Support back click
-     */
-    supportBack?: boolean;
-    /**
-     * State last changed fields
-     */
-    targetFields?: UserKey[];
-}

package/lib/pages/CommonPageProps.js

@@ -1 +0,0 @@
-export {};

package/lib/pages/ListPageProps.d.ts

@@ -1,7 +0,0 @@
-import { DataTypes } from "@etsoo/shared";
-import { ScrollerListExProps } from "../ScrollerListEx";
-import { SearchPageProps } from "./SearchPageProps";
-/**
- * List page props
- */
-export type ListPageProps<T extends object, F extends DataTypes.BasicTemplate> = SearchPageProps<T, F> & Omit<ScrollerListExProps<T>, "loadData">;

package/lib/pages/ListPageProps.js

@@ -1 +0,0 @@
-export {};

package/lib/pages/ResponsivePageProps.d.ts

@@ -1,51 +0,0 @@
-/// <reference types="react" />
-import { GridMethodRef } from "@etsoo/react";
-import { DataTypes } from "@etsoo/shared";
-import { ListChildComponentProps } from "react-window";
-import { ScrollerListExInnerItemRendererProps, ScrollerListExItemSize } from "../ScrollerListEx";
-import { DataGridPageProps } from "./DataGridPageProps";
-import { OperationMessageHandlerAll } from "../messages/OperationMessageHandler";
-/**
- * Response page props
- */
-export type ResponsePageProps<T extends object, F extends DataTypes.BasicTemplate> = Omit<DataGridPageProps<T, F>, "mRef" | "itemKey" | "onScroll" | "onItemsRendered"> & {
-    /**
-     *
-     * @param height Current height
-     * @param isGrid Is displaying DataGrid
-     * @returns Adjusted height
-     */
-    adjustFabHeight?: (height: number, isGrid: boolean) => number;
-    /**
-     * Min width to show Datagrid
-     */
-    dataGridMinWidth?: number;
-    /**
-     * Inner item renderer
-     */
-    innerItemRenderer: (props: ScrollerListExInnerItemRendererProps<T>) => React.ReactNode;
-    /**
-     * Item renderer
-     */
-    itemRenderer?: (props: ListChildComponentProps<T>) => React.ReactElement;
-    /**
-     * Item size, a function indicates its a variable size list
-     */
-    itemSize: ScrollerListExItemSize;
-    /**
-     * Methods
-     */
-    mRef?: React.MutableRefObject<GridMethodRef<T> | undefined>;
-    /**
-     * Pull to refresh data
-     */
-    pullToRefresh?: boolean;
-    /**
-     * Quick action for double click or click under mobile
-     */
-    quickAction?: (data: T) => void;
-    /**
-     * Operation message handler
-     */
-    operationMessageHandler?: OperationMessageHandlerAll;
-};

package/lib/pages/ResponsivePageProps.js

@@ -1 +0,0 @@
-export {};

package/lib/pages/TablePageProps.d.ts

@@ -1,7 +0,0 @@
-import { DataTypes } from '@etsoo/shared';
-import { TableExProps } from '../TableEx';
-import { SearchPageProps } from './SearchPageProps';
-/**
- * Table page props
- */
-export type TablePageProps<T extends object, F extends DataTypes.BasicTemplate, D extends DataTypes.Keys<T>> = SearchPageProps<T, F> & Omit<TableExProps<T, D>, 'loadData'>;

package/lib/pages/TablePageProps.js

@@ -1 +0,0 @@
-export {};

package/src/pages/CommonPageProps.ts

@@ -1,80 +0,0 @@
-import { UserKey } from "@etsoo/appscript";
-import { IStateUpdate, ListItemReact } from "@etsoo/react";
-import { ContainerProps, Theme } from "@mui/material";
-import { CustomFabSize } from "../CustomFabProps";
-
-/**
- * Common page props
- * Default container id is 'pageContainer'
- */
-export interface CommonPageProps extends Omit<ContainerProps, "id"> {
-  /**
-   * Fab buttons
-   */
-  fabButtons?: React.ReactNode;
-
-  /**
-   * Fab size
-   */
-  fabSize?: CustomFabSize;
-
-  /**
-   * Fab flex column direction, undefined to hide it
-   */
-  fabColumnDirection?: boolean;
-
-  /**
-   * Fab padding adjust
-   */
-  fabPaddingAdjust?: number;
-
-  /**
-   * Add panel to the Fab
-   */
-  fabPanel?: boolean;
-
-  /**
-   * Fab lays in the top
-   */
-  fabTop?: ((theme: Theme, padding: {}) => object) | boolean;
-
-  /**
-   * More actions
-   */
-  moreActions?: ListItemReact[];
-
-  /**
-   * On refresh callback, only when authorized = true
-   */
-  onRefresh?: () => void | PromiseLike<void>;
-
-  /**
-   * On page update, when authorized = null or true case, may uses onRefresh
-   */
-  onUpdate?: () => void | PromiseLike<void>;
-
-  /**
-   * On page update, all cases with authorized
-   */
-  onUpdateAll?: IStateUpdate;
-
-  /**
-   * Paddings
-   */
-  paddings?: Record<string, string | number>;
-
-  /**
-   * Scroll container
-   */
-  scrollContainer?: HTMLElement | object;
-
-  /**
-   * Support back click
-   */
-  supportBack?: boolean;
-
-  /**
-   * State last changed fields
-   */
-  targetFields?: UserKey[];
-}

package/src/pages/ListPageProps.ts

@@ -1,11 +0,0 @@
-import { DataTypes } from "@etsoo/shared";
-import { ScrollerListExProps } from "../ScrollerListEx";
-import { SearchPageProps } from "./SearchPageProps";
-
-/**
- * List page props
- */
-export type ListPageProps<
-  T extends object,
-  F extends DataTypes.BasicTemplate
-> = SearchPageProps<T, F> & Omit<ScrollerListExProps<T>, "loadData">;

package/src/pages/ResponsivePageProps.ts

@@ -1,70 +0,0 @@
-import { GridMethodRef } from "@etsoo/react";
-import { DataTypes } from "@etsoo/shared";
-import { ListChildComponentProps } from "react-window";
-import {
-  ScrollerListExInnerItemRendererProps,
-  ScrollerListExItemSize
-} from "../ScrollerListEx";
-import { DataGridPageProps } from "./DataGridPageProps";
-import { OperationMessageHandlerAll } from "../messages/OperationMessageHandler";
-
-/**
- * Response page props
- */
-export type ResponsePageProps<
-  T extends object,
-  F extends DataTypes.BasicTemplate
-> = Omit<
-  DataGridPageProps<T, F>,
-  "mRef" | "itemKey" | "onScroll" | "onItemsRendered"
-> & {
-  /**
-   *
-   * @param height Current height
-   * @param isGrid Is displaying DataGrid
-   * @returns Adjusted height
-   */
-  adjustFabHeight?: (height: number, isGrid: boolean) => number;
-
-  /**
-   * Min width to show Datagrid
-   */
-  dataGridMinWidth?: number;
-
-  /**
-   * Inner item renderer
-   */
-  innerItemRenderer: (
-    props: ScrollerListExInnerItemRendererProps<T>
-  ) => React.ReactNode;
-
-  /**
-   * Item renderer
-   */
-  itemRenderer?: (props: ListChildComponentProps<T>) => React.ReactElement;
-
-  /**
-   * Item size, a function indicates its a variable size list
-   */
-  itemSize: ScrollerListExItemSize;
-
-  /**
-   * Methods
-   */
-  mRef?: React.MutableRefObject<GridMethodRef<T> | undefined>;
-
-  /**
-   * Pull to refresh data
-   */
-  pullToRefresh?: boolean;
-
-  /**
-   * Quick action for double click or click under mobile
-   */
-  quickAction?: (data: T) => void;
-
-  /**
-   * Operation message handler
-   */
-  operationMessageHandler?: OperationMessageHandlerAll;
-};

package/src/pages/TablePageProps.ts

@@ -1,12 +0,0 @@
-import { DataTypes } from '@etsoo/shared';
-import { TableExProps } from '../TableEx';
-import { SearchPageProps } from './SearchPageProps';
-
-/**
- * Table page props
- */
-export type TablePageProps<
-    T extends object,
-    F extends DataTypes.BasicTemplate,
-    D extends DataTypes.Keys<T>
-> = SearchPageProps<T, F> & Omit<TableExProps<T, D>, 'loadData'>;