@draftbit/core 47.2.4-68397f.2 → 47.2.4

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"],
-    }),
-  },
-};

package/src/mappings/KeyboardAvoidingView.js

@@ -1,41 +0,0 @@
-import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Keyboard Avoiding View",
-    tag: "KeyboardAvoidingView",
-    description: "View that moves out of the way of the virtual keyboard. ",
-    category: COMPONENT_TYPES.view,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    props: {
-        enabled: {
-            label: "Enabled",
-            description: "Enable the keyboard avoiding view",
-            editable: true,
-            required: true,
-            defaultValue: true,
-            formType: FORM_TYPES.boolean,
-            propType: PROP_TYPES.BOOLEAN,
-            group: GROUPS.basic,
-        },
-        behavior: {
-            label: "Resizing Behavior",
-            description: "The behavior for how the keyboard resizing interacts with the rest of the screen. (Default: padding).",
-            editable: true,
-            required: true,
-            defaultValue: "padding",
-            options: ["padding", "position", "height"],
-            formType: FORM_TYPES.flatArray,
-            propType: PROP_TYPES.STRING,
-            group: GROUPS.basic,
-        },
-        keyboardVerticalOffset: {
-            label: "Keyboard Vertical Offset",
-            description: "The distance between the bottom of the view and the keyboard",
-            editable: true,
-            required: false,
-            defaultValue: 0,
-            formType: FORM_TYPES.number,
-            propType: PROP_TYPES.NUMBER,
-            group: GROUPS.basic,
-        },
-    },
-};

package/src/mappings/KeyboardAvoidingView.ts

@@ -1,50 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  FORM_TYPES,
-  PROP_TYPES,
-  GROUPS,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Keyboard Avoiding View",
-  tag: "KeyboardAvoidingView",
-  description: "View that moves out of the way of the virtual keyboard. ",
-  category: COMPONENT_TYPES.view,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-  props: {
-    enabled: {
-      label: "Enabled",
-      description: "Enable the keyboard avoiding view",
-      editable: true,
-      required: true,
-      defaultValue: true,
-      formType: FORM_TYPES.boolean,
-      propType: PROP_TYPES.BOOLEAN,
-      group: GROUPS.basic,
-    },
-    behavior: {
-      label: "Resizing Behavior",
-      description:
-        "The behavior for how the keyboard resizing interacts with the rest of the screen. (Default: padding).",
-      editable: true,
-      required: true,
-      defaultValue: "padding",
-      options: ["padding", "position", "height"],
-      formType: FORM_TYPES.flatArray,
-      propType: PROP_TYPES.STRING,
-      group: GROUPS.basic,
-    },
-    keyboardVerticalOffset: {
-      label: "Keyboard Vertical Offset",
-      description:
-        "The distance between the bottom of the view and the keyboard",
-      editable: true,
-      required: false,
-      defaultValue: 0,
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-      group: GROUPS.basic,
-    },
-  },
-};

package/src/mappings/KeyboardAwareScrollView.js

@@ -1,50 +0,0 @@
-import { COMPONENT_TYPES, createStaticBoolProp, createStaticNumberProp, createTextEnumProp, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Keyboard Aware Scroll View",
-    tag: "KeyboardAwareScrollView",
-    description: "View that moves pushes the content when virtual keyboard is open.",
-    category: COMPONENT_TYPES.view,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    layout: {},
-    props: {
-        viewIsInsideTabBar: createStaticBoolProp({
-            label: "View Is Inside TabBar",
-            description: "Adds an extra offset that represents the TabBarIOS height.",
-        }),
-        enableAutomaticScroll: createStaticBoolProp({
-            label: "Enable Automatic Scroll",
-            description: "When focus in TextInput will scroll the position, default is enabled",
-        }),
-        extraHeight: createStaticNumberProp({
-            label: "Extra Height",
-            description: "Adds an extra offset when focusing the TextInputs",
-        }),
-        extraScrollHeight: createStaticNumberProp({
-            label: "Extra Scroll Height",
-            description: "Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard",
-        }),
-        enableResetScrollToCoords: createStaticBoolProp({
-            label: "Enable Reset Scroll To Coordinates",
-            description: "Lets the user enable or disable automatic resetScrollToCoords",
-        }),
-        keyboardOpeningTime: createStaticNumberProp({
-            label: "Opening Time",
-            description: "Sets the delay time before scrolling to new position after keyboard opening, default is 250",
-        }),
-        enableOnAndroid: createStaticBoolProp({
-            label: "Enable On Android",
-            description: "Enable Android Support",
-        }),
-        showsVerticalScrollIndicator: createStaticBoolProp({
-            label: "Shows Vertical Scroll Indicator",
-            description: "Show or hide the vertical scroll indicator",
-            defaultValue: true,
-        }),
-        keyboardShouldPersistTaps: createTextEnumProp({
-            label: "Allow Touch Events",
-            description: "Allows touch events on visible components to be processed while the keyboard is open",
-            defaultValue: "never",
-            options: ["never", "always"],
-        }),
-    },
-};

