@draftbit/core 46.10.3-61c083.2 → 46.10.3-6c7505.2

package/src/mappings/FlatList.ts

@@ -1,64 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createNumColumnsType,
-  createStaticBoolProp,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
-  Triggers,
-  createActionProp,
-  createStaticNumberProp,
-  createColorProp,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "List",
-  tag: "FlatList",
-  description: "A basic List component",
-  category: COMPONENT_TYPES.data,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {
-    flex: 1,
-  },
-  triggers: [Triggers.OnRefresh, Triggers.OnEndReached],
-  props: {
-    onRefresh: createActionProp(),
-    onEndReached: createActionProp(),
-    horizontal: createStaticBoolProp({
-      label: "Horizontal",
-      description: "Render list horizontally",
-    }),
-    inverted: createStaticBoolProp({
-      label: "Inverted",
-      description: "If true, reverses the direction.",
-    }),
-    numColumns: createNumColumnsType({
-      editable: true,
-    }),
-    initialNumToRender: createStaticNumberProp({
-      label: "Initial Num To Render",
-      description: "How many items to render in the initial batch",
-      defaultValue: null,
-    }),
-    onEndReachedThreshold: createStaticNumberProp({
-      label: "End Reached Threshold",
-      description:
-        "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
-      defaultValue: 0.5,
-    }),
-    refreshColor: createColorProp({
-      label: "Refreshing Color",
-      description: "Color of the refresh indicator",
-    }),
-    showsHorizontalScrollIndicator: createStaticBoolProp({
-      label: "Show Horizontal Scroll Indicator",
-      description:
-        "When true, shows a horizontal scroll indicator. The default value is true.",
-      defaultValue: true,
-    }),
-    showsVerticalScrollIndicator: createStaticBoolProp({
-      label: "Show Vertical Scroll Indicator",
-      description:
-        "When true, shows a vertical scroll indicator. The default value is true.",
-      defaultValue: true,
-    }),
-  },
-};

package/src/mappings/HeaderLarge.js

@@ -1,29 +0,0 @@
-import { COMPONENT_TYPES, createIconProp, createTextProp, createActionProp, Triggers, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = [
-    {
-        name: "Header Large",
-        tag: "HeaderLarge",
-        description: "A large header with an optional touchable right aligned text and icon.",
-        category: COMPONENT_TYPES.header,
-        stylesPanelSections: BLOCK_STYLES_SECTIONS,
-        layout: {},
-        triggers: [Triggers.OnPress],
-        props: {
-            onPress: createActionProp(),
-            title: createTextProp({
-                label: "Title",
-                description: "Text to display",
-                defaultValue: "Title",
-            }),
-            buttonText: createTextProp({
-                label: "Button text",
-                description: "Right aligned button text to display",
-                defaultValue: "See All",
-            }),
-            icon: createIconProp({
-                defaultValue: null,
-                required: false,
-            }),
-        },
-    },
-];

package/src/mappings/HeaderLarge.ts

@@ -1,38 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createIconProp,
-  createTextProp,
-  createActionProp,
-  Triggers,
-  BLOCK_STYLES_SECTIONS,
-} from "@draftbit/types";
-
-export const SEED_DATA = [
-  {
-    name: "Header Large",
-    tag: "HeaderLarge",
-    description:
-      "A large header with an optional touchable right aligned text and icon.",
-    category: COMPONENT_TYPES.header,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    layout: {},
-    triggers: [Triggers.OnPress],
-    props: {
-      onPress: createActionProp(),
-      title: createTextProp({
-        label: "Title",
-        description: "Text to display",
-        defaultValue: "Title",
-      }),
-      buttonText: createTextProp({
-        label: "Button text",
-        description: "Right aligned button text to display",
-        defaultValue: "See All",
-      }),
-      icon: createIconProp({
-        defaultValue: null,
-        required: false,
-      }),
-    },
-  },
-];

package/src/mappings/HeaderMedium.js

@@ -1,55 +0,0 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = [
-    {
-        name: "Header Medium",
-        tag: "HeaderMedium",
-        description: "A medium header with an optional touchable right aligned text and icon.",
-        category: COMPONENT_TYPES.header,
-        stylesPanelSections: BLOCK_STYLES_SECTIONS,
-        preview_image_url: "{CLOUDINARY_URL}/Header_HeadlineMediumIconText.png",
-        supports_list_render: false,
-        props: {
-            title: {
-                group: GROUPS.data,
-                label: "Title",
-                description: "Text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "Title",
-                editable: true,
-                required: false,
-            },
-            buttonText: {
-                group: GROUPS.data,
-                label: "Button text",
-                description: "Right aligned button text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "See All",
-                editable: true,
-                required: false,
-            },
-            icon: {
-                group: GROUPS.basic,
-                label: "Icon",
-                description: "Name of icon to display",
-                formType: FORM_TYPES.icon,
-                propType: PROP_TYPES.ASSET,
-                defaultValue: null,
-                editable: true,
-                required: false,
-            },
-            onPress: {
-                group: GROUPS.basic,
-                label: "Action",
-                description: "Action to execute when button pressed",
-                editable: true,
-                required: false,
-                formType: FORM_TYPES.action,
-                propType: PROP_TYPES.STRING,
-                defaultValue: null,
-            },
-        },
-        layout: {},
-    },
-];

