@draftbit/core 46.8.2-feb14e.2 → 46.8.2

package/src/mappings/HeaderOverline.js

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

package/src/mappings/HtmlElements.js

@@ -1,191 +0,0 @@
-import { COMPONENT_TYPES, createTextProp, FORM_TYPES, PROP_TYPES, GROUPS, StylesPanelSections, } from "@draftbit/types";
-const ELEMENT_SEED_DATA = {
-    doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-    code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-    packageName: "@expo/html-elements",
-    stylesPanelSections: [
-        StylesPanelSections.Typography,
-        StylesPanelSections.LayoutSelectedItem,
-        StylesPanelSections.MarginsAndPaddings,
-        StylesPanelSections.Effects,
-    ],
-    layout: {
-        margin: 0,
-    },
-    category: COMPONENT_TYPES.webelement,
-};
-const HEADING_SEED_DATA = {
-    ...ELEMENT_SEED_DATA,
-    category: COMPONENT_TYPES.text,
-    props: {
-        accessibilityLabel: {
-            group: GROUPS.accessibility,
-            name: "accessibilityLabel",
-            label: "accessibilityLabel",
-            description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
-            editable: true,
-            required: false,
-            formType: FORM_TYPES.string,
-            propType: PROP_TYPES.STRING,
-            defaultValue: null,
-        },
-        selectable: {
-            group: GROUPS.advanced,
-            name: "selectable",
-            label: "selectable",
-            description: "Lets the user select text, to use the native copy and paste functionality.",
-            editable: true,
-            required: false,
-            formType: FORM_TYPES.boolean,
-            propType: PROP_TYPES.BOOLEAN,
-            defaultValue: null,
-        },
-        children: {
-            group: GROUPS.data,
-            label: "Text",
-            description: "Text",
-            editable: true,
-            required: true,
-            formType: FORM_TYPES.string,
-            propType: PROP_TYPES.STRING,
-            defaultValue: "Your Headline Here",
-        },
-    },
-};
-const TEXT_SEED_DATA = {
-    ...ELEMENT_SEED_DATA,
-    category: COMPONENT_TYPES.text,
-    props: {
-        children: {
-            group: GROUPS.data,
-            label: "Text",
-            description: "Text",
-            defaultValue: "Your Text Here",
-            editable: true,
-            required: true,
-            formType: FORM_TYPES.string,
-            propType: PROP_TYPES.STRING,
-        },
-    },
-};
-export const SEED_DATA = [
-    {
-        name: "H1",
-        tag: "H1",
-        ...HEADING_SEED_DATA,
-    },
-    {
-        name: "H2",
-        tag: "H2",
-        ...HEADING_SEED_DATA,
-    },
-    {
-        name: "H3",
-        tag: "H3",
-        ...HEADING_SEED_DATA,
-    },
-    {
-        name: "H4",
-        tag: "H4",
-        ...HEADING_SEED_DATA,
-    },
-    {
-        name: "H5",
-        tag: "H5",
-        ...HEADING_SEED_DATA,
-    },
-    {
-        name: "H6",
-        tag: "H6",
-        ...HEADING_SEED_DATA,
-    },
-    {
-        name: "Anchor",
-        tag: "A",
-        ...TEXT_SEED_DATA,
-        props: {
-            href: createTextProp({
-                label: "href",
-                description: "Specify the URL",
-                defaultValue: "",
-            }),
-            target: {
-                group: GROUPS.basic,
-                label: "target",
-                description: "decide where link should open",
-                formType: FORM_TYPES.flatArray,
-                defaultValue: "_blank",
-                options: ["_blank", "_self", "_parent", "_top"],
-            },
-        },
-    },
-    {
-        name: "Paragraph",
-        tag: "P",
-        ...TEXT_SEED_DATA,
-        props: {
-        // NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
-        // strong: createBoolProp({
-        //     label: "Strong",
-        //     description: "Strong",
-        // }),
-        // strike: createBoolProp({
-        //     label: "Strike",
-        //     description: "Strike through",
-        // }),
-        // italic: createBoolProp({
-        //     label: "Italic",
-        //     description: "Italic Fonts",
-        // }),
-        // bold: createBoolProp({
-        //     label: "Bold",
-        //     description: "Bold",
-        // }),
-        },
-    },
-    {
-        name: "Code",
-        tag: "Code",
-        ...TEXT_SEED_DATA,
-    },
-    {
-        name: "Pre",
-        tag: "Pre",
-        ...TEXT_SEED_DATA,
-    },
-    {
-        name: "Mark",
-        tag: "Mark",
-        ...TEXT_SEED_DATA,
-    },
-    {
-        name: "BR",
-        tag: "BR",
-        ...TEXT_SEED_DATA,
-    },
-    {
-        name: "BlockQuote",
-        tag: "BlockQuote",
-        ...TEXT_SEED_DATA,
-    },
-    {
-        name: "HR",
-        tag: "HR",
-        ...TEXT_SEED_DATA,
-    },
-    {
-        name: "Time",
-        tag: "Time",
-        ...ELEMENT_SEED_DATA,
-    },
-    {
-        name: "UL",
-        tag: "UL",
-        ...ELEMENT_SEED_DATA,
-    },
-    {
-        name: "LI",
-        tag: "LI",
-        ...ELEMENT_SEED_DATA,
-    },
-];

