@etsoo/materialui 1.4.22 → 1.4.24

package/README.md

@@ -1,4 +1,5 @@
 # AppReact
+
 **TypeScript Material-UI Implementation**
 
 ## Installing
@@ -13,4 +14,4 @@ Using yarn:
 
 ```bash
 $ yarn add @etsoo/materialui
-```
+```

package/__tests__/ReactAppTests.tsx

@@ -1,9 +1,8 @@
 import {
   AddressUtils,
   ApiAuthorizationScheme,
-  ExternalSettings,
-  en,
-  zhHans
+  Culture,
+  ExternalSettings
 } from "@etsoo/appscript";
 import { ReactApp } from "../src";
 import { DataTypes, DomUtils, IActionResult, Utils } from "@etsoo/shared";
@@ -21,7 +20,10 @@ const { detectedCountry } = DomUtils;
 const { detectedCulture } = DomUtils;
 
 // Supported cultures
-const supportedCultures: DataTypes.CultureDefinition[] = [zhHans({}), en({})];
+const supportedCultures: DataTypes.CultureDefinition[] = [
+  Culture.zhHans({}),
+  Culture.en({})
+];
 
 // Supported regions
 const supportedRegions = ["CN"];

package/babel.config.json

@@ -1,15 +1,15 @@
 {
-    "presets": [
-        ["@babel/env"],
-        "@babel/preset-typescript",
-        "@babel/preset-react"
-    ],
-    "plugins": [
-        [
-            "@babel/plugin-transform-runtime",
-            {
-                "corejs": 3
-            }
-        ]
+  "presets": [
+    ["@babel/env"],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": [
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        "corejs": 3
+      }
     ]
+  ]
 }

package/lib/AddresSelector.d.ts

@@ -1,7 +1,8 @@
-import { AddressApi, AddressCity, AddressDistrict, AddressRegionDb, AddressState } from "@etsoo/appscript";
+import { AddressCity, AddressDistrict, AddressRegionDb, AddressState, IApiPayload } from "@etsoo/appscript";
 import { GridSize } from "@mui/material";
 import React from "react";
 import { ResponsiveStyleValue } from "./ResponsiveStyleValue";
+import { RegionsRQ } from "./RegionsRQ";
 /**
  * Address field
  */
@@ -20,7 +21,12 @@ export type AddressSelectorProps = {
     /**
      * Address API
      */
-    api: AddressApi;
+    api: {
+        regions(rq: RegionsRQ, payload?: IApiPayload<AddressRegionDb[]>): Promise<AddressRegionDb[] | undefined>;
+        states(regionId: string, favoredIds?: string[], payload?: IApiPayload<AddressState[]>, culture?: string): Promise<AddressState[] | undefined>;
+        cities(stateId: string, favoredIds?: number[], payload?: IApiPayload<AddressCity[]>, culture?: string): Promise<AddressCity[] | undefined>;
+        districts(cityId: number, favoredIds?: number[], payload?: IApiPayload<AddressDistrict[]>, culture?: string): Promise<AddressDistrict[] | undefined>;
+    };
     /**
      * Break points
      */

package/lib/AddresSelector.js

@@ -123,7 +123,7 @@ export function AddressSelector(props) {
         }
     };
     // Layout
-    return (_jsxs(React.Fragment, { children: [label && (_jsx(Grid2, { size: { xs: 12 }, children: _jsx(FormLabel, { required: required, sx: { fontSize: (theme) => theme.typography.caption }, children: label }) })), !hideRegion && (_jsx(Grid2, { size: breakPoints, children: _jsx(Tiplist, { label: regionLabel, name: AddressField.Region, search: search, fullWidth: true, idValue: regionState, loadData: (keyword, id, items) => api.getRegions({
+    return (_jsxs(React.Fragment, { children: [label && (_jsx(Grid2, { size: { xs: 12 }, children: _jsx(FormLabel, { required: required, sx: { fontSize: (theme) => theme.typography.caption }, children: label }) })), !hideRegion && (_jsx(Grid2, { size: breakPoints, children: _jsx(Tiplist, { label: regionLabel, name: AddressField.Region, search: search, fullWidth: true, idValue: regionState, loadData: (keyword, id, items) => api.regions({
                         keyword,
                         id,
                         items,

package/lib/AuditDisplay.d.ts

@@ -1,7 +1,7 @@
-import { AuditLineDto } from "@etsoo/appscript";
 import { Theme } from "@mui/material";
 import React, { CSSProperties } from "react";
 import { ListMoreDisplayProps } from "./ListMoreDisplay";
+import { AuditLineDto } from "@etsoo/appscript";
 /**
  * Audit display props
  */

package/lib/BackButton.d.ts

@@ -1,4 +1,4 @@
-import { IconButtonProps } from '@mui/material';
+import { IconButtonProps } from "@mui/material";
 /**
  * BackButton props
  */

package/lib/BackButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { IconButton, useTheme } from '@mui/material';
-import ArrowBackIcon from '@mui/icons-material/ArrowBack';
-import { useNavigate } from 'react-router-dom';
+import { IconButton, useTheme } from "@mui/material";
+import ArrowBackIcon from "@mui/icons-material/ArrowBack";
+import { useNavigate } from "react-router-dom";
 /**
  * BackButton
  * @param props Props
@@ -9,13 +9,13 @@ import { useNavigate } from 'react-router-dom';
  */
 export function BackButton(props) {
     // Destruct
-    const { color = 'primary', size = 'small', onClick, ...rest } = props;
+    const { color = "primary", size = "small", onClick, ...rest } = props;
     // Theme
     const theme = useTheme();
     // Navigate
     const navigate = useNavigate();
     // Color
-    const pColor = color != 'inherit' && color != 'default' && color in theme.palette
+    const pColor = color != "inherit" && color != "default" && color in theme.palette
         ? theme.palette[color]
         : theme.palette.primary;
     // Click handler

package/lib/CountryList.d.ts

@@ -1,10 +1,11 @@
-import { AddressRegionDb, RegionsRQ } from '@etsoo/appscript';
-import { DataTypes } from '@etsoo/shared';
-import { TiplistProps } from './Tiplist';
+import { AddressRegionDb } from "@etsoo/appscript";
+import { DataTypes } from "@etsoo/shared";
+import { TiplistProps } from "./Tiplist";
+import { RegionsRQ } from "./RegionsRQ";
 /**
  * Country list props
  */
-export type CountryListProps = Omit<DataTypes.Optional<TiplistProps<AddressRegionDb, 'id'>, 'name'>, 'loadData'> & {
+export type CountryListProps = Omit<DataTypes.Optional<TiplistProps<AddressRegionDb, "id">, "name">, "loadData"> & {
     /**
      * Load data
      * @param rq Request data

package/lib/CountryList.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { Tiplist } from './Tiplist';
+import React from "react";
+import { Tiplist } from "./Tiplist";
 /**
  * Country list
  * @param props Props
@@ -8,7 +8,7 @@ import { Tiplist } from './Tiplist';
  */
 export function CountryList(props) {
     // Destruct
-    const { items = 16, loadData, loadFavoredIds, name = 'countryId', ...rest } = props;
+    const { items = 16, loadData, loadFavoredIds, name = "countryId", ...rest } = props;
     // Ref
     const favoredIds = React.useRef([]);
     // Ready

package/lib/CustomFabProps.d.ts

@@ -1,9 +1,9 @@
-import { FabPropsColorOverrides, PropTypes } from '@mui/material';
-import { OverridableStringUnion } from '@mui/types';
+import { FabPropsColorOverrides, PropTypes } from "@mui/material";
+import { OverridableStringUnion } from "@mui/types";
 /**
  * Custom fab size
  */
-export type CustomFabSize = 'small' | 'medium' | 'large';
+export type CustomFabSize = "small" | "medium" | "large";
 /**
  * Custom fab props
  */

package/lib/DataGridEx.js

@@ -91,7 +91,7 @@ export function DataGridEx(props) {
                     });
                 }
                 else if (sortable && field != null) {
-                    const active = orderBy === field;
+                    const active = orderBy != null && orderBy[field] != null;
                     sortLabel = (_jsx(TableSortLabel, { active: active, direction: sortAsc ? "asc" : "desc", onClick: (_event) => {
                             if (active)
                                 column.sortAsc = !sortAsc;
@@ -165,7 +165,7 @@ export function DataGridEx(props) {
     });
     // New sort
     const handleSort = (field, asc) => {
-        reset({ queryPaging: { orderBy: field, orderByAsc: asc } });
+        reset({ queryPaging: { orderBy: { [field]: asc ?? true } } });
     };
     // Reset
     const reset = (add) => {
@@ -283,10 +283,7 @@ export function DataGridEx(props) {
     }, [columns, width]);
     // Table
     const table = React.useMemo(() => {
-        const defaultOrderByAsc = defaultOrderBy
-            ? columns.find((column) => column.field === defaultOrderBy)?.sortAsc
-            : undefined;
-        return (_jsx(ScrollerGrid, { className: Utils.mergeClasses("DataGridEx-Body", "DataGridEx-CustomBar", className, createGridStyle(alternatingColors, selectedColor, hoverColor)), columnCount: columns.length, columnWidth: columnWidth, defaultOrderBy: defaultOrderBy, defaultOrderByAsc: defaultOrderByAsc, height: height -
+        return (_jsx(ScrollerGrid, { className: Utils.mergeClasses("DataGridEx-Body", "DataGridEx-CustomBar", className, createGridStyle(alternatingColors, selectedColor, hoverColor)), columnCount: columns.length, columnWidth: columnWidth, defaultOrderBy: defaultOrderBy, height: height -
                 headerHeight -
                 (hideFooter ? 0 : bottomHeight + 1) -
                 scrollbarSize, headerRenderer: headerRenderer, idField: idField, itemRenderer: itemRenderer, footerRenderer: hideFooter ? undefined : footerRenderer, width: Math.max(width ?? 0, widthCalculator.total), mRef: mRefLocal, ...rest }));

package/lib/DataGridRenderers.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { DataGridExFooterItemRendererProps } from './DataGridEx';
-import { GridCellRendererProps } from '@etsoo/react';
+import React from "react";
+import { DataGridExFooterItemRendererProps } from "./DataGridEx";
+import { GridCellRendererProps } from "@etsoo/react";
 /**
  * Data grid renderers
  */

package/lib/DataGridRenderers.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { CircularProgress } from '@mui/material';
-import { DateUtils, NumberUtils } from '@etsoo/shared';
-import CheckIcon from '@mui/icons-material/Check';
-import ClearIcon from '@mui/icons-material/Clear';
-import { DateText } from './texts/DateText';
-import { GridDataType } from '@etsoo/react';
+import { CircularProgress } from "@mui/material";
+import { DateUtils, NumberUtils } from "@etsoo/shared";
+import CheckIcon from "@mui/icons-material/Check";
+import ClearIcon from "@mui/icons-material/Clear";
+import { DateText } from "./texts/DateText";
+import { GridDataType } from "@etsoo/react";
 /**
  * Data grid renderers
  */
@@ -35,7 +35,7 @@ export var DataGridRenderers;
         // Conversion if necessary
         if (type === GridDataType.Date || type === GridDataType.DateTime) {
             const dateValue = value instanceof Date ? value : new Date(value);
-            const option = type === GridDataType.DateTime ? 'ds' : 'd';
+            const option = type === GridDataType.DateTime ? "ds" : "d";
             const nearDays = renderProps?.nearDays;
             if (nearDays != null) {
                 return (_jsx(DateText, { value: dateValue, locale: renderProps?.culture, timeZone: renderProps?.timeZone, options: option, nearDays: nearDays }));
@@ -43,25 +43,25 @@ export var DataGridRenderers;
             return DateUtils.format(dateValue, renderProps?.culture, option, renderProps?.timeZone);
         }
         // For numbers
-        if (typeof value === 'number') {
+        if (typeof value === "number") {
             if (type === GridDataType.Money || type === GridDataType.IntMoney)
                 return NumberUtils.formatMoney(value, renderProps?.currency, renderProps?.culture, type === GridDataType.IntMoney, renderProps?.numberFormatOptions);
             else
                 return NumberUtils.format(value, renderProps?.culture, renderProps?.numberFormatOptions);
         }
         // For boolean
-        if (typeof value === 'boolean') {
+        if (typeof value === "boolean") {
             // Add style
-            if ('align' in cellProps) {
+            if ("align" in cellProps) {
                 cellProps.sx = {
-                    paddingTop: '12px!important',
-                    paddingBottom: '6px!important'
+                    paddingTop: "12px!important",
+                    paddingBottom: "6px!important"
                 };
             }
             else {
                 cellProps.sx = {
-                    paddingTop: '16px!important',
-                    paddingBottom: '8px!important'
+                    paddingTop: "16px!important",
+                    paddingBottom: "8px!important"
                 };
             }
             if (value)
@@ -86,11 +86,11 @@ export var DataGridRenderers;
             if (checkable) {
                 return [
                     selectedItems.length,
-                    loadedItems.toLocaleString() + (hasNextPage ? '+' : '')
-                ].join(' / ');
+                    loadedItems.toLocaleString() + (hasNextPage ? "+" : "")
+                ].join(" / ");
             }
             else {
-                return loadedItems.toLocaleString() + (hasNextPage ? '+' : '');
+                return loadedItems.toLocaleString() + (hasNextPage ? "+" : "");
             }
         }
         return undefined;

package/lib/DataTable.d.ts

@@ -1,6 +1,5 @@
-import { GridCellModesModel, GridRowId, GridValidRowModel } from "@mui/x-data-grid";
+import { GridRowId, GridValidRowModel } from "@mui/x-data-grid";
 import { DataGridProps } from "@mui/x-data-grid/models/props/DataGridProps";
-import React from "react";
 /**
  * Data table selected cell params
  */
@@ -19,11 +18,6 @@ export type DataTableProps<R extends GridValidRowModel = any> = Omit<DataGridPro
      * @returns Result
      */
     onCellSelection?: (params: DataTableSelectedCellParams) => void | false;
-    /**
-     * Toolbar creator
-     * @returns Toolbar
-     */
-    toolbarCreator?: (selectedCellParams: DataTableSelectedCellParams | null, setCellModesModel: React.Dispatch<React.SetStateAction<GridCellModesModel>>, cellModesModel: GridCellModesModel) => React.ReactElement;
 };
 /**
  * Data table

package/lib/DataTable.js

@@ -9,12 +9,11 @@ import { globalApp } from "./app/ReactApp";
  */
 export function DataTable(props) {
     // Destructor
-    const { localeText = {}, onCellSelection, toolbarCreator, onProcessRowUpdateError = (error) => console.log("onProcessRowUpdateError", error), ...rest } = props;
+    const { localeText = {}, onCellSelection, onProcessRowUpdateError = (error) => console.log("onProcessRowUpdateError", error), slotProps, ...rest } = props;
     // Labels
     const { noRows } = globalApp?.getLabels("noRows") ?? {};
     if (noRows && !localeText.noRowsLabel)
         localeText.noRowsLabel = noRows;
-    const [selectedCellParams, setSelectedCellParams] = React.useState(null);
     const [cellModesModel, setCellModesModel] = React.useState({});
     const handleCellFocus = React.useCallback((event) => {
         // event.target is the element that triggered the event
@@ -37,18 +36,9 @@ export function DataTable(props) {
             if (onCellSelection(params) === false)
                 return;
         }
-        setSelectedCellParams(params);
     }, []);
-    return (_jsx(DataGrid, { disableColumnMenu: true, hideFooter: true, localeText: localeText, cellModesModel: cellModesModel, onCellModesModelChange: (model) => setCellModesModel(model), onProcessRowUpdateError: onProcessRowUpdateError, slots: {
-            toolbar: toolbarCreator
-                ? ({ selectedCellParams, setCellModesModel, cellModesModel }) => toolbarCreator(selectedCellParams, setCellModesModel, cellModesModel)
-                : undefined
-        }, slotProps: {
-            toolbar: {
-                selectedCellParams,
-                setCellModesModel,
-                cellModesModel
-            },
+    return (_jsx(DataGrid, { disableColumnMenu: true, hideFooter: true, localeText: localeText, cellModesModel: cellModesModel, onCellModesModelChange: (model) => setCellModesModel(model), onProcessRowUpdateError: onProcessRowUpdateError, slotProps: {
+            ...slotProps,
             cell: {
                 onFocus: handleCellFocus
             }

package/lib/DialogButton.d.ts

@@ -1,5 +1,5 @@
-import { Breakpoint, ButtonProps } from '@mui/material';
-import React from 'react';
+import { Breakpoint, ButtonProps } from "@mui/material";
+import React from "react";
 export interface DialogButtonProps extends ButtonProps {
     /**
      * Button label

package/lib/DialogButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton } from '@mui/material';
-import React from 'react';
-import { Labels } from './app/Labels';
+import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton } from "@mui/material";
+import React from "react";
+import { Labels } from "./app/Labels";
 /**
  * Dialog button
  * @param props Props
@@ -33,5 +33,5 @@ export function DialogButton(props) {
                     // The dialog will be embeded and the click event will bubble up
                     // Stop propatation but will also cancel onClose and onBackdropClick event
                     event.stopPropagation();
-                }, children: [_jsx(DialogTitle, { children: dialogTitle ?? title ?? children }), _jsxs(DialogContent, { children: [_jsx(DialogContentText, { component: contentPre ? 'pre' : 'span', children: content }), inputs] }), _jsx(DialogActions, { children: _jsx(Button, { onClick: () => setOpen(false), children: buttonLabel }) })] })] }));
+                }, children: [_jsx(DialogTitle, { children: dialogTitle ?? title ?? children }), _jsxs(DialogContent, { children: [_jsx(DialogContentText, { component: contentPre ? "pre" : "span", children: content }), inputs] }), _jsx(DialogActions, { children: _jsx(Button, { onClick: () => setOpen(false), children: buttonLabel }) })] })] }));
 }

package/lib/EmailInput.d.ts

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

package/lib/EmailInput.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { TextField } from '@mui/material';
+import { TextField } from "@mui/material";
 /**
  * Email input
  * @param props Props
@@ -10,5 +10,5 @@ export function EmailInput(props) {
     // Default max length
     inputProps.maxLength ?? (inputProps.maxLength = 128);
     // Layout
-    return (_jsx(TextField, { type: "email", fullWidth: true, inputProps: inputProps, ...rest }));
+    return _jsx(TextField, { type: "email", fullWidth: true, inputProps: inputProps, ...rest });
 }

package/lib/FlexBox.d.ts

@@ -1,13 +1,13 @@
-import { StackProps } from '@mui/material';
+import { StackProps } from "@mui/material";
 /**
  * Horizonal box
  * @param props Props
  * @returns Component
  */
-export declare function HBox(props: Omit<StackProps, 'ref'>): import("react/jsx-runtime").JSX.Element;
+export declare function HBox(props: Omit<StackProps, "ref">): import("react/jsx-runtime").JSX.Element;
 /**
  * Vertial box
  * @param props Props
  * @returns Component
  */
-export declare function VBox(props: Omit<StackProps, 'ref'>): import("react/jsx-runtime").JSX.Element;
+export declare function VBox(props: Omit<StackProps, "ref">): import("react/jsx-runtime").JSX.Element;

package/lib/FlexBox.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Stack } from '@mui/material';
+import { Stack } from "@mui/material";
 /**
  * Horizonal box
  * @param props Props

package/lib/GridDataFormat.d.ts

@@ -1,5 +1,5 @@
-import { GridColumnRenderProps, GridDataType } from '@etsoo/react';
-import React from 'react';
+import { GridColumnRenderProps, GridDataType } from "@etsoo/react";
+import React from "react";
 /**
  * Grid data format
  * @param data Input data

package/lib/GridDataFormat.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { GridDataType } from '@etsoo/react';
-import { DateUtils, NumberUtils } from '@etsoo/shared';
-import { DateText } from './texts/DateText';
+import { GridDataType } from "@etsoo/react";
+import { DateUtils, NumberUtils } from "@etsoo/shared";
+import { DateText } from "./texts/DateText";
 /**
  * Grid data format
  * @param data Input data
@@ -18,12 +18,12 @@ export function GridDataFormat(data, type, renderProps) {
     if (type === GridDataType.Date || type === GridDataType.DateTime) {
         const dateValue = data instanceof Date
             ? data
-            : typeof data === 'number' || typeof data === 'string'
+            : typeof data === "number" || typeof data === "string"
                 ? new Date(data)
                 : undefined;
         if (dateValue == null)
             return undefined;
-        const option = type === GridDataType.DateTime ? 'ds' : 'd';
+        const option = type === GridDataType.DateTime ? "ds" : "d";
         const nearDays = renderProps?.nearDays;
         if (nearDays != null) {
             return (_jsx(DateText, { value: dateValue, locale: renderProps?.culture, timeZone: renderProps?.timeZone, options: option, nearDays: nearDays }));
@@ -31,13 +31,13 @@ export function GridDataFormat(data, type, renderProps) {
         return DateUtils.format(dateValue, renderProps?.culture, option, renderProps?.timeZone);
     }
     // For numbers
-    if (typeof data === 'number') {
+    if (typeof data === "number") {
         if (type === GridDataType.Money || type === GridDataType.IntMoney)
             return NumberUtils.formatMoney(data, renderProps?.currency, renderProps?.culture, type === GridDataType.IntMoney, renderProps?.numberFormatOptions);
         else
             return NumberUtils.format(data, renderProps?.culture, renderProps?.numberFormatOptions);
     }
-    if (typeof data === 'string')
+    if (typeof data === "string")
         return data;
     return `${data}`;
 }

package/lib/GridUtils.js

@@ -59,7 +59,8 @@ export var GridUtils;
      */
     function getUpdateRowsHandler(cacheKey) {
         return (rows, state) => {
-            if (state.queryPaging.currentPage > 0 && cacheKey) {
+            const page = state.queryPaging.currentPage ?? 0;
+            if (page > 0 && cacheKey) {
                 const data = {
                     rows,
                     state,

package/lib/ListItemRightIcon.d.ts

@@ -1,4 +1,4 @@
-import { ListItemIcon } from '@mui/material';
+import { ListItemIcon } from "@mui/material";
 /**
  * List item right icon component
  */

package/lib/ListItemRightIcon.js

@@ -1,8 +1,8 @@
-import { ListItemIcon, styled } from '@mui/material';
+import { ListItemIcon, styled } from "@mui/material";
 /**
  * List item right icon component
  */
 export const ListItemRightIcon = styled(ListItemIcon)(({ theme }) => ({
-    minWidth: '20px!important',
+    minWidth: "20px!important",
     paddingLeft: theme.spacing(2)
 }));

package/lib/LoadingButton.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps, CircularProgressProps } from '@mui/material';
+import { ButtonProps, CircularProgressProps } from "@mui/material";
 /**
  * Loading button props
  */

package/lib/LoadingButton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Button, CircularProgress } from '@mui/material';
-import React from 'react';
+import { Button, CircularProgress } from "@mui/material";
+import React from "react";
 /**
  * Loading button
  * @param props Props

package/lib/MUGlobal.d.ts

@@ -1,4 +1,4 @@
-import { ListItemButtonProps, Theme } from '@mui/material';
+import { ListItemButtonProps, Theme } from "@mui/material";
 /**
  * Mouse event handler with data
  */
@@ -14,11 +14,11 @@ export declare class MUGlobal {
     /**
      * Search field size
      */
-    static searchFieldSize: 'small' | 'medium';
+    static searchFieldSize: "small" | "medium";
     /**
      * Search field variant
      */
-    static searchFieldVariant: 'standard' | 'filled' | 'outlined';
+    static searchFieldVariant: "standard" | "filled" | "outlined";
     /**
      * Input field shrink
      */
@@ -26,15 +26,15 @@ export declare class MUGlobal {
     /**
      * Input field size
      */
-    static inputFieldSize: 'small' | 'medium';
+    static inputFieldSize: "small" | "medium";
     /**
      * Input field variant
      */
-    static inputFieldVariant: 'standard' | 'filled' | 'outlined';
+    static inputFieldVariant: "standard" | "filled" | "outlined";
     /**
      * TextField variant
      */
-    static textFieldVariant: 'standard' | 'filled' | 'outlined';
+    static textFieldVariant: "standard" | "filled" | "outlined";
     /**
      * Page default paddings
      */