@draftbit/core 46.4.4-fe82de.2 → 47.0.0-0362d7.2

package/src/mappings/RowHeadlineImageCaption.js

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

package/src/mappings/RowHeadlineImageCaption.ts

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

package/src/mappings/RowHeadlineImageIcon.js

@@ -1,99 +0,0 @@
-import { COMPONENT_TYPES, createIconProp, createTextProp, createImageProp, createStaticBoolProp, } from "@draftbit/types";
-const SEED_DATA_PROPS = {
-    title: createTextProp({
-        label: "Title",
-        description: "Headline text to display",
-    }),
-    icon: createIconProp({
-        defaultValue: null,
-    }),
-};
-const IMAGE_PROP = createImageProp();
-const MULTILINE_PROP = createStaticBoolProp({
-    defaultValue: true,
-    editable: false,
-});
-const SUBTITLE_PROP = createTextProp({
-    label: "Subtitle",
-    description: "Subtitle text to display",
-    defaultValue: "San Diego",
-});
-export const SEED_DATA = [
-    {
-        name: "Row Single Line Headline Icon",
-        tag: "RowHeadlineImageIcon",
-        description: "A row with left aligned headline text and a right aligned icon",
-        category: COMPONENT_TYPES.row,
-        layout: {},
-        props: {
-            ...SEED_DATA_PROPS,
-        },
-    },
-    {
-        name: "Row Single Line Headline Icon Image",
-        tag: "RowHeadlineImageIcon",
-        description: "A row with left aligned image and headline text and a right aligned icon",
-        category: COMPONENT_TYPES.row,
-        layout: {},
-        props: {
-            ...SEED_DATA_PROPS,
-            image: IMAGE_PROP,
-        },
-    },
-    {
-        name: "Row Double Line Headline Icon",
-        tag: "RowHeadlineImageIcon",
-        description: "A row with left aligned headline text and subtitle text and a right aligned icon",
-        category: COMPONENT_TYPES.row,
-        layout: {},
-        props: {
-            ...SEED_DATA_PROPS,
-            subtitle: SUBTITLE_PROP,
-        },
-    },
-    {
-        name: "Row Double Line Headline Image Icon",
-        tag: "RowHeadlineImageIcon",
-        description: "A row with left aligned headline text and subtitle text and a right aligned icon",
-        category: COMPONENT_TYPES.row,
-        layout: {},
-        props: {
-            ...SEED_DATA_PROPS,
-            image: IMAGE_PROP,
-            subtitle: SUBTITLE_PROP,
-        },
-    },
-    {
-        name: "Row Multiline Headline Icon",
-        tag: "RowHeadlineImageIcon",
-        description: "A row with left aligned headline text and multiline subtitle text and a right aligned icon",
-        category: COMPONENT_TYPES.row,
-        layout: {},
-        props: {
-            ...SEED_DATA_PROPS,
-            multilineSubtitle: MULTILINE_PROP,
-            subtitle: createTextProp({
-                label: "Subtitle",
-                description: "Subtitle text to display",
-                defaultValue: "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate",
-            }),
-        },
-    },
-    {
-        name: "Row Multiline Headline Image Icon",
-        tag: "RowHeadlineImageIcon",
-        description: "A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon",
-        category: COMPONENT_TYPES.row,
-        layout: {},
-        props: {
-            ...SEED_DATA_PROPS,
-            image: IMAGE_PROP,
-            multilineSubtitle: MULTILINE_PROP,
-            subtitle: createTextProp({
-                label: "Subtitle",
-                description: "Subtitle text to display",
-                defaultValue: "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate",
-            }),
-        },
-    },
-];

package/src/mappings/RowHeadlineImageIcon.ts

