@teselagen/ui 0.4.2 → 0.4.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "main": "./src/index.js",
   "exports": {
     ".": {

package/src/FormComponents/index.js

@@ -828,8 +828,8 @@ export const renderSelect = props => {
           placeholder && value === ""
             ? "__placeholder__"
             : typeof value !== "string"
-            ? sortify(value) //deterministically sort and stringify the object/number coming in because select fields only support string values
-            : value
+              ? sortify(value) //deterministically sort and stringify the object/number coming in because select fields only support string values
+              : value
         }
         disabled={disabled}
         {...(hideValue ? { value: "" } : {})}
@@ -947,15 +947,37 @@ export const renderBlueprintRadioGroup = ({
   ...rest
 }) => {
   const optionsToUse = getOptions(options);
+  if (
+    options.some(opt => {
+      if (opt.value === "true") {
+        return true;
+      }
+      return false;
+    })
+  ) {
+    throw new Error(
+      'RadioGroup values cannot be strings of "true" or "false", they must be actual booleans'
+    );
+  }
   return (
     <RadioGroup
       {...input}
       {...removeUnwantedProps(rest)}
       selectedValue={input.value}
       label={undefined} //removing label from radio group because our label already handles it
-      onChange={function (e, val, ...args) {
-        input.onChange(e, val, ...args);
-        onFieldSubmit(e.target ? e.target.value : val);
+      onChange={function (e) {
+        let val = e.target.value;
+        if (val === "true") {
+          val = true;
+        }
+        if (val === "false") {
+          val = false;
+        }
+        if (val === "") {
+          val = false;
+        }
+        input.onChange(val);
+        onFieldSubmit(val);
       }}
       options={optionsToUse}
     />