package/src/mappings/KeyboardAwareScrollView.ts

@@ -1,63 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createStaticBoolProp,
-  createStaticNumberProp,
-  createTextEnumProp,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Keyboard Aware Scroll View",
-  tag: "KeyboardAwareScrollView",
-  description:
-    "View that moves pushes the content when virtual keyboard is open.",
-  category: COMPONENT_TYPES.view,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {},
-  props: {
-    viewIsInsideTabBar: createStaticBoolProp({
-      label: "View Is Inside TabBar",
-      description: "Adds an extra offset that represents the TabBarIOS height.",
-    }),
-    enableAutomaticScroll: createStaticBoolProp({
-      label: "Enable Automatic Scroll",
-      description:
-        "When focus in TextInput will scroll the position, default is enabled",
-    }),
-    extraHeight: createStaticNumberProp({
-      label: "Extra Height",
-      description: "Adds an extra offset when focusing the TextInputs",
-    }),
-    extraScrollHeight: createStaticNumberProp({
-      label: "Extra Scroll Height",
-      description:
-        "Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard",
-    }),
-    enableResetScrollToCoords: createStaticBoolProp({
-      label: "Enable Reset Scroll To Coordinates",
-      description:
-        "Lets the user enable or disable automatic resetScrollToCoords",
-    }),
-    keyboardOpeningTime: createStaticNumberProp({
-      label: "Opening Time",
-      description:
-        "Sets the delay time before scrolling to new position after keyboard opening, default is 250",
-    }),
-    enableOnAndroid: createStaticBoolProp({
-      label: "Enable On Android",
-      description: "Enable Android Support",
-    }),
-    showsVerticalScrollIndicator: createStaticBoolProp({
-      label: "Shows Vertical Scroll Indicator",
-      description: "Show or hide the vertical scroll indicator",
-      defaultValue: true,
-    }),
-    keyboardShouldPersistTaps: createTextEnumProp({
-      label: "Allow Touch Events",
-      description:
-        "Allows touch events on visible components to be processed while the keyboard is open",
-      defaultValue: "never",
-      options: ["never", "always"],
-    }),
-  },
-};

package/src/mappings/Layout.js

