@draftbit/core 47.0.0-eae99e.2 → 47.0.0

package/src/mappings/NativeBase/Layout/AspectRatio.js

@@ -1,9 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Aspect Ratio",
-    tag: "AspectRatio",
-    description: "AspectRatio controls the size of the undefined dimension of a node or child component.",
-    category: COMPONENT_TYPES.NBLayout,
-    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-    packageName: "native-base",
-};

package/src/mappings/NativeBase/Layout/AspectRatio.ts

@@ -1,11 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Aspect Ratio",
-  tag: "AspectRatio",
-  description:
-    "AspectRatio controls the size of the undefined dimension of a node or child component.",
-  category: COMPONENT_TYPES.NBLayout,
-  stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-  packageName: "native-base",
-};

package/src/mappings/NativeBase/Layout/Box.js

@@ -1,9 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Box",
-    tag: "Box",
-    description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
-    category: COMPONENT_TYPES.NBLayout,
-    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-    packageName: "native-base",
-};

package/src/mappings/NativeBase/Layout/Box.ts

@@ -1,11 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Box",
-  tag: "Box",
-  description:
-    "This is a generic component for low level layout needs. It is similar to a div in HTML",
-  category: COMPONENT_TYPES.NBLayout,
-  stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-  packageName: "native-base",
-};

package/src/mappings/NativeBase/Layout/Center.js

@@ -1,27 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-export const SEED_DATA = [
-    {
-        name: "Center",
-        tag: "Center",
-        description: "Centers its child",
-        category: COMPONENT_TYPES.NBLayout,
-        stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-        packageName: "native-base",
-    },
-    {
-        name: "Square",
-        tag: "Square",
-        description: "Centers its child inside a square",
-        category: COMPONENT_TYPES.NBLayout,
-        stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-        packageName: "native-base",
-    },
-    {
-        name: "Circle",
-        tag: "Circle",
-        description: "Centers its child inside a circle",
-        category: COMPONENT_TYPES.NBLayout,
-        stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-        packageName: "native-base",
-    },
-];

package/src/mappings/NativeBase/Layout/Center.ts

@@ -1,28 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-
-export const SEED_DATA = [
-  {
-    name: "Center",
-    tag: "Center",
-    description: "Centers its child",
-    category: COMPONENT_TYPES.NBLayout,
-    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-    packageName: "native-base",
-  },
-  {
-    name: "Square",
-    tag: "Square",
-    description: "Centers its child inside a square",
-    category: COMPONENT_TYPES.NBLayout,
-    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-    packageName: "native-base",
-  },
-  {
-    name: "Circle",
-    tag: "Circle",
-    description: "Centers its child inside a circle",
-    category: COMPONENT_TYPES.NBLayout,
-    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-    packageName: "native-base",
-  },
-];

package/src/mappings/NativeBase/Layout/Column.js

@@ -1,9 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Column",
-    tag: "VStack",
-    description: "Column aligns items vertically",
-    category: COMPONENT_TYPES.NBLayout,
-    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-    packageName: "native-base",
-};

package/src/mappings/NativeBase/Layout/Column.ts

@@ -1,10 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Column",
-  tag: "VStack",
-  description: "Column aligns items vertically",
-  category: COMPONENT_TYPES.NBLayout,
-  stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-  packageName: "native-base",
-};

package/src/mappings/NativeBase/Layout/Container.js

@@ -1,9 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Container",
-    tag: "Container",
-    description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid.",
-    category: COMPONENT_TYPES.NBLayout,
-    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-    packageName: "native-base",
-};

package/src/mappings/NativeBase/Layout/Container.ts

@@ -1,11 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Container",
-  tag: "Container",
-  description:
-    "The Container restricts a content's width according to current breakpoint, while keeping the size fluid.",
-  category: COMPONENT_TYPES.NBLayout,
-  stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-  packageName: "native-base",
-};

package/src/mappings/NativeBase/Layout/Row.js

