@etsoo/materialui 1.3.42 → 1.3.44

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);

package/lib/MaskInput.js

@@ -9,7 +9,6 @@ import { useIMask } from "react-imask";
  * @returns Component
  */
 export function MaskInput(props) {
-    var _a;
     // Destruct
     const { defaultValue, mask, InputLabelProps = {}, InputProps = {}, onAccept, onComplete, readOnly, search = false, size = search ? MUGlobal.searchFieldSize : MUGlobal.inputFieldSize, value, variant = search ? MUGlobal.searchFieldVariant : MUGlobal.inputFieldVariant, ...rest } = props;
     const { ref, maskRef } = useIMask(mask, {
@@ -22,9 +21,9 @@ export function MaskInput(props) {
                 onComplete(value, maskRef, event);
         }
     });
-    const localValue = defaultValue !== null && defaultValue !== void 0 ? defaultValue : value;
+    const localValue = defaultValue ?? value;
     // Shrink
-    (_a = InputLabelProps.shrink) !== null && _a !== void 0 ? _a : (InputLabelProps.shrink = search
+    InputLabelProps.shrink ?? (InputLabelProps.shrink = search
         ? MUGlobal.searchFieldShrink
         : MUGlobal.inputFieldShrink);
     // Read only

package/lib/NotifierMU.js

@@ -32,26 +32,25 @@ const IconDialogTitle = styled(DialogTitle) `
 export class NotificationMU extends NotificationReact {
     // Create alert
     createAlert(_props, className) {
-        var _a;
         const labels = Labels.NotificationMU;
-        const { buttons, inputs, fullScreen, fullWidth = true, maxWidth, okLabel = labels.alertOK, primaryButton, closable = false } = (_a = this.inputProps) !== null && _a !== void 0 ? _a : {};
+        const { buttons, inputs, fullScreen, fullWidth = true, maxWidth, okLabel = labels.alertOK, primaryButton, closable = false } = this.inputProps ?? {};
         let title = this.title;
         let icon;
         if (this.type === NotificationMessageType.Success) {
             icon = React.createElement(Done, { color: "primary" });
-            title !== null && title !== void 0 ? title : (title = labels.success);
+            title ?? (title = labels.success);
         }
         else if (this.type === NotificationMessageType.Info) {
             icon = React.createElement(Info, null);
-            title !== null && title !== void 0 ? title : (title = labels.info);
+            title ?? (title = labels.info);
         }
         else if (this.type === NotificationMessageType.Warning) {
             icon = React.createElement(Warning, { color: "secondary" });
-            title !== null && title !== void 0 ? title : (title = labels.warning);
+            title ?? (title = labels.warning);
         }
         else {
             icon = React.createElement(Error, { color: "error" });
-            title !== null && title !== void 0 ? title : (title = labels.alertTitle);
+            title ?? (title = labels.alertTitle);
         }
         const setupProps = {
             color: "primary"
@@ -76,10 +75,9 @@ export class NotificationMU extends NotificationReact {
     }
     // Create confirm
     createConfirm(_props, className) {
-        var _a, _b;
         const labels = Labels.NotificationMU;
-        const title = (_a = this.title) !== null && _a !== void 0 ? _a : labels.confirmTitle;
-        const { buttons, okLabel = labels.confirmYes, cancelLabel = labels.confirmNo, cancelButton = true, inputs, fullScreen, fullWidth = true, maxWidth, primaryButton, closable = false } = (_b = this.inputProps) !== null && _b !== void 0 ? _b : {};
+        const title = this.title ?? labels.confirmTitle;
+        const { buttons, okLabel = labels.confirmYes, cancelLabel = labels.confirmNo, cancelButton = true, inputs, fullScreen, fullWidth = true, maxWidth, primaryButton, closable = false } = this.inputProps ?? {};
         // Setup callback
         const options = this.renderSetup ? this.renderSetup({}) : undefined;
         const callback = async (_event, value) => {
@@ -127,16 +125,15 @@ export class NotificationMU extends NotificationReact {
     }
     // Create prompt
     createPrompt(_props, className) {
-        var _a, _b;
         const labels = Labels.NotificationMU;
-        const title = (_a = this.title) !== null && _a !== void 0 ? _a : labels.promptTitle;
-        const { buttons, cancelLabel = labels.promptCancel, okLabel = labels.promptOK, cancelButton = true, inputs, type, fullScreen, fullWidth = true, maxWidth, primaryButton, inputProps, closable = false } = (_b = this.inputProps) !== null && _b !== void 0 ? _b : {};
+        const title = this.title ?? labels.promptTitle;
+        const { buttons, cancelLabel = labels.promptCancel, okLabel = labels.promptOK, cancelButton = true, inputs, type, fullScreen, fullWidth = true, maxWidth, primaryButton, inputProps, closable = false } = this.inputProps ?? {};
         const inputRef = React.createRef();
         const errorRef = React.createRef();
         const setError = (error) => {
             if (errorRef.current == null)
                 return;
-            errorRef.current.innerText = error !== null && error !== void 0 ? error : "";
+            errorRef.current.innerText = error ?? "";
         };
         const handleSubmit = async (event) => {
             // Result
@@ -168,12 +165,12 @@ export class NotificationMU extends NotificationReact {
             // returns false to prevent default dismiss
             const v = await result;
             if (v === false) {
-                input === null || input === void 0 ? void 0 : input.focus();
+                input?.focus();
                 return false;
             }
             if (typeof v === "string") {
                 setError(v);
-                input === null || input === void 0 ? void 0 : input.focus();
+                input?.focus();
                 return false;
             }
             this.dismiss();
@@ -199,9 +196,8 @@ export class NotificationMU extends NotificationReact {
         const options = this.renderSetup ? this.renderSetup({}) : undefined;
         return (React.createElement(Dialog, { key: this.id, open: this.open, PaperComponent: DraggablePaperComponent, className: className, fullWidth: fullWidth, maxWidth: maxWidth, fullScreen: fullScreen, ...options },
             React.createElement("form", { onSubmit: (event) => {
-                    var _a;
                     event.preventDefault();
-                    (_a = event.currentTarget.elements.namedItem("okButton")) === null || _a === void 0 ? void 0 : _a.click();
+                    event.currentTarget.elements.namedItem("okButton")?.click();
                     return false;
                 } },
                 React.createElement(IconDialogTitle, { className: "draggable-dialog-title" },
@@ -231,12 +227,11 @@ export class NotificationMU extends NotificationReact {
     }
     // Create loading
     createLoading(_props, className) {
-        var _a;
         // Properties
         const setupProps = { color: "primary" };
         const labels = Labels.NotificationMU;
         // Input props
-        const { maxWidth = "xs" } = (_a = this.inputProps) !== null && _a !== void 0 ? _a : {};
+        const { maxWidth = "xs" } = this.inputProps ?? {};
         // Content
         let content = this.content;
         if (content === "@")

package/lib/OptionBool.js

@@ -7,9 +7,8 @@ import { OptionGroup } from "./OptionGroup";
  * @returns Component
  */
 export function OptionBool(props) {
-    var _a;
     // Options
-    const options = (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getBools()) !== null && _a !== void 0 ? _a : [];
+    const options = globalApp?.getBools() ?? [];
     // Layout
     return (React.createElement(OptionGroup, { options: options, row: true, multiple: false, ...props }));
 }

package/lib/OptionGroup.js

@@ -8,7 +8,6 @@ import React from "react";
  * @returns Component
  */
 export function OptionGroup(props) {
-    var _a;
     // Destruct
     const { getOptionLabel, defaultValue, idField = "id", label, labelField = "label", multiple = false, mRef, name, onValueChange, options, readOnly, row, itemSize, helperText, variant, required, fullWidth, ...rest } = props;
     // Outlined
@@ -54,7 +53,7 @@ export function OptionGroup(props) {
         // Value
         const ov = getOptionValue(option);
         // Control
-        const control = multiple ? (React.createElement(Checkbox, { name: name, readOnly: readOnly, size: itemSize, checked: itemChecked(option), disabled: disabledIds === null || disabledIds === void 0 ? void 0 : disabledIds.includes(ov), onChange: (event) => {
+        const control = multiple ? (React.createElement(Checkbox, { name: name, readOnly: readOnly, size: itemSize, checked: itemChecked(option), disabled: disabledIds?.includes(ov), onChange: (event) => {
                 if (firstOptionValue == null)
                     return;
                 const typeValue = Utils.parseString(event.target.value, firstOptionValue);
@@ -73,7 +72,7 @@ export function OptionGroup(props) {
                 if (onValueChange)
                     onValueChange(changedValues);
                 setValues(changedValues);
-            } })) : (React.createElement(Radio, { disabled: disabledIds === null || disabledIds === void 0 ? void 0 : disabledIds.includes(ov), size: itemSize, readOnly: readOnly }));
+            } })) : (React.createElement(Radio, { disabled: disabledIds?.includes(ov), size: itemSize, readOnly: readOnly }));
         // Label
         const label = getOptionLabel == null ? `${option[labelField]}` : getOptionLabel(option);
         // Value, convert to string
@@ -82,7 +81,7 @@ export function OptionGroup(props) {
         return (React.createElement(FormControlLabel, { key: value, control: control, value: value, label: label }));
     });
     // Group
-    const group = multiple ? (React.createElement(FormGroup, { row: row }, list)) : (React.createElement(RadioGroup, { row: row, name: name, value: (_a = values[0]) !== null && _a !== void 0 ? _a : "", onChange: (_event, value) => {
+    const group = multiple ? (React.createElement(FormGroup, { row: row }, list)) : (React.createElement(RadioGroup, { row: row, name: name, value: values[0] ?? "", onChange: (_event, value) => {
             if (firstOptionValue == null)
                 return;
             const typeValue = Utils.parseString(value, firstOptionValue);

package/lib/OptionGroupFlag.js

@@ -49,7 +49,7 @@ export function OptionGroupFlag(props) {
         if (ov == null)
             return;
         // Control
-        const control = (React.createElement(Checkbox, { name: name, readOnly: readOnly, size: itemSize, checked: itemChecked(option), disabled: disabledIds === null || disabledIds === void 0 ? void 0 : disabledIds.includes(ov), onChange: (event) => {
+        const control = (React.createElement(Checkbox, { name: name, readOnly: readOnly, size: itemSize, checked: itemChecked(option), disabled: disabledIds?.includes(ov), onChange: (event) => {
                 if (firstOptionValue == null)
                     return;
                 const typeValue = Utils.parseString(event.target.value, firstOptionValue);