@@ -1,200 +0,0 @@
-import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = [
-    {
-        name: "Row",
-        tag: "Row",
-        category: COMPONENT_TYPES.deprecated,
-        stylesPanelSections: [StylesPanelSections.NoStyles],
-        props: {
-            justifyContent: {
-                label: "Align Horizontally",
-                group: GROUPS.style,
-                description: "Align Items Horizontally (on the X Axis)",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "flex-start",
-                editable: true,
-                required: false,
-            },
-            alignItems: {
-                label: "Align Vertically",
-                group: GROUPS.style,
-                description: "Align Items Vertically (on the Y Axis)",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "flex-start",
-                editable: true,
-                required: false,
-            },
-        },
-    },
-    {
-        name: "Spacer",
-        tag: "Spacer",
-        category: COMPONENT_TYPES.layout,
-        props: {
-            top: {
-                label: "Top",
-                description: "Top",
-                formType: FORM_TYPES.number,
-                propType: PROP_TYPES.NUMBER,
-                group: GROUPS.style,
-                defaultValue: 8,
-                editable: true,
-                required: false,
-            },
-            right: {
-                label: "Right",
-                description: "Right",
-                formType: FORM_TYPES.number,
-                propType: PROP_TYPES.NUMBER,
-                group: GROUPS.style,
-                defaultValue: 8,
-                editable: true,
-                required: false,
-            },
-            bottom: {
-                label: "Bottom",
-                description: "Bottom",
-                formType: FORM_TYPES.number,
-                propType: PROP_TYPES.NUMBER,
-                group: GROUPS.style,
-                defaultValue: 8,
-                editable: true,
-                required: false,
-            },
-            left: {
-                label: "Left",
-                description: "Left",
-                formType: FORM_TYPES.number,
-                propType: PROP_TYPES.NUMBER,
-                group: GROUPS.style,
-                defaultValue: 8,
-                editable: true,
-                required: false,
-            },
-        },
-    },
-    {
-        name: "Stack",
-        tag: "Stack",
-        category: COMPONENT_TYPES.deprecated,
-        stylesPanelSections: [StylesPanelSections.NoStyles],
-        props: {
-            justifyContent: {
-                group: GROUPS.style,
-                label: "Justify",
-                description: "Justify horizontally",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "flex-start",
-                editable: true,
-                required: false,
-            },
-            alignItems: {
-                group: GROUPS.style,
-                label: "Align",
-                description: "Vertical align",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "flex-start",
-                editable: true,
-                required: false,
-            },
-        },
-    },
-    {
-        name: "Center",
-        tag: "Center",
-        category: COMPONENT_TYPES.layout,
-        stylesPanelSections: [StylesPanelSections.NoStyles],
-        props: {
-            width: {
-                label: "Width",
-                description: "Width",
-                formType: FORM_TYPES.number,
-                propType: PROP_TYPES.NUMBER,
-                group: GROUPS.style,
-                defaultValue: 240,
-                editable: true,
-                required: false,
-            },
-            height: {
-                label: "Height",
-                description: "Height",
-                formType: FORM_TYPES.number,
-                propType: PROP_TYPES.NUMBER,
-                group: GROUPS.style,
-                defaultValue: 200,
-                editable: true,
-                required: false,
-            },
-            bgColor: {
-                label: "Background Color",
-                description: "Background color",
-                formType: FORM_TYPES.color,
-                propType: PROP_TYPES.THEME,
-                editable: true,
-                required: false,
-                defaultValue: "light",
-                group: GROUPS.style,
-            },
-        },
-    },
-    {
-        name: "Circle",
-        tag: "Circle",
-        category: COMPONENT_TYPES.layout,
-        stylesPanelSections: [StylesPanelSections.NoStyles],
-        props: {
-            size: {
-                label: "Size",
-                description: "Size",
-                formType: FORM_TYPES.number,
-                propType: PROP_TYPES.NUMBER,
-                group: GROUPS.style,
-                defaultValue: 50,
-                editable: true,
-                required: false,
-            },
-            bgColor: {
-                label: "Background Color",
-                description: "Background color",
-                formType: FORM_TYPES.color,
-                propType: PROP_TYPES.THEME,
-                editable: true,
-                required: false,
-                defaultValue: "light",
-                group: GROUPS.style,
-            },
-        },
-    },
-    {
-        name: "Square",
-        tag: "Square",
-        category: COMPONENT_TYPES.layout,
-        stylesPanelSections: [StylesPanelSections.NoStyles],
-        props: {
-            size: {
-                label: "Size",
-                description: "Size",
-                formType: FORM_TYPES.number,
-                propType: PROP_TYPES.NUMBER,
-                group: GROUPS.style,
-                defaultValue: 50,
-                editable: true,
-                required: false,
-            },
-            bgColor: {
-                label: "Background Color",
-                description: "Background color",
-                formType: FORM_TYPES.color,
-                propType: PROP_TYPES.THEME,
-                editable: true,
-                required: false,
-                defaultValue: "light",
-                group: GROUPS.style,
-            },
-        },
-    },
-];

package/src/mappings/Layout.ts

