@draftbit/core 46.10.3-61c083.2 → 46.10.3-6c7505.2

package/src/mappings/Modal.ts

@@ -1,51 +0,0 @@
-import {
-  GROUPS,
-  COMPONENT_TYPES,
-  FORM_TYPES,
-  PROP_TYPES,
-  createBoolProp,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Modal",
-  tag: "Modal",
-  description: "A basic Modal Component",
-  category: COMPONENT_TYPES.layout,
-  stylesPanelSections: [StylesPanelSections.NoStyles],
-  props: {
-    animationType: {
-      group: GROUPS.basic,
-      label: "Animation Type",
-      description: "Animation Type",
-      options: ["slide", "fade", "none"],
-      editable: true,
-      required: false,
-      formType: FORM_TYPES.flatArray,
-      propType: PROP_TYPES.STRING,
-      defaultValue: "none",
-    },
-    transparent: createBoolProp({
-      group: GROUPS.basic,
-      label: "Transparent",
-      description:
-        "Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background",
-    }),
-    visible: createBoolProp({
-      group: GROUPS.data,
-      label: "Visible",
-      description: "Determines whether the modal is visible",
-    }),
-    presentationStyle: {
-      group: GROUPS.basic,
-      label: "Presentation Style",
-      description: "Presentation Style",
-      options: ["fullScreen", "pageSheet", "formSheet", "overFullScreen"],
-      editable: true,
-      required: false,
-      formType: FORM_TYPES.flatArray,
-      propType: PROP_TYPES.STRING,
-      defaultValue: null,
-    },
-  },
-};

package/src/mappings/NativeBase/Layout.js

@@ -1,124 +0,0 @@
-import { COMPONENT_TYPES, createBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, createStaticNumberProp, StylesPanelSections, createStaticBoolProp, } from "@draftbit/types";
-const SHARED_SEED_DATA = {
-    category: COMPONENT_TYPES.layout,
-    packageName: "native-base",
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-};
-const CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX = CONTAINER_COMPONENT_STYLES_SECTIONS.filter((item) => item !== StylesPanelSections.LayoutFlexItems &&
-    item !== StylesPanelSections.LayoutContent);
-export const SEED_DATA = [
-    {
-        name: "Aspect Ratio",
-        tag: "AspectRatio",
-        description: "Controls the size of the undefined dimension of a node or child component using an aspect ratio",
-        ...SHARED_SEED_DATA,
-        props: {
-            ratio: createStaticNumberProp({
-                label: "Ratio",
-                description: "The aspect ratio of the container in decimal format (ex: 3/4 -> 1.33)",
-                defaultValue: 1.33,
-            }),
-        },
-        stylesPanelSections: [
-            StylesPanelSections.Background,
-            StylesPanelSections.Size,
-            StylesPanelSections.Margins,
-            StylesPanelSections.Position,
-            StylesPanelSections.Borders,
-            StylesPanelSections.Effects,
-        ],
-    },
-    {
-        name: "Box",
-        tag: "Box",
-        description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
-        ...SHARED_SEED_DATA,
-    },
-    {
-        name: "Center",
-        tag: "Center",
-        description: "Center aligns its contents to the center within itself",
-        ...SHARED_SEED_DATA,
-        stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX,
-    },
-    {
-        name: "Circle",
-        tag: "Circle",
-        description: "Center aligns its contents to the center within itself with a round border radius",
-        ...SHARED_SEED_DATA,
-        stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX,
-    },
-    {
-        name: "Container",
-        tag: "Container",
-        description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
-        props: {
-            centerContent: createStaticBoolProp({
-                label: "Center content",
-                description: "Center child elements based on their content width",
-                defaultValue: true,
-            }),
-        },
-        ...SHARED_SEED_DATA,
-    },
-    {
-        name: "Column",
-        tag: "Column",
-        description: "Column aligns items vertically",
-        layout: {
-            flexDirection: "column",
-        },
-        ...SHARED_SEED_DATA,
-    },
-    {
-        name: "Row",
-        tag: "Row",
-        description: "Column aligns items horizontally",
-        layout: {
-            flexDirection: "row",
-        },
-        ...SHARED_SEED_DATA,
-    },
-    {
-        name: "Spacer",
-        tag: "Spacer",
-        description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
-        layout: {
-            flex: 1,
-        },
-        ...SHARED_SEED_DATA,
-        stylesPanelSections: [
-            StylesPanelSections.LayoutSelectedItem,
-            StylesPanelSections.Background,
-            StylesPanelSections.Margins,
-        ],
-    },
-    {
-        name: "Stack",
-        tag: "Stack",
-        description: "Stack aligns items vertically or horizontally based on the direction prop",
-        ...SHARED_SEED_DATA,
-        props: {
-            isDisabled: createBoolProp({
-                label: "Disabled",
-                description: "If true, the Stack will be disabled",
-            }),
-            isInvalid: createBoolProp({
-                label: "Invalid",
-                description: "If true, the Stack will be invalid",
-            }),
-        },
-    },
-    {
-        name: "ZStack",
-        tag: "ZStack",
-        description: "ZStack aligns items to the z-axis",
-        ...SHARED_SEED_DATA,
-        props: {
-            reversed: createBoolProp({
-                label: "Reversed",
-                description: "Determines whether to reverse the direction of items",
-            }),
-        },
-    },
-];

