Revert "Remove header mappings"

This reverts commit 1ce355a.

Author: YoussefHenna

packages/core/src/mappings/HeaderLarge.ts

@@ -0,0 +1,38 @@
+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,
+      }),
+    },
+  },
+];

packages/core/src/mappings/HeaderMedium.ts

@@ -0,0 +1,63 @@
+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: {},
+  },
+];

packages/core/src/mappings/HeaderOverline.ts

@@ -0,0 +1,63 @@
+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: {},
+  },
+];