@etsoo/materialui 1.3.42 → 1.3.44

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)

package/lib/TagList.js

@@ -5,9 +5,8 @@ import React from "react";
 import { InputField } from "./InputField";
 import { globalApp } from "./app/ReactApp";
 export function TagList(props) {
-    var _a;
     // Labels
-    const { noOptions, loading: loadingLabel, more = "More", open: openDefault } = (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("noOptions", "loading", "more", "open")) !== null && _a !== void 0 ? _a : {};
+    const { noOptions, loading: loadingLabel, more = "More", open: openDefault } = globalApp?.getLabels("noOptions", "loading", "more", "open") ?? {};
     const moreLabel = more + "...";
     // Destruct
     const { renderOption = (props, option, { selected }) => (React.createElement("li", { ...props },
@@ -17,11 +16,10 @@ export function TagList(props) {
     const [options, setOptions] = React.useState([]);
     const [loading, setLoading] = React.useState(false);
     const currentValue = React.useRef([]);
-    currentValue.current = value !== null && value !== void 0 ? value : [];
+    currentValue.current = value ?? [];
     const loadDataLocal = async (keyword) => {
-        var _a;
         setLoading(true);
-        const result = (_a = (await loadData(keyword, maxItems))) !== null && _a !== void 0 ? _a : [];
+        const result = (await loadData(keyword, maxItems)) ?? [];
         const len = result.length;
         currentValue.current.forEach((item) => {
             if (!result.includes(item))

package/lib/TagListPro.js

@@ -6,9 +6,8 @@ import { InputField } from "./InputField";
 import { globalApp } from "./app/ReactApp";
 import { DataTypes } from "@etsoo/shared";
 export function TagListPro(props) {
-    var _a;
     // Labels
-    const { noOptions, loading: loadingLabel, more = "More", open: openDefault } = (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("noOptions", "loading", "more", "open")) !== null && _a !== void 0 ? _a : {};
+    const { noOptions, loading: loadingLabel, more = "More", open: openDefault } = globalApp?.getLabels("noOptions", "loading", "more", "open") ?? {};
     const moreLabel = more + "...";
     const getLabel = (item) => DataTypes.getListItemLabel(item);
     // Destruct
@@ -20,11 +19,10 @@ export function TagListPro(props) {
     const [options, setOptions] = React.useState([]);
     const [loading, setLoading] = React.useState(false);
     const currentValue = React.useRef([]);
-    currentValue.current = value !== null && value !== void 0 ? value : [];
+    currentValue.current = value ?? [];
     const loadDataLocal = async (keyword) => {
-        var _a;
         setLoading(true);
-        const result = (_a = (await loadData(keyword, maxItems))) !== null && _a !== void 0 ? _a : [];
+        const result = (await loadData(keyword, maxItems)) ?? [];
         const len = result.length;
         currentValue.current.forEach((item) => {
             if (!result.some((r) => r.id === item.id))

package/lib/TextFieldEx.js

@@ -121,12 +121,12 @@ export const TextFieldEx = React.forwardRef((props, ref) => {
             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();
         };
     }, []);
     // Textfield

package/lib/Tiplist.js

@@ -11,9 +11,8 @@ import { InputField } from "./InputField";
  * @returns Component
  */
 export function Tiplist(props) {
-    var _a;
     // Labels
-    const { noOptions, loading, more, open: openDefault } = (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("noOptions", "loading", "more", "open")) !== null && _a !== void 0 ? _a : {};
+    const { noOptions, loading, more, open: openDefault } = globalApp?.getLabels("noOptions", "loading", "more", "open") ?? {};
     // Destruct
     const { search = false, idField = "id", idValue, inputAutoComplete = "off", inputError, inputHelperText, inputMargin, inputOnChange, inputRequired, inputReset, inputVariant, label, loadData, defaultValue, value, maxItems = 16, width = search ? 160 : undefined, name, readOnly, onChange, onValueChange, openOnFocus = true, noOptionsText = noOptions, loadingText = loading, openText = openDefault, getOptionLabel, getOptionDisabled, sx = {}, ...rest } = props;
     if (width && sx)
@@ -21,9 +20,9 @@ export function Tiplist(props) {
     // Value input ref
     const inputRef = React.createRef();
     // Local value
-    let localValue = value !== null && value !== void 0 ? value : defaultValue;
+    let localValue = value ?? defaultValue;
     // One time calculation for input's default value (uncontrolled)
-    const localIdValue = idValue !== null && idValue !== void 0 ? idValue : DataTypes.getValue(localValue, idField);
+    const localIdValue = idValue ?? DataTypes.getValue(localValue, idField);
     // Changable states
     const [states, stateUpdate] = React.useReducer((currentState, newState) => {
         return { ...currentState, ...newState };
@@ -112,13 +111,12 @@ export function Tiplist(props) {
     };
     const delayed = useDelayedExecutor(loadDataDirect, 480);
     const setInputValue = (value) => {
-        var _a;
         stateUpdate({ value });
         // Input value
         const input = inputRef.current;
         if (input) {
             // Update value
-            const newValue = (_a = DataTypes.getStringValue(value, idField)) !== null && _a !== void 0 ? _a : "";
+            const newValue = DataTypes.getStringValue(value, idField) ?? "";
             if (newValue !== input.value) {
                 // Different value, trigger change event
                 ReactUtils.triggerChange(input, newValue, false);
@@ -166,7 +164,7 @@ export function Tiplist(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: `${inputValue !== null && inputValue !== void 0 ? inputValue : (state.current.idSet ? "" : localIdValue !== null && localIdValue !== void 0 ? localIdValue : "")}`, readOnly: true, onChange: inputOnChange }),
+        React.createElement("input", { ref: inputRef, "data-reset": inputReset ?? true, type: "text", style: { display: "none" }, name: name, value: `${inputValue ?? (state.current.idSet ? "" : localIdValue ?? "")}`, readOnly: true, onChange: inputOnChange }),
         React.createElement(Autocomplete, { filterOptions: (options, _state) => options, value: states.value, options: states.options, onChange: (event, value, reason, details) => {
                 // Set value
                 setInputValue(value);
@@ -200,7 +198,7 @@ export function Tiplist(props) {
                 if (typeof item !== "object")
                     return `${item}`;
                 if (item[idField] === "n/a")
-                    return (more !== null && more !== void 0 ? more : "More") + "...";
+                    return (more ?? "More") + "...";
                 return getOptionLabel
                     ? getOptionLabel(item)
                     : DataTypes.getObjectItemLabel(item);

package/lib/TiplistPro.js

@@ -10,9 +10,8 @@ import { globalApp } from "./app/ReactApp";
  * @returns Component
  */
 export function TiplistPro(props) {
-    var _a;
     // Labels
-    const { noOptions, loading, more, open: openDefault } = (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.getLabels("noOptions", "loading", "more", "open")) !== null && _a !== void 0 ? _a : {};
+    const { noOptions, loading, more, open: openDefault } = globalApp?.getLabels("noOptions", "loading", "more", "open") ?? {};
     // Destruct
     const { label, loadData, defaultValue, value, idValue, maxItems = 16, width, name, inputOnChange, inputProps, inputReset, sx, openOnFocus = true, noOptionsText = noOptions, loadingText = loading, openText = openDefault, getOptionDisabled, getOptionLabel, onChange, onValueChange, ...rest } = props;
     if (width && sx)
@@ -20,11 +19,12 @@ export function TiplistPro(props) {
     // Value input ref
     const inputRef = React.createRef();
     // Local value
-    let localValue = value !== null && value !== void 0 ? value : defaultValue;
+    let localValue = value ?? defaultValue;
     // One time calculation for input's default value (uncontrolled)
-    const localIdValue = idValue !== null && idValue !== void 0 ? idValue : (localValue != null && typeof localValue === "object"
-        ? localValue.id
-        : null);
+    const localIdValue = idValue ??
+        (localValue != null && typeof localValue === "object"
+            ? localValue.id
+            : null);
     // Changable states
     const [states, stateUpdate] = React.useReducer((currentState, newState) => {
         return { ...currentState, ...newState };
@@ -100,13 +100,12 @@ export function TiplistPro(props) {
     };
     const delayed = useDelayedExecutor(loadDataDirect, 480);
     const setInputValue = (value) => {
-        var _a;
         stateUpdate({ value });
         // Input value
         const input = inputRef.current;
         if (input) {
             // Update value
-            const newValue = (_a = value === null || value === void 0 ? void 0 : value.id.toString()) !== null && _a !== void 0 ? _a : "";
+            const newValue = value?.id.toString() ?? "";
             if (newValue !== input.value) {
                 // Different value, trigger change event
                 ReactUtils.triggerChange(input, newValue, false);
@@ -151,7 +150,7 @@ export function TiplistPro(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: inputValue !== null && inputValue !== void 0 ? inputValue : (state.current.idSet ? "" : localIdValue !== null && localIdValue !== void 0 ? localIdValue : ""), readOnly: true, onChange: inputOnChange }),
+        React.createElement("input", { ref: inputRef, "data-reset": inputReset ?? true, type: "text", style: { display: "none" }, name: name, value: inputValue ?? (state.current.idSet ? "" : localIdValue ?? ""), readOnly: true, onChange: inputOnChange }),
         React.createElement(Autocomplete, { filterOptions: (options, _state) => options, value: states.value, options: states.options, freeSolo: true, clearOnBlur: false, onChange: (event, value, reason, details) => {
                 if (typeof value === "object") {
                     // Set value
@@ -194,7 +193,7 @@ export function TiplistPro(props) {
                 if (typeof item === "string")
                     return item;
                 if (item["id"] === -1)
-                    return (more !== null && more !== void 0 ? more : "More") + "...";
+                    return (more ?? "More") + "...";
                 if (getOptionLabel == null)
                     return DataTypes.getListItemLabel(item);
                 return getOptionLabel(item);