package/src/mappings/HtmlElements.ts

@@ -1,204 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createTextProp,
-  FORM_TYPES,
-  PROP_TYPES,
-  GROUPS,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-const ELEMENT_SEED_DATA = {
-  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-  packageName: "@expo/html-elements",
-  stylesPanelSections: [
-    StylesPanelSections.Typography,
-    StylesPanelSections.LayoutSelectedItem,
-    StylesPanelSections.MarginsAndPaddings,
-    StylesPanelSections.Effects,
-  ],
-  layout: {
-    margin: 0,
-  },
-  category: COMPONENT_TYPES.webelement,
-};
-
-const HEADING_SEED_DATA = {
-  ...ELEMENT_SEED_DATA,
-  category: COMPONENT_TYPES.text,
-  props: {
-    accessibilityLabel: {
-      group: GROUPS.accessibility,
-      name: "accessibilityLabel",
-      label: "accessibilityLabel",
-      description:
-        "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
-      editable: true,
-      required: false,
-      formType: FORM_TYPES.string,
-      propType: PROP_TYPES.STRING,
-      defaultValue: null,
-    },
-    selectable: {
-      group: GROUPS.advanced,
-      name: "selectable",
-      label: "selectable",
-      description:
-        "Lets the user select text, to use the native copy and paste functionality.",
-      editable: true,
-      required: false,
-      formType: FORM_TYPES.boolean,
-      propType: PROP_TYPES.BOOLEAN,
-      defaultValue: null,
-    },
-    children: {
-      group: GROUPS.data,
-      label: "Text",
-      description: "Text",
-      editable: true,
-      required: true,
-      formType: FORM_TYPES.string,
-      propType: PROP_TYPES.STRING,
-      defaultValue: "Your Headline Here",
-    },
-  },
-};
-
-const TEXT_SEED_DATA = {
-  ...ELEMENT_SEED_DATA,
-  category: COMPONENT_TYPES.text,
-  props: {
-    children: {
-      group: GROUPS.data,
-      label: "Text",
-      description: "Text",
-      defaultValue: "Your Text Here",
-      editable: true,
-      required: true,
-      formType: FORM_TYPES.string,
-      propType: PROP_TYPES.STRING,
-    },
-  },
-};
-
-export const SEED_DATA = [
-  {
-    name: "H1",
-    tag: "H1",
-    ...HEADING_SEED_DATA,
-  },
-  {
-    name: "H2",
-    tag: "H2",
-    ...HEADING_SEED_DATA,
-  },
-  {
-    name: "H3",
-    tag: "H3",
-    ...HEADING_SEED_DATA,
-  },
-  {
-    name: "H4",
-    tag: "H4",
-    ...HEADING_SEED_DATA,
-  },
-  {
-    name: "H5",
-    tag: "H5",
-    ...HEADING_SEED_DATA,
-  },
-  {
-    name: "H6",
-    tag: "H6",
-    ...HEADING_SEED_DATA,
-  },
-  {
-    name: "Anchor",
-    tag: "A",
-    ...TEXT_SEED_DATA,
-    props: {
-      href: createTextProp({
-        label: "href",
-        description: "Specify the URL",
-        defaultValue: "",
-      }),
-      target: {
-        group: GROUPS.basic,
-        label: "target",
-        description: "decide where link should open",
-        formType: FORM_TYPES.flatArray,
-        defaultValue: "_blank",
-        options: ["_blank", "_self", "_parent", "_top"],
-      },
-    },
-  },
-  {
-    name: "Paragraph",
-    tag: "P",
-    ...TEXT_SEED_DATA,
-    props: {
-      // NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
-      // strong: createBoolProp({
-      //     label: "Strong",
-      //     description: "Strong",
-      // }),
-      // strike: createBoolProp({
-      //     label: "Strike",
-      //     description: "Strike through",
-      // }),
-      // italic: createBoolProp({
-      //     label: "Italic",
-      //     description: "Italic Fonts",
-      // }),
-      // bold: createBoolProp({
-      //     label: "Bold",
-      //     description: "Bold",
-      // }),
-    },
-  },
-  {
-    name: "Code",
-    tag: "Code",
-    ...TEXT_SEED_DATA,
-  },
-  {
-    name: "Pre",
-    tag: "Pre",
-    ...TEXT_SEED_DATA,
-  },
-  {
-    name: "Mark",
-    tag: "Mark",
-    ...TEXT_SEED_DATA,
-  },
-  {
-    name: "BR",
-    tag: "BR",
-    ...TEXT_SEED_DATA,
-  },
-  {
-    name: "BlockQuote",
-    tag: "BlockQuote",
-    ...TEXT_SEED_DATA,
-  },
-  {
-    name: "HR",
-    tag: "HR",
-    ...TEXT_SEED_DATA,
-  },
-  {
-    name: "Time",
-    tag: "Time",
-    ...ELEMENT_SEED_DATA,
-  },
-  {
-    name: "UL",
-    tag: "UL",
-    ...ELEMENT_SEED_DATA,
-  },
-  {
-    name: "LI",
-    tag: "LI",
-    ...ELEMENT_SEED_DATA,
-  },
-];