package/src/mappings/NativeBase/Layout.ts

@@ -1,145 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createBoolProp,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
-  createStaticNumberProp,
-  StylesPanelSections,
-  createStaticBoolProp,
-} from "@draftbit/types";
-
-const SHARED_SEED_DATA = {
-  category: COMPONENT_TYPES.layout,
-  packageName: "native-base",
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-};
-
-const CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX =
-  CONTAINER_COMPONENT_STYLES_SECTIONS.filter(
-    (item) =>
-      item !== StylesPanelSections.LayoutFlexItems &&
-      item !== StylesPanelSections.LayoutContent
-  );
-
-export const SEED_DATA = [
-  {
-    name: "Aspect Ratio",
-    tag: "AspectRatio",
-    description:
-      "Controls the size of the undefined dimension of a node or child component using an aspect ratio",
-    ...SHARED_SEED_DATA,
-    props: {
-      ratio: createStaticNumberProp({
-        label: "Ratio",
-        description:
-          "The aspect ratio of the container in decimal format (ex: 3/4 -> 1.33)",
-        defaultValue: 1.33,
-      }),
-    },
-    stylesPanelSections: [
-      StylesPanelSections.Background,
-      StylesPanelSections.Size,
-      StylesPanelSections.Margins,
-      StylesPanelSections.Position,
-      StylesPanelSections.Borders,
-      StylesPanelSections.Effects,
-    ],
-  },
-  {
-    name: "Box",
-    tag: "Box",
-    description:
-      "This is a generic component for low level layout needs. It is similar to a div in HTML",
-    ...SHARED_SEED_DATA,
-  },
-  {
-    name: "Center",
-    tag: "Center",
-    description: "Center aligns its contents to the center within itself",
-    ...SHARED_SEED_DATA,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX,
-  },
-  {
-    name: "Circle",
-    tag: "Circle",
-    description:
-      "Center aligns its contents to the center within itself with a round border radius",
-    ...SHARED_SEED_DATA,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX,
-  },
-  {
-    name: "Container",
-    tag: "Container",
-    description:
-      "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
-    props: {
-      centerContent: createStaticBoolProp({
-        label: "Center content",
-        description: "Center child elements based on their content width",
-        defaultValue: true,
-      }),
-    },
-    ...SHARED_SEED_DATA,
-  },
-  {
-    name: "Column",
-    tag: "Column",
-    description: "Column aligns items vertically",
-    layout: {
-      flexDirection: "column",
-    },
-    ...SHARED_SEED_DATA,
-  },
-  {
-    name: "Row",
-    tag: "Row",
-    description: "Column aligns items horizontally",
-    layout: {
-      flexDirection: "row",
-    },
-    ...SHARED_SEED_DATA,
-  },
-  {
-    name: "Spacer",
-    tag: "Spacer",
-    description:
-      "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
-    layout: {
-      flex: 1,
-    },
-    ...SHARED_SEED_DATA,
-    stylesPanelSections: [
-      StylesPanelSections.LayoutSelectedItem,
-      StylesPanelSections.Background,
-      StylesPanelSections.Margins,
-    ],
-  },
-  {
-    name: "Stack",
-    tag: "Stack",
-    description:
-      "Stack aligns items vertically or horizontally based on the direction prop",
-    ...SHARED_SEED_DATA,
-    props: {
-      isDisabled: createBoolProp({
-        label: "Disabled",
-        description: "If true, the Stack will be disabled",
-      }),
-      isInvalid: createBoolProp({
-        label: "Invalid",
-        description: "If true, the Stack will be invalid",
-      }),
-    },
-  },
-  {
-    name: "ZStack",
-    tag: "ZStack",
-    description: "ZStack aligns items to the z-axis",
-    ...SHARED_SEED_DATA,
-    props: {
-      reversed: createBoolProp({
-        label: "Reversed",
-        description: "Determines whether to reverse the direction of items",
-      }),
-    },
-  },
-];

