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

package/src/mappings/RadioButtonGroup.js

@@ -1,17 +1,23 @@
-import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  createFieldNameProp,
+  createDirectionProp,
+  Triggers,
+  StylesPanelSections,
+} from "@draftbit/types";
 export const SEED_DATA = {
-    name: "Radio Button Group",
-    tag: "RadioButtonGroup",
-    category: COMPONENT_TYPES.control,
-    stylesPanelSections: [StylesPanelSections.Margins],
-    layout: {},
-    triggers: [Triggers.OnValueChange],
-    props: {
-        direction: createDirectionProp(),
-        fieldName: createFieldNameProp({
-            handlerPropName: "onValueChange",
-            valuePropName: "value",
-            defaultValue: "radioButtonGroupValue",
-        }),
-    },
+  name: "Radio Button Group",
+  tag: "RadioButtonGroup",
+  category: COMPONENT_TYPES.control,
+  stylesPanelSections: [StylesPanelSections.Margins],
+  layout: {},
+  triggers: [Triggers.OnValueChange],
+  props: {
+    direction: createDirectionProp(),
+    fieldName: createFieldNameProp({
+      handlerPropName: "onValueChange",
+      valuePropName: "value",
+      defaultValue: "radioButtonGroupValue",
+    }),
+  },
 };

package/src/mappings/RadioButtonRow.js

@@ -1,42 +1,50 @@
-import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, GROUPS, StylesPanelSections, } from "@draftbit/types";
+import {
+  createTextProp,
+  createTextEnumProp,
+  COMPONENT_TYPES,
+  createColorProp,
+  GROUPS,
+  StylesPanelSections,
+} from "@draftbit/types";
 export const SEED_DATA = {
-    name: "Radio Button Row",
-    tag: "RadioButtonRow",
-    category: COMPONENT_TYPES.control,
-    stylesPanelSections: [
-        StylesPanelSections.Typography,
-        StylesPanelSections.Margins,
-        StylesPanelSections.Effects,
-    ],
-    layout: {},
-    props: {
-        label: createTextProp({
-            label: "Label",
-            description: "Label to show with the radio button",
-            required: true,
-            defaultValue: "First Option",
-        }),
-        direction: createTextEnumProp({
-            label: "Direction",
-            description: "Whether the checkbox will appear on the left or on the right",
-            options: ["row", "row-reverse"],
-        }),
-        value: createTextProp({
-            label: "Value",
-            description: "Value of the radio button",
-            defaultValue: null,
-            required: true,
-        }),
-        color: createColorProp({
-            group: GROUPS.basic,
-            description: "Color for the button",
-            defaultValue: "primary",
-        }),
-        unselectedColor: createColorProp({
-            group: GROUPS.basic,
-            label: "Unselected Color",
-            description: "Unselected Color for the button",
-            defaultValue: "primary",
-        }),
-    },
+  name: "Radio Button Row",
+  tag: "RadioButtonRow",
+  category: COMPONENT_TYPES.control,
+  stylesPanelSections: [
+    StylesPanelSections.Typography,
+    StylesPanelSections.Margins,
+    StylesPanelSections.Effects,
+  ],
+  layout: {},
+  props: {
+    label: createTextProp({
+      label: "Label",
+      description: "Label to show with the radio button",
+      required: true,
+      defaultValue: "First Option",
+    }),
+    direction: createTextEnumProp({
+      label: "Direction",
+      description:
+        "Whether the checkbox will appear on the left or on the right",
+      options: ["row", "row-reverse"],
+    }),
+    value: createTextProp({
+      label: "Value",
+      description: "Value of the radio button",
+      defaultValue: null,
+      required: true,
+    }),
+    color: createColorProp({
+      group: GROUPS.basic,
+      description: "Color for the button",
+      defaultValue: "primary",
+    }),
+    unselectedColor: createColorProp({
+      group: GROUPS.basic,
+      label: "Unselected Color",
+      description: "Unselected Color for the button",
+      defaultValue: "primary",
+    }),
+  },
 };

