@etsoo/materialui 1.5.36 → 1.5.38

package/lib/cjs/ButtonPopupCheckbox.d.ts

@@ -47,10 +47,10 @@ export type ButtonPopupCheckboxProps<D extends DnDItemType> = Omit<ButtonProps,
      */
     onAdd?: (ids: string[]) => Promise<false | D[]>;
     /**
-     * On change handler
+     * On value change handler
      * @param ids Ids
      */
-    onChange?: (ids: D["id"][]) => void;
+    onValueChange?: (ids: D["id"][]) => void;
     /**
      * Popup title
      */

package/lib/cjs/ButtonPopupCheckbox.js

@@ -71,7 +71,7 @@ function ButtonPopupCheckbox(props) {
     // App
     const app = (0, ReactApp_1.useRequiredAppContext)();
     // Destruct
-    const { addSplitter, ids, inputName, label, labelEnd, labelFormatter, labelField, labels = {}, loadData, onAdd, onChange, popupTitle = label, popupMessage, required = false, sx = { gap: 1, justifyContent: "flex-start" }, variant = "outlined", ...rest } = props;
+    const { addSplitter, ids, inputName, label, labelEnd, labelFormatter, labelField, labels = {}, loadData, onAdd, onValueChange, popupTitle = label, popupMessage, required = false, sx = { gap: 1, justifyContent: "flex-start" }, variant = "outlined", ...rest } = props;
     // Default labels
     if (!labels.add)
         labels.add = app.get("add");
@@ -103,7 +103,7 @@ function ButtonPopupCheckbox(props) {
                     return false;
                 }
                 setValues(item);
-                onChange?.(item);
+                onValueChange?.(item);
             },
             inputs: ((0, jsx_runtime_1.jsx)(ButtonPopupList, { addSplitter: addSplitter, ids: values, labelFormatter: labelFormatter, labelField: labelField, labels: labels, loadData: loadData, onAdd: onAdd })),
             fullScreen: app.smDown

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/mjs/ButtonPopupCheckbox.d.ts

@@ -47,10 +47,10 @@ export type ButtonPopupCheckboxProps<D extends DnDItemType> = Omit<ButtonProps,
      */
     onAdd?: (ids: string[]) => Promise<false | D[]>;
     /**
-     * On change handler
+     * On value change handler
      * @param ids Ids
      */
-    onChange?: (ids: D["id"][]) => void;
+    onValueChange?: (ids: D["id"][]) => void;
     /**
      * Popup title
      */

package/lib/mjs/ButtonPopupCheckbox.js

@@ -65,7 +65,7 @@ export function ButtonPopupCheckbox(props) {
     // App
     const app = useRequiredAppContext();
     // Destruct
-    const { addSplitter, ids, inputName, label, labelEnd, labelFormatter, labelField, labels = {}, loadData, onAdd, onChange, popupTitle = label, popupMessage, required = false, sx = { gap: 1, justifyContent: "flex-start" }, variant = "outlined", ...rest } = props;
+    const { addSplitter, ids, inputName, label, labelEnd, labelFormatter, labelField, labels = {}, loadData, onAdd, onValueChange, popupTitle = label, popupMessage, required = false, sx = { gap: 1, justifyContent: "flex-start" }, variant = "outlined", ...rest } = props;
     // Default labels
     if (!labels.add)
         labels.add = app.get("add");
@@ -97,7 +97,7 @@ export function ButtonPopupCheckbox(props) {
                     return false;
                 }
                 setValues(item);
-                onChange?.(item);
+                onValueChange?.(item);
             },
             inputs: (_jsx(ButtonPopupList, { addSplitter: addSplitter, ids: values, labelFormatter: labelFormatter, labelField: labelField, labels: labels, loadData: loadData, onAdd: onAdd })),
             fullScreen: app.smDown

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.5.36",
+  "version": "1.5.38",
   "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.31",
     "@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,13 +66,13 @@
     "@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",

package/src/ButtonPopupCheckbox.tsx

@@ -75,10 +75,10 @@ export type ButtonPopupCheckboxProps<D extends DnDItemType> = Omit<
   onAdd?: (ids: string[]) => Promise<false | D[]>;
 
   /**
-   * On change handler
+   * On value change handler
    * @param ids Ids
    */
-  onChange?: (ids: D["id"][]) => void;
+  onValueChange?: (ids: D["id"][]) => void;
 
   /**
    * Popup title
@@ -258,7 +258,7 @@ export function ButtonPopupCheckbox<D extends DnDItemType>(
     labels = {},
     loadData,
     onAdd,
-    onChange,
+    onValueChange,
     popupTitle = label,
     popupMessage,
     required = false,
@@ -299,7 +299,7 @@ export function ButtonPopupCheckbox<D extends DnDItemType>(
 
         setValues(item);
 
-        onChange?.(item);
+        onValueChange?.(item);
       },
       inputs: (
         <ButtonPopupList

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