@draftbit/core 46.10.3-47314f.2 → 46.10.3-6c7505.2

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

package/src/mappings/LinearGradient.js

@@ -1,82 +0,0 @@
-import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Linear Gradient",
-    tag: "LinearGradient",
-    description: "Linear Gradient Component",
-    layout: { width: "100%", height: "100%" },
-    stylesPanelSections: [
-        StylesPanelSections.MarginsAndPaddings,
-        StylesPanelSections.Borders,
-        StylesPanelSections.Effects,
-    ],
-    props: {
-        endY: {
-            group: GROUPS.basic,
-            label: "End Y",
-            description: "End position from Bottom",
-            editable: true,
-            required: false,
-            defaultValue: 100,
-            min: 0,
-            max: 100,
-            step: 1,
-            precision: 0,
-            formType: FORM_TYPES.number,
-            propType: PROP_TYPES.NUMBER,
-        },
-        endX: {
-            group: GROUPS.basic,
-            label: "End X",
-            description: "End position from Right",
-            editable: true,
-            required: false,
-            defaultValue: 100,
-            min: 0,
-            max: 100,
-            step: 1,
-            precision: 0,
-            formType: FORM_TYPES.number,
-            propType: PROP_TYPES.NUMBER,
-        },
-        startY: {
-            group: GROUPS.basic,
-            label: "Start Y",
-            description: "Start position from Top",
-            editable: true,
-            required: false,
-            defaultValue: 0,
-            min: 0,
-            max: 100,
-            step: 1,
-            precision: 0,
-            formType: FORM_TYPES.number,
-            propType: PROP_TYPES.NUMBER,
-        },
-        startX: {
-            group: GROUPS.basic,
-            label: "Start X",
-            description: "Start position from Left",
-            editable: true,
-            required: false,
-            defaultValue: 0,
-            min: 0,
-            max: 100,
-            step: 1,
-            precision: 0,
-            formType: FORM_TYPES.number,
-            propType: PROP_TYPES.NUMBER,
-        },
-        color3: createColorProp({
-            label: "Color 3",
-            defaultValue: undefined,
-        }),
-        color2: createColorProp({
-            label: "Color 2",
-            defaultValue: "secondary",
-        }),
-        color1: createColorProp({
-            label: "Color 1",
-            defaultValue: "primary",
-        }),
-    },
-};

package/src/mappings/LinearGradient.ts

@@ -1,89 +0,0 @@
-import {
-  createColorProp,
-  FORM_TYPES,
-  GROUPS,
-  PROP_TYPES,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Linear Gradient",
-  tag: "LinearGradient",
-  description: "Linear Gradient Component",
-  layout: { width: "100%", height: "100%" },
-  stylesPanelSections: [
-    StylesPanelSections.MarginsAndPaddings,
-    StylesPanelSections.Borders,
-    StylesPanelSections.Effects,
-  ],
-  props: {
-    endY: {
-      group: GROUPS.basic,
-      label: "End Y",
-      description: "End position from Bottom",
-      editable: true,
-      required: false,
-      defaultValue: 100,
-      min: 0,
-      max: 100,
-      step: 1,
-      precision: 0,
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-    },
-    endX: {
-      group: GROUPS.basic,
-      label: "End X",
-      description: "End position from Right",
-      editable: true,
-      required: false,
-      defaultValue: 100,
-      min: 0,
-      max: 100,
-      step: 1,
-      precision: 0,
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-    },
-    startY: {
-      group: GROUPS.basic,
-      label: "Start Y",
-      description: "Start position from Top",
-      editable: true,
-      required: false,
-      defaultValue: 0,
-      min: 0,
-      max: 100,
-      step: 1,
-      precision: 0,
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-    },
-    startX: {
-      group: GROUPS.basic,
-      label: "Start X",
-      description: "Start position from Left",
-      editable: true,
-      required: false,
-      defaultValue: 0,
-      min: 0,
-      max: 100,
-      step: 1,
-      precision: 0,
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-    },
-    color3: createColorProp({
-      label: "Color 3",
-      defaultValue: undefined,
-    }),
-    color2: createColorProp({
-      label: "Color 2",
-      defaultValue: "secondary",
-    }),
-    color1: createColorProp({
-      label: "Color 1",
-      defaultValue: "primary",
-    }),
-  },
-};

