@draftbit/core 46.4.4-c5d4b3.2 → 46.4.4-caab07.0

package/src/mappings/Checkbox.js

@@ -1,46 +1,56 @@
-import { COMPONENT_TYPES, createBoolProp, createIconProp, createStaticNumberProp, createColorProp, createFieldNameProp, GROUPS, Triggers, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  createBoolProp,
+  createIconProp,
+  createStaticNumberProp,
+  createColorProp,
+  createFieldNameProp,
+  GROUPS,
+  Triggers,
+  BLOCK_STYLES_SECTIONS,
+} from "@draftbit/types";
 export const SEED_DATA = {
-    name: "Checkbox",
-    tag: "Checkbox",
-    category: COMPONENT_TYPES.control,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],
-    props: {
-        fieldName: createFieldNameProp({
-            defaultValue: "checkboxValue",
-            valuePropName: "status",
-            handlerPropName: "onPress",
-        }),
-        color: createColorProp({
-            group: GROUPS.basic,
-            label: "Color",
-            description: "Color for the button (used when the checkbox is checked)",
-            defaultValue: null,
-        }),
-        uncheckedColor: createColorProp({
-            group: GROUPS.basic,
-            label: "Unselected Color",
-            description: "Color for the button when the checkbox is unchecked",
-            defaultValue: null,
-        }),
-        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,
-        }),
-    },
+  name: "Checkbox",
+  tag: "Checkbox",
+  category: COMPONENT_TYPES.control,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],
+  props: {
+    fieldName: createFieldNameProp({
+      defaultValue: "checkboxValue",
+      valuePropName: "status",
+      handlerPropName: "onPress",
+    }),
+    color: createColorProp({
+      group: GROUPS.basic,
+      label: "Color",
+      description: "Color for the button (used when the checkbox is checked)",
+      defaultValue: null,
+    }),
+    uncheckedColor: createColorProp({
+      group: GROUPS.basic,
+      label: "Unselected Color",
+      description: "Color for the button when the checkbox is unchecked",
+      defaultValue: null,
+    }),
+    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,
+    }),
+  },
 };

package/src/mappings/CheckboxGroup.js

@@ -1,26 +1,36 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, createTextProp, PROP_TYPES, createFieldNameProp, createDirectionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
+import {
+  GROUPS,
+  COMPONENT_TYPES,
+  FORM_TYPES,
+  createTextProp,
+  PROP_TYPES,
+  createFieldNameProp,
+  createDirectionProp,
+  Triggers,
+  StylesPanelSections,
+} from "@draftbit/types";
 export const SEED_DATA = {
-    name: "Checkbox Group",
-    tag: "CheckboxGroup",
-    category: COMPONENT_TYPES.deprecated,
-    layout: {},
-    triggers: [Triggers.OnValueChange],
-    stylesPanelSections: [StylesPanelSections.Margins],
-    props: {
-        direction: createDirectionProp(),
-        values: createTextProp({
-            group: GROUPS.data,
-            formType: FORM_TYPES.flatArray,
-            propType: PROP_TYPES.ARRAY,
-            label: "Values",
-            description: "Currently selected values of the checkbox group",
-            required: true,
-            defaultValue: null,
-        }),
-        fieldName: createFieldNameProp({
-            defaultValue: "checkboxGroupValue",
-            handlerPropName: "onValueChange",
-            valuePropName: "value",
-        }),
-    },
+  name: "Checkbox Group",
+  tag: "CheckboxGroup",
+  category: COMPONENT_TYPES.deprecated,
+  layout: {},
+  triggers: [Triggers.OnValueChange],
+  stylesPanelSections: [StylesPanelSections.Margins],
+  props: {
+    direction: createDirectionProp(),
+    values: createTextProp({
+      group: GROUPS.data,
+      formType: FORM_TYPES.flatArray,
+      propType: PROP_TYPES.ARRAY,
+      label: "Values",
+      description: "Currently selected values of the checkbox group",
+      required: true,
+      defaultValue: null,
+    }),
+    fieldName: createFieldNameProp({
+      defaultValue: "checkboxGroupValue",
+      handlerPropName: "onValueChange",
+      valuePropName: "value",
+    }),
+  },
 };

package/src/mappings/CheckboxRow.js