@@ -1,207 +0,0 @@
-import {
-  GROUPS,
-  FORM_TYPES,
-  PROP_TYPES,
-  COMPONENT_TYPES,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = [
-  {
-    name: "Row",
-    tag: "Row",
-    category: COMPONENT_TYPES.deprecated,
-    stylesPanelSections: [StylesPanelSections.NoStyles],
-    props: {
-      justifyContent: {
-        label: "Align Horizontally",
-        group: GROUPS.style,
-        description: "Align Items Horizontally (on the X Axis)",
-        formType: FORM_TYPES.string,
-        propType: PROP_TYPES.STRING,
-        defaultValue: "flex-start",
-        editable: true,
-        required: false,
-      },
-      alignItems: {
-        label: "Align Vertically",
-        group: GROUPS.style,
-        description: "Align Items Vertically (on the Y Axis)",
-        formType: FORM_TYPES.string,
-        propType: PROP_TYPES.STRING,
-        defaultValue: "flex-start",
-        editable: true,
-        required: false,
-      },
-    },
-  },
-  {
-    name: "Spacer",
-    tag: "Spacer",
-    category: COMPONENT_TYPES.layout,
-    props: {
-      top: {
-        label: "Top",
-        description: "Top",
-        formType: FORM_TYPES.number,
-        propType: PROP_TYPES.NUMBER,
-        group: GROUPS.style,
-        defaultValue: 8,
-        editable: true,
-        required: false,
-      },
-      right: {
-        label: "Right",
-        description: "Right",
-        formType: FORM_TYPES.number,
-        propType: PROP_TYPES.NUMBER,
-        group: GROUPS.style,
-        defaultValue: 8,
-        editable: true,
-        required: false,
-      },
-      bottom: {
-        label: "Bottom",
-        description: "Bottom",
-        formType: FORM_TYPES.number,
-        propType: PROP_TYPES.NUMBER,
-        group: GROUPS.style,
-        defaultValue: 8,
-        editable: true,
-        required: false,
-      },
-      left: {
-        label: "Left",
-        description: "Left",
-        formType: FORM_TYPES.number,
-        propType: PROP_TYPES.NUMBER,
-        group: GROUPS.style,
-        defaultValue: 8,
-        editable: true,
-        required: false,
-      },
-    },
-  },
-  {
-    name: "Stack",
-    tag: "Stack",
-    category: COMPONENT_TYPES.deprecated,
-    stylesPanelSections: [StylesPanelSections.NoStyles],
-    props: {
-      justifyContent: {
-        group: GROUPS.style,
-        label: "Justify",
-        description: "Justify horizontally",
-        formType: FORM_TYPES.string,
-        propType: PROP_TYPES.STRING,
-        defaultValue: "flex-start",
-        editable: true,
-        required: false,
-      },
-      alignItems: {
-        group: GROUPS.style,
-        label: "Align",
-        description: "Vertical align",
-        formType: FORM_TYPES.string,
-        propType: PROP_TYPES.STRING,
-        defaultValue: "flex-start",
-        editable: true,
-        required: false,
-      },
-    },
-  },
-  {
-    name: "Center",
-    tag: "Center",
-    category: COMPONENT_TYPES.layout,
-    stylesPanelSections: [StylesPanelSections.NoStyles],
-    props: {
-      width: {
-        label: "Width",
-        description: "Width",
-        formType: FORM_TYPES.number,
-        propType: PROP_TYPES.NUMBER,
-        group: GROUPS.style,
-        defaultValue: 240,
-        editable: true,
-        required: false,
-      },
-      height: {
-        label: "Height",
-        description: "Height",
-        formType: FORM_TYPES.number,
-        propType: PROP_TYPES.NUMBER,
-        group: GROUPS.style,
-        defaultValue: 200,
-        editable: true,
-        required: false,
-      },
-      bgColor: {
-        label: "Background Color",
-        description: "Background color",
-        formType: FORM_TYPES.color,
-        propType: PROP_TYPES.THEME,
-        editable: true,
-        required: false,
-        defaultValue: "light",
-        group: GROUPS.style,
-      },
-    },
-  },
-  {
-    name: "Circle",
-    tag: "Circle",
-    category: COMPONENT_TYPES.layout,
-    stylesPanelSections: [StylesPanelSections.NoStyles],
-    props: {
-      size: {
-        label: "Size",
-        description: "Size",
-        formType: FORM_TYPES.number,
-        propType: PROP_TYPES.NUMBER,
-        group: GROUPS.style,
-        defaultValue: 50,
-        editable: true,
-        required: false,
-      },
-      bgColor: {
-        label: "Background Color",
-        description: "Background color",
-        formType: FORM_TYPES.color,
-        propType: PROP_TYPES.THEME,
-        editable: true,
-        required: false,
-        defaultValue: "light",
-        group: GROUPS.style,
-      },
-    },
-  },
-  {
-    name: "Square",
-    tag: "Square",
-    category: COMPONENT_TYPES.layout,
-    stylesPanelSections: [StylesPanelSections.NoStyles],
-    props: {
-      size: {
-        label: "Size",
-        description: "Size",
-        formType: FORM_TYPES.number,
-        propType: PROP_TYPES.NUMBER,
-        group: GROUPS.style,
-        defaultValue: 50,
-        editable: true,
-        required: false,
-      },
-      bgColor: {
-        label: "Background Color",
-        description: "Background color",
-        formType: FORM_TYPES.color,
-        propType: PROP_TYPES.THEME,
-        editable: true,
-        required: false,
-        defaultValue: "light",
-        group: GROUPS.style,
-      },
-    },
-  },
-];