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

package/src/mappings/RadioButtonGroup.js

@@ -1,23 +1,17 @@
-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,50 +1,42 @@
-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,81 +1,75 @@
-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,
-      },
+    {
+        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: {},
     },
-    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,
-      },
+    {
+        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: {},
-  },
 ];

package/src/mappings/RowHeadlineImageCaption.js

@@ -1,177 +1,167 @@
-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,
-      },
+    {
+        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: {},
     },
-    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 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 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 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 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,
-      },
+    {
+        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: {},
-  },
 ];