@draftbit/core 46.2.4-dedb7a.0 → 46.2.4-f941fc.0

package/lib/module/mappings/NumberInput.js

@@ -1,4 +1,152 @@
 import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections } from "@draftbit/types";
+const NUMBER_INPUT_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
+  }
+};
 export const SEED_DATA_PROPS = {
   style: {
     group: GROUPS.basic,
@@ -78,151 +226,6 @@ export const SEED_DATA = [{
   },
   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
-    }
+    ...NUMBER_INPUT_PROPS
   }
 }];

package/lib/module/mappings/TabView.js

@@ -0,0 +1,70 @@
+import { COMPONENT_TYPES, createTextProp, createTextEnumProp, createBoolProp, createColorProp } from "@draftbit/types";
+export const SEED_DATA = [{
+  name: "TabView",
+  tag: "TabView",
+  category: COMPONENT_TYPES.container,
+  layout: {},
+  props: {
+    tabBarPosition: createTextEnumProp({
+      label: "Tab Bar Position",
+      description: "Tab Bar Position",
+      options: ["top", "bottom"],
+      defaultValue: "top"
+    }),
+    keyboardDismissMode: createTextEnumProp({
+      label: "Keyboard Dismiss Mode",
+      description: "Keyboard Dismiss Mode",
+      options: ["auto", "on-drag", "none"],
+      defaultValue: "auto"
+    }),
+    swipeEnabled: createBoolProp({
+      label: "Swipe Enabled",
+      description: "Swipe Enabled",
+      defaultValue: true
+    }),
+    scrollEnabled: createBoolProp({
+      label: "Scroll Enabled",
+      description: "Scroll Enabled",
+      defaultValue: true
+    }),
+    activeColor: createColorProp({
+      label: "Active Color",
+      description: "Active Color",
+      defaultValue: "primary"
+    }),
+    inactiveColor: createColorProp({
+      label: "Inactive Color",
+      description: "Inactive Color",
+      defaultValue: null
+    }),
+    pressColor: createColorProp({
+      label: "Press Color",
+      description: "Press Color",
+      defaultValue: null
+    }),
+    indicatorColor: createColorProp({
+      label: "Indicator Color",
+      description: "Indicator Color",
+      defaultValue: null
+    })
+  }
+}, {
+  name: "TabViewItem",
+  tag: "TabViewItem",
+  category: COMPONENT_TYPES.container,
+  layout: {},
+  props: {
+    title: createTextProp({
+      label: "Title",
+      description: "Tab Title"
+    }),
+    id: createTextProp({
+      label: "Id",
+      description: "Tab Id"
+    }),
+    accessibilityLabel: createTextProp({
+      label: "Accessibility Label",
+      description: "Accessibility Label"
+    })
+  }
+}];