package/src/mappings/MapCallout.js

@@ -1,26 +0,0 @@
-import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS, Triggers, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Map Callout",
-    tag: "MapCallout",
-    packageName: "@draftbit/maps",
-    stylesPanelSections: [
-        StylesPanelSections.Size,
-        StylesPanelSections.Margins,
-        StylesPanelSections.Effects,
-    ],
-    description: "An info window to display on top of a marker when it is clicked",
-    category: COMPONENT_TYPES.map,
-    triggers: [Triggers.OnPress],
-    layout: {},
-    props: {
-        onPress: createActionProp({
-            description: "Action to execute when the callout is pressed",
-        }),
-        showTooltip: createBoolProp({
-            label: "Show Tooltip",
-            description: 'If false, a default "tooltip" bubble window will be drawn around this callout\'s children. If true, the child views can fully customize their appearance, including any "bubble"-like styles',
-            group: GROUPS.basic,
-            defaultValue: false,
-        }),
-    },
-};

package/src/mappings/MapCallout.ts

@@ -1,36 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createActionProp,
-  createBoolProp,
-  GROUPS,
-  Triggers,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Map Callout",
-  tag: "MapCallout",
-  packageName: "@draftbit/maps",
-  stylesPanelSections: [
-    StylesPanelSections.Size,
-    StylesPanelSections.Margins,
-    StylesPanelSections.Effects,
-  ],
-  description:
-    "An info window to display on top of a marker when it is clicked",
-  category: COMPONENT_TYPES.map,
-  triggers: [Triggers.OnPress],
-  layout: {},
-  props: {
-    onPress: createActionProp({
-      description: "Action to execute when the callout is pressed",
-    }),
-    showTooltip: createBoolProp({
-      label: "Show Tooltip",
-      description:
-        'If false, a default "tooltip" bubble window will be drawn around this callout\'s children. If true, the child views can fully customize their appearance, including any "bubble"-like styles',
-      group: GROUPS.basic,
-      defaultValue: false,
-    }),
-  },
-};

package/src/mappings/MapMarker.js

@@ -1,52 +0,0 @@
-import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Map Marker",
-    tag: "MapMarker",
-    packageName: "@draftbit/maps",
-    description: "A marker to show inside map view",
-    category: COMPONENT_TYPES.map,
-    stylesPanelSections: [
-        StylesPanelSections.Size,
-        StylesPanelSections.Margins,
-        StylesPanelSections.Effects,
-    ],
-    layout: {},
-    props: {
-        latitude: createNumberProp({
-            label: "Latitude",
-            description: "The latitude in which the marker is located",
-            required: true,
-            precision: 6,
-            min: -90,
-            max: 90,
-        }),
-        longitude: createNumberProp({
-            label: "Longitude",
-            description: "The longitude in which the marker is located",
-            required: true,
-            precision: 6,
-            min: -180,
-            max: 180,
-        }),
-        title: createTextProp({
-            label: "Title",
-            description: "Title to show along with the marker",
-            defaultValue: null,
-        }),
-        description: createTextProp({
-            label: "Description",
-            description: "Optional description for the marker",
-            defaultValue: null,
-        }),
-        flat: createBoolProp({
-            label: "Flat",
-            description: "Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)",
-            group: GROUPS.basic,
-            defaultValue: false,
-        }),
-        pinColor: createColorProp({
-            label: "Pin Color",
-            description: "Sets the color of the marker",
-        }),
-    },
-};