@etsoo/materialui 1.4.21 → 1.4.23

package/lib/MUGlobal.js

@@ -1,5 +1,5 @@
-import { NumberUtils } from '@etsoo/shared';
-import { Link } from 'react-router-dom';
+import { NumberUtils } from "@etsoo/shared";
+import { Link } from "react-router-dom";
 /**
  * MUGlobal for global configurations
  */
@@ -16,11 +16,11 @@ export class MUGlobal {
             // Exact match, most common case
             selected = true;
         }
-        else if (href.endsWith('*')) {
+        else if (href.endsWith("*")) {
             href = href.slice(0, -1);
             selected = path.startsWith(href);
         }
-        else if (href.endsWith('/all')) {
+        else if (href.endsWith("/all")) {
             selected = path.startsWith(href.slice(0, -3));
         }
         return {
@@ -29,7 +29,7 @@ export class MUGlobal {
             to: href,
             sx: {
                 ...(selected && {
-                    '.MuiListItemIcon-root': {
+                    ".MuiListItemIcon-root": {
                         color: (theme) => theme.palette.primary.main
                     }
                 })
@@ -44,7 +44,7 @@ export class MUGlobal {
     static half(input) {
         const newObj = { ...input };
         Object.entries(newObj).forEach(([key, value]) => {
-            if (typeof value === 'number') {
+            if (typeof value === "number") {
                 Reflect.set(newObj, key, value / 2.0);
             }
         });
@@ -58,7 +58,7 @@ export class MUGlobal {
     static reverse(input) {
         const newObj = { ...input };
         Object.entries(newObj).forEach(([key, value]) => {
-            if (typeof value === 'number') {
+            if (typeof value === "number") {
                 Reflect.set(newObj, key, -value);
             }
         });
@@ -74,12 +74,10 @@ export class MUGlobal {
     static increase(input, adjust, field) {
         const newObj = { ...input };
         Object.entries(newObj).forEach(([key, value]) => {
-            if (typeof value === 'number') {
+            if (typeof value === "number") {
                 if (field == null || field === key) {
-                    const adjustValue = typeof adjust === 'number'
-                        ? adjust
-                        : Reflect.get(adjust, key);
-                    if (adjustValue == null || typeof adjustValue !== 'number')
+                    const adjustValue = typeof adjust === "number" ? adjust : Reflect.get(adjust, key);
+                    if (adjustValue == null || typeof adjustValue !== "number")
                         return;
                     Reflect.set(newObj, key, value + adjustValue);
                 }
@@ -97,7 +95,7 @@ export class MUGlobal {
     static adjustWithTheme(size, adjust, updateFunc) {
         const newObj = { ...adjust };
         Object.entries(newObj).forEach(([key, value]) => {
-            if (typeof value === 'number') {
+            if (typeof value === "number") {
                 const newValue = NumberUtils.parseWithUnit(updateFunc(value));
                 if (newValue != null) {
                     Reflect.set(newObj, key, `${size - newValue[0]}${newValue[1]}`);
@@ -120,9 +118,9 @@ export class MUGlobal {
         for (let i = start; i >= 0; i--) {
             const key = this.breakpoints[i];
             const value = Reflect.get(spaces, key);
-            if (typeof value === 'number') {
+            if (typeof value === "number") {
                 const mediaRaw = theme.breakpoints.up(key);
-                const mediaQuery = mediaRaw.substring(mediaRaw.indexOf('('));
+                const mediaQuery = mediaRaw.substring(mediaRaw.indexOf("("));
                 if (window.matchMedia(mediaQuery).matches) {
                     return parseInt(theme.spacing(value), 10);
                 }
@@ -139,7 +137,7 @@ export class MUGlobal {
     static updateWithTheme(input, updateFunc) {
         const newObj = { ...input };
         Object.entries(newObj).forEach(([key, value]) => {
-            if (typeof value === 'number') {
+            if (typeof value === "number") {
                 Reflect.set(newObj, key, updateFunc(value));
             }
         });
@@ -153,11 +151,11 @@ MUGlobal.searchFieldShrink = true;
 /**
  * Search field size
  */
-MUGlobal.searchFieldSize = 'small';
+MUGlobal.searchFieldSize = "small";
 /**
  * Search field variant
  */
-MUGlobal.searchFieldVariant = 'outlined';
+MUGlobal.searchFieldVariant = "outlined";
 /**
  * Input field shrink
  */
@@ -165,15 +163,15 @@ MUGlobal.inputFieldShrink = true;
 /**
  * Input field size
  */
-MUGlobal.inputFieldSize = 'medium';
+MUGlobal.inputFieldSize = "medium";
 /**
  * Input field variant
  */
-MUGlobal.inputFieldVariant = 'outlined';
+MUGlobal.inputFieldVariant = "outlined";
 /**
  * TextField variant
  */
-MUGlobal.textFieldVariant = 'filled';
+MUGlobal.textFieldVariant = "filled";
 /**
  * Page default paddings
  */
@@ -181,4 +179,4 @@ MUGlobal.pagePaddings = { xs: 2, sm: 3 };
 /**
  * Break points defined
  */
-MUGlobal.breakpoints = ['xs', 'sm', 'md', 'lg', 'xl'];
+MUGlobal.breakpoints = ["xs", "sm", "md", "lg", "xl"];

package/lib/MobileListItemRenderer.d.ts

@@ -1,6 +1,6 @@
-import { ListItemReact } from '@etsoo/react';
-import React from 'react';
-import { ScrollerListExInnerItemRendererProps } from './ScrollerListEx';
+import { ListItemReact } from "@etsoo/react";
+import React from "react";
+import { ScrollerListExInnerItemRendererProps } from "./ScrollerListEx";
 /**
  * Default mobile list item renderer
  * @param param0 List renderer props

package/lib/MobileListItemRenderer.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardContent, CardHeader, LinearProgress } from '@mui/material';
-import { MoreFab } from './MoreFab';
+import { Card, CardContent, CardHeader, LinearProgress } from "@mui/material";
+import { MoreFab } from "./MoreFab";
 /**
  * Default mobile list item renderer
  * @param param0 List renderer props
@@ -18,15 +18,13 @@ export function MobileListItemRenderer({ data, itemHeight, margins }, renderer)
             height: itemHeight,
             ...margins
         }, children: [_jsx(CardHeader, { sx: { paddingBottom: 0.5 }, action: Array.isArray(actions) ? (_jsx(MoreFab, { iconButton: true, size: "small", anchorOrigin: {
-                        vertical: 'bottom',
-                        horizontal: 'right'
+                        vertical: "bottom",
+                        horizontal: "right"
                     }, transformOrigin: {
-                        vertical: 'top',
-                        horizontal: 'right'
-                    }, actions: actions })) : (actions), title: title, titleTypographyProps: { variant: 'body2' }, subheader: subheader, subheaderTypographyProps: { variant: 'caption' } }), _jsx(CardContent, { sx: {
+                        vertical: "top",
+                        horizontal: "right"
+                    }, actions: actions })) : (actions), title: title, titleTypographyProps: { variant: "body2" }, subheader: subheader, subheaderTypographyProps: { variant: "caption" } }), _jsx(CardContent, { sx: {
                     paddingTop: 0,
-                    paddingBottom: cardActions == null
-                        ? Reflect.get(margins, 'marginBottom')
-                        : 0
+                    paddingBottom: cardActions == null ? Reflect.get(margins, "marginBottom") : 0
                 }, children: children }), cardActions] }));
 }

package/lib/PList.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+import React from "react";
 /**
  * Paragraph items list
  * @param items Items

package/lib/ProgressCount.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, CircularProgress, LinearProgress, Typography } from '@mui/material';
-import React from 'react';
+import { Box, CircularProgress, LinearProgress, Typography } from "@mui/material";
+import React from "react";
 /**
  * Progress count
  * @param props Props
@@ -8,11 +8,11 @@ import React from 'react';
  */
 export function ProgressCount(props) {
     // Destruct
-    const { countdown = true, linear = true, minWidth = 36, onComplete, onProgress, seconds, valueUnit = '' } = props;
+    const { countdown = true, linear = true, minWidth = 36, onComplete, onProgress, seconds, valueUnit = "" } = props;
     // Progress value
     const [value, setValue] = React.useState(countdown ? seconds : 0);
     // Variant
-    const [variant, setVariant] = React.useState('determinate');
+    const [variant, setVariant] = React.useState("determinate");
     // Progress value
     const progressValue = (100.0 * value) / seconds;
     React.useEffect(() => {
@@ -32,7 +32,7 @@ export function ProgressCount(props) {
                             // Finish
                             if (result === false) {
                                 clearInterval(timer);
-                                setVariant('indeterminate');
+                                setVariant("indeterminate");
                             }
                         }
                     }
@@ -44,7 +44,7 @@ export function ProgressCount(props) {
                             // Finish
                             if (result === false) {
                                 clearInterval(timer);
-                                setVariant('indeterminate');
+                                setVariant("indeterminate");
                             }
                         }
                     }
@@ -59,15 +59,15 @@ export function ProgressCount(props) {
         };
     }, []);
     if (linear)
-        return (_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', width: '100%' }, children: [_jsx(Box, { sx: { width: '100%', mr: 1 }, children: _jsx(LinearProgress, { variant: variant, value: progressValue }) }), _jsx(Box, { sx: { minWidth }, children: _jsx(Typography, { variant: "body2", color: "text.secondary", children: `${value}${valueUnit}` }) })] }));
-    return (_jsxs(Box, { sx: { position: 'relative', display: 'inline-flex' }, children: [_jsx(CircularProgress, { variant: variant, value: progressValue }), _jsx(Box, { sx: {
+        return (_jsxs(Box, { sx: { display: "flex", alignItems: "center", width: "100%" }, children: [_jsx(Box, { sx: { width: "100%", mr: 1 }, children: _jsx(LinearProgress, { variant: variant, value: progressValue }) }), _jsx(Box, { sx: { minWidth }, children: _jsx(Typography, { variant: "body2", color: "text.secondary", children: `${value}${valueUnit}` }) })] }));
+    return (_jsxs(Box, { sx: { position: "relative", display: "inline-flex" }, children: [_jsx(CircularProgress, { variant: variant, value: progressValue }), _jsx(Box, { sx: {
                     top: 0,
                     left: 0,
                     bottom: 0,
                     right: 0,
-                    position: 'absolute',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center'
+                    position: "absolute",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center"
                 }, children: _jsx(Typography, { variant: "caption", component: "div", color: "text.secondary", children: `${value}${valueUnit}` }) })] }));
 }

package/lib/RegionsRQ.d.ts

@@ -0,0 +1,22 @@
+export type RegionsRQ = {
+    /**
+     * Country id
+     */
+    id?: string;
+    /**
+     * Favored country ids from top to bottom
+     */
+    favoredIds?: string[];
+    /**
+     * Items count to query
+     */
+    items?: number;
+    /**
+     * Filter keyword
+     */
+    keyword?: string;
+    /**
+     * Cultrue
+     */
+    culture?: string;
+};

package/lib/RegionsRQ.js

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

package/lib/SearchField.d.ts

@@ -1,4 +1,4 @@
-import { TextFieldProps } from '@mui/material';
+import { TextFieldProps } from "@mui/material";
 /**
  * Search field props
  */

package/lib/SearchField.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useDelayedExecutor } from '@etsoo/react';
-import { TextField } from '@mui/material';
-import React from 'react';
-import { MUGlobal } from './MUGlobal';
+import { useDelayedExecutor } from "@etsoo/react";
+import { TextField } from "@mui/material";
+import React from "react";
+import { MUGlobal } from "./MUGlobal";
 /**
  * Search field
  * @param props Props

package/lib/SearchOptionGroup.d.ts

@@ -1,5 +1,5 @@
-import { DataTypes, IdDefaultType, LabelDefaultType, ListType } from '@etsoo/shared';
-import { OptionGroupProps } from './OptionGroup';
+import { DataTypes, IdDefaultType, LabelDefaultType, ListType } from "@etsoo/shared";
+import { OptionGroupProps } from "./OptionGroup";
 /**
  * Search OptionGroup
  * @param props Props

package/lib/SearchOptionGroup.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { MUGlobal } from './MUGlobal';
-import { OptionGroup } from './OptionGroup';
+import { MUGlobal } from "./MUGlobal";
+import { OptionGroup } from "./OptionGroup";
 /**
  * Search OptionGroup
  * @param props Props
@@ -8,7 +8,7 @@ import { OptionGroup } from './OptionGroup';
  */
 export function SearchOptionGroup(props) {
     // Destruct
-    const { row = true, size = MUGlobal.searchFieldSize, sx = { '& .MuiFormLabel-root': { fontSize: '0.75em' } }, ...rest } = props;
+    const { row = true, size = MUGlobal.searchFieldSize, sx = { "& .MuiFormLabel-root": { fontSize: "0.75em" } }, ...rest } = props;
     // Layout
     return _jsx(OptionGroup, { row: row, size: size, sx: sx, ...rest });
 }

package/lib/Switch.d.ts

@@ -1,8 +1,8 @@
-import { FormControlLabelProps } from '@mui/material';
+import { FormControlLabelProps } from "@mui/material";
 /**
  * Switch props
  */
-export interface SwitchProps extends Omit<FormControlLabelProps, 'control'> {
+export interface SwitchProps extends Omit<FormControlLabelProps, "control"> {
     /**
      * Value, default 'on'
      */
@@ -14,7 +14,7 @@ export interface SwitchProps extends Omit<FormControlLabelProps, 'control'> {
     /**
      * Size
      */
-    size?: 'small' | 'medium';
+    size?: "small" | "medium";
     /**
      * Display as Checkbox
      */

package/lib/Switch.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { FormControlLabel } from '@mui/material';
-import MuiCheckbox from '@mui/material/Checkbox';
-import MuiSwitch from '@mui/material/Switch';
+import React from "react";
+import { FormControlLabel } from "@mui/material";
+import MuiCheckbox from "@mui/material/Checkbox";
+import MuiSwitch from "@mui/material/Switch";
 /**
  * Switch
  * @param props Props
@@ -10,7 +10,7 @@ import MuiSwitch from '@mui/material/Switch';
  */
 export function Switch(props) {
     // Destruct
-    const { checked, defaultChecked, defaultValue, onChange, readOnly, size, checkbox = false, value = 'true', ...rest } = props;
+    const { checked, defaultChecked, defaultValue, onChange, readOnly, size, checkbox = false, value = "true", ...rest } = props;
     // Checked state
     const [controlChecked, setControlChecked] = React.useState(checked ?? defaultChecked ?? defaultValue == value);
     React.useEffect(() => {

package/lib/TabBox.d.ts

@@ -1,9 +1,9 @@
-import { BoxProps, TabProps, TabsProps } from '@mui/material';
-import React from 'react';
+import { BoxProps, TabProps, TabsProps } from "@mui/material";
+import React from "react";
 /**
  * Tab with box panel props
  */
-export interface TabBoxPanel extends Omit<TabProps, 'value' | 'children'> {
+export interface TabBoxPanel extends Omit<TabProps, "value" | "children"> {
     /**
      * Children
      */
@@ -11,7 +11,7 @@ export interface TabBoxPanel extends Omit<TabProps, 'value' | 'children'> {
     /**
      * Panel box props
      */
-    panel?: Omit<BoxProps, 'hidden'>;
+    panel?: Omit<BoxProps, "hidden">;
     /**
      * To URL
      */
@@ -24,7 +24,7 @@ export interface TabBoxPros extends BoxProps {
     /**
      * Container props
      */
-    container?: Omit<TabsProps, 'value'>;
+    container?: Omit<TabsProps, "value">;
     /**
      * Default selected index
      */

package/lib/TabBox.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Utils } from '@etsoo/shared';
-import { Box, Tab, Tabs } from '@mui/material';
-import React from 'react';
-import { Link } from 'react-router-dom';
+import { Utils } from "@etsoo/shared";
+import { Box, Tab, Tabs } from "@mui/material";
+import React from "react";
+import { Link } from "react-router-dom";
 /**
  * Tabs with box
  * @param props Props
@@ -20,7 +20,7 @@ export function TabBox(props) {
         setValue(index);
     }, [index]);
     // Layout
-    return (_jsxs(React.Fragment, { children: [inputName && (_jsx("input", { type: "hidden", name: inputName, value: value })), _jsx(Box, { ...root, children: _jsx(Tabs, { value: value, onChange: (event, newValue) => {
+    return (_jsxs(React.Fragment, { children: [inputName && _jsx("input", { type: "hidden", name: inputName, value: value }), _jsx(Box, { ...root, children: _jsx(Tabs, { value: value, onChange: (event, newValue) => {
                         setValue(newValue);
                         if (onChange)
                             onChange(event, newValue);

package/lib/TableEx.js

@@ -39,15 +39,11 @@ export function TableEx(props) {
         state.loadedItems = rows.length;
         updateRows(rows);
     };
-    var orderByAsc = defaultOrderBy
-        ? columns.find((column) => column.field === defaultOrderBy)?.sortAsc
-        : undefined;
     // States
     const stateRefs = React.useRef({
         queryPaging: {
             currentPage: 0,
             orderBy: defaultOrderBy,
-            orderByAsc,
             batchSize: rowsPerPageLocal
         },
         autoLoad,
@@ -175,7 +171,7 @@ export function TableEx(props) {
     };
     // New sort
     const handleSort = (field, asc) => {
-        reset({ queryPaging: { orderBy: field, orderByAsc: asc } });
+        reset({ queryPaging: { orderBy: { [field]: asc ?? true } } });
     };
     // Set items for rerenderer
     const setItems = (callback) => {
@@ -186,7 +182,7 @@ export function TableEx(props) {
     };
     // Destruct states
     const { queryPaging, autoLoad: stateAutoLoad, hasNextPage, lastLoadedItems, selectedItems } = state;
-    const currentPage = queryPaging.currentPage;
+    const currentPage = queryPaging.currentPage ?? 0;
     const batchSize = queryPaging.batchSize;
     // Current page selected items
     const pageSelectedItems = selectable
@@ -222,7 +218,8 @@ export function TableEx(props) {
                                         // Sortable
                                         let sortLabel;
                                         if (sortable && field != null) {
-                                            const active = queryPaging.orderBy === field;
+                                            const active = queryPaging.orderBy != null &&
+                                                queryPaging.orderBy[field] != null;
                                             sortLabel = (_jsx(TableSortLabel, { active: active, direction: sortAsc ? "asc" : "desc", onClick: (_event) => {
                                                     if (active)
                                                         column.sortAsc = !sortAsc;

package/lib/TooltipClick.d.ts

@@ -1,9 +1,9 @@
-import { TooltipProps } from '@mui/material';
-import React from 'react';
+import { TooltipProps } from "@mui/material";
+import React from "react";
 /**
  * Tooltip with click visibility props
  */
-export interface TooltipClickProps extends Omit<TooltipProps, 'children' | 'open' | 'disableFocusListener' | 'disableTouchListener'> {
+export interface TooltipClickProps extends Omit<TooltipProps, "children" | "open" | "disableFocusListener" | "disableTouchListener"> {
     children: (openTooltip: (newTitle?: string) => void) => React.ReactElement<any, any>;
     disableHoverListener?: boolean;
 }

package/lib/TooltipClick.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useDelayedExecutor } from '@etsoo/react';
-import { ClickAwayListener, Tooltip } from '@mui/material';
-import React from 'react';
+import { useDelayedExecutor } from "@etsoo/react";
+import { ClickAwayListener, Tooltip } from "@mui/material";
+import React from "react";
 /**
  * Tooltip with click visibility
  * @param props Props

package/lib/TwoFieldInput.d.ts

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

package/lib/TwoFieldInput.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input, InputAdornment } from '@mui/material';
-import ArrowRightAltIcon from '@mui/icons-material/ArrowRightAlt';
-import { useDimensions } from '@etsoo/react';
-import React from 'react';
-import { DateUtils, DomUtils } from '@etsoo/shared';
-import { InputField } from './InputField';
+import { Input, InputAdornment } from "@mui/material";
+import ArrowRightAltIcon from "@mui/icons-material/ArrowRightAlt";
+import { useDimensions } from "@etsoo/react";
+import React from "react";
+import { DateUtils, DomUtils } from "@etsoo/shared";
+import { InputField } from "./InputField";
 /**
  * TwoField Input
  * @param props Props
@@ -24,14 +24,14 @@ export function TwoFieldInput(props) {
     // Watch container
     const { dimensions } = useDimensions(1, (target, rect) => {
         const width = (rect.width - 64) / 2;
-        const inputs = target.querySelectorAll('input');
+        const inputs = target.querySelectorAll("input");
         inputs[0].style.width = `${width}px`;
         inputs[1].parentElement.style.width = `${width}px`;
     }, 0);
     // Handle change
     const handleChange = (event) => {
         const value = DomUtils.getInputValue(event.target);
-        const index = event.target.name.endsWith('-start') ? 0 : 1;
+        const index = event.target.name.endsWith("-start") ? 0 : 1;
         valueRef.current[index] = value;
         if (onValuesChange) {
             if (onValuesChange(valueRef.current) === false)
@@ -42,10 +42,10 @@ export function TwoFieldInput(props) {
     };
     const formatValue = (v, type) => {
         if (v == null)
-            return '';
-        if (typeof v === 'number')
+            return "";
+        if (typeof v === "number")
             return v;
-        if (type === 'date' || type === 'datetime-local')
+        if (type === "date" || type === "datetime-local")
             return DateUtils.formatForInput(v, type);
         return v;
     };
@@ -55,8 +55,8 @@ export function TwoFieldInput(props) {
     // Layout
     return (_jsx(InputField, { name: `${name}-start`, type: type, value: formatValue(localValues[0], type), ref: dimensions[0][0], inputProps: inputProps, InputProps: {
             endAdornment: (_jsxs(InputAdornment, { position: "end", sx: {
-                    display: 'flex',
-                    alignItems: 'center',
+                    display: "flex",
+                    alignItems: "center",
                     gap: 1
                 }, children: [_jsx(ArrowRightAltIcon, {}), _jsx(Input, { type: type, name: `${name}-end`, value: formatValue(localValues[1], type), disableUnderline: true, onInput: onInput, onChange: handleChange, inputProps: inputProps })] }))
         }, onInput: onInput, onChange: handleChange, ...rest }));

package/lib/app/IServicePage.d.ts

@@ -1,4 +1,4 @@
-import { IPageData } from '@etsoo/react';
+import { IPageData } from "@etsoo/react";
 /**
  * Service page data interface
  */

package/lib/app/Labels.d.ts

@@ -1,4 +1,4 @@
-import { DataTypes } from '@etsoo/shared';
+import { DataTypes } from "@etsoo/shared";
 /**
  * Labels
  */