@draftbit/core 46.10.3-6c7505.2 → 46.10.3-7476ab.2

package/lib/commonjs/mappings/NumberInput.js

@@ -0,0 +1,238 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA_PROPS = exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA_PROPS = {
+  style: {
+    group: _types.GROUPS.basic,
+    label: "Style",
+    description: "Text Style",
+    editable: false,
+    required: false,
+    formType: _types.FORM_TYPES.typeStyle,
+    propType: _types.PROP_TYPES.THEME,
+    defaultValue: null
+  },
+  clearButtonMode: {
+    group: _types.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: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING
+  },
+  clearTextOnFocus: {
+    group: _types.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: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  enablesReturnKeyAutomatically: {
+    group: _types.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: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  underlineColorAndroid: {
+    group: _types.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: _types.FORM_TYPES.color,
+    propType: _types.PROP_TYPES.THEME
+  },
+  fieldName: {
+    ..._types.FIELD_NAME,
+    defaultValue: "numberInputValue",
+    handlerPropName: "onChangeText"
+  }
+};
+exports.SEED_DATA_PROPS = SEED_DATA_PROPS;
+const SEED_DATA = [{
+  name: "Number Input",
+  tag: "NumberInput",
+  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: {
+    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,
+    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
+    },
+    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: ["numeric", "numbers-and-punctuation", "number-pad"],
+      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.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: _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
+    },
+    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
+    }
+  }
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Picker.js

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA_PROPS = {
+  label: {
+    group: _types.GROUPS.data,
+    label: "Label",
+    description: "The label to be displayed on the picker",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: null,
+    editable: true,
+    required: true
+  },
+  placeholder: {
+    group: _types.GROUPS.basic,
+    label: "Placeholder",
+    description: "The placeholder text of the picker",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: "Select an option",
+    editable: true,
+    required: false
+  },
+  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
+  },
+  assistiveText: {
+    group: _types.GROUPS.basic,
+    label: "Assistive text",
+    description: "Helper text to display below the picker",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: null,
+    editable: true,
+    required: false
+  },
+  options: {
+    group: _types.GROUPS.data,
+    label: "Options",
+    description: "Array of picker options. An array of objects containing a label and value.",
+    editable: true,
+    required: false,
+    formType: _types.FORM_TYPES.array,
+    propType: _types.PROP_TYPES.OBJECT,
+    options: [],
+    defaultValue: null
+  },
+  disabled: {
+    group: _types.GROUPS.basic,
+    label: "Disabled",
+    description: "Whether the picker should be disabled. Will prevent selection and show a greyed out state.",
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN,
+    defaultValue: false,
+    editable: true,
+    required: false
+  },
+  error: {
+    group: _types.GROUPS.data,
+    label: "Error",
+    description: "Whether the picker should display the error state",
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN,
+    defaultValue: false,
+    editable: true,
+    required: false
+  },
+  leftIconName: {
+    group: _types.GROUPS.basic,
+    label: "Left icon name",
+    description: "The icon to display on the left",
+    formType: _types.FORM_TYPES.icon,
+    propType: _types.PROP_TYPES.ASSET,
+    defaultValue: null,
+    editable: true,
+    required: false
+  },
+  leftIconMode: {
+    group: _types.GROUPS.basic,
+    label: "Left icon mode",
+    description: "The mode of the icon to display on the left. 'inset' or 'outset'.",
+    formType: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: "inset",
+    options: ["inset", "outset"],
+    editable: true,
+    required: true
+  },
+  rightIconName: {
+    group: _types.GROUPS.basic,
+    label: "Right icon name",
+    description: "The icon to display on the right",
+    formType: _types.FORM_TYPES.icon,
+    propType: _types.PROP_TYPES.ASSET,
+    defaultValue: null,
+    editable: true,
+    required: false
+  },
+  fieldName: {
+    ..._types.FIELD_NAME,
+    defaultValue: "pickerValue",
+    handlerPropName: "onValueChange"
+  }
+};
+const SEED_DATA_TRIGGERS = [_types.Triggers.OnValueChange];
+const SEED_DATA = [{
+  name: "Picker",
+  tag: "Picker",
+  description: "A component used to pick a value from a set of options",
+  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}/Picker.png",
+  supports_list_render: false,
+  triggers: SEED_DATA_TRIGGERS,
+  props: {
+    ...SEED_DATA_PROPS,
+    type: {
+      label: "Appearance",
+      description: "Type of Picker",
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "solid",
+      options: ["solid", "underline"],
+      editable: true,
+      required: true,
+      group: _types.GROUPS.basic
+    },
+    iconSize: (0, _types.createIconSizeProp)({
+      defaultValue: 24
+    }),
+    iconColor: (0, _types.createColorProp)({
+      label: "Icon Color"
+    }),
+    autoDismissKeyboard: (0, _types.createStaticBoolProp)({
+      label: "Auto dismiss keyboard",
+      description: "Automatically dismiss keyboard when Picker is opened",
+      defaultValue: true
+    })
+  },
+  layout: {}
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ProgressBar.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = [{
+  name: "Progress Bar",
+  tag: "ProgressBar",
+  description: "A horizontal bar used to show completed progress",
+  category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Status_Progress.png",
+  supports_list_render: false,
+  props: {
+    progress: {
+      group: _types.GROUPS.data,
+      label: "Progress",
+      description: "The amount of progress to display. A number 0-1.",
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 0.5,
+      min: 0,
+      max: 1,
+      step: 0.01,
+      precision: 2,
+      editable: true,
+      required: true
+    },
+    color: {
+      group: _types.GROUPS.basic,
+      label: "Progress Color",
+      description: "Custom color for the progress shown",
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null,
+      editable: true,
+      required: true
+    },
+    unfilledColor: {
+      group: _types.GROUPS.basic,
+      label: "Unfilled Color",
+      description: "The color of the unfilled portion of the progress bar(eg. if at 50% then this is the color of the other 50%)",
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null,
+      editable: true,
+      required: true
+    },
+    borderRadius: {
+      group: _types.GROUPS.basic,
+      label: "Border Radius",
+      description: "The border radius of the bar",
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 10,
+      min: 0,
+      max: 100,
+      step: 1,
+      precision: 1,
+      editable: true,
+      required: true
+    },
+    borderWidth: {
+      group: _types.GROUPS.basic,
+      label: "Border Width",
+      description: "The width of the border that surrounds the bar.",
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 1,
+      min: 0,
+      max: 15,
+      step: 1,
+      precision: 1,
+      editable: true,
+      required: true
+    },
+    borderColor: {
+      group: _types.GROUPS.basic,
+      label: "Border Color",
+      description: "Custom color for border of the entire bar",
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null,
+      editable: true,
+      required: true
+    },
+    animationType: {
+      group: _types.GROUPS.basic,
+      label: "Animation Type",
+      description: "The type of animation that occurs when the bar is filled(Default is Spring)",
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "spring",
+      options: ["decay", "timing", "spring"],
+      editable: true,
+      required: true
+    }
+  },
+  layout: {
+    width: 200,
+    height: 20
+  }
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ProgressCircle.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Progress Circle",
+  tag: "ProgressCircle",
+  description: "A circle used to show completed progress",
+  category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Status_Progress.png",
+  supports_list_render: false,
+  props: {
+    progress: {
+      group: _types.GROUPS.data,
+      label: "Progress",
+      description: "The amount of progress to display. A number 0-1.",
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 0.5,
+      min: 0,
+      max: 1,
+      step: 0.01,
+      precision: 2,
+      editable: true,
+      required: true
+    },
+    color: {
+      group: _types.GROUPS.basic,
+      label: "Color",
+      description: "Color for the progress shown",
+      editable: true,
+      defaultValue: "primary",
+      required: true,
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME
+    },
+    unfilledColor: {
+      group: _types.GROUPS.basic,
+      label: "Unfilled Color",
+      description: "The color of the unfilled portion of the progress bar(eg. if at 50% then this is the color of the other 50%)",
+      editable: true,
+      defaultValue: null,
+      required: true,
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME
+    },
+    size: {
+      group: _types.GROUPS.basic,
+      label: "Size",
+      description: "The size of the circle",
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 100,
+      min: 0,
+      max: 300,
+      step: 1,
+      precision: 1,
+      editable: true,
+      required: true
+    },
+    showsText: {
+      group: _types.GROUPS.basic,
+      label: "Show Progress Text",
+      description: "Shows progress in the middle of the circle",
+      formType: _types.FORM_TYPES.boolean,
+      propType: _types.PROP_TYPES.BOOLEAN,
+      defaultValue: true,
+      editable: true,
+      required: true
+    },
+    textStyle: {
+      group: _types.GROUPS.basic,
+      label: "Text Style",
+      description: "Text Style of the inner circle",
+      editable: true,
+      required: true,
+      formType: _types.FORM_TYPES.typeStyle,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    thickness: {
+      group: _types.GROUPS.basic,
+      label: "Thickness",
+      description: "Thickness of the inner circle",
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 1,
+      min: 0,
+      max: 15,
+      step: 1,
+      precision: 1,
+      editable: true,
+      required: true
+    },
+    strokeCap: {
+      group: _types.GROUPS.basic,
+      label: "Stroke Cap",
+      description: "The style of the stroke",
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "butt",
+      options: ["butt", "square", "round"],
+      editable: true,
+      required: true
+    }
+  },
+  layout: {
+    width: 250,
+    height: 250
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/RadioButton.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Radio Button",
+  tag: "RadioButton",
+  category: _types.COMPONENT_TYPES.control,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  triggers: [_types.Triggers.OnPress],
+  props: {
+    value: (0, _types.createTextProp)({
+      label: "Value",
+      description: "Value of the radio button",
+      defaultValue: null,
+      required: true
+    }),
+    color: (0, _types.createColorProp)({
+      group: _types.GROUPS.basic,
+      description: "Color for the button",
+      defaultValue: "primary"
+    }),
+    unselectedColor: (0, _types.createColorProp)({
+      group: _types.GROUPS.basic,
+      label: "Unselected Color",
+      description: "Unselected Color for the button",
+      defaultValue: "primary"
+    }),
+    disabled: (0, _types.createBoolProp)({
+      label: "Disabled",
+      description: "Whether radio button is disabled"
+    }),
+    size: (0, _types.createNumberProp)({
+      group: _types.GROUPS.basic,
+      label: "Size",
+      description: "Specifies the size of the button",
+      defaultValue: 24,
+      min: 16,
+      max: 128,
+      step: 1,
+      precision: 0
+    }),
+    selectedIcon: (0, _types.createIconProp)({
+      label: "Selected Icon",
+      description: "Icon to show when the radio button is selected",
+      defaultValue: "MaterialIcons/radio-button-checked"
+    }),
+    unselectedIcon: (0, _types.createIconProp)({
+      label: "Unselected Icon",
+      description: "Icon to show when the radio button is unselected",
+      defaultValue: "MaterialIcons/radio-button-unchecked"
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/RadioButtonGroup.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Radio Button Group",
+  tag: "RadioButtonGroup",
+  category: _types.COMPONENT_TYPES.control,
+  stylesPanelSections: [_types.StylesPanelSections.Margins],
+  layout: {},
+  triggers: [_types.Triggers.OnValueChange],
+  props: {
+    direction: (0, _types.createDirectionProp)(),
+    fieldName: (0, _types.createFieldNameProp)({
+      handlerPropName: "onValueChange",
+      valuePropName: "value",
+      defaultValue: "radioButtonGroupValue"
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;