@etsoo/materialui 1.0.65 → 1.0.67

package/lib/OptionGroup.js

@@ -8,6 +8,7 @@ import React from 'react';
  * @returns Component
  */
 export function OptionGroup(props) {
+    var _a;
     // Destruct
     const { getOptionLabel, defaultValue, idField = 'id', label, labelField = 'label', multiple = false, mRef, name, onValueChange, options, readOnly, row, itemSize, helperText, variant, required, ...rest } = props;
     // Theme
@@ -21,11 +22,16 @@ export function OptionGroup(props) {
         return value;
     };
     // Checkbox values
-    const [values, setValues] = React.useState(defaultValue == null
+    const [values, setValues] = React.useState([]);
+    // Values
+    const dv = React.useMemo(() => defaultValue == null
         ? []
         : Array.isArray(defaultValue)
             ? defaultValue
-            : [defaultValue]);
+            : [defaultValue], [defaultValue]);
+    React.useEffect(() => {
+        setValues(dv);
+    }, [dv]);
     // Disabled ids
     const [disabledIds, setDisabledIds] = React.useState();
     // Item checked
@@ -78,7 +84,7 @@ export function OptionGroup(props) {
         return (React.createElement(FormControlLabel, { key: value, control: control, value: value, label: label }));
     });
     // Group
-    const group = multiple ? (React.createElement(FormGroup, { row: row }, list)) : (React.createElement(RadioGroup, { row: row, name: name, value: values[0], onChange: (_event, value) => {
+    const group = multiple ? (React.createElement(FormGroup, { row: row }, list)) : (React.createElement(RadioGroup, { row: row, name: name, value: (_a = values[0]) !== null && _a !== void 0 ? _a : '', onChange: (_event, value) => {
             if (firstOptionValue == null)
                 return;
             const typeValue = Utils.parseString(value, firstOptionValue);

package/package.json

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

package/src/OptionGroup.tsx

@@ -154,14 +154,23 @@ export function OptionGroup<
     };
 
     // Checkbox values
-    const [values, setValues] = React.useState(
-        defaultValue == null
-            ? []
-            : Array.isArray(defaultValue)
-            ? defaultValue
-            : [defaultValue]
+    const [values, setValues] = React.useState<T[D][]>([]);
+
+    // Values
+    const dv = React.useMemo(
+        () =>
+            defaultValue == null
+                ? []
+                : Array.isArray(defaultValue)
+                ? defaultValue
+                : [defaultValue],
+        [defaultValue]
     );
 
+    React.useEffect(() => {
+        setValues(dv);
+    }, [dv]);
+
     // Disabled ids
     const [disabledIds, setDisabledIds] = React.useState<unknown[]>();
 
@@ -255,7 +264,7 @@ export function OptionGroup<
         <RadioGroup
             row={row}
             name={name}
-            value={values[0]}
+            value={values[0] ?? ''}
             onChange={(_event, value) => {
                 if (firstOptionValue == null) return;
                 const typeValue = Utils.parseString(value, firstOptionValue);