@draftbit/core 46.1.4 → 46.2.1-328765.5

package/lib/commonjs/mappings/TextField.js

@@ -7,7 +7,196 @@ exports.SEED_DATA = void 0;
 
 var _types = require("@draftbit/types");
 
-const SEED_DATA_PROPS = { ..._types.TEXT_INPUT_PROPS,
+const TEXT_FIELD_PROPS = {
+  allowFontScaling: {
+    group: _types.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: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  autoCapitalize: {
+    group: _types.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: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  autoCorrect: {
+    group: _types.GROUPS.advanced,
+    label: "Auto Correct",
+    description: "Enables auto correction",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  autoFocus: {
+    group: _types.GROUPS.basic,
+    label: "Auto Focus",
+    description: "Focuses the input on load in and brings up the keyboard",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  caretHidden: {
+    group: _types.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: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  contextMenuHidden: {
+    group: _types.GROUPS.advanced,
+    label: "Hide Context Menu",
+    description: "Hides the system context menu (Default: false)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  disabled: {
+    group: _types.GROUPS.basic,
+    label: "Disabled",
+    description: "Whether the input should be disabled. Will prevent input and show a greyed out state.",
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN,
+    defaultValue: false,
+    editable: true,
+    required: false
+  },
+  editable: {
+    group: _types.GROUPS.advanced,
+    label: "Editable",
+    description: "If false, the text is not editable",
+    editable: true,
+    required: false,
+    defaultValue: true,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  keyboardAppearance: {
+    group: _types.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: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  keyboardType: {
+    group: _types.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: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  maxLength: {
+    group: _types.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: _types.FORM_TYPES.number,
+    propType: _types.PROP_TYPES.NUMBER
+  },
+  placeholder: {
+    group: _types.GROUPS.data,
+    label: "Placeholder Text",
+    description: "The text that is shown on load when no value is available.",
+    editable: true,
+    required: false,
+    defaultValue: "Enter a value...",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING
+  },
+  placeholderTextColor: {
+    group: _types.GROUPS.basic,
+    label: "Placeholder Text Color",
+    description: "The color of the placeholder text.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.color,
+    propType: _types.PROP_TYPES.STRING
+  },
+  returnKeyLabel: {
+    group: _types.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: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING
+  },
+  returnKeyType: {
+    group: _types.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: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  secureTextEntry: {
+    group: _types.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: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  selectionColor: {
+    group: _types.GROUPS.advanced,
+    label: "Selection Color",
+    description: "Color of the highlighted portion when selecting.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.color,
+    propType: _types.PROP_TYPES.STRING
+  },
+  selectTextOnFocus: {
+    group: _types.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: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  }
+};
+const SEED_DATA_PROPS = { ...TEXT_FIELD_PROPS,
   label: {
     group: _types.GROUPS.data,
     label: "Label",
@@ -118,11 +307,12 @@ const SEED_DATA = [{
   tag: "TextField",
   description: "A text area with a solid border or underline",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
   preview_image_url: "{CLOUDINARY_URL}/TextArea.png",
   supports_list_render: false,
   triggers: SEED_DATA_TRIGGERS,
   props: { ...SEED_DATA_PROPS,
-    placeholder: { ..._types.TEXT_INPUT_PROPS.placeholder,
+    placeholder: { ...TEXT_FIELD_PROPS.placeholder,
       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, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
     },
     type: {

package/lib/commonjs/mappings/TextField.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","TEXT_INPUT_PROPS","label","group","GROUPS","data","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","assistiveText","basic","error","boolean","BOOLEAN","leftIconName","icon","ASSET","leftIconMode","flatArray","options","rightIconName","fieldName","FIELD_NAME","handlerPropName","SEED_DATA_TRIGGERS","Triggers","OnChangeText","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","triggers","props","type","underlineColor","createColorProp","secureTextEntry","layout","placeholder","multiline","uncategorized","numberOfLines","createNumberProp","createFieldNameProp"],"sources":["TextField.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  Triggers,\n  createColorProp,\n  createNumberProp,\n  createFieldNameProp,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  ...TEXT_INPUT_PROPS,\n  label: {\n    group: GROUPS.data,\n    label: \"Label\",\n    description: \"The label to be displayed on the text field\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: true,\n  },\n  assistiveText: {\n    group: GROUPS.basic,\n    label: \"Assistive text\",\n    description: \"Helper text to display below the input\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  error: {\n    group: GROUPS.data,\n    label: \"Error\",\n    description: \"Whether the input should display the error state\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  leftIconName: {\n    group: GROUPS.basic,\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  leftIconMode: {\n    group: GROUPS.basic,\n    label: \"Left icon mode\",\n    description:\n      \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null /* inset */,\n    options: [\"inset\", \"outset\"],\n    editable: true,\n    required: true,\n  },\n  rightIconName: {\n    group: GROUPS.basic,\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    handlerPropName: \"onChangeText\",\n    defaultValue: \"textFieldValue\",\n  },\n};\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnChangeText];\nexport const SEED_DATA = [\n  {\n    name: \"Styled Text Field\",\n    tag: \"TextField\",\n    description: \"A text input with a solid border or underline\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url: \"{CLOUDINARY_URL}/Textfield.png\",\n    supports_list_render: false,\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Datepicker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n      underlineColor: createColorProp({\n        label: \"Underline Color\",\n        defaultValue: \"light\",\n      }),\n      secureTextEntry: {\n        group: GROUPS.basic,\n        label: \"Password field\",\n        description:\n          \"If true, this turns the field into a password field, hiding the text\",\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Styled Text Area\",\n    tag: \"TextField\",\n    description: \"A text area with a solid border or underline\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url: \"{CLOUDINARY_URL}/TextArea.png\",\n    supports_list_render: false,\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      ...SEED_DATA_PROPS,\n      placeholder: {\n        ...TEXT_INPUT_PROPS.placeholder,\n        defaultValue:\n          \"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, when an unknown printer took a galley of type and scrambled it to make a type specimen book.\",\n      },\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Datepicker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n      multiline: {\n        label: \"Multiline\",\n        description: \"Multiline\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n        defaultValue: true,\n        editable: false,\n        required: false,\n      },\n      numberOfLines: createNumberProp({\n        label: \"Number of Lines\",\n        description: \"Number of Lines for Multiline Field\",\n        defaultValue: 4,\n        group: GROUPS.basic,\n      }),\n      fieldName: createFieldNameProp({\n        defaultValue: \"textAreaValue\",\n      }),\n    },\n    layout: {},\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["TEXT_FIELD_PROPS","allowFontScaling","group","GROUPS","advanced","label","description","editable","required","defaultValue","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","autoCapitalize","options","flatArray","STRING","autoCorrect","autoFocus","basic","caretHidden","contextMenuHidden","disabled","keyboardAppearance","keyboardType","maxLength","min","step","precision","number","NUMBER","placeholder","data","string","placeholderTextColor","color","returnKeyLabel","returnKeyType","secureTextEntry","selectionColor","selectTextOnFocus","SEED_DATA_PROPS","assistiveText","error","leftIconName","icon","ASSET","leftIconMode","rightIconName","fieldName","FIELD_NAME","handlerPropName","SEED_DATA_TRIGGERS","Triggers","OnChangeText","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","triggers","props","type","underlineColor","createColorProp","layout","stylesPanelSections","StylesPanelSections","Typography","Background","Size","MarginsAndPaddings","Position","Borders","Effects","multiline","uncategorized","numberOfLines","createNumberProp","createFieldNameProp"],"sources":["TextField.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  Triggers,\n  createColorProp,\n  createNumberProp,\n  createFieldNameProp,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nconst TEXT_FIELD_PROPS = {\n  allowFontScaling: {\n    group: GROUPS.advanced,\n    label: \"Allow Font Scaling\",\n    description:\n      \"Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  autoCapitalize: {\n    group: GROUPS.advanced,\n    label: \"Auto Capitalize\",\n    description:\n      \"Can automatically capitalize sentences, words, and characters (Default: none).\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\"none\", \"sentences\", \"words\", \"characters\"],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  autoCorrect: {\n    group: GROUPS.advanced,\n    label: \"Auto Correct\",\n    description: \"Enables auto correction\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  autoFocus: {\n    group: GROUPS.basic,\n    label: \"Auto Focus\",\n    description: \"Focuses the input on load in and brings up the keyboard\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  caretHidden: {\n    group: GROUPS.advanced,\n    label: \"Hide Caret\",\n    description:\n      \"Hides the caret(the line small line underneath each showing where you're editing/typing\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  contextMenuHidden: {\n    group: GROUPS.advanced,\n    label: \"Hide Context Menu\",\n    description: \"Hides the system context menu (Default: false)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  disabled: {\n    group: GROUPS.basic,\n    label: \"Disabled\",\n    description:\n      \"Whether the input should be disabled. Will prevent input and show a greyed out state.\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  editable: {\n    group: GROUPS.advanced,\n    label: \"Editable\",\n    description: \"If false, the text is not editable\",\n    editable: true,\n    required: false,\n    defaultValue: true,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  keyboardAppearance: {\n    group: GROUPS.advanced,\n    label: \"Keyboard Appearance\",\n    description: \"Determines the color of the keyboard.(iOS Only)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\"default\", \"light\", \"dark\"],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  keyboardType: {\n    group: GROUPS.advanced,\n    label: \"Keyboard Type\",\n    description: \"Determines what keyboard is given to the user.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\n      \"default\",\n      \"email-address\",\n      \"numeric\",\n      \"phone-pad\",\n      \"ascii-capable\",\n      \"numbers-and-punctuation\",\n      \"url\",\n      \"number-pad\",\n      \"name-phone-pad\",\n      \"decimal-pad\",\n      \"twitter\",\n      \"web-search\",\n      \"visible-password\",\n    ],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  maxLength: {\n    group: GROUPS.basic,\n    label: \"Max Length\",\n    description: \"Limits the input to a set number of characters.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    min: 0,\n    step: 1,\n    precision: 0,\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n  },\n  placeholder: {\n    group: GROUPS.data,\n    label: \"Placeholder Text\",\n    description: \"The text that is shown on load when no value is available.\",\n    editable: true,\n    required: false,\n    defaultValue: \"Enter a value...\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n  },\n  placeholderTextColor: {\n    group: GROUPS.basic,\n    label: \"Placeholder Text Color\",\n    description: \"The color of the placeholder text.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.STRING,\n  },\n  returnKeyLabel: {\n    group: GROUPS.advanced,\n    label: \"Return Key Label\",\n    description:\n      \"(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n  },\n  returnKeyType: {\n    group: GROUPS.advanced,\n    label: \"Return Key Type\",\n    description: \"Determines how the return key should look like\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\n      \"done\",\n      \"go\",\n      \"next\",\n      \"search\",\n      \"send\",\n      \"none\",\n      \"previous\",\n      \"default\",\n      \"emergency-call\",\n      \"google\",\n      \"join\",\n      \"route\",\n      \"yahoo\",\n    ],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  secureTextEntry: {\n    group: GROUPS.basic,\n    label: \"Password Input?\",\n    description:\n      \"Hides the characters with a *, useful for passwords and other sensitive information.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  selectionColor: {\n    group: GROUPS.advanced,\n    label: \"Selection Color\",\n    description: \"Color of the highlighted portion when selecting.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.STRING,\n  },\n  selectTextOnFocus: {\n    group: GROUPS.advanced,\n    label: \"Select Text on Focus\",\n    description:\n      \"If true, all the text will automatically be selected on focus\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n};\n\nconst SEED_DATA_PROPS = {\n  ...TEXT_FIELD_PROPS,\n  label: {\n    group: GROUPS.data,\n    label: \"Label\",\n    description: \"The label to be displayed on the text field\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: true,\n  },\n  assistiveText: {\n    group: GROUPS.basic,\n    label: \"Assistive text\",\n    description: \"Helper text to display below the input\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  error: {\n    group: GROUPS.data,\n    label: \"Error\",\n    description: \"Whether the input should display the error state\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  leftIconName: {\n    group: GROUPS.basic,\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  leftIconMode: {\n    group: GROUPS.basic,\n    label: \"Left icon mode\",\n    description:\n      \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null /* inset */,\n    options: [\"inset\", \"outset\"],\n    editable: true,\n    required: true,\n  },\n  rightIconName: {\n    group: GROUPS.basic,\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    handlerPropName: \"onChangeText\",\n    defaultValue: \"textFieldValue\",\n  },\n};\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnChangeText];\nexport const SEED_DATA = [\n  {\n    name: \"Styled Text Field\",\n    tag: \"TextField\",\n    description: \"A text input with a solid border or underline\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url: \"{CLOUDINARY_URL}/Textfield.png\",\n    supports_list_render: false,\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Datepicker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n      underlineColor: createColorProp({\n        label: \"Underline Color\",\n        defaultValue: \"light\",\n      }),\n      secureTextEntry: {\n        group: GROUPS.basic,\n        label: \"Password field\",\n        description:\n          \"If true, this turns the field into a password field, hiding the text\",\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Styled Text Area\",\n    tag: \"TextField\",\n    description: \"A text area with a solid border or underline\",\n    category: COMPONENT_TYPES.input,\n    stylesPanelSections: [\n      StylesPanelSections.Typography,\n      StylesPanelSections.Background,\n      StylesPanelSections.Size,\n      StylesPanelSections.MarginsAndPaddings,\n      StylesPanelSections.Position,\n      StylesPanelSections.Borders,\n      StylesPanelSections.Effects,\n    ],\n    preview_image_url: \"{CLOUDINARY_URL}/TextArea.png\",\n    supports_list_render: false,\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      ...SEED_DATA_PROPS,\n      placeholder: {\n        ...TEXT_FIELD_PROPS.placeholder,\n        defaultValue:\n          \"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, when an unknown printer took a galley of type and scrambled it to make a type specimen book.\",\n      },\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Datepicker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n      multiline: {\n        label: \"Multiline\",\n        description: \"Multiline\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n        defaultValue: true,\n        editable: false,\n        required: false,\n      },\n      numberOfLines: createNumberProp({\n        label: \"Number of Lines\",\n        description: \"Number of Lines for Multiline Field\",\n        defaultValue: 4,\n        group: GROUPS.basic,\n      }),\n      fieldName: createFieldNameProp({\n        defaultValue: \"textAreaValue\",\n      }),\n    },\n    layout: {},\n  },\n];\n"],"mappings":"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"}

package/lib/commonjs/mappings/TextInput.js

@@ -7,6 +7,185 @@ exports.SEED_DATA_PROPS = exports.SEED_DATA = void 0;
 
 var _types = require("@draftbit/types");
 
+const TEXT_INPUT_PROPS = {
+  allowFontScaling: {
+    group: _types.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: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  autoCapitalize: {
+    group: _types.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: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  autoCorrect: {
+    group: _types.GROUPS.advanced,
+    label: "Auto Correct",
+    description: "Enables auto correction",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  autoFocus: {
+    group: _types.GROUPS.basic,
+    label: "Auto Focus",
+    description: "Focuses the input on load in and brings up the keyboard",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  caretHidden: {
+    group: _types.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: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  contextMenuHidden: {
+    group: _types.GROUPS.advanced,
+    label: "Hide Context Menu",
+    description: "Hides the system context menu (Default: false)",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  editable: {
+    group: _types.GROUPS.advanced,
+    label: "Editable",
+    description: "If false, the text is not editable",
+    editable: true,
+    required: false,
+    defaultValue: true,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  keyboardAppearance: {
+    group: _types.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: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  keyboardType: {
+    group: _types.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: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  maxLength: {
+    group: _types.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: _types.FORM_TYPES.number,
+    propType: _types.PROP_TYPES.NUMBER
+  },
+  placeholder: {
+    group: _types.GROUPS.data,
+    label: "Placeholder Text",
+    description: "The text that is shown on load when no value is available.",
+    editable: true,
+    required: false,
+    defaultValue: "Enter a value...",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING
+  },
+  placeholderTextColor: {
+    group: _types.GROUPS.basic,
+    label: "Placeholder Text Color",
+    description: "The color of the placeholder text.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.color,
+    propType: _types.PROP_TYPES.STRING
+  },
+  returnKeyLabel: {
+    group: _types.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: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING
+  },
+  returnKeyType: {
+    group: _types.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: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  secureTextEntry: {
+    group: _types.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: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  selectionColor: {
+    group: _types.GROUPS.advanced,
+    label: "Selection Color",
+    description: "Color of the highlighted portion when selecting.",
+    editable: true,
+    required: false,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.color,
+    propType: _types.PROP_TYPES.STRING
+  },
+  selectTextOnFocus: {
+    group: _types.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: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  }
+};
 const SEED_DATA_PROPS = {
   style: {
     group: _types.GROUPS.basic,
@@ -70,6 +249,7 @@ const SEED_DATA = [{
   tag: "TextInput",
   description: "An input field that allows users to type in data.",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
   preview_image_url: "https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png",
   supports_list_render: false,
   layout: {
@@ -85,7 +265,7 @@ const SEED_DATA = [{
     borderRadius: 8
   },
   triggers: [_types.Triggers.OnChangeText],
-  props: { ..._types.TEXT_INPUT_PROPS,
+  props: { ...TEXT_INPUT_PROPS,
     ...SEED_DATA_PROPS,
     multiline: {
       group: _types.GROUPS.basic,
@@ -153,34 +333,6 @@ const SEED_DATA = [{
       propType: _types.PROP_TYPES.STRING
     }
   }
-}, {
-  name: "Number Input",
-  tag: "NumberInput",
-  description: "An input field that allows users to type in data.",
-  category: _types.COMPONENT_TYPES.input,
-  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: [_types.Triggers.OnChangeText],
-  props: { ...SEED_DATA_PROPS,
-    ..._types.NUMBER_INPUT_PROPS,
-    fieldName: (0, _types.createFieldNameProp)({
-      defaultValue: "numberInputValue",
-      valuePropName: "value",
-      handlerPropName: "onChangeText"
-    })
-  }
 }];
 exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=TextInput.js.map

package/lib/commonjs/mappings/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","style","group","GROUPS","basic","label","description","editable","required","formType","FORM_TYPES","typeStyle","propType","PROP_TYPES","THEME","defaultValue","clearButtonMode","options","flatArray","STRING","clearTextOnFocus","boolean","BOOLEAN","enablesReturnKeyAutomatically","underlineColorAndroid","color","fieldName","FIELD_NAME","handlerPropName","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","Triggers","OnChangeText","props","TEXT_INPUT_PROPS","multiline","numberOfLines","min","step","precision","number","NUMBER","scrollEnabled","spellcheck","textContentType","advanced","textBreakStrategy","NUMBER_INPUT_PROPS","createFieldNameProp","valuePropName"],"sources":["TextInput.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  NUMBER_INPUT_PROPS,\n  Triggers,\n  createFieldNameProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA_PROPS = {\n  style: {\n    group: GROUPS.basic,\n    label: \"Style\",\n    description: \"Text Style\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.typeStyle,\n    propType: PROP_TYPES.THEME,\n    defaultValue: null,\n  },\n  clearButtonMode: {\n    group: GROUPS.basic,\n    label: \"Clear Button Mode\",\n    description:\n      \"Enables a button within the textInput to clear the data entered\",\n    editable: true,\n    required: false,\n    options: [\"never\", \"while-editing\", \"unless-editing\", \"always\"],\n    defaultValue: null,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  clearTextOnFocus: {\n    group: GROUPS.basic,\n    label: \"Clear Text on Focus\",\n    description:\n      \"If true, clears the text field automatically when its focused.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  enablesReturnKeyAutomatically: {\n    group: GROUPS.basic,\n    label: \"Enables Return Key Automatically\",\n    description:\n      \"If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  underlineColorAndroid: {\n    group: GROUPS.basic,\n    label: \"Underline color\",\n    description:\n      \"(Android Only) The color of the underline(the line underneath the text when finished typing.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.THEME,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    defaultValue: \"textInputValue\",\n    handlerPropName: \"onChangeText\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Text Input\",\n    tag: \"TextInput\",\n    description: \"An input field that allows users to type in data.\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url:\n      \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n    supports_list_render: false,\n    layout: {\n      borderLeftWidth: 1,\n      borderRightWidth: 1,\n      borderTopWidth: 1,\n      borderBottomWidth: 1,\n      borderColor: \"divider\",\n      paddingLeft: 8,\n      paddingRight: 8,\n      paddingTop: 8,\n      paddingBottom: 8,\n      borderRadius: 8,\n    },\n    triggers: [Triggers.OnChangeText],\n    props: {\n      ...TEXT_INPUT_PROPS,\n      ...SEED_DATA_PROPS,\n      multiline: {\n        group: GROUPS.basic,\n        label: \"Multiple Lines\",\n        description:\n          \"Allows multiple lines of input, useful for situations where the user may be typing in a lot of data.\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n      },\n      numberOfLines: {\n        group: GROUPS.basic,\n        label: \"Number of Lines\",\n        description:\n          \"Sets the number of lines for the input (Multiple Lines needs to be true)\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        min: 0,\n        step: 1,\n        precision: 0,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n      },\n      scrollEnabled: {\n        group: GROUPS.basic,\n        label: \"Scroll Enabled\",\n        description:\n          \"If false, scrolling of the input will be disabled. Only works when Multiple Lines is true\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n      },\n      spellcheck: {\n        group: GROUPS.basic,\n        label: \"Disable Spell Check\",\n        description:\n          \"If false, disables spell-check style (red underlines). Default comes from Auto Correct\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n      },\n      textContentType: {\n        group: GROUPS.advanced,\n        label: \"Text Content Type\",\n        description:\n          \"Give the keyboard and system about what it should do with the input. For example, if its an address, autofill from address book\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        options: [\n          \"none\",\n          \"URL\",\n          \"addressCity\",\n          \"addressCityAndState\",\n          \"addressState\",\n          \"countryName\",\n          \"creditCardNumber\",\n          \"emailAddress\",\n          \"familyName\",\n          \"fullStreetAddress\",\n          \"givenName\",\n          \"jobTitle\",\n          \"location\",\n          \"middleName\",\n          \"name\",\n          \"namePrefix\",\n          \"nameSuffix\",\n          \"nickname\",\n          \"organizationName\",\n          \"postalCode\",\n          \"streetAddressLine1\",\n          \"streetAddressLine2\",\n          \"sublocality\",\n          \"telephoneNumber\",\n          \"username\",\n          \"password\",\n        ],\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n      },\n      textBreakStrategy: {\n        group: GROUPS.advanced,\n        label: \"Text Break Strategy\",\n        description:\n          \"(Android Only) Set the text break strategy. (Default: simple)\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        options: [\"simple\", \"highQuality\", \"balanced\"],\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n      },\n    },\n  },\n  {\n    name: \"Number Input\",\n    tag: \"NumberInput\",\n    description: \"An input field that allows users to type in data.\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url:\n      \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n    supports_list_render: false,\n    layout: {\n      borderLeftWidth: 1,\n      borderRightWidth: 1,\n      borderTopWidth: 1,\n      borderBottomWidth: 1,\n      borderColor: \"divider\",\n      paddingLeft: 8,\n      paddingRight: 8,\n      paddingTop: 8,\n      paddingBottom: 8,\n      borderRadius: 8,\n    },\n    triggers: [Triggers.OnChangeText],\n    props: {\n      ...SEED_DATA_PROPS,\n      ...NUMBER_INPUT_PROPS,\n      fieldName: createFieldNameProp({\n        defaultValue: \"numberInputValue\",\n        valuePropName: \"value\",\n        handlerPropName: \"onChangeText\",\n      }),\n    },\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["TEXT_INPUT_PROPS","allowFontScaling","group","GROUPS","advanced","label","description","editable","required","defaultValue","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","autoCapitalize","options","flatArray","STRING","autoCorrect","autoFocus","basic","caretHidden","contextMenuHidden","keyboardAppearance","keyboardType","maxLength","min","step","precision","number","NUMBER","placeholder","data","string","placeholderTextColor","color","returnKeyLabel","returnKeyType","secureTextEntry","selectionColor","selectTextOnFocus","SEED_DATA_PROPS","style","typeStyle","THEME","clearButtonMode","clearTextOnFocus","enablesReturnKeyAutomatically","underlineColorAndroid","fieldName","FIELD_NAME","handlerPropName","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","stylesPanelSections","StylesPanelSections","Typography","Background","Size","MarginsAndPaddings","Position","Borders","Effects","preview_image_url","supports_list_render","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","Triggers","OnChangeText","props","multiline","numberOfLines","scrollEnabled","spellcheck","textContentType","textBreakStrategy"],"sources":["TextInput.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  Triggers,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nconst TEXT_INPUT_PROPS = {\n  allowFontScaling: {\n    group: GROUPS.advanced,\n    label: \"Allow Font Scaling\",\n    description:\n      \"Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  autoCapitalize: {\n    group: GROUPS.advanced,\n    label: \"Auto Capitalize\",\n    description:\n      \"Can automatically capitalize sentences, words, and characters (Default: none).\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\"none\", \"sentences\", \"words\", \"characters\"],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  autoCorrect: {\n    group: GROUPS.advanced,\n    label: \"Auto Correct\",\n    description: \"Enables auto correction\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  autoFocus: {\n    group: GROUPS.basic,\n    label: \"Auto Focus\",\n    description: \"Focuses the input on load in and brings up the keyboard\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  caretHidden: {\n    group: GROUPS.advanced,\n    label: \"Hide Caret\",\n    description:\n      \"Hides the caret(the line small line underneath each showing where you're editing/typing\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  contextMenuHidden: {\n    group: GROUPS.advanced,\n    label: \"Hide Context Menu\",\n    description: \"Hides the system context menu (Default: false)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  editable: {\n    group: GROUPS.advanced,\n    label: \"Editable\",\n    description: \"If false, the text is not editable\",\n    editable: true,\n    required: false,\n    defaultValue: true,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  keyboardAppearance: {\n    group: GROUPS.advanced,\n    label: \"Keyboard Appearance\",\n    description: \"Determines the color of the keyboard.(iOS Only)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\"default\", \"light\", \"dark\"],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  keyboardType: {\n    group: GROUPS.advanced,\n    label: \"Keyboard Type\",\n    description: \"Determines what keyboard is given to the user.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\n      \"default\",\n      \"email-address\",\n      \"numeric\",\n      \"phone-pad\",\n      \"ascii-capable\",\n      \"numbers-and-punctuation\",\n      \"url\",\n      \"number-pad\",\n      \"name-phone-pad\",\n      \"decimal-pad\",\n      \"twitter\",\n      \"web-search\",\n      \"visible-password\",\n    ],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  maxLength: {\n    group: GROUPS.basic,\n    label: \"Max Length\",\n    description: \"Limits the input to a set number of characters.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    min: 0,\n    step: 1,\n    precision: 0,\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n  },\n  placeholder: {\n    group: GROUPS.data,\n    label: \"Placeholder Text\",\n    description: \"The text that is shown on load when no value is available.\",\n    editable: true,\n    required: false,\n    defaultValue: \"Enter a value...\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n  },\n  placeholderTextColor: {\n    group: GROUPS.basic,\n    label: \"Placeholder Text Color\",\n    description: \"The color of the placeholder text.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.STRING,\n  },\n  returnKeyLabel: {\n    group: GROUPS.advanced,\n    label: \"Return Key Label\",\n    description:\n      \"(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n  },\n  returnKeyType: {\n    group: GROUPS.advanced,\n    label: \"Return Key Type\",\n    description: \"Determines how the return key should look like\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\n      \"done\",\n      \"go\",\n      \"next\",\n      \"search\",\n      \"send\",\n      \"none\",\n      \"previous\",\n      \"default\",\n      \"emergency-call\",\n      \"google\",\n      \"join\",\n      \"route\",\n      \"yahoo\",\n    ],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  secureTextEntry: {\n    group: GROUPS.basic,\n    label: \"Password Input?\",\n    description:\n      \"Hides the characters with a *, useful for passwords and other sensitive information.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  selectionColor: {\n    group: GROUPS.advanced,\n    label: \"Selection Color\",\n    description: \"Color of the highlighted portion when selecting.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.STRING,\n  },\n  selectTextOnFocus: {\n    group: GROUPS.advanced,\n    label: \"Select Text on Focus\",\n    description:\n      \"If true, all the text will automatically be selected on focus\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n};\n\nexport const SEED_DATA_PROPS = {\n  style: {\n    group: GROUPS.basic,\n    label: \"Style\",\n    description: \"Text Style\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.typeStyle,\n    propType: PROP_TYPES.THEME,\n    defaultValue: null,\n  },\n  clearButtonMode: {\n    group: GROUPS.basic,\n    label: \"Clear Button Mode\",\n    description:\n      \"Enables a button within the textInput to clear the data entered\",\n    editable: true,\n    required: false,\n    options: [\"never\", \"while-editing\", \"unless-editing\", \"always\"],\n    defaultValue: null,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  clearTextOnFocus: {\n    group: GROUPS.basic,\n    label: \"Clear Text on Focus\",\n    description:\n      \"If true, clears the text field automatically when its focused.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  enablesReturnKeyAutomatically: {\n    group: GROUPS.basic,\n    label: \"Enables Return Key Automatically\",\n    description:\n      \"If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  underlineColorAndroid: {\n    group: GROUPS.basic,\n    label: \"Underline color\",\n    description:\n      \"(Android Only) The color of the underline(the line underneath the text when finished typing.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.THEME,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    defaultValue: \"textInputValue\",\n    handlerPropName: \"onChangeText\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Text Input\",\n    tag: \"TextInput\",\n    description: \"An input field that allows users to type in data.\",\n    category: COMPONENT_TYPES.input,\n    stylesPanelSections: [\n      StylesPanelSections.Typography,\n      StylesPanelSections.Background,\n      StylesPanelSections.Size,\n      StylesPanelSections.MarginsAndPaddings,\n      StylesPanelSections.Position,\n      StylesPanelSections.Borders,\n      StylesPanelSections.Effects,\n    ],\n    preview_image_url:\n      \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n    supports_list_render: false,\n    layout: {\n      borderLeftWidth: 1,\n      borderRightWidth: 1,\n      borderTopWidth: 1,\n      borderBottomWidth: 1,\n      borderColor: \"divider\",\n      paddingLeft: 8,\n      paddingRight: 8,\n      paddingTop: 8,\n      paddingBottom: 8,\n      borderRadius: 8,\n    },\n    triggers: [Triggers.OnChangeText],\n    props: {\n      ...TEXT_INPUT_PROPS,\n      ...SEED_DATA_PROPS,\n      multiline: {\n        group: GROUPS.basic,\n        label: \"Multiple Lines\",\n        description:\n          \"Allows multiple lines of input, useful for situations where the user may be typing in a lot of data.\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n      },\n      numberOfLines: {\n        group: GROUPS.basic,\n        label: \"Number of Lines\",\n        description:\n          \"Sets the number of lines for the input (Multiple Lines needs to be true)\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        min: 0,\n        step: 1,\n        precision: 0,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n      },\n      scrollEnabled: {\n        group: GROUPS.basic,\n        label: \"Scroll Enabled\",\n        description:\n          \"If false, scrolling of the input will be disabled. Only works when Multiple Lines is true\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n      },\n      spellcheck: {\n        group: GROUPS.basic,\n        label: \"Disable Spell Check\",\n        description:\n          \"If false, disables spell-check style (red underlines). Default comes from Auto Correct\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n      },\n      textContentType: {\n        group: GROUPS.advanced,\n        label: \"Text Content Type\",\n        description:\n          \"Give the keyboard and system about what it should do with the input. For example, if its an address, autofill from address book\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        options: [\n          \"none\",\n          \"URL\",\n          \"addressCity\",\n          \"addressCityAndState\",\n          \"addressState\",\n          \"countryName\",\n          \"creditCardNumber\",\n          \"emailAddress\",\n          \"familyName\",\n          \"fullStreetAddress\",\n          \"givenName\",\n          \"jobTitle\",\n          \"location\",\n          \"middleName\",\n          \"name\",\n          \"namePrefix\",\n          \"nameSuffix\",\n          \"nickname\",\n          \"organizationName\",\n          \"postalCode\",\n          \"streetAddressLine1\",\n          \"streetAddressLine2\",\n          \"sublocality\",\n          \"telephoneNumber\",\n          \"username\",\n          \"password\",\n        ],\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n      },\n      textBreakStrategy: {\n        group: GROUPS.advanced,\n        label: \"Text Break Strategy\",\n        description:\n          \"(Android Only) Set the text break strategy. (Default: simple)\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        options: [\"simple\", \"highQuality\", \"balanced\"],\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n      },\n    },\n  },\n];\n"],"mappings":"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"}

package/lib/commonjs/mappings/ToggleButton.js

@@ -11,6 +11,7 @@ const SEED_DATA = {
   name: "Toggle Button",
   tag: "ToggleButton",
   category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: [_types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects, _types.StylesPanelSections.Position],
   layout: {},
   triggers: [_types.Triggers.OnPress],
   props: {

package/lib/commonjs/mappings/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","deprecated","layout","triggers","Triggers","OnPress","props","onPress","createActionProp","icon","createIconProp","required","iconSize","createIconSizeProp","fieldName","createFieldNameProp","defaultValue","valuePropName","disabled","createBoolProp","label","description","group","GROUPS","basic","color","createColorProp","colorSecondary","borderColor","width","createStaticNumberProp","height"],"sources":["ToggleButton.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  createIconProp,\n  createBoolProp,\n  createColorProp,\n  createStaticNumberProp,\n  createFieldNameProp,\n  createIconSizeProp,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Toggle Button\",\n  tag: \"ToggleButton\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {},\n  triggers: [Triggers.OnPress],\n  props: {\n    onPress: createActionProp(),\n    icon: createIconProp({\n      required: true,\n    }),\n    iconSize: createIconSizeProp(),\n    fieldName: createFieldNameProp({\n      defaultValue: false,\n      valuePropName: \"toggled\",\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether the button should be disabled\",\n      group: GROUPS.basic,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n    }),\n    colorSecondary: createColorProp({\n      label: \"Secondary Color\",\n      group: GROUPS.basic,\n    }),\n    borderColor: createColorProp({\n      label: \"Border Color\",\n      group: GROUPS.basic,\n    }),\n    width: createStaticNumberProp({\n      label: \"Width\",\n      description: \"Width\",\n      defaultValue: 50,\n    }),\n    height: createStaticNumberProp({\n      label: \"Height\",\n      description: \"Height\",\n      defaultValue: 50,\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAaO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,eADiB;EAEvBC,GAAG,EAAE,cAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,OAAO,EAAE,IAAAC,uBAAA,GADJ;IAELC,IAAI,EAAE,IAAAC,qBAAA,EAAe;MACnBC,QAAQ,EAAE;IADS,CAAf,CAFD;IAKLC,QAAQ,EAAE,IAAAC,yBAAA,GALL;IAMLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,YAAY,EAAE,KADe;MAE7BC,aAAa,EAAE;IAFc,CAApB,CANN;IAULC,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBC,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE,uCAFU;MAGvBC,KAAK,EAAEC,aAAA,CAAOC;IAHS,CAAf,CAVL;IAeLC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBJ,KAAK,EAAEC,aAAA,CAAOC;IADO,CAAhB,CAfF;IAkBLG,cAAc,EAAE,IAAAD,sBAAA,EAAgB;MAC9BN,KAAK,EAAE,iBADuB;MAE9BE,KAAK,EAAEC,aAAA,CAAOC;IAFgB,CAAhB,CAlBX;IAsBLI,WAAW,EAAE,IAAAF,sBAAA,EAAgB;MAC3BN,KAAK,EAAE,cADoB;MAE3BE,KAAK,EAAEC,aAAA,CAAOC;IAFa,CAAhB,CAtBR;IA0BLK,KAAK,EAAE,IAAAC,6BAAA,EAAuB;MAC5BV,KAAK,EAAE,OADqB;MAE5BC,WAAW,EAAE,OAFe;MAG5BL,YAAY,EAAE;IAHc,CAAvB,CA1BF;IA+BLe,MAAM,EAAE,IAAAD,6BAAA,EAAuB;MAC7BV,KAAK,EAAE,QADsB;MAE7BC,WAAW,EAAE,QAFgB;MAG7BL,YAAY,EAAE;IAHe,CAAvB;EA/BH;AANgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","deprecated","stylesPanelSections","StylesPanelSections","Margins","Effects","Position","layout","triggers","Triggers","OnPress","props","onPress","createActionProp","icon","createIconProp","required","iconSize","createIconSizeProp","fieldName","createFieldNameProp","defaultValue","valuePropName","disabled","createBoolProp","label","description","group","GROUPS","basic","color","createColorProp","colorSecondary","borderColor","width","createStaticNumberProp","height"],"sources":["ToggleButton.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  createIconProp,\n  createBoolProp,\n  createColorProp,\n  createStaticNumberProp,\n  createFieldNameProp,\n  createIconSizeProp,\n  createActionProp,\n  Triggers,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Toggle Button\",\n  tag: \"ToggleButton\",\n  category: COMPONENT_TYPES.deprecated,\n  stylesPanelSections: [\n    StylesPanelSections.Margins,\n    StylesPanelSections.Effects,\n    StylesPanelSections.Position,\n  ],\n  layout: {},\n  triggers: [Triggers.OnPress],\n  props: {\n    onPress: createActionProp(),\n    icon: createIconProp({\n      required: true,\n    }),\n    iconSize: createIconSizeProp(),\n    fieldName: createFieldNameProp({\n      defaultValue: false,\n      valuePropName: \"toggled\",\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether the button should be disabled\",\n      group: GROUPS.basic,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n    }),\n    colorSecondary: createColorProp({\n      label: \"Secondary Color\",\n      group: GROUPS.basic,\n    }),\n    borderColor: createColorProp({\n      label: \"Border Color\",\n      group: GROUPS.basic,\n    }),\n    width: createStaticNumberProp({\n      label: \"Width\",\n      description: \"Width\",\n      defaultValue: 50,\n    }),\n    height: createStaticNumberProp({\n      label: \"Height\",\n      description: \"Height\",\n      defaultValue: 50,\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAcO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,eADiB;EAEvBC,GAAG,EAAE,cAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAHH;EAIvBC,mBAAmB,EAAE,CACnBC,0BAAA,CAAoBC,OADD,EAEnBD,0BAAA,CAAoBE,OAFD,EAGnBF,0BAAA,CAAoBG,QAHD,CAJE;EASvBC,MAAM,EAAE,EATe;EAUvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CAVa;EAWvBC,KAAK,EAAE;IACLC,OAAO,EAAE,IAAAC,uBAAA,GADJ;IAELC,IAAI,EAAE,IAAAC,qBAAA,EAAe;MACnBC,QAAQ,EAAE;IADS,CAAf,CAFD;IAKLC,QAAQ,EAAE,IAAAC,yBAAA,GALL;IAMLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,YAAY,EAAE,KADe;MAE7BC,aAAa,EAAE;IAFc,CAApB,CANN;IAULC,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBC,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE,uCAFU;MAGvBC,KAAK,EAAEC,aAAA,CAAOC;IAHS,CAAf,CAVL;IAeLC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBJ,KAAK,EAAEC,aAAA,CAAOC;IADO,CAAhB,CAfF;IAkBLG,cAAc,EAAE,IAAAD,sBAAA,EAAgB;MAC9BN,KAAK,EAAE,iBADuB;MAE9BE,KAAK,EAAEC,aAAA,CAAOC;IAFgB,CAAhB,CAlBX;IAsBLI,WAAW,EAAE,IAAAF,sBAAA,EAAgB;MAC3BN,KAAK,EAAE,cADoB;MAE3BE,KAAK,EAAEC,aAAA,CAAOC;IAFa,CAAhB,CAtBR;IA0BLK,KAAK,EAAE,IAAAC,6BAAA,EAAuB;MAC5BV,KAAK,EAAE,OADqB;MAE5BC,WAAW,EAAE,OAFe;MAG5BL,YAAY,EAAE;IAHc,CAAvB,CA1BF;IA+BLe,MAAM,EAAE,IAAAD,6BAAA,EAAuB;MAC7BV,KAAK,EAAE,QADsB;MAE7BC,WAAW,EAAE,QAFgB;MAG7BL,YAAY,EAAE;IAHe,CAAvB;EA/BH;AAXgB,CAAlB"}

package/lib/commonjs/mappings/Touchable.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "Touchable",
   description: "Simple button with no styles",
   category: _types.COMPONENT_TYPES.button,
+  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Borders],
   layout: {},
   triggers: [_types.Triggers.OnPress],
   props: {