@etsoo/materialui 1.3.41 → 1.3.43

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

package/lib/QuickList.js

@@ -11,7 +11,7 @@ import { VBox } from "./FlexBox";
  */
 export function QuickList(props) {
     // Destruct
-    const { buttonProps = {}, label, inputProps, itemLabel = DataTypes.getListItemLabel, itemRenderer = (item) => itemLabel(item), itemProps, loadData, noMatchesLabel = globalApp === null || globalApp === void 0 ? void 0 : globalApp.get("noMatches"), gap = 1, height = "480px", onItemClick, ...rest } = props;
+    const { buttonProps = {}, label, inputProps, itemLabel = DataTypes.getListItemLabel, itemRenderer = (item) => itemLabel(item), itemProps, loadData, noMatchesLabel = globalApp?.get("noMatches"), gap = 1, height = "480px", onItemClick, ...rest } = props;
     const { onClick, ...buttonRest } = buttonProps;
     // States
     const [loading, setLoading] = React.useState(false);
@@ -20,7 +20,7 @@ export function QuickList(props) {
         setLoading(true);
         loadData(keyword).then((result) => {
             setLoading(false);
-            setItems(result !== null && result !== void 0 ? result : []);
+            setItems(result ?? []);
         });
     };
     React.useEffect(() => {

package/lib/ResponsibleContainer.d.ts

@@ -1,4 +1,4 @@
-import { DataTypes, IdDefaultType } from "@etsoo/shared";
+import { DataTypes } from "@etsoo/shared";
 import { SxProps, Theme } from "@mui/material";
 import React from "react";
 import { ListChildComponentProps } from "react-window";
@@ -8,7 +8,7 @@ import { ScrollerListExInnerItemRendererProps, ScrollerListExItemSize } from "./
 /**
  * ResponsibleContainer props
  */
-export type ResponsibleContainerProps<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = IdDefaultType<T>> = Omit<DataGridExProps<T, D>, "height" | "itemKey" | "loadData" | "mRef" | "onScroll" | "onItemsRendered" | "onInitLoad" | "onUpdateRows"> & {
+export type ResponsibleContainerProps<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate> = Omit<DataGridExProps<T>, "height" | "itemKey" | "loadData" | "mRef" | "onScroll" | "onItemsRendered" | "onInitLoad" | "onUpdateRows"> & {
     /**
      * Height will be deducted
      * @param height Current calcuated height
@@ -96,4 +96,4 @@ export type ResponsibleContainerProps<T extends object, F extends DataTypes.Basi
  * @param props Props
  * @returns Layout
  */
-export declare function ResponsibleContainer<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: ResponsibleContainerProps<T, F, D>): React.JSX.Element;
+export declare function ResponsibleContainer<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: ResponsibleContainerProps<T, F>): React.JSX.Element;

package/lib/ResponsibleContainer.js

@@ -172,7 +172,7 @@ export function ResponsibleContainer(props) {
     const searchBar = React.useMemo(() => {
         if (!hasFields || showDataGrid == null)
             return;
-        const f = typeof fields == "function" ? fields(searchData !== null && searchData !== void 0 ? searchData : {}) : fields;
+        const f = typeof fields == "function" ? fields(searchData ?? {}) : fields;
         return (React.createElement(SearchBar, { fields: f, onSubmit: onSubmit, className: `searchBar${showDataGrid ? "Grid" : "List"}` }));
     }, [showDataGrid, hasFields, searchBarHeight]);
     // Pull container
@@ -188,8 +188,8 @@ export function ResponsibleContainer(props) {
         React.createElement(Stack, null,
             React.createElement(Box, { ref: dimensions[0][0], className: "SearchBox", sx: { height: hasFields ? searchBarHeight : 0 } }, searchBar),
             list),
-        pullToRefresh && pullContainer && (React.createElement(PullToRefreshUI, { mainElement: pullContainer, triggerElement: pullContainer, instructionsPullToRefresh: labels.pullToRefresh, instructionsReleaseToRefresh: labels.releaseToRefresh, instructionsRefreshing: labels.refreshing, onRefresh: () => { var _a; return (_a = state.ref) === null || _a === void 0 ? void 0 : _a.reset(); }, shouldPullToRefresh: () => {
+        pullToRefresh && pullContainer && (React.createElement(PullToRefreshUI, { mainElement: pullContainer, triggerElement: pullContainer, instructionsPullToRefresh: labels.pullToRefresh, instructionsReleaseToRefresh: labels.releaseToRefresh, instructionsRefreshing: labels.refreshing, onRefresh: () => state.ref?.reset(), shouldPullToRefresh: () => {
                 const container = document.querySelector(pullContainer);
-                return !(container === null || container === void 0 ? void 0 : container.scrollTop);
+                return !container?.scrollTop;
             } }))));
 }

package/lib/ScrollerListEx.d.ts

@@ -1,8 +1,7 @@
-import { ScrollerListProps } from '@etsoo/react';
-import { DataTypes, IdDefaultType } from '@etsoo/shared';
-import React from 'react';
-import { ListChildComponentProps } from 'react-window';
-import { MouseEventWithDataHandler } from './MUGlobal';
+import { ScrollerListProps } from "@etsoo/react";
+import React from "react";
+import { ListChildComponentProps } from "react-window";
+import { MouseEventWithDataHandler } from "./MUGlobal";
 /**
  * Extended ScrollerList inner item renderer props
  */
@@ -34,7 +33,7 @@ export type ScrollerListExItemSize = ((index: number) => [number, number] | [num
 /**
  * Extended ScrollerList Props
  */
-export type ScrollerListExProps<T extends object, D extends DataTypes.Keys<T>> = Omit<ScrollerListProps<T, D>, 'itemRenderer' | 'itemSize'> & {
+export type ScrollerListExProps<T extends object> = Omit<ScrollerListProps<T>, "itemRenderer" | "itemSize"> & {
     /**
      * Alternating colors for odd/even rows
      */
@@ -73,4 +72,4 @@ export type ScrollerListExProps<T extends object, D extends DataTypes.Keys<T>> =
  * @param props Props
  * @returns Component
  */
-export declare function ScrollerListEx<T extends object, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: ScrollerListExProps<T, D>): React.JSX.Element;
+export declare function ScrollerListEx<T extends object>(props: ScrollerListExProps<T>): React.JSX.Element;

package/lib/ScrollerListEx.js

@@ -1,39 +1,39 @@
-import { css } from '@emotion/css';
-import { ScrollerList } from '@etsoo/react';
-import { Utils } from '@etsoo/shared';
-import { useTheme } from '@mui/material';
-import React from 'react';
-import { MUGlobal } from './MUGlobal';
+import { css } from "@emotion/css";
+import { ScrollerList } from "@etsoo/react";
+import { Utils } from "@etsoo/shared";
+import { useTheme } from "@mui/material";
+import React from "react";
+import { MUGlobal } from "./MUGlobal";
 // Scroll bar size
 const scrollbarSize = 16;
 // Selected class name
-const selectedClassName = 'ScrollerListEx-Selected';
+const selectedClassName = "ScrollerListEx-Selected";
 const createGridStyle = (alternatingColors, selectedColor) => {
     return css({
-        '& .ScrollerListEx-Selected': {
+        "& .ScrollerListEx-Selected": {
             backgroundColor: selectedColor
         },
-        '& .ScrollerListEx-Row0:not(.ScrollerListEx-Selected)': {
+        "& .ScrollerListEx-Row0:not(.ScrollerListEx-Selected)": {
             backgroundColor: alternatingColors[0]
         },
-        '& .ScrollerListEx-Row1:not(.ScrollerListEx-Selected)': {
+        "& .ScrollerListEx-Row1:not(.ScrollerListEx-Selected)": {
             backgroundColor: alternatingColors[1]
         },
-        '@media (min-width: 800px)': {
-            '::-webkit-scrollbar': {
+        "@media (min-width: 800px)": {
+            "::-webkit-scrollbar": {
                 width: scrollbarSize,
                 height: scrollbarSize,
-                backgroundColor: '#f6f6f6'
+                backgroundColor: "#f6f6f6"
             },
-            '::-webkit-scrollbar-thumb': {
-                backgroundColor: 'rgba(0,0,0,0.4)',
-                borderRadius: '2px'
+            "::-webkit-scrollbar-thumb": {
+                backgroundColor: "rgba(0,0,0,0.4)",
+                borderRadius: "2px"
             },
-            '::-webkit-scrollbar-track-piece:start': {
-                background: 'transparent'
+            "::-webkit-scrollbar-track-piece:start": {
+                background: "transparent"
             },
-            '::-webkit-scrollbar-track-piece:end': {
-                background: 'transparent'
+            "::-webkit-scrollbar-track-piece:end": {
+                background: "transparent"
             }
         }
     });
@@ -92,27 +92,25 @@ export function ScrollerListEx(props) {
     // Selected item ref
     const selectedItem = React.useRef();
     const onMouseDown = (div, data) => {
-        var _a;
         // Destruct
-        const [selectedDiv, selectedData] = (_a = selectedItem.current) !== null && _a !== void 0 ? _a : [];
+        const [selectedDiv, selectedData] = selectedItem.current ?? [];
         if (selectedData != null && selectedData[idField] === data[idField])
             return;
-        selectedDiv === null || selectedDiv === void 0 ? void 0 : selectedDiv.classList.remove(selectedClassName);
+        selectedDiv?.classList.remove(selectedClassName);
         div.classList.add(selectedClassName);
         selectedItem.current = [div, data];
         if (onSelectChange)
             onSelectChange([data]);
     };
     const isSelected = (data) => {
-        var _a;
-        const [_, selectedData] = (_a = selectedItem.current) !== null && _a !== void 0 ? _a : [];
+        const [_, selectedData] = selectedItem.current ?? [];
         const selected = selectedData && data && selectedData[idField] === data[idField]
             ? true
             : false;
         return selected;
     };
     // Destruct
-    const { alternatingColors = [undefined, undefined], className, idField = 'id', innerItemRenderer, itemSize, itemRenderer = (itemProps) => {
+    const { alternatingColors = [undefined, undefined], className, idField = "id", innerItemRenderer, itemSize, itemRenderer = (itemProps) => {
         const [itemHeight, space, margins] = calculateItemSize(itemProps.index);
         return defaultItemRenderer({
             itemHeight,
@@ -125,20 +123,16 @@ export function ScrollerListEx(props) {
             selected: isSelected(itemProps.data),
             ...itemProps
         });
-    }, onClick, onDoubleClick, onSelectChange, selectedColor = '#edf4fb', ...rest } = props;
+    }, onClick, onDoubleClick, onSelectChange, selectedColor = "#edf4fb", ...rest } = props;
     // Theme
     const theme = useTheme();
     // Cache calculation
     const itemSizeResult = React.useMemo(() => {
-        if (typeof itemSize === 'function')
+        if (typeof itemSize === "function")
             return undefined;
         const [size, spaces, isNarrow] = itemSize;
-        if (typeof spaces === 'number')
-            return [
-                size,
-                spaces,
-                defaultMargin(MUGlobal.pagePaddings, undefined)
-            ];
+        if (typeof spaces === "number")
+            return [size, spaces, defaultMargin(MUGlobal.pagePaddings, undefined)];
         return [
             size,
             MUGlobal.getSpace(spaces, theme),
@@ -148,7 +142,7 @@ export function ScrollerListEx(props) {
     // Calculate size
     const calculateItemSize = (index) => {
         // Callback function
-        if (typeof itemSize === 'function') {
+        if (typeof itemSize === "function") {
             const result = itemSize(index);
             if (result.length == 2)
                 return [...result, defaultMargin(MUGlobal.pagePaddings)];
@@ -163,5 +157,5 @@ export function ScrollerListEx(props) {
         return size + space;
     };
     // Layout
-    return (React.createElement(ScrollerList, { className: Utils.mergeClasses('ScrollerListEx-Body', className, createGridStyle(alternatingColors, selectedColor)), idField: idField, itemRenderer: itemRenderer, itemSize: itemSizeLocal, ...rest }));
+    return (React.createElement(ScrollerList, { className: Utils.mergeClasses("ScrollerListEx-Body", className, createGridStyle(alternatingColors, selectedColor)), idField: idField, itemRenderer: itemRenderer, itemSize: itemSizeLocal, ...rest }));
 }

package/lib/SearchField.js

@@ -8,11 +8,10 @@ import { MUGlobal } from './MUGlobal';
  * @returns Component
  */
 export function SearchField(props) {
-    var _a;
     // Destruct
     const { changeDelay, InputLabelProps = {}, InputProps = {}, onChange, readOnly, size = MUGlobal.searchFieldSize, variant = MUGlobal.searchFieldVariant, ...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;
@@ -27,12 +26,12 @@ export function SearchField(props) {
             onChange(event);
             return;
         }
-        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/SelectBool.js

@@ -8,11 +8,10 @@ import { SelectEx } from "./SelectEx";
  * @returns Component
  */
 export function SelectBool(props) {
-    var _a;
     // Destruct
     const { search = true, autoAddBlankItem = search, ...rest } = props;
     // Options
-    const options = (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getBools()) !== null && _a !== void 0 ? _a : [];
+    const options = globalApp?.getBools() ?? [];
     if (autoAddBlankItem)
         Utils.addBlankItem(options);
     // Layout

package/lib/SelectEx.js

@@ -45,8 +45,8 @@ export function SelectEx(props) {
         setOptionsAdd(options);
     }, [options, propertyWay]);
     // Local value
-    const v = defaultValue !== null && defaultValue !== void 0 ? defaultValue : value;
-    const valueSource = React.useMemo(() => (multiple ? (v ? (Array.isArray(v) ? v : [v]) : []) : v !== null && v !== void 0 ? v : ""), [multiple, v]);
+    const v = defaultValue ?? value;
+    const valueSource = React.useMemo(() => (multiple ? (v ? (Array.isArray(v) ? v : [v]) : []) : v ?? ""), [multiple, v]);
     // Value state
     const [valueState, setValueStateBase] = React.useState(valueSource);
     const valueRef = React.useRef();
@@ -62,14 +62,13 @@ export function SelectEx(props) {
     const labelId = `selectex-label-${name}`;
     // Set item
     const setItemValue = (id) => {
-        var _a;
         if (id !== valueRef.current) {
             // Difference
             const diff = multiple
                 ? ArrayUtils.differences(id, valueRef.current)
                 : id;
             setValueState(id);
-            const input = (_a = divRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("input");
+            const input = divRef.current?.querySelector("input");
             if (input) {
                 // Different value, trigger change event
                 ReactUtils.triggerChange(input, id, false);
@@ -111,18 +110,17 @@ export function SelectEx(props) {
     }, [valueSource]);
     // When layout ready
     React.useEffect(() => {
-        var _a;
-        const input = (_a = divRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("input");
+        const input = divRef.current?.querySelector("input");
         const inputChange = (event) => {
             // Reset case
             if (event.cancelable)
                 setValueState(multiple ? [] : "");
         };
-        input === null || input === void 0 ? void 0 : input.addEventListener("change", inputChange);
+        input?.addEventListener("change", inputChange);
         isMounted.current = true;
         return () => {
             isMounted.current = false;
-            input === null || input === void 0 ? void 0 : input.removeEventListener("change", inputChange);
+            input?.removeEventListener("change", inputChange);
         };
     }, [multiple]);
     // Layout

package/lib/ShowDataComparison.js

@@ -38,10 +38,9 @@ export const ShowDataComparison = (data, modelTitle, getLabel, equalCheck = true
     }
     // Labels
     const { dataComparison, field, newValue, oldValue } = app.getLabels("dataComparison", "field", "newValue", "oldValue");
-    modelTitle !== null && modelTitle !== void 0 ? modelTitle : (modelTitle = dataComparison);
-    getLabel !== null && getLabel !== void 0 ? getLabel : (getLabel = (key) => {
-        var _a;
-        return (_a = app.get(Utils.formatInitial(key))) !== null && _a !== void 0 ? _a : key;
+    modelTitle ?? (modelTitle = dataComparison);
+    getLabel ?? (getLabel = (key) => {
+        return app.get(Utils.formatInitial(key)) ?? key;
     });
     const keys = new Set([
         ...Object.keys(data.oldData),

package/lib/Switch.js

@@ -8,11 +8,10 @@ import MuiSwitch from '@mui/material/Switch';
  * @returns Component
  */
 export function Switch(props) {
-    var _a;
     // Destruct
     const { checked, defaultChecked, defaultValue, onChange, readOnly, size, checkbox = false, value = 'true', ...rest } = props;
     // Checked state
-    const [controlChecked, setControlChecked] = React.useState((_a = checked !== null && checked !== void 0 ? checked : defaultChecked) !== null && _a !== void 0 ? _a : defaultValue == value);
+    const [controlChecked, setControlChecked] = React.useState(checked ?? defaultChecked ?? defaultValue == value);
     React.useEffect(() => {
         if (checked)
             setControlChecked(checked);

package/lib/SwitchAnt.js

@@ -8,13 +8,12 @@ import { globalApp } from "./app/ReactApp";
  * @returns Component
  */
 export function SwitchAnt(props) {
-    var _a, _b;
     // Labels
-    const { yes = "Yes", no = "No" } = (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("yes", "no")) !== null && _a !== void 0 ? _a : {};
+    const { yes = "Yes", no = "No" } = globalApp?.getLabels("yes", "no") ?? {};
     // Destruct
     const { activeColor, checked, defaultChecked, defaultValue, endLabel = yes, startLabel = no, onChange, value = "true", ...rest } = props;
     // Checked state
-    const [controlChecked, setControlChecked] = React.useState((_b = checked !== null && checked !== void 0 ? checked : defaultChecked) !== null && _b !== void 0 ? _b : defaultValue == value);
+    const [controlChecked, setControlChecked] = React.useState(checked ?? defaultChecked ?? defaultValue == value);
     // Ref
     const ref = React.useRef(null);
     React.useEffect(() => {
@@ -29,17 +28,17 @@ export function SwitchAnt(props) {
     };
     // Layout
     return (React.createElement(Stack, { direction: "row", spacing: 1, alignItems: "center" },
-        React.createElement(Typography, { onClick: () => { var _a; return controlChecked && ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.click()); }, sx: {
+        React.createElement(Typography, { onClick: () => controlChecked && ref.current?.click(), sx: {
                 cursor: "pointer",
                 color: controlChecked
                     ? undefined
-                    : (theme) => activeColor !== null && activeColor !== void 0 ? activeColor : theme.palette.warning.main
+                    : (theme) => activeColor ?? theme.palette.warning.main
             } }, startLabel),
         React.createElement(Switch, { checked: controlChecked, inputRef: ref, value: value, onChange: onChangeLocal, ...rest }),
-        React.createElement(Typography, { onClick: () => { var _a; return !controlChecked && ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.click()); }, sx: {
+        React.createElement(Typography, { onClick: () => !controlChecked && ref.current?.click(), sx: {
                 cursor: "pointer",
                 color: controlChecked
-                    ? (theme) => activeColor !== null && activeColor !== void 0 ? activeColor : theme.palette.warning.main
+                    ? (theme) => activeColor ?? theme.palette.warning.main
                     : undefined
             } }, endLabel)));
 }

package/lib/TableEx.js

@@ -13,7 +13,6 @@ export const TableExMinWidth = 180;
  * @returns Component
  */
 export function TableEx(props) {
-    var _a;
     // Theme
     const theme = useTheme();
     // Destruct
@@ -48,7 +47,7 @@ export function TableEx(props) {
         isNextPageLoading: false,
         orderBy: defaultOrderBy,
         orderByAsc: defaultOrderBy
-            ? (_a = columns.find((column) => column.field === defaultOrderBy)) === null || _a === void 0 ? void 0 : _a.sortAsc
+            ? columns.find((column) => column.field === defaultOrderBy)?.sortAsc
             : undefined,
         batchSize: rowsPerPageLocal,
         selectedItems: [],
@@ -193,7 +192,7 @@ export function TableEx(props) {
     // Total rows
     const totalRows = hasNextPage
         ? -1
-        : currentPage * batchSize + (lastLoadedItems !== null && lastLoadedItems !== void 0 ? lastLoadedItems : 0);
+        : currentPage * batchSize + (lastLoadedItems ?? 0);
     // Auto load data when current page is 0
     if (currentPage === 0 && stateAutoLoad && lastLoadedItems == null)
         loadDataLocal();
@@ -219,7 +218,7 @@ export function TableEx(props) {
                             // Destruct
                             const { align, field, header, minWidth, sortable, sortAsc = true, type, width } = column;
                             // Header text
-                            const headerText = header !== null && header !== void 0 ? header : field;
+                            const headerText = header ?? field;
                             // Sortable
                             let sortLabel;
                             if (sortable && field != null) {
@@ -233,7 +232,7 @@ export function TableEx(props) {
                             else {
                                 sortLabel = headerText;
                             }
-                            return (React.createElement(TableCell, { align: GridAlignGet(align, type), key: field !== null && field !== void 0 ? field : index.toString(), width: width, sx: {
+                            return (React.createElement(TableCell, { align: GridAlignGet(align, type), key: field ?? index.toString(), width: width, sx: {
                                     minWidth: minWidth == null
                                         ? width == null
                                             ? TableExMinWidth
@@ -249,11 +248,10 @@ export function TableEx(props) {
                             backgroundColor: alternatingColors[1]
                         }
                     } }, [...Array(batchSize)].map((_item, rowIndex) => {
-                    var _a;
                     // Row
                     const row = rowIndex < rows.length ? rows[rowIndex] : undefined;
                     // Row id field value
-                    const rowId = (_a = DataTypes.getValue(row, idField)) !== null && _a !== void 0 ? _a : rowIndex;
+                    const rowId = DataTypes.getValue(row, idField) ?? rowIndex;
                     // Selected or not
                     const isItemSelected = selectable
                         ? selectedItems.some((item) => item[idField] === rowId)