@@ -1,9 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Row",
-    tag: "HStack",
-    description: "Column aligns items horizontally",
-    category: COMPONENT_TYPES.NBLayout,
-    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-    packageName: "native-base",
-};

package/src/mappings/NativeBase/Layout/Row.ts

@@ -1,10 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Row",
-  tag: "HStack",
-  description: "Column aligns items horizontally",
-  category: COMPONENT_TYPES.NBLayout,
-  stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-  packageName: "native-base",
-};

package/src/mappings/NativeBase/Layout/Stack.js

@@ -1,9 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Stack",
-    tag: "Stack",
-    description: "Stack aligns items vertically or horizontally based on the direction prop.",
-    category: COMPONENT_TYPES.NBLayout,
-    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-    packageName: "native-base",
-};

package/src/mappings/NativeBase/Layout/Stack.ts

@@ -1,11 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Stack",
-  tag: "Stack",
-  description:
-    "Stack aligns items vertically or horizontally based on the direction prop.",
-  category: COMPONENT_TYPES.NBLayout,
-  stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-  packageName: "native-base",
-};

package/src/mappings/NativeBase/Layout/ZStack.js

@@ -1,9 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Row",
-    tag: "HStack",
-    description: "Column aligns items horizontally",
-    category: COMPONENT_TYPES.NBLayout,
-    stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-    packageName: "native-base",
-};

package/src/mappings/NativeBase/Layout/ZStack.ts

@@ -1,10 +0,0 @@
-import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Row",
-  tag: "HStack",
-  description: "Column aligns items horizontally",
-  category: COMPONENT_TYPES.NBLayout,
-  stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
-  packageName: "native-base",
-};

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,
-            },
-        },
-    },
-];

package/src/mappings/Picker.js

