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

package/src/mappings/FlashList.js

@@ -1,33 +1,40 @@
-import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  createNumColumnsType,
+  createStaticBoolProp,
+  createNumberProp,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
+  GROUPS,
+} from "@draftbit/types";
 export const SEED_DATA = {
-    name: "FlashList",
-    tag: "FlashList",
-    description: "Flashlist by Shopify",
-    packageName: "@shopify/flash-list",
-    category: COMPONENT_TYPES.data,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    layout: {
-        flex: 1,
-    },
-    props: {
-        estimatedItemSize: createNumberProp({
-            group: GROUPS.basic,
-            label: "Est. Item Size",
-            description: "Approximate size of the items before rendering.",
-            defaultValue: 50,
-            step: 1,
-            precision: 0,
-        }),
-        horizontal: createStaticBoolProp({
-            label: "Horizontal",
-            description: "Render list horizontally",
-        }),
-        inverted: createStaticBoolProp({
-            label: "Inverted",
-            description: "If true, reverses the direction.",
-        }),
-        numColumns: createNumColumnsType({
-            editable: true,
-        }),
-    },
+  name: "FlashList",
+  tag: "FlashList",
+  description: "Flashlist by Shopify",
+  packageName: "@shopify/flash-list",
+  category: COMPONENT_TYPES.data,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {
+    flex: 1,
+  },
+  props: {
+    estimatedItemSize: createNumberProp({
+      group: GROUPS.basic,
+      label: "Est. Item Size",
+      description: "Approximate size of the items before rendering.",
+      defaultValue: 50,
+      step: 1,
+      precision: 0,
+    }),
+    horizontal: createStaticBoolProp({
+      label: "Horizontal",
+      description: "Render list horizontally",
+    }),
+    inverted: createStaticBoolProp({
+      label: "Inverted",
+      description: "If true, reverses the direction.",
+    }),
+    numColumns: createNumColumnsType({
+      editable: true,
+    }),
+  },
 };

package/src/mappings/FlatList.js

@@ -1,24 +1,29 @@
-import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  createNumColumnsType,
+  createStaticBoolProp,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
+} 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,
-    },
-    props: {
-        horizontal: createStaticBoolProp({
-            label: "Horizontal",
-            description: "Render list horizontally",
-        }),
-        inverted: createStaticBoolProp({
-            label: "Inverted",
-            description: "If true, reverses the direction.",
-        }),
-        numColumns: createNumColumnsType({
-            editable: true,
-        }),
-    },
+  name: "List",
+  tag: "FlatList",
+  description: "A basic List component",
+  category: COMPONENT_TYPES.data,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {
+    flex: 1,
+  },
+  props: {
+    horizontal: createStaticBoolProp({
+      label: "Horizontal",
+      description: "Render list horizontally",
+    }),
+    inverted: createStaticBoolProp({
+      label: "Inverted",
+      description: "If true, reverses the direction.",
+    }),
+    numColumns: createNumColumnsType({
+      editable: true,
+    }),
+  },
 };

package/src/mappings/HeaderLarge.js

@@ -1,29 +1,37 @@
-import { COMPONENT_TYPES, createIconProp, createTextProp, createActionProp, Triggers, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
+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,
-            }),
-        },
+  {
+    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 +1,62 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
+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: {},
+  {
+    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 +1,62 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
+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: {},
+  {
+    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 +1,39 @@
-import { COMPONENT_TYPES, GROUPS, createNumberProp, createColorProp, createIconProp, StylesPanelSections, } from "@draftbit/types";
+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,
-        }),
+  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,35 +1,45 @@
-import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createBoolProp, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  GROUPS,
+  createIconProp,
+  createColorProp,
+  createNumberProp,
+  createBoolProp,
+  createActionProp,
+  Triggers,
+  StylesPanelSections,
+} from "@draftbit/types";
 export const SEED_DATA = {
-    name: "Icon Button",
-    tag: "IconButton",
-    category: COMPONENT_TYPES.button,
-    layout: {},
-    triggers: [Triggers.OnPress],
-    stylesPanelSections: [
-        StylesPanelSections.Margins,
-        StylesPanelSections.Effects,
-        StylesPanelSections.Position,
-    ],
-    props: {
-        onPress: createActionProp(),
-        icon: createIconProp(),
-        color: createColorProp({
-            label: "Color",
-            group: GROUPS.basic,
-        }),
-        disabled: createBoolProp({
-            label: "Disabled",
-            group: GROUPS.basic,
-        }),
-        size: createNumberProp({
-            group: GROUPS.basic,
-            label: "Size",
-            description: "Width and height of your icon",
-            defaultValue: 32,
-            min: 16,
-            max: 128,
-            step: 1,
-            precision: 0,
-        }),
-    },
+  name: "Icon Button",
+  tag: "IconButton",
+  category: COMPONENT_TYPES.button,
+  layout: {},
+  triggers: [Triggers.OnPress],
+  stylesPanelSections: [
+    StylesPanelSections.Margins,
+    StylesPanelSections.Effects,
+    StylesPanelSections.Position,
+  ],
+  props: {
+    onPress: createActionProp(),
+    icon: createIconProp(),
+    color: createColorProp({
+      label: "Color",
+      group: GROUPS.basic,
+    }),
+    disabled: createBoolProp({
+      label: "Disabled",
+      group: GROUPS.basic,
+    }),
+    size: createNumberProp({
+      group: GROUPS.basic,
+      label: "Size",
+      description: "Width and height of your icon",
+      defaultValue: 32,
+      min: 16,
+      max: 128,
+      step: 1,
+      precision: 0,
+    }),
+  },
 };

package/src/mappings/Image.js

@@ -1,35 +1,43 @@
-import { COMPONENT_TYPES, createImageProp, createResizeModeProp, StylesPanelSections, FORM_TYPES, PROP_TYPES, GROUPS, } from "@draftbit/types";
+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,
-        },
+  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,
     },
+  },
 };