package/src/mappings/HeaderMedium.ts

@@ -1,63 +0,0 @@
-import {
-  GROUPS,
-  COMPONENT_TYPES,
-  FORM_TYPES,
-  PROP_TYPES,
-  BLOCK_STYLES_SECTIONS,
-} from "@draftbit/types";
-
-export const SEED_DATA = [
-  {
-    name: "Header Medium",
-    tag: "HeaderMedium",
-    description:
-      "A medium header with an optional touchable right aligned text and icon.",
-    category: COMPONENT_TYPES.header,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    preview_image_url: "{CLOUDINARY_URL}/Header_HeadlineMediumIconText.png",
-    supports_list_render: false,
-    props: {
-      title: {
-        group: GROUPS.data,
-        label: "Title",
-        description: "Text to display",
-        formType: FORM_TYPES.string,
-        propType: PROP_TYPES.STRING,
-        defaultValue: "Title",
-        editable: true,
-        required: false,
-      },
-      buttonText: {
-        group: GROUPS.data,
-        label: "Button text",
-        description: "Right aligned button text to display",
-        formType: FORM_TYPES.string,
-        propType: PROP_TYPES.STRING,
-        defaultValue: "See All",
-        editable: true,
-        required: false,
-      },
-      icon: {
-        group: GROUPS.basic,
-        label: "Icon",
-        description: "Name of icon to display",
-        formType: FORM_TYPES.icon,
-        propType: PROP_TYPES.ASSET,
-        defaultValue: null,
-        editable: true,
-        required: false,
-      },
-      onPress: {
-        group: GROUPS.basic,
-        label: "Action",
-        description: "Action to execute when button pressed",
-        editable: true,
-        required: false,
-        formType: FORM_TYPES.action,
-        propType: PROP_TYPES.STRING,
-        defaultValue: null,
-      },
-    },
-    layout: {},
-  },
-];

package/src/mappings/HeaderOverline.js

@@ -1,55 +0,0 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = [
-    {
-        name: "Header Overline",
-        tag: "HeaderOverline",
-        description: "A small header with an optional touchable right aligned text and icon.",
-        category: COMPONENT_TYPES.header,
-        stylesPanelSections: BLOCK_STYLES_SECTIONS,
-        preview_image_url: "{CLOUDINARY_URL}/Header_OverlineIconText.png",
-        supports_list_render: false,
-        props: {
-            title: {
-                group: GROUPS.data,
-                label: "Title",
-                description: "Text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "Title",
-                editable: true,
-                required: false,
-            },
-            buttonText: {
-                group: GROUPS.data,
-                label: "Button text",
-                description: "Right aligned button text to display",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "See All",
-                editable: true,
-                required: false,
-            },
-            icon: {
-                group: GROUPS.basic,
-                label: "Icon",
-                description: "Name of icon to display",
-                formType: FORM_TYPES.icon,
-                propType: PROP_TYPES.ASSET,
-                defaultValue: null,
-                editable: true,
-                required: false,
-            },
-            onPress: {
-                group: GROUPS.basic,
-                label: "Action",
-                description: "Action to execute when button pressed",
-                editable: true,
-                required: false,
-                formType: FORM_TYPES.action,
-                propType: PROP_TYPES.STRING,
-                defaultValue: null,
-            },
-        },
-        layout: {},
-    },
-];

package/src/mappings/HeaderOverline.ts

