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

package/src/mappings/Divider.js

@@ -1,33 +1,27 @@
-import {
-  GROUPS,
-  FORM_TYPES,
-  PROP_TYPES,
-  COMPONENT_TYPES,
-  BLOCK_STYLES_SECTIONS,
-} from "@draftbit/types";
+import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
 export const SEED_DATA = [
-  {
-    name: "Divider",
-    tag: "Divider",
-    category: COMPONENT_TYPES.layout,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    description: "A horizontal line used to divide content",
-    preview_image_url: "{CLOUDINARY_URL}/Divider.png",
-    supports_list_render: false,
-    props: {
-      color: {
-        group: GROUPS.basic,
-        label: "Color",
-        description: "The color of the divider",
-        editable: true,
-        required: false,
-        defaultValue: "divider",
-        formType: FORM_TYPES.color,
-        propType: PROP_TYPES.THEME,
-      },
+    {
+        name: "Divider",
+        tag: "Divider",
+        category: COMPONENT_TYPES.layout,
+        stylesPanelSections: BLOCK_STYLES_SECTIONS,
+        description: "A horizontal line used to divide content",
+        preview_image_url: "{CLOUDINARY_URL}/Divider.png",
+        supports_list_render: false,
+        props: {
+            color: {
+                group: GROUPS.basic,
+                label: "Color",
+                description: "The color of the divider",
+                editable: true,
+                required: false,
+                defaultValue: "divider",
+                formType: FORM_TYPES.color,
+                propType: PROP_TYPES.THEME,
+            },
+        },
+        layout: {
+            height: 1,
+        },
     },
-    layout: {
-      height: 1,
-    },
-  },
 ];

package/src/mappings/FAB.js

@@ -1,47 +1,37 @@
-import {
-  COMPONENT_TYPES,
-  createIconProp,
-  createColorProp,
-  GROUPS,
-  createBoolProp,
-  createIconSizeProp,
-  createActionProp,
-  Triggers,
-  BLOCK_STYLES_SECTIONS,
-} from "@draftbit/types";
+import { COMPONENT_TYPES, createIconProp, createColorProp, GROUPS, createBoolProp, createIconSizeProp, createActionProp, Triggers, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
 export const SEED_DATA = {
-  name: "FAB",
-  tag: "FAB",
-  category: COMPONENT_TYPES.deprecated,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  description: "A mini round icon FAB",
-  layout: {},
-  triggers: [Triggers.OnPress],
-  props: {
-    onPress: createActionProp(),
-    disabled: createBoolProp({
-      label: "Disabled",
-      group: GROUPS.basic,
-    }),
-    loading: createBoolProp({
-      label: "Loading",
-      group: GROUPS.basic,
-    }),
-    iconName: createIconProp({
-      label: "Icon",
-      defaultValue: null,
-      group: GROUPS.basic,
-    }),
-    iconColor: createColorProp({
-      label: "Icon color",
-      defaultValue: null,
-      group: GROUPS.basic,
-    }),
-    bgColor: createColorProp({
-      label: "Background color",
-      defaultValue: null,
-      group: GROUPS.basic,
-    }),
-    size: createIconSizeProp(),
-  },
+    name: "FAB",
+    tag: "FAB",
+    category: COMPONENT_TYPES.deprecated,
+    stylesPanelSections: BLOCK_STYLES_SECTIONS,
+    description: "A mini round icon FAB",
+    layout: {},
+    triggers: [Triggers.OnPress],
+    props: {
+        onPress: createActionProp(),
+        disabled: createBoolProp({
+            label: "Disabled",
+            group: GROUPS.basic,
+        }),
+        loading: createBoolProp({
+            label: "Loading",
+            group: GROUPS.basic,
+        }),
+        iconName: createIconProp({
+            label: "Icon",
+            defaultValue: null,
+            group: GROUPS.basic,
+        }),
+        iconColor: createColorProp({
+            label: "Icon color",
+            defaultValue: null,
+            group: GROUPS.basic,
+        }),
+        bgColor: createColorProp({
+            label: "Background color",
+            defaultValue: null,
+            group: GROUPS.basic,
+        }),
+        size: createIconSizeProp(),
+    },
 };

package/src/mappings/Fetch.js

@@ -1,14 +1,13 @@
 import { COMPONENT_TYPES, StylesPanelSections } from "@draftbit/types";
 /* TODO remove, still used inside the builder in a weird way */
 export const SEED_DATA = {
-  name: "Fetch",
-  tag: "Fetch",
-  description:
-    "Rest API Declarative Fetch component. Uses react-request internally",
-  category: COMPONENT_TYPES.data,
-  stylesPanelSections: [StylesPanelSections.NoStyles],
-  layout: {
-    minHeight: 40,
-  },
-  props: {},
+    name: "Fetch",
+    tag: "Fetch",
+    description: "Rest API Declarative Fetch component. Uses react-request internally",
+    category: COMPONENT_TYPES.data,
+    stylesPanelSections: [StylesPanelSections.NoStyles],
+    layout: {
+        minHeight: 40,
+    },
+    props: {},
 };

package/src/mappings/FieldSearchBarFull.js

@@ -1,58 +1,50 @@
-import {
-  GROUPS,
-  COMPONENT_TYPES,
-  FORM_TYPES,
-  PROP_TYPES,
-  FIELD_NAME,
-  Triggers,
-  BLOCK_STYLES_SECTIONS,
-} from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
 export const SEED_DATA = [
-  {
-    name: "Search Bar",
-    tag: "FieldSearchBarFull",
-    description: "A search bar with accompanying search icon and clear button.",
-    category: COMPONENT_TYPES.deprecated,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
-    supports_list_render: false,
-    triggers: [Triggers.OnChange],
-    props: {
-      icon: {
-        group: GROUPS.basic,
-        label: "Icon",
-        description: "Left icon to display",
-        formType: FORM_TYPES.icon,
-        propType: PROP_TYPES.ASSET,
-        defaultValue: null,
-        editable: true,
-        required: false,
-      },
-      placeholder: {
-        group: GROUPS.basic,
-        label: "Placeholder",
-        description: "Input placeholder text",
-        formType: FORM_TYPES.string,
-        propType: PROP_TYPES.STRING,
-        defaultValue: "Search for...",
-        editable: true,
-        required: false,
-      },
-      onSubmit: {
-        group: GROUPS.basic,
-        label: "Submit action",
-        description: "Action to execute on submission",
-        editable: true,
-        required: false,
-        formType: FORM_TYPES.action,
-        propType: PROP_TYPES.STRING,
-        defaultValue: null,
-      },
-      fieldName: {
-        ...FIELD_NAME,
-        defaultValue: "searchBarValue",
-      },
+    {
+        name: "Search Bar",
+        tag: "FieldSearchBarFull",
+        description: "A search bar with accompanying search icon and clear button.",
+        category: COMPONENT_TYPES.deprecated,
+        stylesPanelSections: BLOCK_STYLES_SECTIONS,
+        preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
+        supports_list_render: false,
+        triggers: [Triggers.OnChange],
+        props: {
+            icon: {
+                group: GROUPS.basic,
+                label: "Icon",
+                description: "Left icon to display",
+                formType: FORM_TYPES.icon,
+                propType: PROP_TYPES.ASSET,
+                defaultValue: null,
+                editable: true,
+                required: false,
+            },
+            placeholder: {
+                group: GROUPS.basic,
+                label: "Placeholder",
+                description: "Input placeholder text",
+                formType: FORM_TYPES.string,
+                propType: PROP_TYPES.STRING,
+                defaultValue: "Search for...",
+                editable: true,
+                required: false,
+            },
+            onSubmit: {
+                group: GROUPS.basic,
+                label: "Submit action",
+                description: "Action to execute on submission",
+                editable: true,
+                required: false,
+                formType: FORM_TYPES.action,
+                propType: PROP_TYPES.STRING,
+                defaultValue: null,
+            },
+            fieldName: {
+                ...FIELD_NAME,
+                defaultValue: "searchBarValue",
+            },
+        },
+        layout: {},
     },
-    layout: {},
-  },
 ];

package/src/mappings/FlashList.js

@@ -1,40 +1,33 @@
-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,29 +1,24 @@
-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,37 +1,29 @@
-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,62 +1,55 @@
-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,
-      },
+    {
+        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: {},
     },
-    layout: {},
-  },
 ];