@etsoo/materialui 1.3.42 → 1.3.43

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

package/lib/TooltipClick.js

@@ -21,11 +21,11 @@ export function TooltipClick(props) {
         setOpen(true);
         if (newTitle)
             setTitle(newTitle);
-        delayed === null || delayed === void 0 ? void 0 : delayed.call();
+        delayed?.call();
     };
     React.useEffect(() => {
         return () => {
-            delayed === null || delayed === void 0 ? void 0 : delayed.clear();
+            delayed?.clear();
         };
     }, []);
     // Layout

package/lib/TwoFieldInput.js

@@ -11,7 +11,7 @@ import { InputField } from './InputField';
  */
 export function TwoFieldInput(props) {
     // Destruct
-    const { name, inputProps, type = inputProps === null || inputProps === void 0 ? void 0 : inputProps.inputMode, values, onValuesChange, onChange, onInput, ...rest } = props;
+    const { name, inputProps, type = inputProps?.inputMode, values, onValuesChange, onChange, onInput, ...rest } = props;
     // Local values
     const localValues = values == null
         ? [null, null]

package/lib/UserAvatar.js

@@ -10,8 +10,7 @@ import { globalApp } from "./app/ReactApp";
 export function UserAvatar(props) {
     // Destruct
     const { src, title, formatTitle = (title) => {
-        var _a;
-        return BusinessUtils.formatAvatarTitle(title, 3, (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.get("me")) !== null && _a !== void 0 ? _a : "ME");
+        return BusinessUtils.formatAvatarTitle(title, 3, globalApp?.get("me") ?? "ME");
     } } = props;
     // Format
     const fTitle = formatTitle(title);

package/lib/UserAvatarEditor.js

@@ -73,7 +73,6 @@ export function UserAvatarEditor(props) {
     };
     // Handle file upload
     const handleFileUpload = (files) => {
-        var _a;
         // Reset all settings
         handleReset();
         // Set new preview image
@@ -83,7 +82,7 @@ export function UserAvatarEditor(props) {
         // Set ready state
         setReady(false);
         // Make the submit button visible
-        (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView(false);
+        buttonRef.current?.scrollIntoView(false);
     };
     // Handle reset
     const handleReset = () => {
@@ -99,11 +98,10 @@ export function UserAvatarEditor(props) {
     };
     // Handle done
     const handleDone = async () => {
-        var _a, _b;
         // Data
         var data = scaledResult
-            ? (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getImageScaledToCanvas()
-            : (_b = ref.current) === null || _b === void 0 ? void 0 : _b.getImage();
+            ? ref.current?.getImageScaledToCanvas()
+            : ref.current?.getImage();
         if (data == null)
             return;
         // pica
@@ -141,7 +139,7 @@ export function UserAvatarEditor(props) {
         React.createElement(FileUploadButton, { variant: "outlined", size: "medium", startIcon: React.createElement(ComputerIcon, null), fullWidth: true, onUploadFiles: handleFileUpload, inputProps: { multiple: false, accept: "image/png, image/jpeg" } }, labels.upload),
         React.createElement(Stack, { direction: "row", spacing: 0.5 },
             React.createElement(React.Suspense, { fallback: React.createElement(Skeleton, { variant: "rounded", width: width, height: height }) },
-                React.createElement(AE, { ref: ref, border: border, width: width, height: height, onLoadSuccess: handleLoad, image: previewImage !== null && previewImage !== void 0 ? previewImage : "", scale: editorState.scale, rotate: editorState.rotate })),
+                React.createElement(AE, { ref: ref, border: border, width: width, height: height, onLoadSuccess: handleLoad, image: previewImage ?? "", scale: editorState.scale, rotate: editorState.rotate })),
             React.createElement(ButtonGroup, { size: "small", orientation: "vertical", disabled: !ready },
                 React.createElement(Button, { onClick: () => handleRotate(90), title: labels.rotateRight },
                     React.createElement(RotateRightIcon, null)),

package/lib/app/CommonApp.js

@@ -37,7 +37,7 @@ export class CommonApp extends ReactApp {
      */
     async refreshToken(props) {
         // Destruct
-        const { callback, data, relogin = false, showLoading = false } = props !== null && props !== void 0 ? props : {};
+        const { callback, data, relogin = false, showLoading = false } = props ?? {};
         // Token
         const token = this.getCacheToken();
         if (token == null || token === "") {

package/lib/app/ReactApp.js

@@ -38,7 +38,7 @@ export function ReactAppStateDetector(props) {
             matchedFields = [];
             targetFields.forEach((targetField) => {
                 if (changedFields.includes(targetField))
-                    matchedFields === null || matchedFields === void 0 ? void 0 : matchedFields.push(targetField);
+                    matchedFields?.push(targetField);
             });
         }
         // Callback
@@ -106,7 +106,6 @@ export class ReactApp extends CoreApp {
      * @param culture New culture definition
      */
     async changeCulture(culture) {
-        var _a, _b;
         // Super call to update cultrue
         const resources = await super.changeCulture(culture);
         // Update component labels
@@ -124,7 +123,7 @@ export class ReactApp extends CoreApp {
         });
         // Document title
         // Default is servier name's label or appName label
-        const title = (_b = (_a = this.get(this.name)) !== null && _a !== void 0 ? _a : this.get("appName")) !== null && _b !== void 0 ? _b : this.name;
+        const title = this.get(this.name) ?? this.get("appName") ?? this.name;
         const host = BridgeUtils.host;
         if (host) {
             // Notify host
@@ -164,7 +163,7 @@ export class ReactApp extends CoreApp {
      * @returns Props
      */
     getMoneyFormatProps(currency) {
-        return { culture: this.culture, currency: currency !== null && currency !== void 0 ? currency : this.currency };
+        return { culture: this.culture, currency: currency ?? this.currency };
     }
     /**
      * Fresh countdown UI
@@ -241,8 +240,7 @@ export class ReactApp extends CoreApp {
      * @param key Page title resource key
      */
     setPageKey(key) {
-        var _a;
-        this.setPageTitle((_a = this.get(key)) !== null && _a !== void 0 ? _a : "");
+        this.setPageTitle(this.get(key) ?? "");
     }
     /**
      * Show input dialog

package/lib/app/ServiceApp.js

@@ -88,7 +88,7 @@ export class ServiceApp extends ReactApp {
      */
     async refreshToken(props) {
         // Destruct
-        const { appApi, callback, data, relogin = false, showLoading = false } = props !== null && props !== void 0 ? props : {};
+        const { appApi, callback, data, relogin = false, showLoading = false } = props ?? {};
         // Token
         const token = this.getCacheToken();
         if (token == null || token === "") {
@@ -116,7 +116,6 @@ export class ServiceApp extends ReactApp {
         };
         // Success callback
         const success = async (result, failCallback) => {
-            var _a;
             // Token
             const refreshToken = this.getResponseToken(payload.response);
             if (refreshToken == null || result.data == null) {
@@ -129,7 +128,7 @@ export class ServiceApp extends ReactApp {
             // Use core system access token to service api to exchange service access token
             const api = appApi ? appApi.api : this.serviceApi;
             const serviceResult = await api.put("Auth/ExchangeToken", {
-                token: this.encryptEnhanced(userData.token, ((_a = appApi === null || appApi === void 0 ? void 0 : appApi.serviceId) !== null && _a !== void 0 ? _a : this.settings.serviceId).toString())
+                token: this.encryptEnhanced(userData.token, (appApi?.serviceId ?? this.settings.serviceId).toString())
             }, {
                 showLoading,
                 onError: (error) => {
@@ -218,7 +217,7 @@ export class ServiceApp extends ReactApp {
      * @returns Pure text
      */
     serviceDecrypt(messageEncrypted, passphrase) {
-        return this.decrypt(messageEncrypted, passphrase !== null && passphrase !== void 0 ? passphrase : this.servicePassphrase);
+        return this.decrypt(messageEncrypted, passphrase ?? this.servicePassphrase);
     }
     /**
      * Service encrypt message
@@ -228,7 +227,7 @@ export class ServiceApp extends ReactApp {
      * @returns Result
      */
     serviceEncrypt(message, passphrase, iterations) {
-        return this.encrypt(message, passphrase !== null && passphrase !== void 0 ? passphrase : this.servicePassphrase, iterations);
+        return this.encrypt(message, passphrase ?? this.servicePassphrase, iterations);
     }
     /**
      * Try login
@@ -256,10 +255,9 @@ export class ServiceApp extends ReactApp {
      * @param serviceUser Service user
      */
     userLoginEx(user, refreshToken, serviceUser) {
-        var _a;
         // Service user login
         this.servicePassphrase =
-            (_a = this.decrypt(serviceUser.servicePassphrase, this.settings.serviceId.toString())) !== null && _a !== void 0 ? _a : "";
+            this.decrypt(serviceUser.servicePassphrase, this.settings.serviceId.toString()) ?? "";
         // Service user
         this.serviceUser = serviceUser;
         // Service API token

package/lib/pages/DataGridPage.d.ts

@@ -1,4 +1,4 @@
-import { DataTypes, IdDefaultType } from "@etsoo/shared";
+import { DataTypes } from "@etsoo/shared";
 import React from "react";
 import { DataGridPageProps } from "./DataGridPageProps";
 /**
@@ -6,4 +6,4 @@ import { DataGridPageProps } from "./DataGridPageProps";
  * @param props Props
  * @returns Component
  */
-export declare function DataGridPage<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: DataGridPageProps<T, F, D>): React.JSX.Element;
+export declare function DataGridPage<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: DataGridPageProps<T, F>): React.JSX.Element;

package/lib/pages/DataGridPage.js

@@ -12,10 +12,9 @@ import { GridUtils } from "../GridUtils";
  * @returns Component
  */
 export function DataGridPage(props) {
-    var _a;
     // Destruct
     const { adjustHeight, fields, fieldTemplate, height, loadData, mRef, sizeReadyMiliseconds = 100, pageProps = {}, cacheKey, cacheMinutes = 15, ...rest } = props;
-    (_a = pageProps.paddings) !== null && _a !== void 0 ? _a : (pageProps.paddings = MUGlobal.pagePaddings);
+    pageProps.paddings ?? (pageProps.paddings = MUGlobal.pagePaddings);
     // States
     const [states, setStates] = React.useReducer((currentState, newState) => {
         return { ...currentState, ...newState };
@@ -97,7 +96,7 @@ export function DataGridPage(props) {
             return;
         ref.reset({ data });
     }, [ref, data]);
-    const f = typeof fields == "function" ? fields(searchData !== null && searchData !== void 0 ? searchData : {}) : fields;
+    const f = typeof fields == "function" ? fields(searchData ?? {}) : fields;
     // Layout
     return (React.createElement(CommonPage, { ...pageProps, scrollContainer: states.element },
         React.createElement(Stack, null,

package/lib/pages/DataGridPageProps.d.ts

@@ -1,10 +1,10 @@
-import { DataTypes, IdDefaultType } from "@etsoo/shared";
+import { DataTypes } from "@etsoo/shared";
 import { DataGridExProps } from "../DataGridEx";
 import { SearchPageProps } from "./SearchPageProps";
 /**
  * DataGrid page props
  */
-export type DataGridPageProps<T extends object, F extends DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = IdDefaultType<T>> = SearchPageProps<T, F> & Omit<DataGridExProps<T, D>, "loadData" | "height"> & {
+export type DataGridPageProps<T extends object, F extends DataTypes.BasicTemplate> = SearchPageProps<T, F> & Omit<DataGridExProps<T>, "loadData" | "height"> & {
     /**
      * Height will be deducted
      * @param height Current calcuated height

package/lib/pages/FixedListPage.d.ts

@@ -1,4 +1,4 @@
-import { DataTypes, IdDefaultType } from "@etsoo/shared";
+import { DataTypes } from "@etsoo/shared";
 import React from "react";
 import { ListPageProps } from "./ListPageProps";
 /**
@@ -6,7 +6,7 @@ import { ListPageProps } from "./ListPageProps";
  * @param props Props
  * @returns Component
  */
-export declare function FixedListPage<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: ListPageProps<T, F, D> & {
+export declare function FixedListPage<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: ListPageProps<T, F> & {
     /**
      * Height will be deducted
      * @param height Current calcuated height

package/lib/pages/FixedListPage.js

@@ -12,10 +12,9 @@ import { GridUtils } from "../GridUtils";
  * @returns Component
  */
 export function FixedListPage(props) {
-    var _a;
     // Destruct
     const { adjustHeight, fields, fieldTemplate, loadData, mRef, sizeReadyMiliseconds = 0, pageProps = {}, cacheKey, cacheMinutes = 15, ...rest } = props;
-    (_a = pageProps.paddings) !== null && _a !== void 0 ? _a : (pageProps.paddings = MUGlobal.pagePaddings);
+    pageProps.paddings ?? (pageProps.paddings = MUGlobal.pagePaddings);
     // States
     const [states] = React.useState({});
     const initLoadedRef = React.useRef();
@@ -89,7 +88,7 @@ export function FixedListPage(props) {
                     }, ...rest })));
         }
     }, [rect]);
-    const f = typeof fields == "function" ? fields(searchData !== null && searchData !== void 0 ? searchData : {}) : fields;
+    const f = typeof fields == "function" ? fields(searchData ?? {}) : fields;
     const { paddings, ...pageRest } = pageProps;
     // Layout
     return (React.createElement(CommonPage, { ...pageRest, paddings: {}, scrollContainer: scrollContainer },

package/lib/pages/LeftDrawer.js

@@ -4,9 +4,8 @@ import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
 import { DrawerHeader } from "./DrawerHeader";
 import { globalApp } from "../app/ReactApp";
 export function LeftDrawer(props) {
-    var _a;
     // Destruct
-    const { mdUp, width, appName = globalApp === null || globalApp === void 0 ? void 0 : globalApp.get("appName"), onMinimize, open = mdUp, children } = props;
+    const { mdUp, width, appName = globalApp?.get("appName"), onMinimize, open = mdUp, children } = props;
     // Menu open/close state
     const [openLocal, setOpen] = React.useState();
     const handleDrawerClose = () => {
@@ -29,7 +28,7 @@ export function LeftDrawer(props) {
             keepMounted: true // Better open performance on mobile.
         } },
         React.createElement(DrawerHeader, null,
-            React.createElement("a", { href: "https://www.etsoo.com", title: (_a = globalApp === null || globalApp === void 0 ? void 0 : globalApp.get("etsoo")) !== null && _a !== void 0 ? _a : "ETSOO", target: "_blank", rel: "noreferrer" },
+            React.createElement("a", { href: "https://www.etsoo.com", title: globalApp?.get("etsoo") ?? "ETSOO", target: "_blank", rel: "noreferrer" },
                 React.createElement(Avatar, { src: process.env.PUBLIC_URL + "/logo192.png", variant: "square", sx: { marginLeft: -0.5, marginRight: 1.5, marginBottom: 1 } })),
             React.createElement(Typography, { noWrap: true, component: "div", title: appName, sx: { flexGrow: 2 } }, appName),
             React.createElement(IconButton, { size: "small", onClick: handleDrawerClose },

package/lib/pages/ListPage.d.ts

@@ -1,4 +1,4 @@
-import { DataTypes, IdDefaultType } from "@etsoo/shared";
+import { DataTypes } from "@etsoo/shared";
 import React from "react";
 import { ListPageProps } from "./ListPageProps";
 /**
@@ -6,4 +6,4 @@ import { ListPageProps } from "./ListPageProps";
  * @param props Props
  * @returns Component
  */
-export declare function ListPage<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: ListPageProps<T, F, D>): React.JSX.Element;
+export declare function ListPage<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: ListPageProps<T, F>): React.JSX.Element;

package/lib/pages/ListPage.js

@@ -12,10 +12,9 @@ import { GridUtils } from "../GridUtils";
  * @returns Component
  */
 export function ListPage(props) {
-    var _a;
     // Destruct
     const { fields, fieldTemplate, loadData, mRef, pageProps = {}, cacheKey, cacheMinutes = 15, ...rest } = props;
-    (_a = pageProps.paddings) !== null && _a !== void 0 ? _a : (pageProps.paddings = MUGlobal.pagePaddings);
+    pageProps.paddings ?? (pageProps.paddings = MUGlobal.pagePaddings);
     // States
     const [states] = React.useState({});
     const refs = useCombinedRefs(mRef, (ref) => {
@@ -69,7 +68,7 @@ export function ListPage(props) {
             return;
         sessionStorage.setItem(`${cacheKey}-scroll`, JSON.stringify(props));
     };
-    const f = typeof fields == "function" ? fields(searchData !== null && searchData !== void 0 ? searchData : {}) : fields;
+    const f = typeof fields == "function" ? fields(searchData ?? {}) : fields;
     // Layout
     return (React.createElement(CommonPage, { ...pageProps, scrollContainer: globalThis },
         React.createElement(Stack, null,

package/lib/pages/ListPageProps.d.ts

@@ -4,4 +4,4 @@ import { SearchPageProps } from "./SearchPageProps";
 /**
  * List page props
  */
-export type ListPageProps<T extends object, F extends DataTypes.BasicTemplate, D extends DataTypes.Keys<T>> = SearchPageProps<T, F> & Omit<ScrollerListExProps<T, D>, "loadData">;
+export type ListPageProps<T extends object, F extends DataTypes.BasicTemplate> = SearchPageProps<T, F> & Omit<ScrollerListExProps<T>, "loadData">;

package/lib/pages/ResponsivePage.d.ts

@@ -1,4 +1,4 @@
-import { DataTypes, IdDefaultType } from "@etsoo/shared";
+import { DataTypes } from "@etsoo/shared";
 import React from "react";
 import { ResponsePageProps } from "./ResponsivePageProps";
 /**
@@ -6,4 +6,4 @@ import { ResponsePageProps } from "./ResponsivePageProps";
  * @param props Props
  * @returns Component
  */
-export declare function ResponsivePage<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = IdDefaultType<T>>(props: ResponsePageProps<T, F, D>): React.JSX.Element;
+export declare function ResponsivePage<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: ResponsePageProps<T, F>): React.JSX.Element;

package/lib/pages/ResponsivePage.js

@@ -9,10 +9,9 @@ import { OperationMessageContainer } from "../messages/OperationMessageContainer
  * @returns Component
  */
 export function ResponsivePage(props) {
-    var _a;
     // Destruct
     const { pageProps = {}, operationMessageHandler, ...rest } = props;
-    (_a = pageProps.paddings) !== null && _a !== void 0 ? _a : (pageProps.paddings = MUGlobal.pagePaddings);
+    pageProps.paddings ?? (pageProps.paddings = MUGlobal.pagePaddings);
     const { paddings, fabColumnDirection, ...pageRest } = pageProps;
     // State
     const [scrollContainer, setScrollContainer] = React.useState();

package/lib/pages/ResponsivePageProps.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { GridMethodRef } from "@etsoo/react";
-import { DataTypes, IdDefaultType } from "@etsoo/shared";
+import { DataTypes } from "@etsoo/shared";
 import { ListChildComponentProps } from "react-window";
 import { ScrollerListExInnerItemRendererProps, ScrollerListExItemSize } from "../ScrollerListEx";
 import { DataGridPageProps } from "./DataGridPageProps";
@@ -8,7 +8,7 @@ import { OperationMessageHandlerAll } from "../messages/OperationMessageHandler"
 /**
  * Response page props
  */
-export type ResponsePageProps<T extends object, F extends DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = IdDefaultType<T>> = Omit<DataGridPageProps<T, F, D>, "mRef" | "itemKey" | "onScroll" | "onItemsRendered"> & {
+export type ResponsePageProps<T extends object, F extends DataTypes.BasicTemplate> = Omit<DataGridPageProps<T, F>, "mRef" | "itemKey" | "onScroll" | "onItemsRendered"> & {
     /**
      *
      * @param height Current height

package/lib/pages/TablePage.js

@@ -12,10 +12,9 @@ import { GridUtils } from "../GridUtils";
  * @returns Component
  */
 export function TablePage(props) {
-    var _a;
     // Destruct
     const { columns, fields, fieldTemplate, loadData, mRef, sizeReadyMiliseconds = 0, pageProps = {}, cacheKey, cacheMinutes = 15, ...rest } = props;
-    (_a = pageProps.paddings) !== null && _a !== void 0 ? _a : (pageProps.paddings = MUGlobal.pagePaddings);
+    pageProps.paddings ?? (pageProps.paddings = MUGlobal.pagePaddings);
     // States
     const [states] = React.useState({});
     const refs = useCombinedRefs(mRef, (ref) => {
@@ -43,8 +42,7 @@ export function TablePage(props) {
     const searchData = GridUtils.getSearchData(cacheKey);
     // Total width
     const totalWidth = React.useMemo(() => columns.reduce((previousValue, { width, minWidth }) => {
-        var _a;
-        return previousValue + ((_a = width !== null && width !== void 0 ? width : minWidth) !== null && _a !== void 0 ? _a : TableExMinWidth);
+        return previousValue + (width ?? minWidth ?? TableExMinWidth);
     }, 0), [columns]);
     // Watch container
     const { dimensions } = useDimensions(1, undefined, sizeReadyMiliseconds);
@@ -59,7 +57,7 @@ export function TablePage(props) {
             return (React.createElement(TableEx, { autoLoad: false, columns: columns, loadData: localLoadData, maxHeight: maxHeight, mRef: refs, ...rest }));
         }
     }, [rect]);
-    const f = typeof fields == "function" ? fields(searchData !== null && searchData !== void 0 ? searchData : {}) : fields;
+    const f = typeof fields == "function" ? fields(searchData ?? {}) : fields;
     // Layout
     return (React.createElement(CommonPage, { ...pageProps, scrollContainer: globalThis },
         React.createElement(Stack, null,

package/lib/pages/UserMenu.js

@@ -30,9 +30,8 @@ export function UserMenu(props) {
         setAnchorEl(undefined);
     };
     const handleClick = async (event) => {
-        var _a;
         handleMenuClose();
-        const item = (_a = event.target) === null || _a === void 0 ? void 0 : _a.closest("li[href]");
+        const item = event.target?.closest("li[href]");
         if (item != null) {
             const href = item.getAttribute("href");
             if (href) {