@etsoo/materialui 1.0.78 → 1.0.79

package/lib/AutocompleteExtendedProps.d.ts

@@ -4,7 +4,7 @@ import { ChangeEventHandler } from 'react';
 /**
  * Autocomplete extended props
  */
-export declare type AutocompleteExtendedProps<T extends object, D extends DataTypes.Keys<T>> = Omit<AutocompleteProps<T, undefined, false, false>, 'renderInput' | 'options' | 'multiple'> & {
+export type AutocompleteExtendedProps<T extends object, D extends DataTypes.Keys<T>> = Omit<AutocompleteProps<T, undefined, false, false>, 'renderInput' | 'options' | 'multiple'> & {
     /**
      * Id field
      */

package/lib/ButtonLink.d.ts

@@ -3,7 +3,7 @@ import { ButtonProps } from '@mui/material';
 /**
  * ButtonLink props
  */
-export declare type ButtonLinkProps = Omit<ButtonProps, 'href' | 'onClick'> & {
+export type ButtonLinkProps = Omit<ButtonProps, 'href' | 'onClick'> & {
     /**
      * To href
      */

package/lib/ComboBox.d.ts

@@ -4,7 +4,7 @@ import { AutocompleteExtendedProps } from './AutocompleteExtendedProps';
 /**
  * ComboBox props
  */
-export declare type ComboBoxProps<T extends object, D extends DataTypes.Keys<T>, L extends DataTypes.Keys<T, string>> = AutocompleteExtendedProps<T, D> & {
+export type ComboBoxProps<T extends object, D extends DataTypes.Keys<T>, L extends DataTypes.Keys<T, string>> = AutocompleteExtendedProps<T, D> & {
     /**
      * Auto add blank item
      */

package/lib/ComboBox.js

@@ -12,7 +12,8 @@ import { ReactUtils } from '@etsoo/react';
  */
 export function ComboBox(props) {
     // Destruct
-    const { search = false, autoAddBlankItem = search, idField = 'id', idValue, inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputVariant, defaultValue, label, labelField = 'label', loadData, onLoadData, name, inputAutoComplete = 'off', options, dataReadonly = true, readOnly, onChange, openOnFocus = true, value, getOptionLabel = (option) => `${option[labelField]}`, sx = { minWidth: '150px' }, ...rest } = props;
+    const { search = false, autoAddBlankItem = search, idField = 'id', idValue, inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputVariant, defaultValue, label, labelField = 'label', loadData, onLoadData, name, inputAutoComplete = 'new-password', // disable autocomplete and autofill, 'off' does not work
+    options, dataReadonly = true, readOnly, onChange, openOnFocus = true, value, getOptionLabel = (option) => `${option[labelField]}`, sx = { minWidth: '150px' }, ...rest } = props;
     // Value input ref
     const inputRef = React.createRef();
     // Options state

package/lib/CountdownButton.d.ts

@@ -9,7 +9,7 @@ export interface CountdownButtonAction {
 /**
  * Countdown button props
  */
-export declare type CountdownButtonProps = Omit<ButtonProps, 'endIcon' | 'disabled'> & {
+export type CountdownButtonProps = Omit<ButtonProps, 'endIcon' | 'disabled'> & {
     /**
      * Action, required
      */

package/lib/CustomFabProps.d.ts

@@ -3,7 +3,7 @@ import { OverridableStringUnion } from '@mui/types';
 /**
  * Custom fab size
  */
-export declare type CustomFabSize = 'small' | 'medium' | 'large';
+export type CustomFabSize = 'small' | 'medium' | 'large';
 /**
  * Custom fab props
  */

package/lib/DataGridEx.d.ts

@@ -5,7 +5,7 @@ import { MouseEventWithDataHandler } from './MUGlobal';
 /**
  * Footer item renderer props
  */
-export declare type DataGridExFooterItemRendererProps<T extends object> = {
+export type DataGridExFooterItemRendererProps<T extends object> = {
     column: GridColumn<T>;
     index: number;
     states: GridLoaderStates<T>;
@@ -15,7 +15,7 @@ export declare type DataGridExFooterItemRendererProps<T extends object> = {
 /**
  * Extended DataGrid with VariableSizeGrid props
  */
-export declare type DataGridExProps<T extends object, D extends DataTypes.Keys<T>> = Omit<ScrollerGridProps<T, D>, 'itemRenderer' | 'columnCount' | 'columnWidth' | 'width'> & {
+export type DataGridExProps<T extends object, D extends DataTypes.Keys<T>> = Omit<ScrollerGridProps<T, D>, 'itemRenderer' | 'columnCount' | 'columnWidth' | 'width'> & {
     /**
      * Alternating colors for odd/even rows
      */

package/lib/DataSteps.d.ts

@@ -4,7 +4,7 @@ import { InputDialogProps } from '@etsoo/react';
 /**
  * Data step
  */
-export declare type DataStep = Omit<InputDialogProps, 'callback'> & {
+export type DataStep = Omit<InputDialogProps, 'callback'> & {
     /**
      * Callback
      */
@@ -13,7 +13,7 @@ export declare type DataStep = Omit<InputDialogProps, 'callback'> & {
 /**
  * Data collecting steps component props
  */
-export declare type DataStepsProps<T extends object> = Omit<TextFieldProps, 'InputProps' | 'onClick'> & {
+export type DataStepsProps<T extends object> = Omit<TextFieldProps, 'InputProps' | 'onClick'> & {
     /**
      * JSON value
      */

package/lib/EmailInput.d.ts

@@ -3,7 +3,7 @@ import { TextFieldProps } from '@mui/material';
 /**
  * Email input props
  */
-export declare type EmailInputProps = Omit<TextFieldProps, 'type'> & {};
+export type EmailInputProps = Omit<TextFieldProps, 'type'> & {};
 /**
  * Email input
  * @param props Props

package/lib/FabBox.d.ts

@@ -3,7 +3,7 @@ import { BoxProps } from '@mui/material';
 /**
  * Fabs container box props
  */
-export declare type FabBoxProps = BoxProps & {
+export type FabBoxProps = BoxProps & {
     /**
      * Item gap
      */

package/lib/HiSelector.d.ts

@@ -4,7 +4,7 @@ import React from 'react';
 /**
  * Hierarchy selector props
  */
-export declare type HiSelectorProps<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>, L extends DataTypes.Keys<T, string> = LabelDefaultType<T>> = {
+export type HiSelectorProps<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>, L extends DataTypes.Keys<T, string> = LabelDefaultType<T>> = {
     /**
      * Id field
      */

package/lib/IconButtonLink.d.ts

@@ -3,7 +3,7 @@ import { IconButtonProps } from '@mui/material';
 /**
  * IconButtonLink props
  */
-export declare type IconButtonLinkProps = Omit<IconButtonProps, 'href' | 'onClick'> & {
+export type IconButtonLinkProps = Omit<IconButtonProps, 'href' | 'onClick'> & {
     /**
      * To href
      */

package/lib/InputField.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 /**
  * Input field props
  */
-export declare type InputFieldProps = TextFieldProps & {
+export type InputFieldProps = TextFieldProps & {
     /**
      * Change delay (ms) to avoid repeatly dispatch onChange
      */

package/lib/ListChooser.d.ts

@@ -1,7 +1,7 @@
 import { DataTypes, DelayedExecutorType, IdDefaultType } from '@etsoo/shared';
 import { ListItemButtonProps, ListProps } from '@mui/material';
 import React from 'react';
-declare type QueryData = {
+type QueryData = {
     title?: string;
 };
 /**
@@ -13,7 +13,7 @@ export interface ListChooserButtonProps<T extends object, D extends DataTypes.Ke
 /**
  * List chooser props
  */
-export declare type ListChooserProps<T extends object, D extends DataTypes.Keys<T>, Q extends object> = ListProps & {
+export type ListChooserProps<T extends object, D extends DataTypes.Keys<T>, Q extends object> = ListProps & {
     /**
      * Condition renderer
      */

package/lib/LoadingButton.d.ts

@@ -3,7 +3,7 @@ import { ButtonProps, CircularProgressProps } from '@mui/material';
 /**
  * Loading button props
  */
-export declare type LoadingButtonProps = ButtonProps & {
+export type LoadingButtonProps = ButtonProps & {
     /**
      * Loading icon props
      */

package/lib/MUGlobal.d.ts

@@ -3,7 +3,7 @@ import { ListItemButtonProps, Theme } from '@mui/material';
 /**
  * Mouse event handler with data
  */
-export declare type MouseEventWithDataHandler<T> = (event: React.MouseEvent<HTMLDivElement>, data: T) => void;
+export type MouseEventWithDataHandler<T> = (event: React.MouseEvent<HTMLDivElement>, data: T) => void;
 /**
  * MUGlobal for global configurations
  */

package/lib/MaskInput.d.ts

@@ -3,7 +3,7 @@ import { TextFieldProps } from '@mui/material';
 /**
  * Mask input props
  */
-export declare type MaskInputProps<T extends IMask.AnyMaskedOptions> = TextFieldProps & {
+export type MaskInputProps<T extends IMask.AnyMaskedOptions> = TextFieldProps & {
     /**
      * Mask props
      */

package/lib/NotifierPromptProps.d.ts

@@ -2,7 +2,7 @@
 /**
  * Notifier prompt props
  */
-export declare type NotifierPromptProps = Record<string, any> & {
+export type NotifierPromptProps = Record<string, any> & {
     /**
      * Cancel label
      */

package/lib/OptionGroup.d.ts

@@ -14,7 +14,7 @@ export interface OptionGroupRef {
 /**
  * OptionGroup props
  */
-export declare type OptionGroupProps<T extends object, D extends DataTypes.Keys<T>, L extends DataTypes.Keys<T, string>> = Omit<FormControlProps<'fieldset'>, 'defaultValue'> & {
+export type OptionGroupProps<T extends object, D extends DataTypes.Keys<T>, L extends DataTypes.Keys<T, string>> = Omit<FormControlProps<'fieldset'>, 'defaultValue'> & {
     /**
      * Default value
      */

package/lib/ResponsibleContainer.d.ts

@@ -8,7 +8,7 @@ import { ScrollerListExInnerItemRendererProps, ScrollerListExItemSize } from './
 /**
  * ResponsibleContainer props
  */
-export declare type ResponsibleContainerProps<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = IdDefaultType<T>> = Omit<DataGridExProps<T, D>, 'height' | 'itemKey' | 'loadData' | 'mRef' | 'onScroll' | 'onItemsRendered'> & {
+export type ResponsibleContainerProps<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = IdDefaultType<T>> = Omit<DataGridExProps<T, D>, 'height' | 'itemKey' | 'loadData' | 'mRef' | 'onScroll' | 'onItemsRendered'> & {
     /**
      * Height will be deducted
      * @param height Current calcuated height

package/lib/ScrollerListEx.d.ts

@@ -30,11 +30,11 @@ export interface ScrollerListExInnerItemRendererProps<T> extends ListChildCompon
  * 2. Static sets
  * 3. Dynamic calculation
  */
-export declare type ScrollerListExItemSize = ((index: number) => [number, number] | [number, number, object]) | [number, number] | [number, object, boolean?];
+export type ScrollerListExItemSize = ((index: number) => [number, number] | [number, number, object]) | [number, number] | [number, object, boolean?];
 /**
  * Extended ScrollerList Props
  */
-export declare type ScrollerListExProps<T extends object, D extends DataTypes.Keys<T>> = Omit<ScrollerListProps<T, D>, 'itemRenderer' | 'itemSize'> & {
+export type ScrollerListExProps<T extends object, D extends DataTypes.Keys<T>> = Omit<ScrollerListProps<T, D>, 'itemRenderer' | 'itemSize'> & {
     /**
      * Alternating colors for odd/even rows
      */

package/lib/SearchField.d.ts

@@ -3,7 +3,7 @@ import { TextFieldProps } from '@mui/material';
 /**
  * Search field props
  */
-export declare type SearchFieldProps = TextFieldProps & {
+export type SearchFieldProps = TextFieldProps & {
     /**
      * Change delay (ms) to avoid repeatly dispatch onChange
      */

package/lib/SelectBool.d.ts

@@ -4,7 +4,7 @@ import { SelectExProps } from './SelectEx';
 /**
  * SelectBool props
  */
-export declare type SelectBoolProps = Omit<SelectExProps<ListType1>, 'options' | 'loadData'>;
+export type SelectBoolProps = Omit<SelectExProps<ListType1>, 'options' | 'loadData'>;
 /**
  * SelectBool (yes/no)
  * @param props Props

package/lib/SelectEx.d.ts

@@ -4,7 +4,7 @@ import { DataTypes, IdDefaultType, LabelDefaultType, ListType } from '@etsoo/sha
 /**
  * Extended select component props
  */
-export declare type SelectExProps<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>, L extends DataTypes.Keys<T, string> = LabelDefaultType<T>> = Omit<SelectProps, 'labelId' | 'input' | 'native'> & {
+export type SelectExProps<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>, L extends DataTypes.Keys<T, string> = LabelDefaultType<T>> = Omit<SelectProps, 'labelId' | 'input' | 'native'> & {
     /**
      * Auto add blank item
      */

package/lib/TableEx.d.ts

@@ -19,7 +19,7 @@ export interface TableExMethodRef<T> extends GridMethodRef<T> {
 /**
  * Extended table props
  */
-export declare type TableExProps<T extends object, D extends DataTypes.Keys<T>> = TableProps & GridLoader<T> & {
+export type TableExProps<T extends object, D extends DataTypes.Keys<T>> = TableProps & GridLoader<T> & {
     /**
      * Alternating colors for odd/even rows
      */

package/lib/TextFieldEx.d.ts

@@ -3,7 +3,7 @@ import { TextFieldProps } from '@mui/material';
 /**
  * Extended text field props
  */
-export declare type TextFieldExProps = TextFieldProps & {
+export type TextFieldExProps = TextFieldProps & {
     /**
      * Change delay (ms) to avoid repeatly dispatch onChange
      */

package/lib/Tiplist.d.ts

@@ -4,7 +4,7 @@ import { AutocompleteExtendedProps } from './AutocompleteExtendedProps';
 /**
  * Tiplist props
  */
-export declare type TiplistProps<T extends object, D extends DataTypes.Keys<T>> = Omit<AutocompleteExtendedProps<T, D>, 'open'> & {
+export type TiplistProps<T extends object, D extends DataTypes.Keys<T>> = Omit<AutocompleteExtendedProps<T, D>, 'open'> & {
     /**
      * Load data callback
      */

package/lib/Tiplist.js

@@ -11,7 +11,7 @@ import { SearchField } from './SearchField';
  */
 export function Tiplist(props) {
     // Destruct
-    const { search = false, idField = 'id', idValue, inputAutoComplete = 'off', inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputVariant, label, loadData, defaultValue, value, name, readOnly, onChange, openOnFocus = true, sx = { minWidth: '180px' }, ...rest } = props;
+    const { search = false, idField = 'id', idValue, inputAutoComplete = 'new-password', inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputVariant, label, loadData, defaultValue, value, name, readOnly, onChange, openOnFocus = true, sx = { minWidth: '180px' }, ...rest } = props;
     // Value input ref
     const inputRef = React.createRef();
     // Local value

package/lib/TwoFieldInput.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { InputFieldProps } from './InputField';
-declare type ValueType = string | number | Date | null | undefined;
+type ValueType = string | number | Date | null | undefined;
 /**
  * TwoField Input props
  */
-export declare type TwoFieldInputProps = Omit<InputFieldProps, 'InputProps' | 'value'> & {
+export type TwoFieldInputProps = Omit<InputFieldProps, 'InputProps' | 'value'> & {
     /**
      * Values
      */

package/lib/app/IServiceUser.d.ts

@@ -11,4 +11,4 @@ export interface IServiceUser extends IUser {
 /**
  * Service user login result
  */
-export declare type ServiceLoginResult<U extends IServiceUser = IServiceUser> = IActionResult<U>;
+export type ServiceLoginResult<U extends IServiceUser = IServiceUser> = IActionResult<U>;

package/lib/app/ISmartERPUser.d.ts

@@ -11,4 +11,4 @@ export interface ISmartERPUser extends IUser {
 /**
  * SmartERP user login result
  */
-export declare type SmartERPLoginResult = IActionResult<ISmartERPUser>;
+export type SmartERPLoginResult = IActionResult<ISmartERPUser>;

package/lib/app/ReactApp.d.ts

@@ -7,7 +7,7 @@ import { NavigateFunction, NavigateOptions } from 'react-router-dom';
 /**
  * React Application Type
  */
-export declare type ReactAppType = IApp & IReactAppBase;
+export type ReactAppType = IApp & IReactAppBase;
 /**
  * Global application
  */

package/lib/app/ReactApp.js

@@ -51,6 +51,17 @@ export function ReactAppStateDetector(props) {
  * React application
  */
 export class ReactApp extends CoreApp {
+    /**
+     * Get notifier provider
+     */
+    static get notifierProvider() {
+        return this._notifierProvider;
+    }
+    static createNotifier() {
+        // Notifier
+        ReactApp._notifierProvider = NotifierMU.setup();
+        return NotifierMU.instance;
+    }
     /**
      * Constructor
      * @param settings Settings
@@ -71,17 +82,6 @@ export class ReactApp extends CoreApp {
         this.pageState = new PageState();
         globalApp = this;
     }
-    /**
-     * Get notifier provider
-     */
-    static get notifierProvider() {
-        return this._notifierProvider;
-    }
-    static createNotifier() {
-        // Notifier
-        ReactApp._notifierProvider = NotifierMU.setup();
-        return NotifierMU.instance;
-    }
     /**
      * Override alert action result
      * @param result Action result
@@ -106,7 +106,7 @@ export class ReactApp extends CoreApp {
      * @param culture New culture definition
      */
     changeCulture(culture) {
-        var _a, _b, _c;
+        var _a, _b;
         // Super call to update cultrue
         super.changeCulture(culture);
         // Update component labels
@@ -122,12 +122,18 @@ export class ReactApp extends CoreApp {
                 promptOK: 'ok'
             }
         });
-        // Notify host
-        (_a = BridgeUtils.host) === null || _a === void 0 ? void 0 : _a.changeCulture(culture.name);
         // Document title
         // Default is servier name's label or appName label
-        document.title =
-            (_c = (_b = this.get(this.name)) !== null && _b !== void 0 ? _b : this.get('appName')) !== null && _c !== void 0 ? _c : this.name;
+        const title = (_b = (_a = this.get(this.name)) !== null && _a !== void 0 ? _a : this.get('appName')) !== null && _b !== void 0 ? _b : this.name;
+        const host = BridgeUtils.host;
+        if (host) {
+            // Notify host
+            host.changeCulture(culture.name);
+            host.setTitle(title);
+        }
+        else {
+            document.title = title;
+        }
     }
     /**
      * Change culture extended

package/lib/app/ServiceApp.js

@@ -9,6 +9,15 @@ import { ReactApp } from './ReactApp';
  * Use the new acess token and refresh token to login
  */
 export class ServiceApp extends ReactApp {
+    /**
+     * Service user
+     */
+    get serviceUser() {
+        return this._serviceUser;
+    }
+    set serviceUser(value) {
+        this._serviceUser = value;
+    }
     /**
      * Constructor
      * @param settings Settings
@@ -31,15 +40,6 @@ export class ServiceApp extends ReactApp {
         api.baseUrl = settings.serviceEndpoint;
         this.serviceApi = api;
     }
-    /**
-     * Service user
-     */
-    get serviceUser() {
-        return this._serviceUser;
-    }
-    set serviceUser(value) {
-        this._serviceUser = value;
-    }
     /**
      * Load SmartERP core
      */

package/lib/pages/DataGridPageProps.d.ts

@@ -4,7 +4,7 @@ import { SearchPageProps } from './SearchPageProps';
 /**
  * DataGrid page props
  */
-export declare type DataGridPageProps<T extends object, F extends DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = IdDefaultType<T>> = SearchPageProps<T, F> & Omit<DataGridExProps<T, D>, 'loadData' | 'height'> & {
+export type DataGridPageProps<T extends object, F extends DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = IdDefaultType<T>> = SearchPageProps<T, F> & Omit<DataGridExProps<T, D>, 'loadData' | 'height'> & {
     /**
      * Height will be deducted
      * @param height Current calcuated height

package/lib/pages/ListPageProps.d.ts

@@ -4,4 +4,4 @@ import { SearchPageProps } from './SearchPageProps';
 /**
  * List page props
  */
-export declare type ListPageProps<T extends object, F extends DataTypes.BasicTemplate, D extends DataTypes.Keys<T>> = SearchPageProps<T, F> & Omit<ScrollerListExProps<T, D>, 'loadData'>;
+export type ListPageProps<T extends object, F extends DataTypes.BasicTemplate, D extends DataTypes.Keys<T>> = SearchPageProps<T, F> & Omit<ScrollerListExProps<T, D>, 'loadData'>;

package/lib/pages/ResponsivePageProps.d.ts

@@ -7,7 +7,7 @@ import { DataGridPageProps } from './DataGridPageProps';
 /**
  * Response page props
  */
-export declare type ResponsePageProps<T extends object, F extends DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = IdDefaultType<T>> = Omit<DataGridPageProps<T, F, D>, 'mRef' | 'itemKey' | 'onScroll' | 'onItemsRendered'> & {
+export type ResponsePageProps<T extends object, F extends DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = IdDefaultType<T>> = Omit<DataGridPageProps<T, F, D>, 'mRef' | 'itemKey' | 'onScroll' | 'onItemsRendered'> & {
     /**
      * Min width to show Datagrid
      */

package/lib/pages/SearchPageProps.d.ts

@@ -5,7 +5,7 @@ import { CommonPageProps } from './CommonPageProps';
 /**
  * Search page props
  */
-export declare type SearchPageProps<T extends object, F extends DataTypes.BasicTemplate> = Omit<GridLoader<T>, 'loadData'> & {
+export type SearchPageProps<T extends object, F extends DataTypes.BasicTemplate> = Omit<GridLoader<T>, 'loadData'> & {
     /**
      * Search fields
      */

package/lib/pages/TablePageProps.d.ts

@@ -4,4 +4,4 @@ import { SearchPageProps } from './SearchPageProps';
 /**
  * Table page props
  */
-export declare type TablePageProps<T extends object, F extends DataTypes.BasicTemplate, D extends DataTypes.Keys<T>> = SearchPageProps<T, F> & Omit<TableExProps<T, D>, 'loadData'>;
+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/ViewPage.d.ts

@@ -6,7 +6,7 @@ import { CommonPageProps } from './CommonPageProps';
 /**
  * View page row width type
  */
-export declare type ViewPageRowType = boolean | 'default' | 'small' | object;
+export type ViewPageRowType = boolean | 'default' | 'small' | object;
 /**
  * View page display field
  */
@@ -32,11 +32,11 @@ export interface ViewPageField<T extends object> extends GridProps {
      */
     renderProps?: GridColumnRenderProps;
 }
-declare type ViewPageFieldTypeNarrow<T extends object> = (string & keyof T) | [string & keyof T, GridDataType, GridColumnRenderProps?, ViewPageRowType?] | ViewPageField<T>;
+type ViewPageFieldTypeNarrow<T extends object> = (string & keyof T) | [string & keyof T, GridDataType, GridColumnRenderProps?, ViewPageRowType?] | ViewPageField<T>;
 /**
  * View page field type
  */
-export declare type ViewPageFieldType<T extends object> = ViewPageFieldTypeNarrow<T> | ((data: T) => React.ReactNode);
+export type ViewPageFieldType<T extends object> = ViewPageFieldTypeNarrow<T> | ((data: T) => React.ReactNode);
 /**
  * View page props
  */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/materialui",
-    "version": "1.0.78",
+    "version": "1.0.79",
     "description": "TypeScript Material-UI Implementation",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -51,17 +51,17 @@
         "@emotion/css": "^11.10.5",
         "@emotion/react": "^11.10.5",
         "@emotion/styled": "^11.10.5",
-        "@etsoo/appscript": "^1.3.33",
-        "@etsoo/notificationbase": "^1.1.16",
-        "@etsoo/react": "^1.6.26",
-        "@etsoo/shared": "^1.1.77",
-        "@mui/icons-material": "^5.10.9",
-        "@mui/material": "^5.10.13",
+        "@etsoo/appscript": "^1.3.37",
+        "@etsoo/notificationbase": "^1.1.18",
+        "@etsoo/react": "^1.6.28",
+        "@etsoo/shared": "^1.1.78",
+        "@mui/icons-material": "^5.10.14",
+        "@mui/material": "^5.10.14",
         "@types/pica": "^9.0.1",
         "@types/pulltorefreshjs": "^0.1.5",
         "@types/react": "^18.0.25",
         "@types/react-avatar-editor": "^13.0.0",
-        "@types/react-dom": "^18.0.8",
+        "@types/react-dom": "^18.0.9",
         "@types/react-input-mask": "^3.0.2",
         "@types/react-window": "^1.8.5",
         "pica": "^9.0.1",
@@ -82,16 +82,16 @@
         "@babel/runtime-corejs3": "^7.20.1",
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^13.4.0",
-        "@types/jest": "^29.2.2",
-        "@typescript-eslint/eslint-plugin": "^5.42.1",
-        "@typescript-eslint/parser": "^5.42.1",
-        "eslint": "^8.27.0",
+        "@types/jest": "^29.2.3",
+        "@typescript-eslint/eslint-plugin": "^5.43.0",
+        "@typescript-eslint/parser": "^5.43.0",
+        "eslint": "^8.28.0",
         "eslint-config-airbnb-base": "^15.0.0",
         "eslint-plugin-import": "^2.26.0",
-        "eslint-plugin-react": "^7.31.10",
+        "eslint-plugin-react": "^7.31.11",
         "jest": "^29.3.1",
         "jest-environment-jsdom": "^29.3.1",
         "ts-jest": "^29.0.3",
-        "typescript": "^4.8.4"
+        "typescript": "^4.9.3"
     }
 }

package/src/ComboBox.tsx

@@ -80,7 +80,7 @@ export function ComboBox<
         loadData,
         onLoadData,
         name,
-        inputAutoComplete = 'off',
+        inputAutoComplete = 'new-password', // disable autocomplete and autofill, 'off' does not work
         options,
         dataReadonly = true,
         readOnly,

package/src/ListChooser.tsx

@@ -130,7 +130,7 @@ export function ListChooser<
             const label =
                 typeof labelField === 'function'
                     ? labelField(item)
-                    : Reflect.get(item, labelField);
+                    : (Reflect.get(item, labelField) as React.ReactNode);
 
             return (
                 <ListItem disableGutters key={`${id}`}>

package/src/Tiplist.tsx

@@ -44,7 +44,7 @@ export function Tiplist<
         search = false,
         idField = 'id' as D,
         idValue,
-        inputAutoComplete = 'off',
+        inputAutoComplete = 'new-password',
         inputError,
         inputHelperText,
         inputMargin,

package/src/app/ReactApp.ts

@@ -331,13 +331,17 @@ export class ReactApp<
             }
         });
 
-        // Notify host
-        BridgeUtils.host?.changeCulture(culture.name);
-
         // Document title
         // Default is servier name's label or appName label
-        document.title =
-            this.get(this.name) ?? this.get('appName') ?? this.name;
+        const title = this.get(this.name) ?? this.get('appName') ?? this.name;
+        const host = BridgeUtils.host;
+        if (host) {
+            // Notify host
+            host.changeCulture(culture.name);
+            host.setTitle(title);
+        } else {
+            document.title = title;
+        }
     }
 
     /**