@draftbit/core 43.4.11-d2edf8.3 → 43.4.11

package/src/mappings/CheckboxRow.ts

@@ -1,8 +1,11 @@
 import {
+  createBoolProp,
   createTextProp,
   createTextStyle,
   createRowDirectionProp,
   createFieldNameProp,
+  createIconProp,
+  createStaticNumberProp,
   COMPONENT_TYPES,
   Triggers,
   createColorProp,
@@ -15,8 +18,13 @@ export const SEED_DATA = {
   layout: {
     minHeight: 50,
   },
-  triggers: [Triggers.OnPress],
+  triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],
   props: {
+    fieldName: createFieldNameProp({
+      defaultValue: "checkboxRowValue",
+      valuePropName: "value",
+      handlerPropName: "onPress",
+    }),
     label: createTextProp({
       label: "Label",
       description: "Label to show with the checkbox",
@@ -30,11 +38,6 @@ export const SEED_DATA = {
       editable: false,
     }),
     direction: createRowDirectionProp(),
-    fieldName: createFieldNameProp({
-      defaultValue: "checkboxRowValue",
-      valuePropName: "value",
-      handlerPropName: "onPress",
-    }),
     color: createColorProp({
       description: "Color for the button (used when the checkbox is checked)",
     }),
@@ -42,5 +45,24 @@ export const SEED_DATA = {
       label: "Unselected Color",
       description: "Color for the button when the checkbox is unchecked",
     }),
+    disabled: createBoolProp({
+      label: "Disabled",
+      description: "Whether the checkbox is disabled",
+    }),
+    size: createStaticNumberProp({
+      label: "Size",
+      description: "Specifies the size of the icon",
+      defaultValue: null,
+    }),
+    checkedIcon: createIconProp({
+      label: "Checked Icon",
+      description: 'Icon to show when the checkbox status is "checked"',
+      defaultValue: null,
+    }),
+    uncheckedIcon: createIconProp({
+      label: "Unchecked Icon",
+      description: 'Icon to show when the checkbox status is "unchecked"',
+      defaultValue: null,
+    }),
   },
 };