@etsoo/react 1.5.36 → 1.5.39

package/lib/mu/OptionGroup.js

@@ -66,12 +66,13 @@ 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: defaultValue, onChange: (_event, value) => {
+    const group = multiple ? (React.createElement(FormGroup, { row: row }, list)) : (React.createElement(RadioGroup, { row: row, name: name, value: values[0], onChange: (_event, value) => {
             if (firstOptionValue == null)
                 return;
             const typeValue = Utils.parseString(value, firstOptionValue);
             if (onValueChange)
                 onValueChange(typeValue);
+            setValues([typeValue]);
         } }, list));
     // Layout
     return (React.createElement(FormControl, { component: "fieldset", ...rest },

package/lib/mu/pages/CommonPage.js

@@ -18,9 +18,13 @@ export const CommonPageScrollContainer = global;
  */
 export function CommonPage(props) {
     // Destruct
-    const { children, disableGutters = true, fabButtons, fabColumnDirection, fabPaddingAdjust = 1.5, fabSize = 'small', maxWidth = false, moreActions, onRefresh, onUpdate, onUpdateAll, paddings = MUGlobal.pagePaddings, scrollContainer, supportBack = false, targetFields, sx = { padding: paddings }, ...rest } = props;
+    const { children, disableGutters = true, fabButtons, fabColumnDirection, fabPaddingAdjust = 1.5, fabSize = 'small', maxWidth = false, moreActions, onRefresh, onUpdate, onUpdateAll, paddings = MUGlobal.pagePaddings, scrollContainer, supportBack = false, targetFields, sx = {}, ...rest } = props;
     // Fab padding
     const fabPadding = MUGlobal.increase(MUGlobal.pagePaddings, fabPaddingAdjust);
+    if (typeof sx === 'object' && sx != null && !Reflect.has(sx, 'padding')) {
+        // Set default padding
+        Reflect.set(sx, 'padding', paddings);
+    }
     // Labels
     const labels = Labels.CommonPage;
     // Update

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.5.36",
+    "version": "1.5.39",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -50,9 +50,9 @@
         "@emotion/react": "^11.9.0",
         "@emotion/style": "^0.8.0",
         "@emotion/styled": "^11.8.1",
-        "@etsoo/appscript": "^1.2.60",
-        "@etsoo/notificationbase": "^1.1.3",
-        "@etsoo/shared": "^1.1.38",
+        "@etsoo/appscript": "^1.2.61",
+        "@etsoo/notificationbase": "^1.1.4",
+        "@etsoo/shared": "^1.1.40",
         "@mui/icons-material": "^5.8.0",
         "@mui/material": "^5.8.1",
         "@types/pica": "^9.0.0",

package/src/mu/OptionGroup.tsx

@@ -194,11 +194,12 @@ export function OptionGroup<
         <RadioGroup
             row={row}
             name={name}
-            value={defaultValue}
+            value={values[0]}
             onChange={(_event, value) => {
                 if (firstOptionValue == null) return;
                 const typeValue = Utils.parseString<D>(value, firstOptionValue);
                 if (onValueChange) onValueChange(typeValue);
+                setValues([typeValue]);
             }}
         >
             {list}

package/src/mu/pages/CommonPage.tsx

@@ -37,7 +37,7 @@ export function CommonPage(props: CommonPageProps) {
         scrollContainer,
         supportBack = false,
         targetFields,
-        sx = { padding: paddings },
+        sx = {},
         ...rest
     } = props;
 
@@ -47,6 +47,11 @@ export function CommonPage(props: CommonPageProps) {
         fabPaddingAdjust
     );
 
+    if (typeof sx === 'object' && sx != null && !Reflect.has(sx, 'padding')) {
+        // Set default padding
+        Reflect.set(sx, 'padding', paddings);
+    }
+
     // Labels
     const labels = Labels.CommonPage;