@@ -1,116 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createIconProp,
-  createTextProp,
-  createImageProp,
-  createStaticBoolProp,
-} from "@draftbit/types";
-
-const SEED_DATA_PROPS = {
-  title: createTextProp({
-    label: "Title",
-    description: "Headline text to display",
-  }),
-  icon: createIconProp({
-    defaultValue: null,
-  }),
-};
-
-const IMAGE_PROP = createImageProp();
-const MULTILINE_PROP = createStaticBoolProp({
-  defaultValue: true,
-  editable: false,
-});
-const SUBTITLE_PROP = createTextProp({
-  label: "Subtitle",
-  description: "Subtitle text to display",
-  defaultValue: "San Diego",
-});
-
-export const SEED_DATA = [
-  {
-    name: "Row Single Line Headline Icon",
-    tag: "RowHeadlineImageIcon",
-    description:
-      "A row with left aligned headline text and a right aligned icon",
-    category: COMPONENT_TYPES.row,
-    layout: {},
-    props: {
-      ...SEED_DATA_PROPS,
-    },
-  },
-  {
-    name: "Row Single Line Headline Icon Image",
-    tag: "RowHeadlineImageIcon",
-    description:
-      "A row with left aligned image and headline text and a right aligned icon",
-    category: COMPONENT_TYPES.row,
-    layout: {},
-    props: {
-      ...SEED_DATA_PROPS,
-      image: IMAGE_PROP,
-    },
-  },
-  {
-    name: "Row Double Line Headline Icon",
-    tag: "RowHeadlineImageIcon",
-    description:
-      "A row with left aligned headline text and subtitle text and a right aligned icon",
-    category: COMPONENT_TYPES.row,
-    layout: {},
-    props: {
-      ...SEED_DATA_PROPS,
-      subtitle: SUBTITLE_PROP,
-    },
-  },
-  {
-    name: "Row Double Line Headline Image Icon",
-    tag: "RowHeadlineImageIcon",
-    description:
-      "A row with left aligned headline text and subtitle text and a right aligned icon",
-    category: COMPONENT_TYPES.row,
-    layout: {},
-    props: {
-      ...SEED_DATA_PROPS,
-      image: IMAGE_PROP,
-      subtitle: SUBTITLE_PROP,
-    },
-  },
-  {
-    name: "Row Multiline Headline Icon",
-    tag: "RowHeadlineImageIcon",
-    description:
-      "A row with left aligned headline text and multiline subtitle text and a right aligned icon",
-    category: COMPONENT_TYPES.row,
-    layout: {},
-    props: {
-      ...SEED_DATA_PROPS,
-      multilineSubtitle: MULTILINE_PROP,
-      subtitle: createTextProp({
-        label: "Subtitle",
-        description: "Subtitle text to display",
-        defaultValue:
-          "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate",
-      }),
-    },
-  },
-  {
-    name: "Row Multiline Headline Image Icon",
-    tag: "RowHeadlineImageIcon",
-    description:
-      "A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon",
-    category: COMPONENT_TYPES.row,
-    layout: {},
-    props: {
-      ...SEED_DATA_PROPS,
-      image: IMAGE_PROP,
-      multilineSubtitle: MULTILINE_PROP,
-      subtitle: createTextProp({
-        label: "Subtitle",
-        description: "Subtitle text to display",
-        defaultValue:
-          "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate",
-      }),
-    },
-  },
-];

package/src/mappings/ToggleButton.js

@@ -1,50 +0,0 @@
-import { GROUPS, COMPONENT_TYPES, createIconProp, createBoolProp, createColorProp, createStaticNumberProp, createFieldNameProp, createIconSizeProp, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Toggle Button",
-    tag: "ToggleButton",
-    category: COMPONENT_TYPES.deprecated,
-    stylesPanelSections: [
-        StylesPanelSections.Margins,
-        StylesPanelSections.Effects,
-        StylesPanelSections.Position,
-    ],
-    layout: {},
-    triggers: [Triggers.OnPress],
-    props: {
-        onPress: createActionProp(),
-        icon: createIconProp({
-            required: true,
-        }),
-        iconSize: createIconSizeProp(),
-        fieldName: createFieldNameProp({
-            defaultValue: false,
-            valuePropName: "toggled",
-        }),
-        disabled: createBoolProp({
-            label: "Disabled",
-            description: "Whether the button should be disabled",
-            group: GROUPS.basic,
-        }),
-        color: createColorProp({
-            group: GROUPS.basic,
-        }),
-        colorSecondary: createColorProp({
-            label: "Secondary Color",
-            group: GROUPS.basic,
-        }),
-        borderColor: createColorProp({
-            label: "Border Color",
-            group: GROUPS.basic,
-        }),
-        width: createStaticNumberProp({
-            label: "Width",
-            description: "Width",
-            defaultValue: 50,
-        }),
-        height: createStaticNumberProp({
-            label: "Height",
-            description: "Height",
-            defaultValue: 50,
-        }),
-    },
-};

package/src/mappings/ToggleButton.ts

@@ -1,63 +0,0 @@
-import {
-  GROUPS,
-  COMPONENT_TYPES,
-  createIconProp,
-  createBoolProp,
-  createColorProp,
-  createStaticNumberProp,
-  createFieldNameProp,
-  createIconSizeProp,
-  createActionProp,
-  Triggers,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Toggle Button",
-  tag: "ToggleButton",
-  category: COMPONENT_TYPES.deprecated,
-  stylesPanelSections: [
-    StylesPanelSections.Margins,
-    StylesPanelSections.Effects,
-    StylesPanelSections.Position,
-  ],
-  layout: {},
-  triggers: [Triggers.OnPress],
-  props: {
-    onPress: createActionProp(),
-    icon: createIconProp({
-      required: true,
-    }),
-    iconSize: createIconSizeProp(),
-    fieldName: createFieldNameProp({
-      defaultValue: false,
-      valuePropName: "toggled",
-    }),
-    disabled: createBoolProp({
-      label: "Disabled",
-      description: "Whether the button should be disabled",
-      group: GROUPS.basic,
-    }),
-    color: createColorProp({
-      group: GROUPS.basic,
-    }),
-    colorSecondary: createColorProp({
-      label: "Secondary Color",
-      group: GROUPS.basic,
-    }),
-    borderColor: createColorProp({
-      label: "Border Color",
-      group: GROUPS.basic,
-    }),
-    width: createStaticNumberProp({
-      label: "Width",
-      description: "Width",
-      defaultValue: 50,
-    }),
-    height: createStaticNumberProp({
-      label: "Height",
-      description: "Height",
-      defaultValue: 50,
-    }),
-  },
-};