package/src/mappings/Icon.js

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

package/src/mappings/IconButton.js

@@ -1,33 +0,0 @@
-import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createActionProp, Triggers, StylesPanelSections, createDisabledProp, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Icon Button",
-    tag: "IconButton",
-    category: COMPONENT_TYPES.button,
-    layout: {},
-    triggers: [Triggers.OnPress, Triggers.OnLongPress],
-    stylesPanelSections: [
-        StylesPanelSections.Margins,
-        StylesPanelSections.Effects,
-        StylesPanelSections.Position,
-    ],
-    props: {
-        onPress: createActionProp(),
-        onLongPress: createActionProp(),
-        disabled: createDisabledProp(),
-        icon: createIconProp(),
-        color: createColorProp({
-            label: "Color",
-            group: GROUPS.basic,
-        }),
-        size: createNumberProp({
-            group: GROUPS.basic,
-            label: "Size",
-            description: "Width and height of your icon",
-            defaultValue: 32,
-            min: 16,
-            max: 256,
-            step: 1,
-            precision: 0,
-        }),
-    },
-};

package/src/mappings/Image.js

@@ -1,35 +0,0 @@
-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,
-        },
-    },
-};

package/src/mappings/ImageBackground.js

@@ -1,29 +0,0 @@
-import { COMPONENT_TYPES, createImageProp, createResizeModeProp, createTextEnumProp, createColorProp, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Image Background",
-    tag: "ImageBackground",
-    doc_link: "https://docs.expo.io/versions/latest/react-native/imagebackground/",
-    code_link: "https://github.com/facebook/react-native/blob/master/Libraries/Image/ImageBackground.js",
-    description: "A very simple drop-in replacement for Image that allows you to use an Image as a background.",
-    category: COMPONENT_TYPES.media,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    layout: {
-        width: "100%",
-        height: "100%",
-    },
-    props: {
-        source: createImageProp({
-            defaultValue: "https://static.draftbit.com/images/placeholder-image-background.png",
-        }),
-        resizeMode: createResizeModeProp(),
-        backgroundColor: createColorProp({
-            label: "Background Color",
-            description: "If no image is chosen render a colored background.",
-        }),
-        backfaceVisibility: createTextEnumProp({
-            label: "Backface Visibility",
-            description: "When animating a card, show the back face of it",
-            options: ["visible", "hidden"],
-        }),
-    },
-};

