@etsoo/materialui 1.0.57 → 1.0.58

package/__tests__/SelectEx.tsx

@@ -86,15 +86,22 @@ it('Render multiple SelectEx', async () => {
     fireEvent.mouseDown(button); // Not click
 
     // Get list item
+    const itemName1 = await findByText(baseElement, 'Name 1');
+    const checkbox1 = itemName1.closest('li')?.querySelector('input');
+
+    expect(checkbox1?.checked).toBeTruthy();
+
     const itemName3 = await findByText(baseElement, 'Name 3');
     expect(itemName3.nodeName).toBe('SPAN');
 
     // Checkbox
-    const checkbox = itemName3.closest('li')?.querySelector('input');
+    const checkbox3 = itemName3.closest('li')?.querySelector('input');
 
     act(() => {
-        checkbox?.click();
+        checkbox3?.click();
     });
 
+    expect(checkbox3?.checked).toBeTruthy();
+
     expect(itemChangeCallback).toBeCalledTimes(2);
 });

package/lib/SelectEx.js

@@ -66,12 +66,6 @@ export function SelectEx(props) {
     }, [valueSource]);
     // Label id
     const labelId = `selectex-label-${name}`;
-    // Item checked or not
-    const itemChecked = (id) => {
-        if (Array.isArray(valueState))
-            return valueState.indexOf(id) !== -1;
-        return valueState === id;
-    };
     // Set item
     const setItemValue = (id) => {
         var _a;
@@ -183,7 +177,9 @@ export function SelectEx(props) {
                     }, style: itemStyle == null
                         ? undefined
                         : itemStyle(option) },
-                    multiple && (React.createElement(Checkbox, { checked: itemChecked(id) })),
+                    multiple && (React.createElement(Checkbox, { checked: Array.isArray(valueState)
+                            ? valueState.includes(id)
+                            : valueState === id })),
                     React.createElement(ListItemText, { primary: label }),
                     itemIconRenderer && (React.createElement(ListItemRightIcon, null, itemIconRenderer(option[idField])))));
             })),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/materialui",
-    "version": "1.0.57",
+    "version": "1.0.58",
     "description": "TypeScript Material-UI Implementation",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package/src/SelectEx.tsx

@@ -8,7 +8,6 @@ import {
     MenuItem,
     OutlinedInput,
     Select,
-    SelectChangeEvent,
     SelectProps,
     Stack
 } from '@mui/material';
@@ -202,12 +201,6 @@ export function SelectEx<
     // Label id
     const labelId = `selectex-label-${name}`;
 
-    // Item checked or not
-    const itemChecked = (id: unknown) => {
-        if (Array.isArray(valueState)) return valueState.indexOf(id) !== -1;
-        return valueState === id;
-    };
-
     // Set item
     const setItemValue = (id: unknown) => {
         if (id != valueRef.current) {
@@ -376,7 +369,13 @@ export function SelectEx<
                                 }
                             >
                                 {multiple && (
-                                    <Checkbox checked={itemChecked(id)} />
+                                    <Checkbox
+                                        checked={
+                                            Array.isArray(valueState)
+                                                ? valueState.includes(id)
+                                                : valueState === id
+                                        }
+                                    />
                                 )}
                                 <ListItemText primary={label} />
                                 {itemIconRenderer && (