@etsoo/materialui 1.5.37 → 1.5.39

package/lib/cjs/SelectEx.js

@@ -51,7 +51,11 @@ function SelectEx(props) {
     const v = defaultValue ?? value;
     const valueSource = react_1.default.useMemo(() => (multiple ? (v ? (Array.isArray(v) ? v : [v]) : []) : v ?? ""), [multiple, v]);
     const setOptionsAdd = react_1.default.useCallback((options) => {
-        setOptions(options);
+        const localOptions = [...options];
+        if (autoAddBlankItem) {
+            shared_1.Utils.addBlankItem(localOptions, idField, labelField);
+        }
+        setOptions(localOptions);
         if (valueSource != null)
             doItemChange(options, valueSource, false);
     }, [valueSource]);
@@ -114,9 +118,6 @@ function SelectEx(props) {
                 return;
             if (onLoadData)
                 onLoadData(result);
-            if (autoAddBlankItem) {
-                shared_1.Utils.addBlankItem(result, idField, labelField);
-            }
             setOptionsAdd(result);
         });
     };

package/lib/cjs/pages/CommonPage.js

@@ -55,13 +55,15 @@ function CommonPage(props) {
                     }
                 }
                 : undefined, [onUpdateAll, onUpdate, onRefresh]);
+    const stateDetector = react_1.default.useMemo(() => update && app?.stateDetector({ targetFields, update }), [update, targetFields]);
     react_1.default.useEffect(() => {
         if (updateRef.current && update) {
             update(true, []);
+            updateRef.current = false;
         }
     }, [update]);
     // Return the UI
