@draftbit/core 46.4.4-caab07.0 → 46.4.4-cc754a.2

package/src/mappings/TextArea.js

@@ -1,277 +1,263 @@
-import {
-  GROUPS,
-  COMPONENT_TYPES,
-  FORM_TYPES,
-  PROP_TYPES,
-  FIELD_NAME,
-  Triggers,
-} from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, } from "@draftbit/types";
 export const SEED_DATA = {
-  name: "Text Area",
-  tag: "TextInput",
-  description: "An input field that allows for multiple lines.",
-  category: COMPONENT_TYPES.input,
-  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: {
-    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,
+    name: "Text Area",
+    tag: "TextInput",
+    description: "An input field that allows for multiple lines.",
+    category: COMPONENT_TYPES.input,
+    layout: {
+        borderLeftWidth: 1,
+        borderRightWidth: 1,
+        borderTopWidth: 1,
+        borderBottomWidth: 1,
+        borderColor: "divider",
+        paddingLeft: 8,
+        paddingRight: 8,
+        paddingTop: 8,
+        paddingBottom: 8,
+        borderRadius: 8,
     },
-    autoCapitalize: {
-      group: GROUPS.advanced,
-      label: "Auto Capitalize",
-      description:
-        "Can automatically capitalize sentences, words, and characters (Default: none).",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      options: ["none", "sentences", "words", "characters"],
-      formType: FORM_TYPES.flatArray,
-      propType: PROP_TYPES.STRING,
+    triggers: [Triggers.OnChangeText],
+    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,
+        },
+        autoCapitalize: {
+            group: GROUPS.advanced,
+            label: "Auto Capitalize",
+            description: "Can automatically capitalize sentences, words, and characters (Default: none).",
+            editable: true,
+            required: false,
+            defaultValue: null,
+            options: ["none", "sentences", "words", "characters"],
+            formType: FORM_TYPES.flatArray,
+            propType: PROP_TYPES.STRING,
+        },
+        autoCorrect: {
+            group: GROUPS.advanced,
+            label: "Auto Correct",
+            description: "Enables auto correction",
+            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: [
+                "default",
+                "email-address",
+                "numeric",
+                "phone-pad",
+                "ascii-capable",
+                "numbers-and-punctuation",
+                "url",
+                "number-pad",
+                "name-phone-pad",
+                "decimal-pad",
+                "twitter",
+                "web-search",
+                "visible-password",
+            ],
+            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.data,
+            label: "Placeholder Text",
+            description: "The text that is shown on load when no value is available.",
+            editable: true,
+            required: false,
+            defaultValue: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.",
+            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,
+        },
+        secureTextEntry: {
+            group: GROUPS.basic,
+            label: "Password Input?",
+            description: "Hides the characters with a *, useful for passwords and other sensitive information.",
+            editable: true,
+            required: false,
+            defaultValue: null,
+            formType: FORM_TYPES.boolean,
+            propType: PROP_TYPES.BOOLEAN,
+        },
+        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,
+        },
+        textAlignVertical: {
+            group: GROUPS.advanced,
+            label: "Aligns text on the vertical axis",
+            description: "Move the text around in the given component.",
+            options: ["auto", "top", "bottom", "center"],
+            editable: true,
+            required: false,
+            defaultValue: "top",
+            formType: FORM_TYPES.flatArray,
+            propType: PROP_TYPES.STRING,
+        },
+        multiline: {
+            label: "Multiline",
+            description: "Multiline",
+            group: GROUPS.uncategorized,
+            formType: FORM_TYPES.boolean,
+            propType: PROP_TYPES.BOOLEAN,
+            defaultValue: true,
+            editable: true,
+            required: false,
+        },
+        numberOfLines: {
+            label: "Number Of Lines",
+            description: "Number Of Lines",
+            group: GROUPS.basic,
+            formType: FORM_TYPES.number,
+            propType: PROP_TYPES.NUMBER,
+            defaultValue: 4,
+            editable: true,
+            required: false,
+        },
+        fieldName: {
+            ...FIELD_NAME,
+            defaultValue: "textInputValue",
+            handlerPropName: "onChangeText",
+        },
     },
-    autoCorrect: {
-      group: GROUPS.advanced,
-      label: "Auto Correct",
-      description: "Enables auto correction",
-      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: [
-        "default",
-        "email-address",
-        "numeric",
-        "phone-pad",
-        "ascii-capable",
-        "numbers-and-punctuation",
-        "url",
-        "number-pad",
-        "name-phone-pad",
-        "decimal-pad",
-        "twitter",
-        "web-search",
-        "visible-password",
-      ],
-      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.data,
-      label: "Placeholder Text",
-      description: "The text that is shown on load when no value is available.",
-      editable: true,
-      required: false,
-      defaultValue:
-        "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.",
-      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,
-    },
-    secureTextEntry: {
-      group: GROUPS.basic,
-      label: "Password Input?",
-      description:
-        "Hides the characters with a *, useful for passwords and other sensitive information.",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      formType: FORM_TYPES.boolean,
-      propType: PROP_TYPES.BOOLEAN,
-    },
-    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,
-    },
-    textAlignVertical: {
-      group: GROUPS.advanced,
-      label: "Aligns text on the vertical axis",
-      description: "Move the text around in the given component.",
-      options: ["auto", "top", "bottom", "center"],
-      editable: true,
-      required: false,
-      defaultValue: "top",
-      formType: FORM_TYPES.flatArray,
-      propType: PROP_TYPES.STRING,
-    },
-    multiline: {
-      label: "Multiline",
-      description: "Multiline",
-      group: GROUPS.uncategorized,
-      formType: FORM_TYPES.boolean,
-      propType: PROP_TYPES.BOOLEAN,
-      defaultValue: true,
-      editable: true,
-      required: false,
-    },
-    numberOfLines: {
-      label: "Number Of Lines",
-      description: "Number Of Lines",
-      group: GROUPS.basic,
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER,
-      defaultValue: 4,
-      editable: true,
-      required: false,
-    },
-    fieldName: {
-      ...FIELD_NAME,
-      defaultValue: "textInputValue",
-      handlerPropName: "onChangeText",
-    },
-  },
 };