@draftbit/core 46.2.4-00bad7.0 → 46.2.4-2fc21b.3

package/lib/commonjs/mappings/TextInput.js

@@ -7,185 +7,6 @@ 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,
@@ -265,7 +86,184 @@ const SEED_DATA = [{
     borderRadius: 8
   },
   triggers: [_types.Triggers.OnChangeText],
-  props: { ...TEXT_INPUT_PROPS,
+  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
+    },
     ...SEED_DATA_PROPS,
     multiline: {
       group: _types.GROUPS.basic,

package/lib/module/components/Banner.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import * as React from "react";
 import { Button, Text, View, StyleSheet, Animated } from "react-native";
 import Surface from "./Surface";
@@ -72,9 +74,9 @@ const Banner = _ref => {
 
   const height = Animated.multiply(position, layout.height);
   const translateY = Animated.multiply(Animated.add(position, -1), layout.height);
-  return /*#__PURE__*/React.createElement(Surface, { ...rest,
+  return /*#__PURE__*/React.createElement(Surface, _extends({}, rest, {
     style: [styles.container, shadow(ELEVATION), style]
-  }, /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: [styles.wrapper, contentStyle]
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: {
@@ -153,26 +155,4 @@ const styles = StyleSheet.create({
     margin: 8
   }
 });
-export default withTheme(Banner);00%"
-  },
-  content: {
-    flexDirection: "row",
-    justifyContent: "flex-start",
-    marginHorizontal: 8,
-    marginTop: 16,
-    marginBottom: 0
-  },
-  icon: {
-    margin: 8
-  },
-  message: {
-    flex: 1,
-    margin: 8
-  },
-  actions: {
-    flexDirection: "row",
-    justifyContent: "flex-end",
-    margin: 8
-  }
-});
 export default withTheme(Banner);

package/lib/module/components/CardContainer.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from "react";
 import { View, Text } from "react-native";
 import color from "color";
@@ -49,12 +51,11 @@ const CardContainer = _ref => {
       break;
   }
 
-  return /*#__PURE__*/React.createElement(Card, {
+  return /*#__PURE__*/React.createElement(Card, _extends({
     style: style,
     onPress: onPress,
-    numColumns: numColumns,
-    ...rest
-  }, /*#__PURE__*/React.createElement(Elevation, {
+    numColumns: numColumns
+  }, rest), /*#__PURE__*/React.createElement(Elevation, {
     style: {
       elevation,
       borderRadius: roundness
@@ -124,15 +125,4 @@ const CardContainer = _ref => {
   })) : null)));
 };
 
-export default withTheme(CardContainer);ONTAINER_PADDING,
-      borderRadius: ICON_CONTAINER_SIZE,
-      backgroundColor: color(colors.strong).alpha(Config.cardIconBackgroundOpacity).rgb().string()
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: icon,
-    size: Config.cardIconSize,
-    color: colors.surface
-  })) : null)));
-};
-
 export default withTheme(CardContainer);

package/lib/module/components/Config.js

@@ -54,6 +54,7 @@ export default {
     width: size.width,
     height: size.height
   }, "image-placeholder_1"),
+  placeholderSvgURL: "https://static.draftbit.com/images/placeholder-svg.svg",
   squareImageUrl: buildImageUrl({
     width: 100,
     height: 100

package/lib/module/components/Divider.js

@@ -1,27 +1,9 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import * as React from "react";
 import { StyleSheet, View } from "react-native";
 import { withTheme } from "../theming";
 
-const Divider = _ref => {
-  let {
-    style,
-    color,
-    theme: {
-      colors
-    },
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/React.createElement(View, {
-    style: [{
-      backgroundColor: color || colors.divider,
-      height: StyleSheet.hairlineWidth
-    }, style],
-    ...rest
-  });
-};
-
-export default withTheme(Divider);ng";
-
 const Divider = _ref => {
   let {
     style,

package/lib/module/components/FAB.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import * as React from "react";
 import { View, StyleSheet, Pressable, ActivityIndicator, Platform } from "react-native";
 import { withTheme } from "../theming";
@@ -25,7 +27,7 @@ const FAB = _ref => {
       borderRadius: size / 2,
       overflow: "hidden"
     }, style]
-  }, /*#__PURE__*/React.createElement(Pressable, {
+  }, /*#__PURE__*/React.createElement(Pressable, _extends({
     onPress: onPress,
     disabled: loading || disabled,
     android_ripple: {
@@ -43,9 +45,8 @@ const FAB = _ref => {
         borderRadius: size / 2,
         backgroundColor
       }];
-    },
-    ...props
-  }, /*#__PURE__*/React.createElement(View, null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    }
+  }, props), /*#__PURE__*/React.createElement(View, null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
     style: size > 50 ? {
       marginTop: 2,
       marginLeft: 2
@@ -59,25 +60,6 @@ const FAB = _ref => {
   }))));
 };
 
