@draftbit/core 43.4.15-43f83d.0 → 43.4.15-641e7e.0

package/src/components/RadioButton/RadioButtonGroup.tsx

@@ -6,7 +6,7 @@ import { radioButtonGroupContext, Direction } from "./context";
 export interface RadioButtonGroupProps {
   direction?: Direction;
   style?: StyleProp<ViewStyle>;
-  value: string;
+  value: string | number;
   onValueChange?: (value: string) => void;
   defaultValue?: string | number;
   theme: Theme;
@@ -19,23 +19,27 @@ const RadioButtonGroup: React.FC<RadioButtonGroupProps> = ({
   direction = Direction.Vertical,
   value = "",
   onValueChange,
-  defaultValue = "",
+  defaultValue,
   style,
   children,
   ...rest
 }) => {
-  const [internalValue, setInternalValue] = React.useState<string>("");
+  const [internalValue, setInternalValue] = React.useState("");
 
   React.useEffect(() => {
-    const realValue = getValueForRadioButton(value);
+    if (value != null) {
+      const realValue = getValueForRadioButton(value);
 
-    setInternalValue(realValue);
+      setInternalValue(realValue);
+    }
   }, [value]);
 
   React.useEffect(() => {
-    const realDefaultValue = getValueForRadioButton(defaultValue);
+    if (defaultValue != null) {
+      const realDefaultValue = getValueForRadioButton(defaultValue);
 
-    setInternalValue(realDefaultValue);
+      setInternalValue(realDefaultValue);
+    }
   }, [defaultValue]);
 
   const handleValueChange = (newValue: string | number) => {
@@ -61,7 +65,7 @@ const RadioButtonGroup: React.FC<RadioButtonGroupProps> = ({
     <View style={[{ minHeight: 40 }, style]} {...rest}>
       <Provider
         value={{
-          value: internalValue || "",
+          value: internalValue,
           onValueChange: handleValueChange,
           direction,
         }}

package/src/mappings/Accordion.js

@@ -12,30 +12,26 @@ export const SEED_DATA = {
         fontSize: 16,
     },
     props: {
-        label: createTextProp({
-            label: "Label",
-        }),
-        expanded: createStaticBoolProp({
-            label: "Expanded",
-            description: "Whether the AccordionGroup should be initaially expanded or not",
-        }),
         openColor: createColorProp({
             label: "Open text color",
         }),
         closedColor: createColorProp({
-            label: "Closed text color",
+            label: "Closed text Color",
         }),
         caretColor: createColorProp({
             label: "Caret color",
         }),
-        caretSize: createNumberProp({
-            label: "Caret size",
-            defaultValue: 24,
-        }),
-        icon: createIconProp(),
         iconSize: createNumberProp({
             label: "Icon size",
             defaultValue: 24,
         }),
+        label: createTextProp({
+            label: "Label",
+        }),
+        expanded: createStaticBoolProp({
+            label: "Expanded",
+            description: "Whether the AccordionGroup should be expanded or not",
+        }),
+        icon: createIconProp(),
     },
 };

package/src/mappings/Accordion.ts

@@ -20,31 +20,26 @@ export const SEED_DATA = {
     fontSize: 16,
   },
   props: {
-    label: createTextProp({
-      label: "Label",
-    }),
-    expanded: createStaticBoolProp({
-      label: "Expanded",
-      description:
-        "Whether the AccordionGroup should be initaially expanded or not",
-    }),
     openColor: createColorProp({
       label: "Open text color",
     }),
     closedColor: createColorProp({
-      label: "Closed text color",
+      label: "Closed text Color",
     }),
     caretColor: createColorProp({
       label: "Caret color",
     }),
-    caretSize: createNumberProp({
-      label: "Caret size",
-      defaultValue: 24,
-    }),
-    icon: createIconProp(),
     iconSize: createNumberProp({
       label: "Icon size",
       defaultValue: 24,
     }),
+    label: createTextProp({
+      label: "Label",
+    }),
+    expanded: createStaticBoolProp({
+      label: "Expanded",
+      description: "Whether the AccordionGroup should be expanded or not",
+    }),
+    icon: createIconProp(),
   },
 };