@etsoo/materialui 1.3.42 → 1.3.43

package/__tests__/tsconfig.json

@@ -1,19 +1,19 @@
 {
-    "compilerOptions": {
-        "target": "ES2019",
-        "module": "ESNext",
-        "allowJs": true,
-        "skipLibCheck": true,
-        "esModuleInterop": true,
-        "allowSyntheticDefaultImports": true,
-        "strict": true,
-        "forceConsistentCasingInFileNames": true,
-        "moduleResolution": "node",
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "noEmit": true,
-        "jsx": "react",
-        "declaration": true
-    },
-    "include": [".."]
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "Node10",
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react",
+    "declaration": true
+  },
+  "include": [".."]
 }

package/lib/AddresSelector.js

@@ -18,9 +18,8 @@ export var AddressField;
  * @param props Props
  */
 export function AddressSelector(props) {
-    var _a;
     // Labels
-    const { city: cityDefault = "City", district: districtDefault = "District", region: regionDefault = "Region", state: stateDefault = "State" } = (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("region", "state", "city", "district")) !== null && _a !== void 0 ? _a : {};
+    const { city: cityDefault = "City", district: districtDefault = "District", region: regionDefault = "Region", state: stateDefault = "State" } = globalApp?.getLabels("region", "state", "city", "district") ?? {};
     // Destruct
     const { api, city, cityLabel = cityDefault, district, districtLabel = districtDefault, error, favoredIds, helperText, hideRegion, label, onChange, region, regionLabel = regionDefault, required, search, state, stateLabel = stateDefault, breakPoints = { xs: 12, md: 6, lg: hideRegion ? 4 : 3 } } = props;
     const isMounted = React.useRef(true);

package/lib/AuditDisplay.js

@@ -6,8 +6,7 @@ import { ListMoreDisplay } from "./ListMoreDisplay";
 import { ShowDataComparison } from "./ShowDataComparison";
 // Get label
 const getLabel = (key) => {
-    var _a;
-    return (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.get(Utils.formatInitial(key))) !== null && _a !== void 0 ? _a : key;
+    return globalApp?.get(Utils.formatInitial(key)) ?? key;
 };
 // Format date
 const formatDate = (date) => {
@@ -30,7 +29,7 @@ export function AuditDisplay(props) {
         padding: [theme.spacing(1.5), theme.spacing(1)].join(" "),
         background: index % 2 === 0 ? theme.palette.grey[100] : theme.palette.grey[50]
     }), getColumnLabel, equalCheck, itemRenderer = (data) => {
-        const { newData, oldData, changes = { newData: newData !== null && newData !== void 0 ? newData : {}, oldData: oldData !== null && oldData !== void 0 ? oldData : {} } } = data;
+        const { newData, oldData, changes = { newData: newData ?? {}, oldData: oldData ?? {} } } = data;
         return (React.createElement(React.Fragment, null,
             changes != null && (React.createElement(Button, { variant: "outlined", size: "small", onClick: () => ShowDataComparison(changes, title, getColumnLabel, equalCheck), sx: {
                     marginLeft: theme.spacing(1),

package/lib/BridgeCloseButton.js

@@ -9,9 +9,8 @@ import { globalApp } from "./app/ReactApp";
  * @returns Component
  */
 export function BridgeCloseButton(props) {
-    var _a;
     // Destruct
-    const { boxProps, onClick, title = (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.get("close")) !== null && _a !== void 0 ? _a : "Close", validate, ...rest } = props;
+    const { boxProps, onClick, title = globalApp?.get("close") ?? "Close", validate, ...rest } = props;
     // Host
     const host = BridgeUtils.host;
     if (host == null ||

package/lib/ComboBox.js

@@ -14,13 +14,13 @@ import { globalApp } from "./app/ReactApp";
  */
 export function ComboBox(props) {
     // Labels
-    const labels = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("noOptions", "loading", "open", "add");
+    const labels = globalApp?.getLabels("noOptions", "loading", "open", "add");
     // Destruct
-    const { search = false, autoAddBlankItem = search, idField = "id", idValue, inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputReset, inputVariant, defaultValue, label, labelField = "label", loadData, onLoadData, name, inputAutoComplete = "off", options, dataReadonly = true, readOnly, onChange, onValueChange, openOnFocus = true, value, disableCloseOnSelect = false, getOptionLabel = (option) => `${option[labelField]}`, sx = { minWidth: "150px", flexGrow: 2 }, noOptionsText = labels === null || labels === void 0 ? void 0 : labels.noOptions, loadingText = labels === null || labels === void 0 ? void 0 : labels.loading, openText = labels === null || labels === void 0 ? void 0 : labels.open, addLabel = labels === null || labels === void 0 ? void 0 : labels.add, onAdd, ...rest } = props;
+    const { search = false, autoAddBlankItem = search, idField = "id", idValue, inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputReset, inputVariant, defaultValue, label, labelField = "label", loadData, onLoadData, name, inputAutoComplete = "off", options, dataReadonly = true, readOnly, onChange, onValueChange, openOnFocus = true, value, disableCloseOnSelect = false, getOptionLabel = (option) => `${option[labelField]}`, sx = { minWidth: "150px", flexGrow: 2 }, noOptionsText = labels?.noOptions, loadingText = labels?.loading, openText = labels?.open, addLabel = labels?.add, onAdd, ...rest } = props;
     // Value input ref
     const inputRef = React.createRef();
     // Options state
-    const [localOptions, setOptions] = React.useState(options !== null && options !== void 0 ? options : []);
+    const [localOptions, setOptions] = React.useState(options ?? []);
     const isMounted = React.useRef(true);
     // When options change
     // [options] will cause infinite loop
@@ -37,7 +37,7 @@ export function ComboBox(props) {
     // Local default value
     const localValue = idValue != null
         ? localOptions.find((o) => o[idField] === idValue)
-        : defaultValue !== null && defaultValue !== void 0 ? defaultValue : value;
+        : defaultValue ?? value;
     // State
     // null for controlled
     const [stateValue, setStateValue] = React.useState(null);
@@ -113,7 +113,7 @@ export function ComboBox(props) {
     }, []);
     // Layout
     return (React.createElement("div", null,
-        React.createElement("input", { ref: inputRef, "data-reset": inputReset !== null && inputReset !== void 0 ? inputReset : true, type: "text", style: { display: "none" }, name: name, value: getValue(stateValue), readOnly: true, onChange: inputOnChange }),
+        React.createElement("input", { ref: inputRef, "data-reset": inputReset ?? true, type: "text", style: { display: "none" }, name: name, value: getValue(stateValue), readOnly: true, onChange: inputOnChange }),
         React.createElement(Stack, { gap: 0.5, direction: "row", width: "100%" },
             React.createElement(Autocomplete, { value: stateValue, disableCloseOnSelect: disableCloseOnSelect, getOptionLabel: getOptionLabel, isOptionEqualToValue: (option, value) => option[idField] === value[idField], onChange: (event, value, reason, details) => {
                     // Set value

package/lib/ComboBoxMultiple.js

@@ -16,30 +16,29 @@ const checkedIcon = React.createElement(CheckBoxIcon, { fontSize: "small" });
  * @returns Component
  */
 export function ComboBoxMultiple(props) {
-    var _a;
     // Labels
-    const labels = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("noOptions", "loading");
+    const labels = globalApp?.getLabels("noOptions", "loading");
     // Destruct
     const { search = false, autoAddBlankItem = search, idField = "id", idValue, idValues, inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputReset, inputVariant, defaultValue, label, labelField = "label", loadData, onLoadData, name, inputAutoComplete = "off", options, dataReadonly = true, readOnly, onChange, openOnFocus = true, value, disableCloseOnSelect = true, renderOption = (props, option, { selected }) => (React.createElement("li", { ...props },
         React.createElement(React.Fragment, null,
             React.createElement(Checkbox, { icon: icon, checkedIcon: checkedIcon, style: { marginRight: 8 }, checked: selected }),
-            option[labelField]))), getOptionLabel = (option) => `${option[labelField]}`, sx = { minWidth: "150px" }, noOptionsText = labels === null || labels === void 0 ? void 0 : labels.noOptions, loadingText = labels === null || labels === void 0 ? void 0 : labels.loading, ...rest } = props;
+            option[labelField]))), getOptionLabel = (option) => `${option[labelField]}`, sx = { minWidth: "150px" }, noOptionsText = labels?.noOptions, loadingText = labels?.loading, ...rest } = props;
     // Value input ref
     const inputRef = React.createRef();
     // Options state
-    const [localOptions, setOptions] = React.useState(options !== null && options !== void 0 ? options : []);
+    const [localOptions, setOptions] = React.useState(options ?? []);
     const isMounted = React.useRef(true);
     // Local default value
     const localValue = idValue != null
         ? localOptions.filter((o) => o[idField] === idValue)
         : idValues != null
-            ? localOptions.filter((o) => idValues === null || idValues === void 0 ? void 0 : idValues.includes(o[idField]))
-            : (_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.concat()) !== null && _a !== void 0 ? _a : value === null || value === void 0 ? void 0 : value.concat();
+            ? localOptions.filter((o) => idValues?.includes(o[idField]))
+            : defaultValue?.concat() ?? value?.concat();
     // State
     // null for controlled
     const [stateValue, setStateValue] = React.useState(null);
     React.useEffect(() => {
-        setStateValue(localValue !== null && localValue !== void 0 ? localValue : []);
+        setStateValue(localValue ?? []);
     }, [localValue]);
     // When options change
     // [options] will cause infinite loop
@@ -116,7 +115,7 @@ export function ComboBoxMultiple(props) {
     }, []);
     // Layout
     return (React.createElement("div", null,
-        React.createElement("input", { ref: inputRef, "data-reset": inputReset !== null && inputReset !== void 0 ? inputReset : true, type: "text", style: { display: "none" }, name: name, value: getValue(stateValue), readOnly: true, onChange: inputOnChange }),
+        React.createElement("input", { ref: inputRef, "data-reset": inputReset ?? true, type: "text", style: { display: "none" }, name: name, value: getValue(stateValue), readOnly: true, onChange: inputOnChange }),
         React.createElement(Autocomplete, { value: stateValue == null
                 ? []
                 : Array.isArray(stateValue)

package/lib/ComboBoxPro.js

@@ -4,9 +4,8 @@ import { globalApp } from "./app/ReactApp";
 import { InputField } from "./InputField";
 import { DataTypes } from "@etsoo/shared";
 export function ComboBoxPro(props) {
-    var _a;
     // Labels
-    const { noOptions, loading: loadingLabel, open: openDefault } = (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("noOptions", "loading", "open")) !== null && _a !== void 0 ? _a : {};
+    const { noOptions, loading: loadingLabel, open: openDefault } = globalApp?.getLabels("noOptions", "loading", "open") ?? {};
     // Destruct
     const { noOptionsText = noOptions, loadingText = loadingLabel, openText = openDefault, options, openOnFocus = true, label, inputProps, name, value, idValue, onChange, onValueChange, ...rest } = props;
     const [open, setOpen] = React.useState(false);

package/lib/CultureDataTable.js

@@ -8,8 +8,8 @@ import { globalApp } from "./app/ReactApp";
  */
 export function CultureDataTable(props) {
     // Destruct
-    const { cultures, cultureLabel = globalApp === null || globalApp === void 0 ? void 0 : globalApp.get("culture"), editable = true, titleLabel, hasDescription = false, descriptionLabel = globalApp === null || globalApp === void 0 ? void 0 : globalApp.get("description"), ...rest } = props;
-    const getCultureLabel = React.useCallback((value) => { var _a, _b; return (_b = (_a = cultures.find((c) => c.id == value.id)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : `${value.value}`; }, [cultures]);
+    const { cultures, cultureLabel = globalApp?.get("culture"), editable = true, titleLabel, hasDescription = false, descriptionLabel = globalApp?.get("description"), ...rest } = props;
+    const getCultureLabel = React.useCallback((value) => cultures.find((c) => c.id == value.id)?.label ?? `${value.value}`, [cultures]);
     return (React.createElement(DataTable, { columns: [
             {
                 field: "id",

package/lib/DataGridEx.d.ts

@@ -1,5 +1,4 @@
 import { GridColumn, GridLoaderStates, ScrollerGridProps } from "@etsoo/react";
-import { DataTypes, IdDefaultType } from "@etsoo/shared";
 import React from "react";
 import { MouseEventWithDataHandler } from "./MUGlobal";
 /**
@@ -15,7 +14,7 @@ export type DataGridExFooterItemRendererProps<T extends object> = {
 /**
  * Extended DataGrid with VariableSizeGrid props
  */
-export type DataGridExProps<T extends object, D extends DataTypes.Keys<T>> = Omit<ScrollerGridProps<T, D>, "itemRenderer" | "columnCount" | "columnWidth" | "width"> & {
+export type DataGridExProps<T extends object> = Omit<ScrollerGridProps<T>, "itemRenderer" | "columnCount" | "columnWidth" | "width"> & {
     /**
      * Alternating colors for odd/even rows
      */
@@ -99,4 +98,4 @@ export declare function DataGridExCalColumns<T>(columns: GridColumn<T>[]): {
  * @param props Props
  * @returns Component
  */
-export declare function DataGridEx<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: DataGridExProps<T, D>): React.JSX.Element;
+export declare function DataGridEx<T extends object>(props: DataGridExProps<T>): React.JSX.Element;

package/lib/DataGridEx.js

@@ -39,7 +39,9 @@ const rowItems = (div, callback) => {
 const doRowItems = (parent, rowIndex, callback) => {
     if (parent == null || rowIndex == null)
         return;
-    parent === null || parent === void 0 ? void 0 : parent.querySelectorAll(`div[data-row="${rowIndex}"]`).forEach((rowItem) => {
+    parent
+        ?.querySelectorAll(`div[data-row="${rowIndex}"]`)
+        .forEach((rowItem) => {
         callback(rowItem);
     });
 };
@@ -50,9 +52,8 @@ const doRowItems = (parent, rowIndex, callback) => {
  */
 export function DataGridExCalColumns(columns) {
     return columns.reduce((previousValue, currentItem) => {
-        var _a, _b;
         previousValue.total +=
-            (_b = (_a = currentItem.width) !== null && _a !== void 0 ? _a : currentItem.minWidth) !== null && _b !== void 0 ? _b : minWidth;
+            currentItem.width ?? currentItem.minWidth ?? minWidth;
         if (currentItem.width == null)
             previousValue.unset++;
         return previousValue;
@@ -75,7 +76,7 @@ export function DataGridEx(props) {
             // Destruct
             const { align, field, header, headerCellRenderer, sortable, sortAsc = true, type } = column;
             // Header text
-            const headerText = header !== null && header !== void 0 ? header : field;
+            const headerText = header ?? field;
             // Cell props
             const cellProps = {};
             // Sortable
@@ -99,7 +100,7 @@ export function DataGridEx(props) {
             else {
                 sortLabel = headerText;
             }
-            return (React.createElement(Box, { key: field !== null && field !== void 0 ? field : index.toString(), textAlign: GridAlignGet(align, type), width: columnWidth(index) },
+            return (React.createElement(Box, { key: field ?? index.toString(), textAlign: GridAlignGet(align, type), width: columnWidth(index) },
                 React.createElement(Box, { className: "DataGridEx-Cell", onMouseEnter: handleMouseEnter, ...cellProps }, sortLabel)));
         })));
     };
@@ -119,7 +120,7 @@ export function DataGridEx(props) {
                     checkable
                 })
                 : undefined;
-            return (React.createElement(Box, { key: "bottom-" + (field !== null && field !== void 0 ? field : index.toString()), textAlign: GridAlignGet(align, type), width: columnWidth(index) },
+            return (React.createElement(Box, { key: "bottom-" + (field ?? index.toString()), textAlign: GridAlignGet(align, type), width: columnWidth(index) },
                 React.createElement(Box, { className: "DataGridEx-Cell", onMouseEnter: handleMouseEnter, ...cellProps }, cell)));
         })));
     }
@@ -136,8 +137,7 @@ export function DataGridEx(props) {
                     padding: "4px!important"
                 };
                 return (React.createElement(Checkbox, { color: "primary", checked: selected, onChange: (_event, checked) => {
-                        var _a;
-                        (_a = refs.current.ref) === null || _a === void 0 ? void 0 : _a.selectItem(data, checked);
+                        refs.current.ref?.selectItem(data, checked);
                     } }));
             },
             headerCellRenderer: ({ cellProps, states }) => {
@@ -147,7 +147,7 @@ export function DataGridEx(props) {
                     padding: `${hpad}px 4px ${hpad - 1}px 4px!important`
                 };
                 return (React.createElement(Checkbox, { color: "primary", indeterminate: states.selectedItems.length > 0 &&
-                        states.selectedItems.length < states.loadedItems, checked: states.selectedItems.length > 0, onChange: (_event, checked) => { var _a; return (_a = refs.current.ref) === null || _a === void 0 ? void 0 : _a.selectAll(checked); } }));
+                        states.selectedItems.length < states.loadedItems, checked: states.selectedItems.length > 0, onChange: (_event, checked) => refs.current.ref?.selectAll(checked) }));
             }
         };
         // Update to the latest version
@@ -170,8 +170,7 @@ export function DataGridEx(props) {
     };
     // Reset
     const reset = (add) => {
-        var _a;
-        (_a = refs.current.ref) === null || _a === void 0 ? void 0 : _a.reset(add);
+        refs.current.ref?.reset(add);
     };
     // Show hover tooltip for trucated text
     const handleMouseEnter = (event) => {
@@ -286,14 +285,13 @@ export function DataGridEx(props) {
     }, [columns, width]);
     // Table
     const table = React.useMemo(() => {
-        var _a;
         const defaultOrderByAsc = defaultOrderBy
-            ? (_a = columns.find((column) => column.field === defaultOrderBy)) === null || _a === void 0 ? void 0 : _a.sortAsc
+            ? columns.find((column) => column.field === defaultOrderBy)?.sortAsc
             : undefined;
         return (React.createElement(ScrollerGrid, { className: Utils.mergeClasses("DataGridEx-Body", "DataGridEx-CustomBar", className, createGridStyle(alternatingColors, selectedColor, hoverColor)), columnCount: columns.length, columnWidth: columnWidth, defaultOrderBy: defaultOrderBy, defaultOrderByAsc: defaultOrderByAsc, height: height -
                 headerHeight -
                 (hideFooter ? 0 : bottomHeight + 1) -
-                scrollbarSize, headerRenderer: headerRenderer, idField: idField, itemRenderer: itemRenderer, footerRenderer: hideFooter ? undefined : footerRenderer, width: Math.max(width !== null && width !== void 0 ? width : 0, widthCalculator.total), mRef: mRefLocal, ...rest }));
+                scrollbarSize, headerRenderer: headerRenderer, idField: idField, itemRenderer: itemRenderer, footerRenderer: hideFooter ? undefined : footerRenderer, width: Math.max(width ?? 0, widthCalculator.total), mRef: mRefLocal, ...rest }));
     }, [width]);
     return (React.createElement(Paper, { sx: {
             fontSize: "0.875rem",

package/lib/DataGridRenderers.js

@@ -28,7 +28,7 @@ export var DataGridRenderers;
         if (formattedValue == null && field == null)
             return undefined;
         // Cell value
-        const value = formattedValue !== null && formattedValue !== void 0 ? formattedValue : data[field];
+        const value = formattedValue ?? data[field];
         if (value == null)
             return undefined;
         // For date time
@@ -36,18 +36,18 @@ export var DataGridRenderers;
         if (type === GridDataType.Date || type === GridDataType.DateTime) {
             const dateValue = value instanceof Date ? value : new Date(value);
             const option = type === GridDataType.DateTime ? 'ds' : 'd';
-            const nearDays = renderProps === null || renderProps === void 0 ? void 0 : renderProps.nearDays;
+            const nearDays = renderProps?.nearDays;
             if (nearDays != null) {
-                return (React.createElement(DateText, { value: dateValue, locale: renderProps === null || renderProps === void 0 ? void 0 : renderProps.culture, timeZone: renderProps === null || renderProps === void 0 ? void 0 : renderProps.timeZone, options: option, nearDays: nearDays }));
+                return (React.createElement(DateText, { value: dateValue, locale: renderProps?.culture, timeZone: renderProps?.timeZone, options: option, nearDays: nearDays }));
             }
-            return DateUtils.format(dateValue, renderProps === null || renderProps === void 0 ? void 0 : renderProps.culture, option, renderProps === null || renderProps === void 0 ? void 0 : renderProps.timeZone);
+            return DateUtils.format(dateValue, renderProps?.culture, option, renderProps?.timeZone);
         }
         // For numbers
         if (typeof value === 'number') {
             if (type === GridDataType.Money || type === GridDataType.IntMoney)
-                return NumberUtils.formatMoney(value, renderProps === null || renderProps === void 0 ? void 0 : renderProps.currency, renderProps === null || renderProps === void 0 ? void 0 : renderProps.culture, type === GridDataType.IntMoney, renderProps === null || renderProps === void 0 ? void 0 : renderProps.numberFormatOptions);
+                return NumberUtils.formatMoney(value, renderProps?.currency, renderProps?.culture, type === GridDataType.IntMoney, renderProps?.numberFormatOptions);
             else
-                return NumberUtils.format(value, renderProps === null || renderProps === void 0 ? void 0 : renderProps.culture, renderProps === null || renderProps === void 0 ? void 0 : renderProps.numberFormatOptions);
+                return NumberUtils.format(value, renderProps?.culture, renderProps?.numberFormatOptions);
         }
         // For boolean
         if (typeof value === 'boolean') {

package/lib/DataSteps.js

@@ -14,7 +14,6 @@ import { MUGlobal } from "./MUGlobal";
  * @returns Component
  */
 export function DataSteps(props) {
-    var _a;
     // App
     const app = globalApp;
     if (app == null) {
@@ -25,7 +24,7 @@ export function DataSteps(props) {
     // Destruct
     const { InputLabelProps = {}, jsonValue, valueFormatter = (_data) => "...", onValueChange, steps, value = "", ...rest } = props;
     // Shrink
-    (_a = InputLabelProps.shrink) !== null && _a !== void 0 ? _a : (InputLabelProps.shrink = MUGlobal.searchFieldShrink);
+    InputLabelProps.shrink ?? (InputLabelProps.shrink = MUGlobal.searchFieldShrink);
     // Current index
     const indexRef = React.useRef(-1);
     // Current Json data

package/lib/DataTable.js

@@ -7,11 +7,10 @@ import { globalApp } from "./app/ReactApp";
  * @returns Component
  */
 export function DataTable(props) {
-    var _a;
     // Destructor
     const { localeText = {}, onCellSelection, toolbarCreator, onProcessRowUpdateError = (error) => console.log("onProcessRowUpdateError", error), ...rest } = props;
     // Labels
-    const { noRows } = (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("noRows")) !== null && _a !== void 0 ? _a : {};
+    const { noRows } = globalApp?.getLabels("noRows") ?? {};
     if (noRows && !localeText.noRowsLabel)
         localeText.noRowsLabel = noRows;
     const [selectedCellParams, setSelectedCellParams] = React.useState(null);

package/lib/DialogButton.js

@@ -7,7 +7,6 @@ import { Labels } from './app/Labels';
  * @returns Component
  */
 export function DialogButton(props) {
-    var _a;
     // Labels shared with NotificationMU
     const labels = Labels.NotificationMU;
     // Destruct
@@ -30,13 +29,13 @@ export function DialogButton(props) {
     };
     // Layout
     return (React.createElement(React.Fragment, null,
-        icon == null ? (React.createElement(Button, { ...rest, title: title, onClick: onClickLocal }, children)) : (React.createElement(IconButton, { ...rest, onClick: onClickLocal, title: title !== null && title !== void 0 ? title : children === null || children === void 0 ? void 0 : children.toString() }, icon)),
+        icon == null ? (React.createElement(Button, { ...rest, title: title, onClick: onClickLocal }, children)) : (React.createElement(IconButton, { ...rest, onClick: onClickLocal, title: title ?? children?.toString() }, icon)),
         React.createElement(Dialog, { disableScrollLock: disableScrollLock, fullScreen: fullScreen, fullWidth: fullWidth, maxWidth: maxWidth, open: open, onClose: () => setOpen(false), onClick: (event) => {
                 // The dialog will be embeded and the click event will bubble up
                 // Stop propatation but will also cancel onClose and onBackdropClick event
                 event.stopPropagation();
             } },
-            React.createElement(DialogTitle, null, (_a = dialogTitle !== null && dialogTitle !== void 0 ? dialogTitle : title) !== null && _a !== void 0 ? _a : children),
+            React.createElement(DialogTitle, null, dialogTitle ?? title ?? children),
             React.createElement(DialogContent, null,
                 React.createElement(DialogContentText, { component: contentPre ? 'pre' : 'span' }, content),
                 inputs),

package/lib/DnDList.js

@@ -55,7 +55,7 @@ export function DnDList(props) {
     }, [props.items]);
     const doFormChange = React.useCallback((newItems) => {
         if (onFormChange)
-            onFormChange(newItems !== null && newItems !== void 0 ? newItems : items);
+            onFormChange(newItems ?? items);
     }, [items, onFormChange]);
     const changeItems = React.useCallback((newItems) => {
         // Possible to alter items with the handler

package/lib/EmailInput.js

@@ -5,11 +5,10 @@ import React from 'react';
  * @param props Props
  */
 export function EmailInput(props) {
-    var _a;
     // Destruct
     const { inputProps = {}, ...rest } = props;
     // Default max length
-    (_a = inputProps.maxLength) !== null && _a !== void 0 ? _a : (inputProps.maxLength = 128);
+    inputProps.maxLength ?? (inputProps.maxLength = 128);
     // Layout
     return (React.createElement(TextField, { type: "email", fullWidth: true, inputProps: inputProps, ...rest }));
 }

package/lib/FileUploadButton.js

@@ -8,7 +8,7 @@ import React from "react";
 export function FileUploadButton(props) {
     // Destruct
     const { maxFiles, maxFileSize, inputProps, onFileInvalid, onUploadFiles, children, ...rest } = props;
-    const { onChange } = inputProps !== null && inputProps !== void 0 ? inputProps : {};
+    const { onChange } = inputProps ?? {};
     // Layout
     return (React.createElement(Button, { component: "label", ...rest },
         children,

package/lib/GridDataFormat.js

@@ -24,18 +24,18 @@ export function GridDataFormat(data, type, renderProps) {
         if (dateValue == null)
             return undefined;
         const option = type === GridDataType.DateTime ? 'ds' : 'd';
-        const nearDays = renderProps === null || renderProps === void 0 ? void 0 : renderProps.nearDays;
+        const nearDays = renderProps?.nearDays;
         if (nearDays != null) {
-            return (React.createElement(DateText, { value: dateValue, locale: renderProps === null || renderProps === void 0 ? void 0 : renderProps.culture, timeZone: renderProps === null || renderProps === void 0 ? void 0 : renderProps.timeZone, options: option, nearDays: nearDays }));
+            return (React.createElement(DateText, { value: dateValue, locale: renderProps?.culture, timeZone: renderProps?.timeZone, options: option, nearDays: nearDays }));
         }
-        return DateUtils.format(dateValue, renderProps === null || renderProps === void 0 ? void 0 : renderProps.culture, option, renderProps === null || renderProps === void 0 ? void 0 : renderProps.timeZone);
+        return DateUtils.format(dateValue, renderProps?.culture, option, renderProps?.timeZone);
     }
     // For numbers
     if (typeof data === 'number') {
         if (type === GridDataType.Money || type === GridDataType.IntMoney)
-            return NumberUtils.formatMoney(data, renderProps === null || renderProps === void 0 ? void 0 : renderProps.currency, renderProps === null || renderProps === void 0 ? void 0 : renderProps.culture, type === GridDataType.IntMoney, renderProps === null || renderProps === void 0 ? void 0 : renderProps.numberFormatOptions);
+            return NumberUtils.formatMoney(data, renderProps?.currency, renderProps?.culture, type === GridDataType.IntMoney, renderProps?.numberFormatOptions);
         else
-            return NumberUtils.format(data, renderProps === null || renderProps === void 0 ? void 0 : renderProps.culture, renderProps === null || renderProps === void 0 ? void 0 : renderProps.numberFormatOptions);
+            return NumberUtils.format(data, renderProps?.culture, renderProps?.numberFormatOptions);
     }
     if (typeof data === 'string')
         return data;

package/lib/GridUtils.js

@@ -76,10 +76,9 @@ export var GridUtils;
      * @param searchData Search data
      */
     function mergeSearchData(state, searchData) {
-        var _a;
         if (searchData == null)
             return;
-        (_a = state.data) !== null && _a !== void 0 ? _a : (state.data = {});
+        state.data ?? (state.data = {});
         Object.assign(state.data, searchData);
     }
     GridUtils.mergeSearchData = mergeSearchData;

package/lib/HiSelector.js

@@ -41,7 +41,7 @@ export function HiSelector(props) {
     return (React.createElement(React.Fragment, null,
         label && (React.createElement(Grid, { item: true, xs: 12 },
             React.createElement(FormLabel, { required: required, sx: { fontSize: (theme) => theme.typography.caption } }, label))),
-        React.createElement("input", { type: "hidden", name: name, value: `${currentValue !== null && currentValue !== void 0 ? currentValue : ""}` }),
+        React.createElement("input", { type: "hidden", name: name, value: `${currentValue ?? ""}` }),
         React.createElement(Grid, { item: true, ...breakPoints },
             React.createElement(SelectEx, { idField: idField, label: labels[0], labelField: labelField, name: "tab1", search: search, fullWidth: true, loadData: () => loadData(), value: values[0], onChange: (event) => doChange(event, 0), onItemChange: doItemChange, required: required, error: error, helperText: helperText, variant: variant })),
         localValues[0] != null && (React.createElement(Grid, { item: true, ...breakPoints },

package/lib/HiSelectorTL.js

@@ -35,7 +35,7 @@ export function HiSelectorTL(props) {
     return (React.createElement(React.Fragment, null,
         label && (React.createElement(Grid, { item: true, xs: 12 },
             React.createElement(FormLabel, { required: required, sx: { fontSize: (theme) => theme.typography.caption } }, label))),
-        React.createElement("input", { type: "hidden", name: name, value: `${currentValue !== null && currentValue !== void 0 ? currentValue : ""}` }),
+        React.createElement("input", { type: "hidden", name: name, value: `${currentValue ?? ""}` }),
         React.createElement(Grid, { item: true, ...breakPoints },
             React.createElement(Tiplist, { idField: idField, label: labels[0], name: "tab1", search: search, fullWidth: true, idValue: values[0], loadData: (keyword, id, items) => loadData(keyword, id, items), inputRequired: required, inputError: error, inputHelperText: helperText, onChange: (event, value, reason) => doChange(0, event, value, reason) })),
         localValues[0] != null && (React.createElement(Grid, { item: true, ...breakPoints },

package/lib/InputField.js

@@ -8,18 +8,17 @@ import { MUGlobal } from "./MUGlobal";
  * @returns Component
  */
 export const InputField = React.forwardRef((props, ref) => {
-    var _a;
     // Destruct
     const { changeDelay, InputLabelProps = {}, InputProps = {}, onChange, onChangeDelay, readOnly, size = MUGlobal.inputFieldSize, variant = MUGlobal.inputFieldVariant, ...rest } = props;
     // Shrink
-    (_a = InputLabelProps.shrink) !== null && _a !== void 0 ? _a : (InputLabelProps.shrink = MUGlobal.searchFieldShrink);
+    InputLabelProps.shrink ?? (InputLabelProps.shrink = MUGlobal.searchFieldShrink);
     // Read only
     if (readOnly != null)
         InputProps.readOnly = readOnly;
     const isMounted = React.useRef(true);
     const createDelayed = () => {
         if (changeDelay != null && changeDelay >= 1) {
-            const changeHandler = onChangeDelay !== null && onChangeDelay !== void 0 ? onChangeDelay : onChange;
+            const changeHandler = onChangeDelay ?? onChange;
             if (changeHandler)
                 return useDelayedExecutor(changeHandler, changeDelay);
         }
@@ -29,12 +28,12 @@ export const InputField = React.forwardRef((props, ref) => {
     const onChangeEx = (event) => {
         if (onChange && (delayed == null || onChangeDelay != null))
             onChange(event);
-        delayed === null || delayed === void 0 ? void 0 : delayed.call(undefined, event);
+        delayed?.call(undefined, event);
     };
     React.useEffect(() => {
         return () => {
             isMounted.current = false;
-            delayed === null || delayed === void 0 ? void 0 : delayed.clear();
+            delayed?.clear();
         };
     }, []);
     // Layout

package/lib/InputTipField.js

@@ -15,7 +15,7 @@ export function InputTipField(props) {
     const [data, setData] = React.useState();
     // Destruct
     const { labelProps = {
-        title: globalApp === null || globalApp === void 0 ? void 0 : globalApp.get("clickForDetails"),
+        title: globalApp?.get("clickForDetails"),
         sx: { color: (theme) => theme.palette.error.main, cursor: "pointer" }
     }, InputProps = {
         endAdornment: title ? (React.createElement(InputAdornment, { position: "end" },

package/lib/ItemList.js

@@ -10,12 +10,11 @@ export function ItemList(props) {
     const { buttonLabel, className, color = "primary", keepClick = false, items, idField = "id", labelField = "label", minWidth, icon, onClose, selectedValue, size = "medium", title, variant = "outlined" } = props;
     // Get label
     const getLabel = (item) => {
-        var _a;
         if (typeof labelField === "function") {
             return labelField(item);
         }
         else {
-            return (_a = DataTypes.convert(item[labelField], "string")) !== null && _a !== void 0 ? _a : "";
+            return DataTypes.convert(item[labelField], "string") ?? "";
         }
     };
     // Dialog open or not state
@@ -58,7 +57,7 @@ export function ItemList(props) {
         }
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { className: className, variant: variant, startIcon: icon, color: color, size: size, onClick: clickHandler }, buttonLabel !== null && buttonLabel !== void 0 ? buttonLabel : (currentItem ? getLabel(currentItem) : undefined)),
+        React.createElement(Button, { className: className, variant: variant, startIcon: icon, color: color, size: size, onClick: clickHandler }, buttonLabel ?? (currentItem ? getLabel(currentItem) : undefined)),
         React.createElement(Dialog, { "aria-labelledby": "dialog-title", open: open, onClose: closeHandler },
             title && React.createElement(DialogTitle, { id: "dialog-title" }, title),
             React.createElement(DialogContent, { sx: { minWidth } },

package/lib/ListChooser.js

@@ -9,7 +9,6 @@ import { VBox } from "./FlexBox";
  * @returns Component
  */
 export function ListChooser(props) {
-    var _a;
     // Selected ids state
     const [selectedIds, setSelectedIds] = React.useState([]);
     const selectProps = (id) => ({
@@ -43,7 +42,7 @@ export function ListChooser(props) {
                 React.createElement(ListItemText, { primary: label }))));
     }, idField = "id", labelField = "label", loadData, multiple = false, onItemChange, title, doubleClickEnabled = false, onDoubleClick, ...rest } = props;
     // Default minimum height
-    (_a = rest.sx) !== null && _a !== void 0 ? _a : (rest.sx = { minHeight: "220px" });
+    rest.sx ?? (rest.sx = { minHeight: "220px" });
     // State
     const [items, setItems] = React.useState([]);
     // Query request data
@@ -75,12 +74,12 @@ export function ListChooser(props) {
         };
     }, [delayed]);
     const onDoubleClickLocal = (event) => {
-        var _a;
         if (onDoubleClick)
             onDoubleClick(event);
         if (doubleClickEnabled) {
-            const button = (_a = event.currentTarget
-                .closest("form")) === null || _a === void 0 ? void 0 : _a.elements.namedItem("okButton");
+            const button = event.currentTarget
+                .closest("form")
+                ?.elements.namedItem("okButton");
             if (button) {
                 button.click();
             }

package/lib/LoadingButton.js

@@ -5,11 +5,10 @@ import React from 'react';
  * @param props Props
  */
 export function LoadingButton(props) {
-    var _a;
     // Destruct
     const { endIcon, loadingIconProps = {}, onClick, ...rest } = props;
     // Default size
-    (_a = loadingIconProps.size) !== null && _a !== void 0 ? _a : (loadingIconProps.size = 12);
+    loadingIconProps.size ?? (loadingIconProps.size = 12);
     // State
     // https://stackoverflow.com/questions/55265255/react-usestate-hook-event-handler-using-initial-state
     const [loading, setLoading] = React.useState(false);