@draftbit/core 46.10.3-61c083.2 → 46.10.3-6c7505.2

package/lib/module/mappings/TextInput.js

@@ -1,337 +0,0 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections, createDisabledProp } from "@draftbit/types";
-export const SEED_DATA_PROPS = {
-  style: {
-    group: GROUPS.basic,
-    label: "Style",
-    description: "Text Style",
-    editable: false,
-    required: false,
-    formType: FORM_TYPES.typeStyle,
-    propType: PROP_TYPES.THEME,
-    defaultValue: null
-  },
-  clearButtonMode: {
-    group: GROUPS.basic,
-    label: "Clear Button Mode",
-    description: "Enables a button within the textInput to clear the data entered",
-    editable: true,
-    required: false,
-    options: ["never", "while-editing", "unless-editing", "always"],
-    defaultValue: null,
-    formType: FORM_TYPES.flatArray,
-    propType: PROP_TYPES.STRING
-  },
-  clearTextOnFocus: {
-    group: GROUPS.basic,
-    label: "Clear Text on Focus",
-    description: "If true, clears the text field automatically when its focused.",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN
-  },
-  enablesReturnKeyAutomatically: {
-    group: GROUPS.basic,
-    label: "Enables Return Key Automatically",
-    description: "If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN
-  },
-  underlineColorAndroid: {
-    group: GROUPS.basic,
-    label: "Underline color",
-    description: "(Android Only) The color of the underline(the line underneath the text when finished typing.",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.color,
-    propType: PROP_TYPES.THEME
-  },
-  fieldName: {
-    ...FIELD_NAME,
-    defaultValue: "textInputValue",
-    handlerPropName: "onChangeText"
-  }
-};
-export const SEED_DATA = [{
-  name: "Text Input",
-  tag: "TextInput",
-  description: "An input field that allows users to type in data.",
-  category: COMPONENT_TYPES.input,
-  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
-  preview_image_url: "https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png",
-  supports_list_render: false,
-  layout: {
-    borderLeftWidth: 1,
-    borderRightWidth: 1,
-    borderTopWidth: 1,
-    borderBottomWidth: 1,
-    borderColor: "divider",
-    paddingLeft: 8,
-    paddingRight: 8,
-    paddingTop: 8,
-    paddingBottom: 8,
-    borderRadius: 8
-  },
-  triggers: [Triggers.OnChangeText],
-  props: {
-    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: "none",
-      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.data,
-      label: "Editable?",
-      description: "If false, the text is not editable",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      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: "Enter a value...",
-      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
-    },
-    blurOnSubmit: {
-      group: GROUPS.advanced,
-      label: "Blur On Submit",
-      description: "If true, the text field will blur when submitted. ",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      formType: FORM_TYPES.boolean,
-      propType: PROP_TYPES.BOOLEAN
-    },
-    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
-    },
-    ...SEED_DATA_PROPS,
-    multiline: {
-      group: GROUPS.basic,
-      label: "Multiple Lines",
-      description: "Allows multiple lines of input, useful for situations where the user may be typing in a lot of data.",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      formType: FORM_TYPES.boolean,
-      propType: PROP_TYPES.BOOLEAN
-    },
-    numberOfLines: {
-      group: GROUPS.basic,
-      label: "Number of Lines",
-      description: "Sets the number of lines for the input (Multiple Lines needs to be true)",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      min: 0,
-      step: 1,
-      precision: 0,
-      formType: FORM_TYPES.number,
-      propType: PROP_TYPES.NUMBER
-    },
-    disabled: createDisabledProp(),
-    scrollEnabled: {
-      group: GROUPS.basic,
-      label: "Scroll Enabled",
-      description: "If false, scrolling of the input will be disabled. Only works when Multiple Lines is true",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      formType: FORM_TYPES.boolean,
-      propType: PROP_TYPES.BOOLEAN
-    },
-    spellcheck: {
-      group: GROUPS.basic,
-      label: "Disable Spell Check",
-      description: "If false, disables spell-check style (red underlines). Default comes from Auto Correct",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      formType: FORM_TYPES.boolean,
-      propType: PROP_TYPES.BOOLEAN
-    },
-    textContentType: {
-      group: GROUPS.advanced,
-      label: "Text Content Type",
-      description: "Give the keyboard and system about what it should do with the input. For example, if its an address, autofill from address book",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      options: ["none", "URL", "addressCity", "addressCityAndState", "addressState", "countryName", "creditCardNumber", "emailAddress", "familyName", "fullStreetAddress", "givenName", "jobTitle", "location", "middleName", "name", "namePrefix", "nameSuffix", "nickname", "organizationName", "postalCode", "streetAddressLine1", "streetAddressLine2", "sublocality", "telephoneNumber", "username", "password"],
-      formType: FORM_TYPES.flatArray,
-      propType: PROP_TYPES.STRING
-    },
-    textBreakStrategy: {
-      group: GROUPS.advanced,
-      label: "Text Break Strategy",
-      description: "(Android Only) Set the text break strategy. (Default: simple)",
-      editable: true,
-      required: false,
-      defaultValue: null,
-      options: ["simple", "highQuality", "balanced"],
-      formType: FORM_TYPES.flatArray,
-      propType: PROP_TYPES.STRING
-    }
-  }
-}];