-const styles = StyleSheet.create({
-  button: {
-    backgroundColor: "#5a45ff",
-    justifyContent: "center",
-    alignItems: "center",
-    ...Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  }
-});
-export default withTheme(FAB);  name: iconName,
-    size: size,
-    color: color
-  }))));
-};
-
 const styles = StyleSheet.create({
   button: {
     backgroundColor: "#5a45ff",

package/lib/module/components/Portal/PortalHost.js

@@ -1,3 +1,5 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import * as React from "react";
 import { View, StyleSheet } from "react-native";
 import PortalManager from "./PortalManager";
@@ -31,11 +33,11 @@ export default class PortalHost extends React.Component {
   constructor() {
     super(...arguments);
 
-    this.setManager = manager => {
+    _defineProperty(this, "setManager", manager => {
       this.manager = manager;
-    };
+    });
 
-    this.mount = children => {
+    _defineProperty(this, "mount", children => {
       const key = this.nextKey++;
 
       if (this.manager) {
@@ -49,9 +51,9 @@ export default class PortalHost extends React.Component {
       }
 
       return key;
-    };
+    });
 
-    this.update = (key, children) => {
+    _defineProperty(this, "update", (key, children) => {
       if (this.manager) {
         this.manager.update(key, children);
       } else {
@@ -69,9 +71,9 @@ export default class PortalHost extends React.Component {
           this.queue.push(op);
         }
       }
-    };
+    });
 
-    this.unmount = key => {
+    _defineProperty(this, "unmount", key => {
       if (this.manager) {
         this.manager.unmount(key);
       } else {
@@ -80,10 +82,13 @@ export default class PortalHost extends React.Component {
           key
         });
       }
-    };
+    });
+
+    _defineProperty(this, "nextKey", 0);
+
+    _defineProperty(this, "queue", []);
 
-    this.nextKey = 0;
-    this.queue = [];
+    _defineProperty(this, "manager", void 0);
   }
 
   componentDidMount() {
@@ -127,22 +132,6 @@ export default class PortalHost extends React.Component {
     }));
   }
 
-}
-PortalHost.displayName = "Portal.Host";
-const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});   }
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.container,
-      collapsable: false,
-      pointerEvents: "box-none"
-    }, this.props.children), /*#__PURE__*/React.createElement(PortalManager, {
-      ref: this.setManager
-    }));
-  }
-
 }
 
 _defineProperty(PortalHost, "displayName", "Portal.Host");

package/lib/module/components/RadioButton/RadioButton.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import * as React from "react";
 import Config from "../Config";
 import IconButton from "../IconButton";
@@ -32,21 +34,6 @@ const RadioButton = _ref => {
     onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);
   };
 
-  return /*#__PURE__*/React.createElement(IconButton, {
-    Icon: Icon,
-    icon: isSelected ? selectedIcon : unselectedIcon,
-    color: isSelected ? color : unselectedColor,
-    disabled: disabled,
-    onPress: handlePress,
-    size: size,
-    style: style,
-    ...rest
-  });
-};
-
-export default RadioButton; onValueChange(realValue);
-  };
-
   return /*#__PURE__*/React.createElement(IconButton, _extends({
     Icon: Icon,
     icon: isSelected ? selectedIcon : unselectedIcon,

package/lib/module/components/RadioButton/RadioButtonGroup.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import * as React from "react";
 import { View } from "react-native";
 import { getValueForRadioButton } from "../../utilities";
@@ -46,23 +48,7 @@ const RadioButtonGroup = _ref => {
     });
   }
 
-  return /*#__PURE__*/React.createElement(View, {
-    style: [{
-      minHeight: 40
-    }, style],
-    ...rest
-  }, /*#__PURE__*/React.createElement(Provider, {
-    value: {
-      value: internalValue,
-      onValueChange: handleValueChange,
-      direction
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: _containerStyle
-  }, children)));
-};
-
-export default RadioButtonGroup;xtends({
+  return /*#__PURE__*/React.createElement(View, _extends({
     style: [{
       minHeight: 40
     }, style]