@@ -1,61 +1,73 @@
-import { createBoolProp, createTextProp, createTextStyle, createRowDirectionProp, createFieldNameProp, createIconProp, createStaticNumberProp, COMPONENT_TYPES, Triggers, createColorProp, StylesPanelSections, } from "@draftbit/types";
+import {
+  createBoolProp,
+  createTextProp,
+  createTextStyle,
+  createRowDirectionProp,
+  createFieldNameProp,
+  createIconProp,
+  createStaticNumberProp,
+  COMPONENT_TYPES,
+  Triggers,
+  createColorProp,
+  StylesPanelSections,
+} from "@draftbit/types";
 export const SEED_DATA = {
-    name: "Checkbox Row",
-    tag: "CheckboxRow",
-    category: COMPONENT_TYPES.control,
-    stylesPanelSections: [
-        StylesPanelSections.Typography,
-        StylesPanelSections.Margins,
-        StylesPanelSections.Effects,
-    ],
-    layout: {
-        minHeight: 50,
-    },
-    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",
-            required: true,
-            defaultValue: "First Option",
-        }),
-        labelStyle: createTextStyle({
-            label: "Label Style",
-            description: "Change the styles of the label",
-            required: false,
-            editable: false,
-        }),
-        direction: createRowDirectionProp(),
-        color: createColorProp({
-            description: "Color for the button (used when the checkbox is checked)",
-        }),
-        uncheckedColor: createColorProp({
-            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,
-        }),
-    },
+  name: "Checkbox Row",
+  tag: "CheckboxRow",
+  category: COMPONENT_TYPES.control,
+  stylesPanelSections: [
+    StylesPanelSections.Typography,
+    StylesPanelSections.Margins,
+    StylesPanelSections.Effects,
+  ],
+  layout: {
+    minHeight: 50,
+  },
+  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",
+      required: true,
+      defaultValue: "First Option",
+    }),
+    labelStyle: createTextStyle({
+      label: "Label Style",
+      description: "Change the styles of the label",
+      required: false,
+      editable: false,
+    }),
+    direction: createRowDirectionProp(),
+    color: createColorProp({
+      description: "Color for the button (used when the checkbox is checked)",
+    }),
+    uncheckedColor: createColorProp({
+      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,
+    }),
+  },
 };

package/src/mappings/CircleImage.js

@@ -1,25 +1,32 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createImageProp, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
+import {
+  GROUPS,
+  COMPONENT_TYPES,
+  FORM_TYPES,
+  PROP_TYPES,
+  createImageProp,
+  BLOCK_STYLES_SECTIONS,
+} from "@draftbit/types";
 export const SEED_DATA = {
-    name: "Circle Image",
-    tag: "CircleImage",
-    description: "A circle image",
-    category: COMPONENT_TYPES.deprecated,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    props: {
-        source: createImageProp(),
-        size: {
-            group: GROUPS.basic,
-            label: "Size",
-            description: "Size of your circle image",
-            editable: true,
-            required: false,
-            formType: FORM_TYPES.number,
-            propType: PROP_TYPES.NUMBER,
-            min: 0,
-            max: 300,
-            precision: 0,
-            step: 1,
-            defaultValue: 60,
-        },
+  name: "Circle Image",
+  tag: "CircleImage",
+  description: "A circle image",
+  category: COMPONENT_TYPES.deprecated,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  props: {
+    source: createImageProp(),
+    size: {
+      group: GROUPS.basic,
+      label: "Size",
+      description: "Size of your circle image",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
+      min: 0,
+      max: 300,
+      precision: 0,
+      step: 1,
+      defaultValue: 60,
     },
+  },
 };

package/src/mappings/Container.js

@@ -1,30 +1,40 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, createImageProp, createResizeModeProp, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
+import {
+  GROUPS,
+  COMPONENT_TYPES,
+  FORM_TYPES,
+  PROP_TYPES,
+  createElevationType,
+  createImageProp,
+  createResizeModeProp,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
+} from "@draftbit/types";
 export const SEED_DATA = {
-    name: "Container",
-    tag: "Container",
-    description: "A container component with gutter padding",
-    category: COMPONENT_TYPES.deprecated,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    layout: {
-        height: 250,
-    },
-    props: {
-        useThemeGutterPadding: {
-            group: GROUPS.basic,
-            label: "Use gutter padding",
-            description: "When true, uses the theme gutter spacing as the container's horizontal padding",
-            formType: FORM_TYPES.boolean,
-            propType: PROP_TYPES.BOOLEAN,
-            defaultValue: false,
-            editable: false,
-            required: true,
-        },
-        backgroundImage: createImageProp({
-            label: "Background Image",
-            description: "Apply a custom background image",
-            defaultValue: null,
-        }),
-        backgroundImageResizeMode: createResizeModeProp(),
-        elevation: createElevationType(0),
+  name: "Container",
+  tag: "Container",
+  description: "A container component with gutter padding",
+  category: COMPONENT_TYPES.deprecated,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {
+    height: 250,
+  },
+  props: {
+    useThemeGutterPadding: {
+      group: GROUPS.basic,
+      label: "Use gutter padding",
+      description:
+        "When true, uses the theme gutter spacing as the container's horizontal padding",
+      formType: FORM_TYPES.boolean,
+      propType: PROP_TYPES.BOOLEAN,
+      defaultValue: false,
+      editable: false,
+      required: true,
     },
+    backgroundImage: createImageProp({
+      label: "Background Image",
+      description: "Apply a custom background image",
+      defaultValue: null,
+    }),
+    backgroundImageResizeMode: createResizeModeProp(),
+    elevation: createElevationType(0),
+  },
 };

package/src/mappings/CustomCode.js

@@ -1,8 +1,8 @@
 import { COMPONENT_TYPES } from "@draftbit/types";
 export const SEED_DATA = {
-    name: "Custom Code",
-    tag: "CustomCode",
-    description: "A component that allows usage of custom code",
-    category: COMPONENT_TYPES.utility,
-    props: {},
+  name: "Custom Code",
+  tag: "CustomCode",
+  description: "A component that allows usage of custom code",
+  category: COMPONENT_TYPES.utility,
+  props: {},
 };