package/src/mappings/NumberInput.js

@@ -1,254 +0,0 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA_PROPS = {
-    style: {
-        group: GROUPS.basic,
-        label: "Style",
-        description: "Text Style",
-        editable: false,
-        required: false,
-        formType: FORM_TYPES.typeStyle,
-        propType: PROP_TYPES.THEME,
-        defaultValue: null,
-    },
-    clearButtonMode: {
-        group: GROUPS.basic,
-        label: "Clear Button Mode",
-        description: "Enables a button within the textInput to clear the data entered",
-        editable: true,
-        required: false,
-        options: ["never", "while-editing", "unless-editing", "always"],
-        defaultValue: null,
-        formType: FORM_TYPES.flatArray,
-        propType: PROP_TYPES.STRING,
-    },
-    clearTextOnFocus: {
-        group: GROUPS.basic,
-        label: "Clear Text on Focus",
-        description: "If true, clears the text field automatically when its focused.",
-        editable: true,
-        required: false,
-        defaultValue: null,
-        formType: FORM_TYPES.boolean,
-        propType: PROP_TYPES.BOOLEAN,
-    },
-    enablesReturnKeyAutomatically: {
-        group: GROUPS.basic,
-        label: "Enables Return Key Automatically",
-        description: "If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)",
-        editable: true,
-        required: false,
-        defaultValue: null,
-        formType: FORM_TYPES.boolean,
-        propType: PROP_TYPES.BOOLEAN,
-    },
-    underlineColorAndroid: {
-        group: GROUPS.basic,
-        label: "Underline color",
-        description: "(Android Only) The color of the underline(the line underneath the text when finished typing.",
-        editable: true,
-        required: false,
-        defaultValue: null,
-        formType: FORM_TYPES.color,
-        propType: PROP_TYPES.THEME,
-    },
-    fieldName: {
-        ...FIELD_NAME,
-        defaultValue: "numberInputValue",
-        handlerPropName: "onChangeText",
-    },
-};
-export const SEED_DATA = [
-    {
-        name: "Number Input",
-        tag: "NumberInput",
-        description: "An input field that allows users to type in data.",
-        category: COMPONENT_TYPES.input,
-        stylesPanelSections: [
-            StylesPanelSections.Typography,
-            StylesPanelSections.Background,
-            StylesPanelSections.Size,
-            StylesPanelSections.MarginsAndPaddings,
-            StylesPanelSections.Position,
-            StylesPanelSections.Borders,
-            StylesPanelSections.Effects,
-        ],
-        preview_image_url: "https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png",
-        supports_list_render: false,
-        layout: {
-            borderLeftWidth: 1,
-            borderRightWidth: 1,
-            borderTopWidth: 1,
-            borderBottomWidth: 1,
-            borderColor: "divider",
-            paddingLeft: 8,
-            paddingRight: 8,
-            paddingTop: 8,
-            paddingBottom: 8,
-            borderRadius: 8,
-        },
-        triggers: [Triggers.OnChangeText],
-        props: {
-            ...SEED_DATA_PROPS,
-            allowFontScaling: {
-                group: GROUPS.advanced,
-                label: "Allow Font Scaling",
-                description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
-                editable: true,
-                required: false,
-                defaultValue: null,
-                formType: FORM_TYPES.boolean,
-                propType: PROP_TYPES.BOOLEAN,
-            },
-            autoFocus: {
-                group: GROUPS.basic,
-                label: "Auto Focus",
-                description: "Focuses the input on load in and brings up the keyboard",
-                editable: true,
-                required: false,
-                defaultValue: null,
-                formType: FORM_TYPES.boolean,
-                propType: PROP_TYPES.BOOLEAN,
-            },
-            caretHidden: {
-                group: GROUPS.advanced,
-                label: "Hide Caret",
-                description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
-                editable: true,
-                required: false,
-                defaultValue: null,
-                formType: FORM_TYPES.boolean,
-                propType: PROP_TYPES.BOOLEAN,
-            },
-            contextMenuHidden: {
-                group: GROUPS.advanced,
-                label: "Hide Context Menu",
-                description: "Hides the system context menu (Default: false)",
-                editable: true,
-                required: false,
-                defaultValue: null,
-                formType: FORM_TYPES.boolean,
-                propType: PROP_TYPES.BOOLEAN,
-            },
-            editable: {
-                group: GROUPS.advanced,
-                label: "Editable",
-                description: "If false, the text is not editable",
-                editable: true,
-                required: false,
-                defaultValue: true,
-                formType: FORM_TYPES.boolean,
-                propType: PROP_TYPES.BOOLEAN,
-            },
-            keyboardAppearance: {
-                group: GROUPS.advanced,
-                label: "Keyboard Appearance",
-                description: "Determines the color of the keyboard.(iOS Only)",
-                editable: true,
-                required: false,
-                defaultValue: null,
-                options: ["default", "light", "dark"],
-                formType: FORM_TYPES.flatArray,
-                propType: PROP_TYPES.STRING,
-            },
-            keyboardType: {
-                group: GROUPS.advanced,
-                label: "Keyboard Type",
-                description: "Determines what keyboard is given to the user.",
-                editable: true,
-                required: false,
-                defaultValue: null,
-                options: ["numeric", "numbers-and-punctuation", "number-pad"],
-                formType: FORM_TYPES.flatArray,
-                propType: PROP_TYPES.STRING,
-            },
-            maxLength: {
-                group: GROUPS.basic,
-                label: "Max Length",
-                description: "Limits the input to a set number of characters.",
-                editable: true,
-                required: false,
-                defaultValue: null,
-                min: 0,
-                step: 1,
-                precision: 0,
-                formType: FORM_TYPES.number,
-                propType: PROP_TYPES.NUMBER,
-            },
-            placeholder: {
-                group: GROUPS.basic,
-                label: "Placeholder Text",
-                description: "The text that is shown on load when no value is available.",
-                editable: true,
-                required: false,
-                defaultValue: "Enter a number...",
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-            },
-            placeholderTextColor: {
-                group: GROUPS.basic,
-                label: "Placeholder Text Color",
-                description: "The color of the placeholder text.",
-                editable: true,
-                required: false,
-                defaultValue: null,
-                formType: FORM_TYPES.color,
-                propType: PROP_TYPES.STRING,
-            },
-            returnKeyLabel: {
-                group: GROUPS.advanced,
-                label: "Return Key Label",
-                description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
-                editable: true,
-                required: false,
-                defaultValue: null,
-                formType: FORM_TYPES.string,
-                propType: PROP_TYPES.STRING,
-            },
-            returnKeyType: {
-                group: GROUPS.advanced,
-                label: "Return Key Type",
-                description: "Determines how the return key should look like",
-                editable: true,
-                required: false,
-                defaultValue: null,
-                options: [
-                    "done",
-                    "go",
-                    "next",
-                    "search",
-                    "send",
-                    "none",
-                    "previous",
-                    "default",
-                    "emergency-call",
-                    "google",
-                    "join",
-                    "route",
-                    "yahoo",
-                ],
-                formType: FORM_TYPES.flatArray,
-                propType: PROP_TYPES.STRING,
-            },
-            selectionColor: {
-                group: GROUPS.advanced,
-                label: "Selection Color",
-                description: "Color of the highlighted portion when selecting.",
-                editable: true,
-                required: false,
-                defaultValue: null,
-                formType: FORM_TYPES.color,
-                propType: PROP_TYPES.STRING,
-            },
-            selectTextOnFocus: {
-                group: GROUPS.advanced,
-                label: "Select Text on Focus",
-                description: "If true, all the text will automatically be selected on focus",
-                editable: true,
-                required: false,
-                defaultValue: null,
-                formType: FORM_TYPES.boolean,
-                propType: PROP_TYPES.BOOLEAN,
-            },
-        },
-    },
-];