-    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [update && app?.stateDetector({ targetFields, update }), (0, jsx_runtime_1.jsxs)(Container_1.default, { disableGutters: disableGutters, maxWidth: maxWidth, sx: sx, id: "page-container", ...rest, children: [(0, jsx_runtime_1.jsxs)(FabBox_1.FabBox, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [stateDetector, (0, jsx_runtime_1.jsxs)(Container_1.default, { disableGutters: disableGutters, maxWidth: maxWidth, sx: sx, id: "page-container", ...rest, children: [(0, jsx_runtime_1.jsxs)(FabBox_1.FabBox, { sx: {
                             zIndex: 1,
                             ...(typeof fabTop === "function"
                                 ? fabTop(theme, fabPadding)

package/lib/mjs/SelectEx.js

@@ -45,7 +45,11 @@ export function SelectEx(props) {
     const v = defaultValue ?? value;
     const valueSource = React.useMemo(() => (multiple ? (v ? (Array.isArray(v) ? v : [v]) : []) : v ?? ""), [multiple, v]);
     const setOptionsAdd = React.useCallback((options) => {
-        setOptions(options);
+        const localOptions = [...options];
+        if (autoAddBlankItem) {
+            Utils.addBlankItem(localOptions, idField, labelField);
+        }
+        setOptions(localOptions);
         if (valueSource != null)
             doItemChange(options, valueSource, false);
     }, [valueSource]);
@@ -108,9 +112,6 @@ export function SelectEx(props) {
                 return;
             if (onLoadData)
                 onLoadData(result);
-            if (autoAddBlankItem) {
-                Utils.addBlankItem(result, idField, labelField);
-            }
             setOptionsAdd(result);
         });
     };

package/lib/mjs/pages/CommonPage.js

@@ -49,13 +49,15 @@ export function CommonPage(props) {
                     }
                 }
                 : undefined, [onUpdateAll, onUpdate, onRefresh]);
+    const stateDetector = React.useMemo(() => update && app?.stateDetector({ targetFields, update }), [update, targetFields]);
     React.useEffect(() => {
         if (updateRef.current && update) {
             update(true, []);
+            updateRef.current = false;
         }
     }, [update]);
     // Return the UI
-    return (_jsxs(React.Fragment, { children: [update && app?.stateDetector({ targetFields, update }), _jsxs(Container, { disableGutters: disableGutters, maxWidth: maxWidth, sx: sx, id: "page-container", ...rest, children: [_jsxs(FabBox, { sx: {
+    return (_jsxs(React.Fragment, { children: [stateDetector, _jsxs(Container, { disableGutters: disableGutters, maxWidth: maxWidth, sx: sx, id: "page-container", ...rest, children: [_jsxs(FabBox, { sx: {
                             zIndex: 1,
                             ...(typeof fabTop === "function"
                                 ? fabTop(theme, fabPadding)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.5.37",
+  "version": "1.5.39",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -40,13 +40,13 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@etsoo/appscript": "^1.6.29",
+    "@etsoo/appscript": "^1.6.32",
     "@etsoo/notificationbase": "^1.1.60",
     "@etsoo/react": "^1.8.40",
     "@etsoo/shared": "^1.2.70",
     "@mui/icons-material": "^7.0.2",
     "@mui/material": "^7.0.2",
-    "@mui/x-data-grid": "^8.1.0",
+    "@mui/x-data-grid": "^8.2.0",
     "chart.js": "^4.4.9",
     "chartjs-plugin-datalabels": "^2.2.0",
     "dompurify": "^3.2.5",
@@ -66,19 +66,19 @@
     "@emotion/react": "$@emotion/react"
   },
   "devDependencies": {
-    "@babel/cli": "^7.27.0",
-    "@babel/core": "^7.26.10",
-    "@babel/plugin-transform-runtime": "^7.26.10",
-    "@babel/preset-env": "^7.26.9",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.27.0",
-    "@babel/runtime-corejs3": "^7.27.0",
+    "@babel/cli": "^7.27.1",
+    "@babel/core": "^7.27.1",
+    "@babel/plugin-transform-runtime": "^7.27.1",
+    "@babel/preset-env": "^7.27.1",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
+    "@babel/runtime-corejs3": "^7.27.1",
     "@testing-library/react": "^16.3.0",
     "@types/pica": "^9.0.5",
     "@types/pulltorefreshjs": "^0.1.7",
     "@types/react": "^18.3.20",
     "@types/react-avatar-editor": "^13.0.4",
-    "@types/react-dom": "^18.3.6",
+    "@types/react-dom": "^18.3.7",
     "@types/react-input-mask": "^3.0.6",
     "@types/react-window": "^1.8.8",
     "@vitejs/plugin-react": "^4.4.1",

package/src/SelectEx.tsx

@@ -176,7 +176,11 @@ export function SelectEx<
 
   const setOptionsAdd = React.useCallback(
     (options: readonly T[]) => {
-      setOptions(options);
+      const localOptions = [...options];
+      if (autoAddBlankItem) {
+        Utils.addBlankItem(localOptions, idField, labelField);
+      }
+      setOptions(localOptions);
       if (valueSource != null) doItemChange(options, valueSource, false);
     },
     [valueSource]
@@ -246,9 +250,6 @@ export function SelectEx<
     loadData().then((result) => {
       if (result == null || !isMounted.current) return;
       if (onLoadData) onLoadData(result);
-      if (autoAddBlankItem) {
-        Utils.addBlankItem(result, idField, labelField);
-      }
       setOptionsAdd(result);
     });
   };

package/src/pages/CommonPage.tsx

@@ -168,16 +168,22 @@ export function CommonPage(props: CommonPageProps) {
     [onUpdateAll, onUpdate, onRefresh]
   );
 
+  const stateDetector = React.useMemo(
+    () => update && app?.stateDetector({ targetFields, update }),
+    [update, targetFields]
+  );
+
   React.useEffect(() => {
     if (updateRef.current && update) {
       update(true, []);
+      updateRef.current = false;
     }
   }, [update]);
 
   // Return the UI
   return (
     <React.Fragment>
-      {update && app?.stateDetector({ targetFields, update })}
+      {stateDetector}
       <Container
         disableGutters={disableGutters}
         maxWidth={maxWidth}