@draftbit/core 47.0.0-df8093.2 → 47.0.0

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",
-        }),
-    },
-};

package/src/mappings/RadioButtonGroup.js

@@ -1,17 +0,0 @@
-import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Radio Button Group",
-    tag: "RadioButtonGroup",
-    category: COMPONENT_TYPES.control,
-    stylesPanelSections: [StylesPanelSections.Margins],
-    layout: {},
-    triggers: [Triggers.OnValueChange],
-    props: {
-        direction: createDirectionProp(),
-        fieldName: createFieldNameProp({
-            handlerPropName: "onValueChange",
-            valuePropName: "value",
-            defaultValue: "radioButtonGroupValue",
-        }),
-    },
-};

package/src/mappings/RadioButtonRow.js

@@ -1,42 +0,0 @@
-import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, GROUPS, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Radio Button Row",
-    tag: "RadioButtonRow",
-    category: COMPONENT_TYPES.control,
-    stylesPanelSections: [
-        StylesPanelSections.Typography,
-        StylesPanelSections.Margins,
-        StylesPanelSections.Effects,
-    ],
-    layout: {},
-    props: {
-        label: createTextProp({
-            label: "Label",
-            description: "Label to show with the radio button",
-            required: true,
-            defaultValue: "First Option",
-        }),
-        direction: createTextEnumProp({
-            label: "Direction",
-            description: "Whether the checkbox will appear on the left or on the right",
-            options: ["row", "row-reverse"],
-        }),
-        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",
-        }),
-    },
-};

package/src/mappings/SVG.js

@@ -1,20 +0,0 @@
-import { COMPONENT_TYPES, createSVGProp, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "SVG",
-    tag: "SVG",
-    description: "An SVG component",
-    category: COMPONENT_TYPES.media,
-    layout: {
-        width: 100,
-        height: 100,
-    },
-    stylesPanelSections: [
-        StylesPanelSections.Size,
-        StylesPanelSections.Margins,
-        StylesPanelSections.Position,
-        StylesPanelSections.Effects,
-    ],
-    props: {
-        source: createSVGProp(),
-    },
-};

package/src/mappings/SafeAreaView.js

@@ -1,33 +0,0 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "SafeAreaView",
-    tag: "SafeAreaView",
-    description: "A basic View that handles safe area",
-    category: COMPONENT_TYPES.deprecated,
-    props: {
-        edges: {
-            group: GROUPS.basic,
-            name: "edges",
-            label: "edges",
-            description: "Provides edges to be used by safe area view",
-            editable: true,
-            required: false,
-            formType: FORM_TYPES.flatArray,
-            propType: PROP_TYPES.STRING,
-            options: ["right", "bottom", "left", "top"],
-            defaultValue: ["right", "bottom", "left", "top"],
-        },
-        mode: {
-            group: GROUPS.basic,
-            name: "mode",
-            label: "mode",
-            description: "Mode used by safe area view",
-            editable: true,
-            required: false,
-            options: ["padding", "margin"],
-            formType: FORM_TYPES.flatArray,
-            propType: PROP_TYPES.STRING,
-            defaultValue: "padding",
-        },
-    },
-};

package/src/mappings/ScrollView.js

@@ -1,31 +0,0 @@
-import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Scroll View",
-    tag: "ScrollView",
-    description: "A basic ScrollView component",
-    category: COMPONENT_TYPES.view,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    layout: {},
-    props: {
-        horizontal: createStaticBoolProp({
-            label: "Horizontal",
-            description: "Render your list horizontally",
-            defaultValue: false,
-        }),
-        showsHorizontalScrollIndicator: createStaticBoolProp({
-            label: "Show Horizontal Scroll Indicator",
-            description: "When true, shows a horizontal scroll indicator. The default value is true.",
-            defaultValue: false,
-        }),
-        showsVerticalScrollIndicator: createStaticBoolProp({
-            label: "Show Vertical Scroll Indicator",
-            description: "When true, shows a vertical scroll indicator. The default value is true.",
-            defaultValue: true,
-        }),
-        bounces: createStaticBoolProp({
-            label: "Bounce",
-            description: "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
-            defaultValue: true,
-        }),
-    },
-};

package/src/mappings/Slider.js

@@ -1,60 +0,0 @@
-import { COMPONENT_TYPES, GROUPS, createNumberProp, createColorProp, createFieldNameProp, createIconProp, Triggers, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Slider",
-    tag: "Slider",
-    description: "A component used to set a value in a range",
-    category: COMPONENT_TYPES.control,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    layout: {
-        marginLeft: 12,
-        marginRight: 12,
-    },
-    triggers: [Triggers.OnValueChange],
-    props: {
-        fieldName: createFieldNameProp({
-            defaultValue: "sliderValue",
-            handlerPropName: "onValueChange",
-            valuePropName: "value",
-        }),
-        minimumValue: createNumberProp({
-            group: GROUPS.basic,
-            label: "Min Value",
-            min: 0,
-            max: 1000,
-        }),
-        maximumValue: createNumberProp({
-            group: GROUPS.basic,
-            label: "Max Value",
-            min: 1,
-            max: 10000,
-        }),
-        step: createNumberProp({
-            group: GROUPS.basic,
-            label: "Step",
-            min: 0,
-            max: 100,
-            step: 0.01,
-            precision: 2,
-        }),
-        leftIcon: createIconProp({
-            label: "Left Icon",
-            defaultValue: null,
-        }),
-        rightIcon: createIconProp({
-            label: "Right Icon",
-            defaultValue: null,
-        }),
-        minimumTrackTintColor: createColorProp({
-            label: "Min Track Color",
-            defaultValue: null,
-        }),
-        maximumTrackTintColor: createColorProp({
-            label: "Max Track Color",
-            defaultValue: null,
-        }),
-        thumbTintColor: createColorProp({
-            label: "Thumb Color",
-            defaultValue: null,
-        }),
-    },
-};