@etsoo/materialui 1.3.22 → 1.3.25

package/__tests__/SelectEx.tsx

@@ -20,7 +20,7 @@ it("Render SelectEx", async () => {
   });
 
   // Render component
-  const { baseElement } = render(
+  render(
     <SelectEx<T>
       options={options}
       name="test"
@@ -34,7 +34,7 @@ it("Render SelectEx", async () => {
   expect(itemChangeCallback).toBeCalled();
 
   // Act, click to show the list
-  const button = screen.getByRole("button");
+  const button = screen.getByRole("combobox");
 
   // https://davidwcai.medium.com/react-testing-library-and-the-not-wrapped-in-act-errors-491a5629193b
   act(() => {
@@ -89,7 +89,7 @@ it("Render multiple SelectEx", async () => {
   expect(itemChangeCallback).toBeCalled();
 
   // Act, click to show the list
-  const button = screen.getByRole("button");
+  const button = screen.getByRole("combobox");
   fireEvent.mouseDown(button); // Not click
 
   // Get list item

package/lib/ComboBoxMultiple.js

@@ -127,5 +127,5 @@ export function ComboBoxMultiple(props) {
                 // Custom
                 if (onChange != null)
                     onChange(event, value, reason, details);
-            }, openOnFocus: openOnFocus, sx: sx, renderInput: (params) => search ? (React.createElement(SearchField, { ...addReadOnly(params), label: label, name: name + "Input", margin: inputMargin, variant: inputVariant, required: inputRequired, error: inputError, helperText: inputHelperText })) : (React.createElement(InputField, { ...addReadOnly(params), label: label, name: name + "Input", margin: inputMargin, variant: inputVariant, required: inputRequired, error: inputError, helperText: inputHelperText })), options: localOptions, renderOption: renderOption, noOptionsText: noOptionsText, loadingText: loadingText, ...rest })));
+            }, openOnFocus: openOnFocus, sx: sx, renderInput: (params) => search ? (React.createElement(SearchField, { ...addReadOnly(params), label: label, name: name + "Input", margin: inputMargin, variant: inputVariant, required: inputRequired, error: inputError, helperText: inputHelperText, value: getValue(stateValue) })) : (React.createElement(InputField, { ...addReadOnly(params), label: label, name: name + "Input", margin: inputMargin, variant: inputVariant, required: inputRequired, error: inputError, helperText: inputHelperText, value: getValue(stateValue) })), options: localOptions, renderOption: renderOption, noOptionsText: noOptionsText, loadingText: loadingText, ...rest })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.3.22",
+  "version": "1.3.25",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -50,19 +50,19 @@
     "@emotion/css": "^11.11.2",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@etsoo/appscript": "^1.4.54",
+    "@etsoo/appscript": "^1.4.56",
     "@etsoo/notificationbase": "^1.1.28",
-    "@etsoo/react": "^1.7.11",
-    "@etsoo/shared": "^1.2.12",
-    "@mui/icons-material": "^5.14.9",
-    "@mui/material": "^5.14.9",
-    "@mui/x-data-grid": "^6.14.0",
-    "@types/pica": "^9.0.1",
+    "@etsoo/react": "^1.7.16",
+    "@etsoo/shared": "^1.2.15",
+    "@mui/icons-material": "^5.14.12",
+    "@mui/material": "^5.14.12",
+    "@mui/x-data-grid": "^6.16.1",
+    "@types/pica": "^9.0.2",
     "@types/pulltorefreshjs": "^0.1.5",
-    "@types/react": "^18.2.21",
+    "@types/react": "^18.2.27",
     "@types/react-avatar-editor": "^13.0.0",
-    "@types/react-dom": "^18.2.7",
-    "@types/react-input-mask": "^3.0.2",
+    "@types/react-dom": "^18.2.12",
+    "@types/react-input-mask": "^3.0.3",
     "chart.js": "^4.4.0",
     "chartjs-plugin-datalabels": "^2.2.0",
     "pica": "^9.0.1",
@@ -71,22 +71,22 @@
     "react-avatar-editor": "^13.0.0",
     "react-chartjs-2": "^5.2.0",
     "react-dom": "^18.2.0",
-    "react-draggable": "^4.4.5",
+    "react-draggable": "^4.4.6",
     "react-imask": "6.6.3"
   },
   "devDependencies": {
-    "@babel/cli": "^7.22.15",
-    "@babel/core": "^7.22.20",
+    "@babel/cli": "^7.23.0",
+    "@babel/core": "^7.23.0",
     "@babel/plugin-transform-runtime": "^7.22.15",
     "@babel/preset-env": "^7.22.20",
     "@babel/preset-react": "^7.22.15",
-    "@babel/preset-typescript": "^7.22.15",
-    "@babel/runtime-corejs3": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.0",
+    "@babel/runtime-corejs3": "^7.23.1",
     "@testing-library/jest-dom": "^6.1.3",
     "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.5.5",
-    "@typescript-eslint/eslint-plugin": "^6.7.0",
-    "@typescript-eslint/parser": "^6.7.0",
+    "@typescript-eslint/eslint-plugin": "^6.7.5",
+    "@typescript-eslint/parser": "^6.7.5",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "typescript": "^5.2.2"

package/src/ComboBoxMultiple.tsx

@@ -285,6 +285,7 @@ export function ComboBoxMultiple<
               required={inputRequired}
               error={inputError}
               helperText={inputHelperText}
+              value={getValue(stateValue)}
             />
           ) : (
             <InputField
@@ -296,6 +297,7 @@ export function ComboBoxMultiple<
               required={inputRequired}
               error={inputError}
               helperText={inputHelperText}
+              value={getValue(stateValue)}
             />
           )
         }

package/src/SelectEx.tsx

@@ -354,7 +354,7 @@ export function SelectEx<
             return (
               <MenuItem
                 key={id}
-                value={id}
+                value={id as any}
                 onClick={(event) => {
                   if (onItemClick) {
                     onItemClick(event, option);