@@ -1,63 +0,0 @@
-import {
-  GROUPS,
-  COMPONENT_TYPES,
-  FORM_TYPES,
-  PROP_TYPES,
-  BLOCK_STYLES_SECTIONS,
-} from "@draftbit/types";
-
-export const SEED_DATA = [
-  {
-    name: "Header Overline",
-    tag: "HeaderOverline",
-    description:
-      "A small header with an optional touchable right aligned text and icon.",
-    category: COMPONENT_TYPES.header,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    preview_image_url: "{CLOUDINARY_URL}/Header_OverlineIconText.png",
-    supports_list_render: false,
-    props: {
-      title: {
-        group: GROUPS.data,
-        label: "Title",
-        description: "Text to display",
-        formType: FORM_TYPES.string,
-        propType: PROP_TYPES.STRING,
-        defaultValue: "Title",
-        editable: true,
-        required: false,
-      },
-      buttonText: {
-        group: GROUPS.data,
-        label: "Button text",
-        description: "Right aligned button text to display",
-        formType: FORM_TYPES.string,
-        propType: PROP_TYPES.STRING,
-        defaultValue: "See All",
-        editable: true,
-        required: false,
-      },
-      icon: {
-        group: GROUPS.basic,
-        label: "Icon",
-        description: "Name of icon to display",
-        formType: FORM_TYPES.icon,
-        propType: PROP_TYPES.ASSET,
-        defaultValue: null,
-        editable: true,
-        required: false,
-      },
-      onPress: {
-        group: GROUPS.basic,
-        label: "Action",
-        description: "Action to execute when button pressed",
-        editable: true,
-        required: false,
-        formType: FORM_TYPES.action,
-        propType: PROP_TYPES.STRING,
-        defaultValue: null,
-      },
-    },
-    layout: {},
-  },
-];

package/src/mappings/Icon.js

@@ -1,32 +0,0 @@
-import { COMPONENT_TYPES, GROUPS, createNumberProp, createColorProp, createIconProp, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Icon",
-    tag: "Icon",
-    description: "An icon",
-    category: COMPONENT_TYPES.basic,
-    stylesPanelSections: [
-        StylesPanelSections.Size,
-        StylesPanelSections.Margins,
-        StylesPanelSections.Background,
-        StylesPanelSections.Position,
-        StylesPanelSections.Effects,
-    ],
-    layout: {},
-    props: {
-        name: {
-            ...createIconProp(),
-            group: GROUPS.data,
-        },
-        color: createColorProp(),
-        size: createNumberProp({
-            group: GROUPS.basic,
-            label: "Size",
-            description: "Width and height of your icon",
-            defaultValue: 24,
-            min: 1,
-            max: 128,
-            step: 1,
-            precision: 0,
-        }),
-    },
-};

package/src/mappings/Icon.ts

@@ -1,40 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  GROUPS,
-  createNumberProp,
-  createColorProp,
-  createIconProp,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Icon",
-  tag: "Icon",
-  description: "An icon",
-  category: COMPONENT_TYPES.basic,
-  stylesPanelSections: [
-    StylesPanelSections.Size,
-    StylesPanelSections.Margins,
-    StylesPanelSections.Background,
-    StylesPanelSections.Position,
-    StylesPanelSections.Effects,
-  ],
-  layout: {},
-  props: {
-    name: {
-      ...createIconProp(),
-      group: GROUPS.data,
-    },
-    color: createColorProp(),
-    size: createNumberProp({
-      group: GROUPS.basic,
-      label: "Size",
-      description: "Width and height of your icon",
-      defaultValue: 24,
-      min: 1,
-      max: 128,
-      step: 1,
-      precision: 0,
-    }),
-  },
-};

package/src/mappings/IconButton.js

@@ -1,33 +0,0 @@
-import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createActionProp, Triggers, StylesPanelSections, createDisabledProp, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Icon Button",
-    tag: "IconButton",
-    category: COMPONENT_TYPES.button,
-    layout: {},
-    triggers: [Triggers.OnPress, Triggers.OnLongPress],
-    stylesPanelSections: [
-        StylesPanelSections.Margins,
-        StylesPanelSections.Effects,
-        StylesPanelSections.Position,
-    ],
-    props: {
-        onPress: createActionProp(),
-        onLongPress: createActionProp(),
-        disabled: createDisabledProp(),
-        icon: createIconProp(),
-        color: createColorProp({
-            label: "Color",
-            group: GROUPS.basic,
-        }),
-        size: createNumberProp({
-            group: GROUPS.basic,
-            label: "Size",
-            description: "Width and height of your icon",
-            defaultValue: 32,
-            min: 16,
-            max: 256,
-            step: 1,
-            precision: 0,
-        }),
-    },
-};

package/src/mappings/IconButton.ts

@@ -1,44 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  GROUPS,
-  createIconProp,
-  createColorProp,
-  createNumberProp,
-  createActionProp,
-  Triggers,
-  StylesPanelSections,
-  createDisabledProp,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Icon Button",
-  tag: "IconButton",
-  category: COMPONENT_TYPES.button,
-  layout: {},
-  triggers: [Triggers.OnPress, Triggers.OnLongPress],
-  stylesPanelSections: [
-    StylesPanelSections.Margins,
-    StylesPanelSections.Effects,
-    StylesPanelSections.Position,
-  ],
-  props: {
-    onPress: createActionProp(),
-    onLongPress: createActionProp(),
-    disabled: createDisabledProp(),
-    icon: createIconProp(),
-    color: createColorProp({
-      label: "Color",
-      group: GROUPS.basic,
-    }),
-    size: createNumberProp({
-      group: GROUPS.basic,
-      label: "Size",
-      description: "Width and height of your icon",
-      defaultValue: 32,
-      min: 16,
-      max: 256,
-      step: 1,
-      precision: 0,
-    }),
-  },
-};

