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

package/src/mappings/Layout.js

@@ -1,200 +1,206 @@
-import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, StylesPanelSections, } from "@draftbit/types";
+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: "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: "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: "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: "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: "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,
-            },
-        },
+  },
+  {
+    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,77 +1,82 @@
-import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES, } from "@draftbit/types";
+import {
+  createColorProp,
+  FORM_TYPES,
+  GROUPS,
+  PROP_TYPES,
+} from "@draftbit/types";
 export const SEED_DATA = {
-    name: "Linear Gradient",
-    tag: "LinearGradient",
-    description: "Linear Gradient Component",
-    layout: { width: "100%", height: "100%" },
-    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",
-        }),
+  name: "Linear Gradient",
+  tag: "LinearGradient",
+  description: "Linear Gradient Component",
+  layout: { width: "100%", height: "100%" },
+  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,21 +1,29 @@
-import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS, Triggers, } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  createActionProp,
+  createBoolProp,
+  GROUPS,
+  Triggers,
+} from "@draftbit/types";
 export const SEED_DATA = {
-    name: "Map Callout",
-    tag: "MapCallout",
-    packageName: "@draftbit/maps",
-    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,
-        }),
-    },
+  name: "Map Callout",
+  tag: "MapCallout",
+  packageName: "@draftbit/maps",
+  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,
+    }),
+  },
 };