@etsoo/materialui 1.3.58 → 1.3.60

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",
@@ -12,7 +12,7 @@
     "strict": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "jsx": "react",
+    "jsx": "react-jsx",
     "forceConsistentCasingInFileNames": true
   },
   "include": ["src"]

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'>;