@@ -1,148 +0,0 @@
-import { COMPONENT_TYPES, Triggers, GROUPS, FORM_TYPES, PROP_TYPES, FIELD_NAME, createIconSizeProp, createColorProp, StylesPanelSections, } from "@draftbit/types";
-const SEED_DATA_PROPS = {
-    label: {
-        group: GROUPS.data,
-        label: "Label",
-        description: "The label to be displayed on the picker",
-        formType: FORM_TYPES.string,
-        propType: PROP_TYPES.STRING,
-        defaultValue: null,
-        editable: true,
-        required: true,
-    },
-    placeholder: {
-        group: GROUPS.basic,
-        label: "Placeholder",
-        description: "The placeholder text of the picker",
-        formType: FORM_TYPES.string,
-        propType: PROP_TYPES.STRING,
-        defaultValue: "Select an option",
-        editable: true,
-        required: false,
-    },
-    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,
-    },
-    assistiveText: {
-        group: GROUPS.basic,
-        label: "Assistive text",
-        description: "Helper text to display below the picker",
-        formType: FORM_TYPES.string,
-        propType: PROP_TYPES.STRING,
-        defaultValue: null,
-        editable: true,
-        required: false,
-    },
-    options: {
-        group: GROUPS.data,
-        label: "Options",
-        description: "Array of picker options. An array of objects containing a label and value.",
-        editable: true,
-        required: false,
-        formType: FORM_TYPES.array,
-        propType: PROP_TYPES.OBJECT,
-        options: [],
-        defaultValue: null,
-    },
-    disabled: {
-        group: GROUPS.basic,
-        label: "Disabled",
-        description: "Whether the picker should be disabled. Will prevent selection and show a greyed out state.",
-        formType: FORM_TYPES.boolean,
-        propType: PROP_TYPES.BOOLEAN,
-        defaultValue: false,
-        editable: true,
-        required: false,
-    },
-    error: {
-        group: GROUPS.data,
-        label: "Error",
-        description: "Whether the picker should display the error state",
-        formType: FORM_TYPES.boolean,
-        propType: PROP_TYPES.BOOLEAN,
-        defaultValue: false,
-        editable: true,
-        required: false,
-    },
-    leftIconName: {
-        group: GROUPS.basic,
-        label: "Left icon name",
-        description: "The icon to display on the left",
-        formType: FORM_TYPES.icon,
-        propType: PROP_TYPES.ASSET,
-        defaultValue: null,
-        editable: true,
-        required: false,
-    },
-    leftIconMode: {
-        group: GROUPS.basic,
-        label: "Left icon mode",
-        description: "The mode of the icon to display on the left. 'inset' or 'outset'.",
-        formType: FORM_TYPES.flatArray,
-        propType: PROP_TYPES.STRING,
-        defaultValue: "inset",
-        options: ["inset", "outset"],
-        editable: true,
-        required: true,
-    },
-    rightIconName: {
-        group: GROUPS.basic,
-        label: "Right icon name",
-        description: "The icon to display on the right",
-        formType: FORM_TYPES.icon,
-        propType: PROP_TYPES.ASSET,
-        defaultValue: null,
-        editable: true,
-        required: false,
-    },
-    fieldName: {
-        ...FIELD_NAME,
-        defaultValue: "pickerValue",
-        handlerPropName: "onValueChange",
-    },
-};
-const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
-export const SEED_DATA = [
-    {
-        name: "Picker",
-        tag: "Picker",
-        description: "A component used to pick a value from a set of options",
-        category: COMPONENT_TYPES.input,
-        stylesPanelSections: [
-            StylesPanelSections.Typography,
-            StylesPanelSections.Background,
-            StylesPanelSections.Size,
-            StylesPanelSections.MarginsAndPaddings,
-            StylesPanelSections.Position,
-            StylesPanelSections.Borders,
-            StylesPanelSections.Effects,
-        ],
-        preview_image_url: "{CLOUDINARY_URL}/Picker.png",
-        supports_list_render: false,
-        triggers: SEED_DATA_TRIGGERS,
-        props: {
-            ...SEED_DATA_PROPS,
-            type: {
-                label: "Appearance",
-                description: "Type of Picker",
-                formType: FORM_TYPES.flatArray,
-                propType: PROP_TYPES.STRING,
-                defaultValue: "solid",
-                options: ["solid", "underline"],
-                editable: true,
-                required: true,
-                group: GROUPS.basic,
-            },
-            iconSize: createIconSizeProp({ defaultValue: 24 }),
-            iconColor: createColorProp({ label: "Icon Color" }),
-        },
-        layout: {},
-    },
-];

package/src/mappings/RadioButton.js

@@ -1,51 +0,0 @@
-import { GROUPS, COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createIconProp, createTextProp, Triggers, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Radio Button",
-    tag: "RadioButton",
-    category: COMPONENT_TYPES.control,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    triggers: [Triggers.OnPress],
-    props: {
-        value: createTextProp({
-            label: "Value",
-            description: "Value of the radio button",
-            defaultValue: null,
-            required: true,
-        }),
-        color: createColorProp({
-            group: GROUPS.basic,
-            description: "Color for the button",
-            defaultValue: "primary",
-        }),
-        unselectedColor: createColorProp({
-            group: GROUPS.basic,
-            label: "Unselected Color",
-            description: "Unselected Color for the button",
-            defaultValue: "primary",
-        }),
-        disabled: createBoolProp({
-            label: "Disabled",
-            description: "Whether radio button is disabled",
-        }),
-        size: createNumberProp({
-            group: GROUPS.basic,
-            label: "Size",
-            description: "Specifies the size of the button",
-            defaultValue: 24,
-            min: 16,
-            max: 128,
-            step: 1,
-            precision: 0,
-        }),
-        selectedIcon: createIconProp({
-            label: "Selected Icon",
-            description: "Icon to show when the radio button is selected",
-            defaultValue: "MaterialIcons/radio-button-checked",
-        }),
-        unselectedIcon: createIconProp({
-            label: "Unselected Icon",
-            description: "Icon to show when the radio button is unselected",
-            defaultValue: "MaterialIcons/radio-button-unchecked",
-        }),
-    },
-};