package/lib/module/mappings/ToggleButton.js

@@ -1,46 +0,0 @@
-import { GROUPS, COMPONENT_TYPES, createIconProp, createBoolProp, createColorProp, createStaticNumberProp, createFieldNameProp, createIconSizeProp, createActionProp, Triggers, StylesPanelSections } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Toggle Button",
-  tag: "ToggleButton",
-  category: COMPONENT_TYPES.deprecated,
-  stylesPanelSections: [StylesPanelSections.Margins, StylesPanelSections.Effects, StylesPanelSections.Position],
-  layout: {},
-  triggers: [Triggers.OnPress],
-  props: {
-    onPress: createActionProp(),
-    icon: createIconProp({
-      required: true
-    }),
-    iconSize: createIconSizeProp(),
-    fieldName: createFieldNameProp({
-      defaultValue: false,
-      valuePropName: "toggled"
-    }),
-    disabled: createBoolProp({
-      label: "Disabled",
-      description: "Whether the button should be disabled",
-      group: GROUPS.basic
-    }),
-    color: createColorProp({
-      group: GROUPS.basic
-    }),
-    colorSecondary: createColorProp({
-      label: "Secondary Color",
-      group: GROUPS.basic
-    }),
-    borderColor: createColorProp({
-      label: "Border Color",
-      group: GROUPS.basic
-    }),
-    width: createStaticNumberProp({
-      label: "Width",
-      description: "Width",
-      defaultValue: 50
-    }),
-    height: createStaticNumberProp({
-      label: "Height",
-      description: "Height",
-      defaultValue: 50
-    })
-  }
-};

package/lib/module/mappings/Touchable.js