package/src/mappings/RowBodyIcon.js

@@ -1,75 +1,81 @@
-import { COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES, } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  FORM_TYPES,
+  GROUPS,
+  PROP_TYPES,
+} from "@draftbit/types";
 export const SEED_DATA = [
-    {
-        name: "Row Single Line Body Icon",
-        tag: "RowBodyIcon",
-        description: "A row with left aligned body text and a right aligned icon",
-        category: COMPONENT_TYPES.row,
-        preview_image_url: "{CLOUDINARY_URL}/Row_SingleLine_BodyIcon.png",
-        supports_list_render: true,
-        props: {
-            title: {
-                group: GROUPS.data,
-                label: "Title",
-                description: "Text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "Beautiful West Coast Villa",
-                editable: true,
-                required: false,
-            },
-            icon: {
-                group: GROUPS.basic,
-                label: "Icon",
-                description: "Icon to display",
-                formType: FORM_TYPES.icon,
-                propType: PROP_TYPES.ASSET,
-                defaultValue: null,
-                editable: true,
-                required: false,
-            },
-        },
-        layout: {},
+  {
+    name: "Row Single Line Body Icon",
+    tag: "RowBodyIcon",
+    description: "A row with left aligned body text and a right aligned icon",
+    category: COMPONENT_TYPES.row,
+    preview_image_url: "{CLOUDINARY_URL}/Row_SingleLine_BodyIcon.png",
+    supports_list_render: true,
+    props: {
+      title: {
+        group: GROUPS.data,
+        label: "Title",
+        description: "Text to display",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "Beautiful West Coast Villa",
+        editable: true,
+        required: false,
+      },
+      icon: {
+        group: GROUPS.basic,
+        label: "Icon",
+        description: "Icon to display",
+        formType: FORM_TYPES.icon,
+        propType: PROP_TYPES.ASSET,
+        defaultValue: null,
+        editable: true,
+        required: false,
+      },
     },
-    {
-        name: "Row Double Line Body Icon",
-        tag: "RowBodyIcon",
-        description: "A row with left aligned body text and subtitle text and a right aligned icon",
-        category: COMPONENT_TYPES.row,
-        preview_image_url: "{CLOUDINARY_URL}/Row_DoubleLine_BodyIcon.png",
-        supports_list_render: true,
-        props: {
-            title: {
-                group: GROUPS.data,
-                label: "Title",
-                description: "Text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "Beautiful West Coast Villa",
-                editable: true,
-                required: false,
-            },
-            subtitle: {
-                group: GROUPS.data,
-                label: "Subtitle",
-                description: "Subtitle text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "San Diego",
-                editable: true,
-                required: false,
-            },
-            icon: {
-                group: GROUPS.basic,
-                label: "Icon",
-                description: "Icon to display",
-                formType: FORM_TYPES.icon,
-                propType: PROP_TYPES.ASSET,
-                defaultValue: null,
-                editable: true,
-                required: false,
-            },
-        },
-        layout: {},
+    layout: {},
+  },
+  {
+    name: "Row Double Line Body Icon",
+    tag: "RowBodyIcon",
+    description:
+      "A row with left aligned body text and subtitle text and a right aligned icon",
+    category: COMPONENT_TYPES.row,
+    preview_image_url: "{CLOUDINARY_URL}/Row_DoubleLine_BodyIcon.png",
+    supports_list_render: true,
+    props: {
+      title: {
+        group: GROUPS.data,
+        label: "Title",
+        description: "Text to display",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "Beautiful West Coast Villa",
+        editable: true,
+        required: false,
+      },
+      subtitle: {
+        group: GROUPS.data,
+        label: "Subtitle",
+        description: "Subtitle text to display",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "San Diego",
+        editable: true,
+        required: false,
+      },
+      icon: {
+        group: GROUPS.basic,
+        label: "Icon",
+        description: "Icon to display",
+        formType: FORM_TYPES.icon,
+        propType: PROP_TYPES.ASSET,
+        defaultValue: null,
+        editable: true,
+        required: false,
+      },
     },
+    layout: {},
+  },
 ];

package/src/mappings/RowHeadlineImageCaption.js

@@ -1,167 +1,177 @@
-import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  FORM_TYPES,
+  PROP_TYPES,
+  GROUPS,
+} from "@draftbit/types";
 export const SEED_DATA = [
-    {
-        name: "Row Single Line Headline Caption",
-        tag: "RowHeadlineImageCaption",
-        description: "A row with left aligned headline text and right aligned caption text",
-        category: COMPONENT_TYPES.row,
-        preview_image_url: "{CLOUDINARY_URL}/Row_SingleLine_HeadlineCaption.png",
-        supports_list_render: true,
-        props: {
-            title: {
-                group: GROUPS.data,
-                label: "Title",
-                description: "Headline text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "Beautiful West Coast Villa",
-                editable: true,
-                required: false,
-            },
-            caption: {
-                group: GROUPS.data,
-                label: "Caption",
-                description: "Caption text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "$100",
-                editable: true,
-                required: false,
-            },
-        },
-        layout: {},
+  {
+    name: "Row Single Line Headline Caption",
+    tag: "RowHeadlineImageCaption",
+    description:
+      "A row with left aligned headline text and right aligned caption text",
+    category: COMPONENT_TYPES.row,
+    preview_image_url: "{CLOUDINARY_URL}/Row_SingleLine_HeadlineCaption.png",
+    supports_list_render: true,
+    props: {
+      title: {
+        group: GROUPS.data,
+        label: "Title",
+        description: "Headline text to display",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "Beautiful West Coast Villa",
+        editable: true,
+        required: false,
+      },
+      caption: {
+        group: GROUPS.data,
+        label: "Caption",
+        description: "Caption text to display",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "$100",
+        editable: true,
+        required: false,
+      },
     },
-    {
-        name: "Row Single Line Headline Image Caption",
-        tag: "RowHeadlineImageCaption",
-        description: "A row with left aligned image and headline text and right aligned caption text",
-        category: COMPONENT_TYPES.row,
-        preview_image_url: "{CLOUDINARY_URL}/Row_SingleLine_HeadlineImageCaption.png",
-        supports_list_render: true,
-        props: {
-            title: {
-                group: GROUPS.data,
-                label: "Title",
-                description: "Headline text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "Beautiful West Coast Villa",
-                editable: true,
-                required: false,
-            },
-            caption: {
-                group: GROUPS.data,
-                label: "Caption",
-                description: "Caption text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "$100",
-                editable: true,
-                required: false,
-            },
-            image: {
-                group: GROUPS.data,
-                label: "Image",
-                description: "Image to display",
-                formType: FORM_TYPES.image,
-                propType: PROP_TYPES.ASSET,
-                defaultValue: null,
-                editable: true,
-                required: false,
-            },
-        },
-        layout: {},
+    layout: {},
+  },
+  {
+    name: "Row Single Line Headline Image Caption",
+    tag: "RowHeadlineImageCaption",
+    description:
+      "A row with left aligned image and headline text and right aligned caption text",
+    category: COMPONENT_TYPES.row,
+    preview_image_url:
+      "{CLOUDINARY_URL}/Row_SingleLine_HeadlineImageCaption.png",
+    supports_list_render: true,
+    props: {
+      title: {
+        group: GROUPS.data,
+        label: "Title",
+        description: "Headline text to display",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "Beautiful West Coast Villa",
+        editable: true,
+        required: false,
+      },
+      caption: {
+        group: GROUPS.data,
+        label: "Caption",
+        description: "Caption text to display",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "$100",
+        editable: true,
+        required: false,
+      },
+      image: {
+        group: GROUPS.data,
+        label: "Image",
+        description: "Image to display",
+        formType: FORM_TYPES.image,
+        propType: PROP_TYPES.ASSET,
+        defaultValue: null,
+        editable: true,
+        required: false,
+      },
     },
-    {
-        name: "Row Double Line Headline Caption",
-        tag: "RowHeadlineImageCaption",
-        description: "A row with left aligned headline text and subtitle text and right aligned caption text",
-        category: COMPONENT_TYPES.row,
-        preview_image_url: "{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png",
-        supports_list_render: true,
-        props: {
-            title: {
-                group: GROUPS.data,
-                label: "Title",
-                description: "Headline text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "Beautiful West Coast Villa",
-                editable: true,
-                required: false,
-            },
-            subtitle: {
-                group: GROUPS.data,
-                label: "Subtitle",
-                description: "Subtitle text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "San Diego",
-                editable: true,
-                required: false,
-            },
-            caption: {
-                group: GROUPS.data,
-                label: "Caption",
-                description: "Caption text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "$100",
-                editable: true,
-                required: false,
-            },
-        },
-        layout: {},
+    layout: {},
+  },
+  {
+    name: "Row Double Line Headline Caption",
+    tag: "RowHeadlineImageCaption",
+    description:
+      "A row with left aligned headline text and subtitle text and right aligned caption text",
+    category: COMPONENT_TYPES.row,
+    preview_image_url: "{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png",
+    supports_list_render: true,
+    props: {
+      title: {
+        group: GROUPS.data,
+        label: "Title",
+        description: "Headline text to display",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "Beautiful West Coast Villa",
+        editable: true,
+        required: false,
+      },
+      subtitle: {
+        group: GROUPS.data,
+        label: "Subtitle",
+        description: "Subtitle text to display",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "San Diego",
+        editable: true,
+        required: false,
+      },
+      caption: {
+        group: GROUPS.data,
+        label: "Caption",
+        description: "Caption text to display",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "$100",
+        editable: true,
+        required: false,
+      },
     },
-    {
-        name: "Row Double Line Headline Image Caption",
-        tag: "RowHeadlineImageCaption",
-        description: "A row with left aligned image, headline text, and subtitle text, and right aligned caption text",
-        category: COMPONENT_TYPES.row,
-        preview_image_url: "{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png",
-        supports_list_render: true,
-        props: {
-            title: {
-                group: GROUPS.data,
-                label: "Title",
-                description: "Headline text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "Beautiful West Coast Villa",
-                editable: true,
-                required: false,
-            },
-            subtitle: {
-                group: GROUPS.data,
-                label: "Subtitle",
-                description: "Subtitle text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "San Diego",
-                editable: true,
-                required: false,
-            },
-            caption: {
-                group: GROUPS.data,
-                label: "Caption",
-                description: "Caption text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "$100",
-                editable: true,
-                required: false,
-            },
-            image: {
-                group: GROUPS.data,
-                label: "Image",
-                description: "Image to display",
-                formType: FORM_TYPES.image,
-                propType: PROP_TYPES.ASSET,
-                defaultValue: null,
-                editable: true,
-                required: false,
-            },
-        },
-        layout: {},
+    layout: {},
+  },
+  {
+    name: "Row Double Line Headline Image Caption",
+    tag: "RowHeadlineImageCaption",
+    description:
+      "A row with left aligned image, headline text, and subtitle text, and right aligned caption text",
+    category: COMPONENT_TYPES.row,
+    preview_image_url: "{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png",
+    supports_list_render: true,
+    props: {
+      title: {
+        group: GROUPS.data,
+        label: "Title",
+        description: "Headline text to display",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "Beautiful West Coast Villa",
+        editable: true,
+        required: false,
+      },
+      subtitle: {
+        group: GROUPS.data,
+        label: "Subtitle",
+        description: "Subtitle text to display",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "San Diego",
+        editable: true,
+        required: false,
+      },
+      caption: {
+        group: GROUPS.data,
+        label: "Caption",
+        description: "Caption text to display",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "$100",
+        editable: true,
+        required: false,
+      },
+      image: {
+        group: GROUPS.data,
+        label: "Image",
+        description: "Image to display",
+        formType: FORM_TYPES.image,
+        propType: PROP_TYPES.ASSET,
+        defaultValue: null,
+        editable: true,
+        required: false,
+      },
     },
+    layout: {},
+  },
 ];