package/src/mappings/KeyboardAvoidingView.js

@@ -1,41 +0,0 @@
-import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Keyboard Avoiding View",
-    tag: "KeyboardAvoidingView",
-    description: "View that moves out of the way of the virtual keyboard. ",
-    category: COMPONENT_TYPES.view,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    props: {
-        enabled: {
-            label: "Enabled",
-            description: "Enable the keyboard avoiding view",
-            editable: true,
-            required: true,
-            defaultValue: true,
-            formType: FORM_TYPES.boolean,
-            propType: PROP_TYPES.BOOLEAN,
-            group: GROUPS.basic,
-        },
-        behavior: {
-            label: "Resizing Behavior",
-            description: "The behavior for how the keyboard resizing interacts with the rest of the screen. (Default: padding).",
-            editable: true,
-            required: true,
-            defaultValue: "padding",
-            options: ["padding", "position", "height"],
-            formType: FORM_TYPES.flatArray,
-            propType: PROP_TYPES.STRING,
-            group: GROUPS.basic,
-        },
-        keyboardVerticalOffset: {
-            label: "Keyboard Vertical Offset",
-            description: "The distance between the bottom of the view and the keyboard",
-            editable: true,
-            required: false,
-            defaultValue: 0,
-            formType: FORM_TYPES.number,
-            propType: PROP_TYPES.NUMBER,
-            group: GROUPS.basic,
-        },
-    },
-};

package/src/mappings/KeyboardAwareScrollView.js

@@ -1,50 +0,0 @@
-import { COMPONENT_TYPES, createStaticBoolProp, createStaticNumberProp, createTextEnumProp, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Keyboard Aware Scroll View",
-    tag: "KeyboardAwareScrollView",
-    description: "View that moves pushes the content when virtual keyboard is open.",
-    category: COMPONENT_TYPES.view,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    layout: {},
-    props: {
-        viewIsInsideTabBar: createStaticBoolProp({
-            label: "View Is Inside TabBar",
-            description: "Adds an extra offset that represents the TabBarIOS height.",
-        }),
-        enableAutomaticScroll: createStaticBoolProp({
-            label: "Enable Automatic Scroll",
-            description: "When focus in TextInput will scroll the position, default is enabled",
-        }),
-        extraHeight: createStaticNumberProp({
-            label: "Extra Height",
-            description: "Adds an extra offset when focusing the TextInputs",
-        }),
-        extraScrollHeight: createStaticNumberProp({
-            label: "Extra Scroll Height",
-            description: "Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard",
-        }),
-        enableResetScrollToCoords: createStaticBoolProp({
-            label: "Enable Reset Scroll To Coordinates",
-            description: "Lets the user enable or disable automatic resetScrollToCoords",
-        }),
-        keyboardOpeningTime: createStaticNumberProp({
-            label: "Opening Time",
-            description: "Sets the delay time before scrolling to new position after keyboard opening, default is 250",
-        }),
-        enableOnAndroid: createStaticBoolProp({
-            label: "Enable On Android",
-            description: "Enable Android Support",
-        }),
-        showsVerticalScrollIndicator: createStaticBoolProp({
-            label: "Shows Vertical Scroll Indicator",
-            description: "Show or hide the vertical scroll indicator",
-            defaultValue: true,
-        }),
-        keyboardShouldPersistTaps: createTextEnumProp({
-            label: "Allow Touch Events",
-            description: "Allows touch events on visible components to be processed while the keyboard is open",
-            defaultValue: "never",
-            options: ["never", "always"],
-        }),
-    },
-};