@@ -1,60 +0,0 @@
-import { COMPONENT_TYPES, createActionProp, Triggers, createStaticNumberProp, StylesPanelSections, createDisabledProp, GROUPS, createStaticBoolProp } from "@draftbit/types";
-const SEED_DATA_PROPS = {
-  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Borders],
-  layout: {},
-  triggers: [Triggers.OnPress, Triggers.OnLongPress],
-  props: {
-    onPress: createActionProp(),
-    onLongPress: createActionProp(),
-    disabled: createDisabledProp(),
-    activeOpacity: createStaticNumberProp({
-      label: "Active Opacity",
-      description: "The opacity when the button is pressed.",
-      defaultValue: null,
-      min: 0,
-      max: 1,
-      step: 0.01,
-      precision: 2,
-      required: false
-    }),
-    disabledOpacity: createStaticNumberProp({
-      label: "Disabled Opacity",
-      description: "The opacity when the button is disabled.",
-      defaultValue: null,
-      min: 0,
-      max: 1,
-      step: 0.01,
-      precision: 2,
-      required: false
-    }),
-    delayLongPress: createStaticNumberProp({
-      label: "Delay Long Press",
-      description: "Duration (in milliseconds) from onPressIn before onLongPress is called.",
-      required: false
-    }),
-    hitSlop: createStaticNumberProp({
-      label: "Hit Slop",
-      description: "Sets additional distance outside of element in which a press can be detected.",
-      required: false
-    }),
-    android_disableSound: createStaticBoolProp({
-      label: "Disable Sound",
-      description: "Disable the Android sound effect.",
-      defaultValue: null,
-      group: GROUPS.android
-    })
-  }
-};
-export const SEED_DATA = [{
-  name: "Touchable",
-  tag: "Touchable",
-  description: "An interactive view with no styles",
-  category: COMPONENT_TYPES.button,
-  ...SEED_DATA_PROPS
-}, {
-  name: "Pressable",
-  tag: "Pressable",
-  description: "An interactive view with no styles",
-  category: COMPONENT_TYPES.button,
-  ...SEED_DATA_PROPS
-}];

package/lib/module/mappings/Video.js

@@ -1,75 +0,0 @@
-import { COMPONENT_TYPES, createStaticBoolProp, createSourceProp, createResizeModeProp, createNumberProp, GROUPS, StylesPanelSections } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Video",
-  tag: "Video",
-  description: "Given a URL, display a video",
-  doc_link: "https://docs.expo.io/versions/latest/sdk/video/",
-  code_link: "https://github.com/expo/expo/blob/master/packages/expo-av/src/Video.tsx",
-  category: COMPONENT_TYPES.media,
-  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Background, StylesPanelSections.Position, StylesPanelSections.Effects],
-  layout: {
-    height: 215
-  },
-  props: {
-    source: createSourceProp({
-      label: "Source",
-      description: "The source of the video data to display.",
-      defaultValue: "http://static.draftbit.com/videos/intro-to-draftbit.mp4"
-    }),
-    usePoster: createStaticBoolProp({
-      label: "Use Thumbnail",
-      description: "Show a thumbnail before the video starts.",
-      defaultValue: false
-    }),
-    posterSource: createSourceProp({
-      label: "Thumbnail Source",
-      description: "The optional image to display over the video while it is loading.",
-      defaultValue: null,
-      required: false
-    }),
-    resizeMode: createResizeModeProp(),
-    isMuted: createStaticBoolProp({
-      label: "Mute Audio",
-      description: "Mute the audio of the video."
-    }),
-    useNativeControls: createStaticBoolProp({
-      label: "Use Native Controls",
-      description: "Display the playback controls, allowing users to play or pause the video.",
-      defaultValue: true
-    }),
-    shouldPlay: createStaticBoolProp({
-      label: "Play Automatically",
-      description: "Start playing the video after loading is finished."
-    }),
-    isLooping: createStaticBoolProp({
-      label: "Loop Video",
-      description: "Automatically replay the video."
-    }),
-    positionMillis: createNumberProp({
-      label: "Starting Point",
-      description: "Set a certian starting point of the video",
-      min: 0,
-      step: 0.01,
-      precision: 2,
-      group: GROUPS.basic
-    }),
-    rate: createNumberProp({
-      label: "Playback Rate",
-      description: "The playback rate of the media. This value must be between 0.0 and 32.0 (Default: 1)",
-      min: 0,
-      max: 32,
-      step: 0.25,
-      precision: 2,
-      group: GROUPS.basic
-    }),
-    volume: createNumberProp({
-      label: "Volume",
-      description: "The volume of the audio for this media. This value must be between 0.0 (silence) and 1.0 (maximum volume). (Default: .5)",
-      min: 0,
-      max: 1,
-      step: 0.1,
-      precision: 1,
-      group: GROUPS.basic
-    })
-  }
-};