package/src/mappings/Image.js

@@ -1,35 +0,0 @@
-import { COMPONENT_TYPES, createImageProp, createResizeModeProp, StylesPanelSections, FORM_TYPES, PROP_TYPES, GROUPS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Image",
-    tag: "Image",
-    description: "A basic Image Component",
-    category: COMPONENT_TYPES.media,
-    stylesPanelSections: [
-        StylesPanelSections.Size,
-        StylesPanelSections.Margins,
-        StylesPanelSections.Position,
-        StylesPanelSections.Effects,
-        StylesPanelSections.Borders,
-    ],
-    layout: {
-        width: 100,
-        height: 100,
-    },
-    props: {
-        source: createImageProp(),
-        resizeMode: createResizeModeProp(),
-        blurRadius: {
-            group: GROUPS.basic,
-            name: "blurRadius",
-            label: "Blur Radius",
-            defaultValue: null,
-            description: "The blur radius of the blur filter added to the image.",
-            editable: true,
-            required: false,
-            formType: FORM_TYPES.number,
-            propType: PROP_TYPES.NUMBER,
-            step: 5,
-            precision: 1,
-        },
-    },
-};

package/src/mappings/Image.ts

@@ -1,44 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createImageProp,
-  createResizeModeProp,
-  StylesPanelSections,
-  FORM_TYPES,
-  PROP_TYPES,
-  GROUPS,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Image",
-  tag: "Image",
-  description: "A basic Image Component",
-  category: COMPONENT_TYPES.media,
-  stylesPanelSections: [
-    StylesPanelSections.Size,
-    StylesPanelSections.Margins,
-    StylesPanelSections.Position,
-    StylesPanelSections.Effects,
-    StylesPanelSections.Borders,
-  ],
-  layout: {
-    width: 100,
-    height: 100,
-  },
-  props: {
-    source: createImageProp(),
-    resizeMode: createResizeModeProp(),
-    blurRadius: {
-      group: GROUPS.basic,
-      name: "blurRadius",
-      label: "Blur Radius",
-      defaultValue: null,
-      description: "The blur radius of the blur filter added to the image.",
-      editable: true,
-      required: false,
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-      step: 5,
-      precision: 1,
-    },
-  },
-};

package/src/mappings/ImageBackground.js

@@ -1,29 +0,0 @@
-import { COMPONENT_TYPES, createImageProp, createResizeModeProp, createTextEnumProp, createColorProp, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Image Background",
-    tag: "ImageBackground",
-    doc_link: "https://docs.expo.io/versions/latest/react-native/imagebackground/",
-    code_link: "https://github.com/facebook/react-native/blob/master/Libraries/Image/ImageBackground.js",
-    description: "A very simple drop-in replacement for Image that allows you to use an Image as a background.",
-    category: COMPONENT_TYPES.media,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    layout: {
-        width: "100%",
-        height: "100%",
-    },
-    props: {
-        source: createImageProp({
-            defaultValue: "https://static.draftbit.com/images/placeholder-image-background.png",
-        }),
-        resizeMode: createResizeModeProp(),
-        backgroundColor: createColorProp({
-            label: "Background Color",
-            description: "If no image is chosen render a colored background.",
-        }),
-        backfaceVisibility: createTextEnumProp({
-            label: "Backface Visibility",
-            description: "When animating a card, show the back face of it",
-            options: ["visible", "hidden"],
-        }),
-    },
-};

package/src/mappings/ImageBackground.ts

@@ -1,41 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createImageProp,
-  createResizeModeProp,
-  createTextEnumProp,
-  createColorProp,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Image Background",
-  tag: "ImageBackground",
-  doc_link:
-    "https://docs.expo.io/versions/latest/react-native/imagebackground/",
-  code_link:
-    "https://github.com/facebook/react-native/blob/master/Libraries/Image/ImageBackground.js",
-  description:
-    "A very simple drop-in replacement for Image that allows you to use an Image as a background.",
-  category: COMPONENT_TYPES.media,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {
-    width: "100%",
-    height: "100%",
-  },
-  props: {
-    source: createImageProp({
-      defaultValue:
-        "https://static.draftbit.com/images/placeholder-image-background.png",
-    }),
-    resizeMode: createResizeModeProp(),
-    backgroundColor: createColorProp({
-      label: "Background Color",
-      description: "If no image is chosen render a colored background.",
-    }),
-    backfaceVisibility: createTextEnumProp({
-      label: "Backface Visibility",
-      description: "When animating a card, show the back face of it",
-      options: ["visible", "hidden"],
-    }),
-  },
-};