@etsoo/materialui 1.1.54 → 1.1.56

package/src/app/ReactApp.ts

@@ -133,10 +133,11 @@ export interface IReactAppBase {
   setPageData(data: IPageData): void;
 
   /**
-   * Set page title and data
-   * @param key Page title resource key
+   * Set page title and subtitle
+   * @param title Page title
+   * @param subtitle Page subtitle
    */
-  setPageKey(key: string): void;
+  setPageTitle(title: string, subtitle?: string): void;
 
   /**
    * Set page title and data
@@ -425,12 +426,13 @@ export class ReactApp<
   }
 
   /**
-   * Set page title and data
+   * Set page title and subtitle
    * @param title Page title
+   * @param subtitle Page subtitle
    */
-  setPageTitle(title: string): void {
+  setPageTitle(title: string, subtitle?: string): void {
     // Data
-    const data = { title } as P;
+    const data = { title, subtitle } as P;
 
     // Dispatch the change
     if (this.pageStateDispatch != null) {

package/src/pages/ResponsivePage.tsx

@@ -1,9 +1,9 @@
-import { DataTypes, IdDefaultType } from '@etsoo/shared';
-import React from 'react';
-import { MUGlobal } from '../MUGlobal';
-import { ResponsibleContainer } from '../ResponsibleContainer';
-import { CommonPage } from './CommonPage';
-import { ResponsePageProps } from './ResponsivePageProps';
+import { DataTypes, IdDefaultType } from "@etsoo/shared";
+import React from "react";
+import { MUGlobal } from "../MUGlobal";
+import { ResponsibleContainer } from "../ResponsibleContainer";
+import { CommonPage } from "./CommonPage";
+import { ResponsePageProps } from "./ResponsivePageProps";
 
 /**
  * Fixed height list page
@@ -11,58 +11,58 @@ import { ResponsePageProps } from './ResponsivePageProps';
  * @returns Component
  */
 export function ResponsivePage<
-    T extends object,
-    F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate,
-    D extends DataTypes.Keys<T> = IdDefaultType<T>
+  T extends object,
+  F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate,
+  D extends DataTypes.Keys<T> = IdDefaultType<T>
 >(props: ResponsePageProps<T, F, D>) {
-    // Destruct
-    const { pageProps = {}, ...rest } = props;
+  // Destruct
+  const { pageProps = {}, ...rest } = props;
 
-    pageProps.paddings ??= MUGlobal.pagePaddings;
-    const { paddings, fabColumnDirection, ...pageRest } = pageProps;
+  pageProps.paddings ??= MUGlobal.pagePaddings;
+  const { paddings, fabColumnDirection, ...pageRest } = pageProps;
 
-    // State
-    const [scrollContainer, setScrollContainer] = React.useState<HTMLElement>();
-    const [direction, setDirection] = React.useState(fabColumnDirection);
+  // State
+  const [scrollContainer, setScrollContainer] = React.useState<HTMLElement>();
+  const [direction, setDirection] = React.useState(fabColumnDirection);
 
-    // Layout
-    return (
-        <CommonPage
-            {...pageRest}
-            paddings={{}}
-            scrollContainer={scrollContainer}
-            fabColumnDirection={direction}
-        >
-            <ResponsibleContainer<T, F, D>
-                paddings={paddings}
-                containerBoxSx={(paddings, hasField, _dataGrid) => {
-                    // Half
-                    const half = MUGlobal.half(paddings);
+  // Layout
+  return (
+    <CommonPage
+      {...pageRest}
+      paddings={{}}
+      scrollContainer={scrollContainer}
+      fabColumnDirection={direction}
+    >
+      <ResponsibleContainer<T, F, D>
+        paddings={paddings}
+        containerBoxSx={(paddings, hasField, _dataGrid) => {
+          // Half
+          const half = MUGlobal.half(paddings);
 
-                    // .SearchBox keep the same to avoid flick when switching between DataGrid and List
-                    return {
-                        paddingTop: paddings,
-                        '& .SearchBox': {
-                            marginLeft: paddings,
-                            marginRight: paddings,
-                            marginBottom: hasField ? half : 0
-                        },
-                        '& .ListBox': {
-                            marginBottom: paddings
-                        },
-                        '& .DataGridBox': {
-                            marginLeft: paddings,
-                            marginRight: paddings,
-                            marginBottom: paddings
-                        }
-                    };
-                }}
-                elementReady={(element, isDataGrid) => {
-                    setDirection(!isDataGrid);
-                    setScrollContainer(element);
-                }}
-                {...rest}
-            />
-        </CommonPage>
-    );
+          // .SearchBox keep the same to avoid flick when switching between DataGrid and List
+          return {
+            paddingTop: paddings,
+            "& .SearchBox": {
+              marginLeft: paddings,
+              marginRight: paddings,
+              marginBottom: hasField ? half : 0
+            },
+            "& .ListBox": {
+              marginBottom: paddings
+            },
+            "& .DataGridBox": {
+              marginLeft: paddings,
+              marginRight: paddings,
+              marginBottom: paddings
+            }
+          };
+        }}
+        elementReady={(element, isDataGrid) => {
+          setDirection(!isDataGrid);
+          setScrollContainer(element);
+        }}
+        {...rest}
+      />
+    </CommonPage>
+  );
 }

package/src/pages/SearchPageProps.ts

@@ -1,39 +1,49 @@
-import { GridJsonData, GridLoader } from '@etsoo/react';
-import { DataTypes } from '@etsoo/shared';
-import { CommonPageProps } from './CommonPageProps';
+import { GridJsonData, GridLoader } from "@etsoo/react";
+import { DataTypes } from "@etsoo/shared";
+import { CommonPageProps } from "./CommonPageProps";
 
 /**
  * Search page props
  */
 export type SearchPageProps<
-    T extends object,
-    F extends DataTypes.BasicTemplate
-> = Omit<GridLoader<T>, 'loadData'> & {
-    /**
-     * Search fields
-     */
-    fields: React.ReactElement[];
+  T extends object,
+  F extends DataTypes.BasicTemplate
+> = Omit<GridLoader<T>, "loadData"> & {
+  /**
+   * Search fields
+   */
+  fields: React.ReactElement[];
 
-    /**
-     * Search field template
-     */
-    fieldTemplate?: F;
+  /**
+   * Search field template
+   */
+  fieldTemplate?: F;
 
-    /**
-     * Load data callback
-     */
-    loadData: (
-        data: GridJsonData & DataTypes.BasicTemplateType<F>
-    ) => PromiseLike<T[] | null | undefined>;
+  /**
+   * Load data callback
+   */
+  loadData: (
+    data: GridJsonData & DataTypes.BasicTemplateType<F>
+  ) => PromiseLike<T[] | null | undefined>;
 
-    /**
-     * Page props
-     */
-    pageProps?: CommonPageProps;
+  /**
+   * Page props
+   */
+  pageProps?: CommonPageProps;
 
-    /**
-     * Size ready to read miliseconds span
-     * @default 100
-     */
-    sizeReadyMiliseconds?: number;
+  /**
+   * Size ready to read miliseconds span
+   * @default 100
+   */
+  sizeReadyMiliseconds?: number;
+
+  /**
+   * Top height
+   */
+  topHeight?: number;
+
+  /**
+   * SearchBar height
+   */
+  searchBarHeight?: number;
 };