@etsoo/materialui 1.6.67 → 1.6.68

package/lib/cjs/SelectEx.js

@@ -49,7 +49,7 @@ function SelectEx(props) {
     };
     // Local value
     const v = defaultValue ?? value;
-    const valueSource = react_1.default.useMemo(() => (multiple ? (v ? (Array.isArray(v) ? v : [v]) : []) : v ?? ""), [multiple, v]);
+    const valueSource = react_1.default.useMemo(() => (multiple ? (v ? (Array.isArray(v) ? v : [v]) : []) : (v ?? "")), [multiple, v]);
     const setOptionsAdd = react_1.default.useCallback((options) => {
         const localOptions = [...options];
         if (autoAddBlankItem) {
@@ -192,7 +192,7 @@ function SelectEx(props) {
                                     }
                                 }, style: itemStyle == null ? undefined : itemStyle(option), children: [multiple && ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { checked: Array.isArray(valueState)
                                             ? valueState.includes(id)
-                                            : valueState === id })), (0, jsx_runtime_1.jsx)(ListItemText_1.default, { primary: label }), itemIconRenderer && ((0, jsx_runtime_1.jsx)(ListItemRightIcon_1.ListItemRightIcon, { children: itemIconRenderer(option[idField]) }))] }, id));
+                                            : valueState === id })), (0, jsx_runtime_1.jsx)(ListItemText_1.default, { primary: label, slotProps: { primary: { noWrap: true } } }), itemIconRenderer && ((0, jsx_runtime_1.jsx)(ListItemRightIcon_1.ListItemRightIcon, { children: itemIconRenderer(option[idField]) }))] }, id));
                         }) }), helperText != null && (0, jsx_runtime_1.jsx)(FormHelperText_1.default, { children: helperText })] }), refresh != null &&
                 loadData != null &&
                 (typeof refresh === "string" ? ((0, jsx_runtime_1.jsx)(IconButton_1.default, { size: "small", title: refresh, onClick: refreshData, children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) })) : (refresh))] }));

package/lib/mjs/SelectEx.js

@@ -43,7 +43,7 @@ export function SelectEx(props) {
     };
     // Local value
     const v = defaultValue ?? value;
-    const valueSource = React.useMemo(() => (multiple ? (v ? (Array.isArray(v) ? v : [v]) : []) : v ?? ""), [multiple, v]);
+    const valueSource = React.useMemo(() => (multiple ? (v ? (Array.isArray(v) ? v : [v]) : []) : (v ?? "")), [multiple, v]);
     const setOptionsAdd = React.useCallback((options) => {
         const localOptions = [...options];
         if (autoAddBlankItem) {
@@ -186,7 +186,7 @@ export function SelectEx(props) {
                                     }
                                 }, style: itemStyle == null ? undefined : itemStyle(option), children: [multiple && (_jsx(Checkbox, { checked: Array.isArray(valueState)
                                             ? valueState.includes(id)
-                                            : valueState === id })), _jsx(ListItemText, { primary: label }), itemIconRenderer && (_jsx(ListItemRightIcon, { children: itemIconRenderer(option[idField]) }))] }, id));
+                                            : valueState === id })), _jsx(ListItemText, { primary: label, slotProps: { primary: { noWrap: true } } }), itemIconRenderer && (_jsx(ListItemRightIcon, { children: itemIconRenderer(option[idField]) }))] }, id));
                         }) }), helperText != null && _jsx(FormHelperText, { children: helperText })] }), refresh != null &&
                 loadData != null &&
                 (typeof refresh === "string" ? (_jsx(IconButton, { size: "small", title: refresh, onClick: refreshData, children: _jsx(RefreshIcon, {}) })) : (refresh))] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.6.67",
+  "version": "1.6.68",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -65,12 +65,12 @@
     "react-dom": "$react-dom"
   },
   "devDependencies": {
-    "@babel/core": "^7.29.0",
-    "@babel/plugin-transform-runtime": "^7.29.0",
-    "@babel/preset-env": "^7.29.5",
-    "@babel/preset-react": "^7.28.5",
-    "@babel/preset-typescript": "^7.28.5",
-    "@babel/runtime-corejs3": "^7.29.2",
+    "@babel/core": "^7.29.7",
+    "@babel/plugin-transform-runtime": "^7.29.7",
+    "@babel/preset-env": "^7.29.7",
+    "@babel/preset-react": "^7.29.7",
+    "@babel/preset-typescript": "^7.29.7",
+    "@babel/runtime-corejs3": "^7.29.7",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/pica": "^9.0.5",

package/src/SelectEx.tsx

@@ -184,7 +184,7 @@ export function SelectEx<
   // Local value
   const v = defaultValue ?? value;
   const valueSource = React.useMemo(
-    () => (multiple ? (v ? (Array.isArray(v) ? v : [v]) : []) : v ?? ""),
+    () => (multiple ? (v ? (Array.isArray(v) ? v : [v]) : []) : (v ?? "")),
     [multiple, v]
   );
 
@@ -326,8 +326,8 @@ export function SelectEx<
             multiple
               ? valueState
               : localOptions.some((o) => o[idField] === valueState)
-              ? valueState
-              : ""
+                ? valueState
+                : ""
           }
           input={
             <OutlinedInput
@@ -409,7 +409,10 @@ export function SelectEx<
                     }
                   />
                 )}
-                <ListItemText primary={label} />
+                <ListItemText
+                  primary={label}
+                  slotProps={{ primary: { noWrap: true } }}
+                />
                 {itemIconRenderer && (
                   <ListItemRightIcon>
                     {itemIconRenderer(option[idField])}