@draftbit/core 46.4.4-c3016d.2 → 46.4.4-c73f9e.2

package/lib/commonjs/constants.js

@@ -16,4 +16,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
   ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
 });
 
-exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;

package/lib/commonjs/mappings/HtmlElements.js

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+
+var _types = require("@draftbit/types");
+
+const SEED_DATA_TRIGGERS = [_types.Triggers.OnValueChange];
+const ELEMENT_PROPS = {
+  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
+  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
+  packageName: "@expo/html-elements",
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Effects],
+  layout: {
+    margin: 0
+  },
+  triggers: SEED_DATA_TRIGGERS
+};
+const HEADING_PROPS = {
+  category: _types.COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS,
+  props: {
+    accessibilityLabel: {
+      group: _types.GROUPS.accessibility,
+      name: "accessibilityLabel",
+      label: "accessibilityLabel",
+      description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: null
+    },
+    selectable: {
+      group: _types.GROUPS.advanced,
+      name: "selectable",
+      label: "selectable",
+      description: "Lets the user select text, to use the native copy and paste functionality.",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.boolean,
+      propType: _types.PROP_TYPES.BOOLEAN,
+      defaultValue: null
+    },
+    children: {
+      group: _types.GROUPS.data,
+      label: "Text",
+      description: "Text",
+      editable: true,
+      required: true,
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "Your Headline Here"
+    }
+  }
+};
+const TEXT_PROPS = {
+  category: _types.COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS,
+  props: {
+    children: {
+      group: _types.GROUPS.data,
+      label: "Text",
+      description: "Text",
+      defaultValue: "Your Text Here",
+      editable: true,
+      required: true,
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING
+    }
+  }
+};
+const SEED_DATA = [{
+  name: "H1",
+  tag: "H1",
+  ...HEADING_PROPS
+}, {
+  name: "H2",
+  tag: "H2",
+  ...HEADING_PROPS
+}, {
+  name: "H3",
+  tag: "H3",
+  ...HEADING_PROPS
+}, {
+  name: "H4",
+  tag: "H4",
+  ...HEADING_PROPS
+}, {
+  name: "H5",
+  tag: "H5",
+  ...HEADING_PROPS
+}, {
+  name: "H6",
+  tag: "H6",
+  ...HEADING_PROPS
+}, {
+  name: "Anchor",
+  tag: "A",
+  ...TEXT_PROPS,
+  props: {
+    href: (0, _types.createTextProp)({
+      label: "href",
+      description: "Specify the URL",
+      defaultValue: ""
+    }),
+    target: {
+      group: _types.GROUPS.basic,
+      label: "target",
+      description: "decide where link should open",
+      formType: _types.FORM_TYPES.flatArray,
+      defaultValue: "_blank",
+      options: ["_blank", "_self", "_parent", "_top"]
+    }
+  }
+}, {
+  name: "Paragraph",
+  tag: "P",
+  ...TEXT_PROPS,
+  props: {// NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
+    // strong: createBoolProp({
+    //     label: "Strong",
+    //     description: "Strong",
+    // }),
+    // strike: createBoolProp({
+    //     label: "Strike",
+    //     description: "Strike through",
+    // }),
+    // italic: createBoolProp({
+    //     label: "Italic",
+    //     description: "Italic Fonts",
+    // }),
+    // bold: createBoolProp({
+    //     label: "Bold",
+    //     description: "Bold",
+    // }),
+  }
+}, {
+  name: "Code",
+  tag: "Code",
+  category: _types.COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "Pre",
+  tag: "Pre",
+  category: _types.COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "Mark",
+  tag: "Mark",
+  category: _types.COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "BR",
+  tag: "BR",
+  category: _types.COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "BlockQuote",
+  tag: "BlockQuote",
+  category: _types.COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "Time",
+  tag: "Time",
+  category: _types.COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "UL",
+  tag: "UL",
+  category: _types.COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "LI",
+  tag: "LI",
+  category: _types.COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "HR",
+  tag: "HR",
+  category: _types.COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/TextArea.js

@@ -67,6 +67,17 @@ const SEED_DATA = {
       formType: _types.FORM_TYPES.boolean,
       propType: _types.PROP_TYPES.BOOLEAN
     },
+    blurOnSubmit: {
+      group: _types.GROUPS.advanced,
+      label: "Blur On Submit",
+      description: "If true, the text field will blur when submitted. ",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: _types.FORM_TYPES.boolean,
+      propType: _types.PROP_TYPES.BOOLEAN
+    },
+    disabled: (0, _types.createDisabledProp)(),
     caretHidden: {
       group: _types.GROUPS.advanced,
       label: "Hide Caret",
@@ -88,12 +99,12 @@ const SEED_DATA = {
       propType: _types.PROP_TYPES.BOOLEAN
     },
     editable: {
-      group: _types.GROUPS.advanced,
-      label: "Editable",
+      group: _types.GROUPS.data,
+      label: "Editable?",
       description: "If false, the text is not editable",
       editable: true,
       required: false,
-      defaultValue: true,
+      defaultValue: null,
       formType: _types.FORM_TYPES.boolean,
       propType: _types.PROP_TYPES.BOOLEAN
     },

package/lib/commonjs/mappings/TextField.js

@@ -70,7 +70,7 @@ const SEED_DATA_PROPS = {
     propType: _types.PROP_TYPES.BOOLEAN
   },
   disabled: {
-    group: _types.GROUPS.basic,
+    group: _types.GROUPS.data,
     label: "Disabled",
     description: "Whether the input should be disabled. Will prevent input and show a greyed out state.",
     formType: _types.FORM_TYPES.boolean,
@@ -80,12 +80,22 @@ const SEED_DATA_PROPS = {
     required: false
   },
   editable: {
-    group: _types.GROUPS.advanced,
-    label: "Editable",
+    group: _types.GROUPS.data,
+    label: "Editable?",
     description: "If false, the text is not editable",
     editable: true,
     required: false,
-    defaultValue: true,
+    defaultValue: null,
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN
+  },
+  blurOnSubmit: {
+    group: _types.GROUPS.advanced,
+    label: "Blur On Submit",
+    description: "If true, the text field will blur when submitted. ",
+    editable: true,
+    required: false,
+    defaultValue: null,
     formType: _types.FORM_TYPES.boolean,
     propType: _types.PROP_TYPES.BOOLEAN
   },

package/lib/commonjs/mappings/TextInput.js

@@ -149,12 +149,12 @@ const SEED_DATA = [{
       propType: _types.PROP_TYPES.BOOLEAN
     },
     editable: {
-      group: _types.GROUPS.advanced,
-      label: "Editable",
+      group: _types.GROUPS.data,
+      label: "Editable?",
       description: "If false, the text is not editable",
       editable: true,
       required: false,
-      defaultValue: true,
+      defaultValue: null,
       formType: _types.FORM_TYPES.boolean,
       propType: _types.PROP_TYPES.BOOLEAN
     },
@@ -223,6 +223,16 @@ const SEED_DATA = [{
       formType: _types.FORM_TYPES.string,
       propType: _types.PROP_TYPES.STRING
     },
+    blurOnSubmit: {
+      group: _types.GROUPS.advanced,
+      label: "Blur On Submit",
+      description: "If true, the text field will blur when submitted. ",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: _types.FORM_TYPES.boolean,
+      propType: _types.PROP_TYPES.BOOLEAN
+    },
     returnKeyType: {
       group: _types.GROUPS.advanced,
       label: "Return Key Type",
@@ -288,6 +298,7 @@ const SEED_DATA = [{
       formType: _types.FORM_TYPES.number,
       propType: _types.PROP_TYPES.NUMBER
     },
+    disabled: (0, _types.createDisabledProp)(),
     scrollEnabled: {
       group: _types.GROUPS.basic,
       label: "Scroll Enabled",

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/Checkbox/CheckboxRow.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 { StyleSheet, View, Platform } from "react-native";
 import { isString } from "lodash";
@@ -6,7 +8,7 @@ import { usePrevious } from "../../hooks";
 import Text from "../Text";
 import Touchable from "../Touchable";
 import Checkbox from "./Checkbox";
-export var Direction;
+export let Direction;
 
 (function (Direction) {
   Direction["Row"] = "row";
@@ -78,14 +80,13 @@ const CheckboxRow = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Touchable, {
+  return /*#__PURE__*/React.createElement(Touchable, _extends({
     onPress: handlePress,
     style: [viewStyles, styles.mainParent, {
       flexDirection: direction
     }],
-    disabled: disabled,
-    ...rest
-  }, /*#__PURE__*/React.createElement(View, {
+    disabled: disabled
+  }, rest), /*#__PURE__*/React.createElement(View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -122,23 +123,4 @@ const styles = StyleSheet.create({
     flex: 3
   }
 });
-export default CheckboxRow;heet.create({
-  mainParent: {
-    alignItems: "center",
-    justifyContent: "space-around",
-    paddingStart: 20,
-    minHeight: 50,
-    paddingEnd: 20,
-    display: "flex",
-    ...Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  },
-  label: {
-    flex: 3
-  }
-});
 export default CheckboxRow;

package/lib/module/components/DeprecatedFAB.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 { ActivityIndicator, View, StyleSheet } from "react-native";
 import color from "color";
@@ -108,7 +110,7 @@ const FAB = _ref => {
     style: [{
       elevation
     }, style]
-  }, /*#__PURE__*/React.createElement(Touchable, { ...rest,
+  }, /*#__PURE__*/React.createElement(Touchable, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -116,7 +118,7 @@ const FAB = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: buttonStyles
-  }, /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
     style: iconStyle
@@ -156,24 +158,4 @@ const styles = StyleSheet.create({
     borderRadius: 0
   }
 });
-export default withTheme(FAB);erStyle: "solid"
-  },
-  content: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    alignItems: "center",
-    justifyContent: "center",
-    width: Config.buttonIconSize
-  },
-  fixed: {
-    left: 0,
-    right: 0,
-    bottom: 0,
-    height: 64,
-    borderRadius: 0
-  }
-});
 export default withTheme(FAB);

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

@@ -1,5 +1,13 @@
+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";
 export default class PortalConsumer extends React.Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "key", void 0);
+  }
+
   async componentDidMount() {
     this.checkManager(); // Delay updating to prevent React from going to infinite loop
 
@@ -27,12 +35,4 @@ export default class PortalConsumer extends React.Component {
     return null;
   }
 
-}ap your root component with `Provider` component from `react-native-paper`.\n\n" + "Please read our getting-started guide and make sure you've followed all the required steps.\n\n" + "https://callstack.github.io/react-native-paper/getting-started.html");
-    }
-  }
-
-  render() {
-    return null;
-  }
-
 }

package/lib/module/components/TextField.js

@@ -1,3 +1,7 @@
+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); }
+
+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, Animated, TextInput as NativeTextInput, StyleSheet, Text, I18nManager } from "react-native";
 import { withTheme } from "../theming";
@@ -10,7 +14,8 @@ const ICON_SIZE = 24;
 class TextField extends React.Component {
   constructor() {
     super(...arguments);
-    this.state = {
+
+    _defineProperty(this, "state", {
       nativeProps: {},
       labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),
       focused: false,
@@ -19,35 +24,36 @@ class TextField extends React.Component {
         measured: false,
         width: 0
       }
-    };
-    this._timer = setTimeout(() => {}, 0);
+    });
+
+    _defineProperty(this, "_timer", setTimeout(() => {}, 0));
 
-    this._showPlaceholder = () => {
+    _defineProperty(this, "_showPlaceholder", () => {
       clearTimeout(this._timer); // Set the placeholder in a delay to offset the label animation
       // If we show it immediately, they'll overlap and look ugly
 
       this._timer = setTimeout(() => this.setState({
         placeholder: this.props.placeholder
       }), 50);
-    };
+    });
 
-    this._hidePlaceholder = () => this.setState({
+    _defineProperty(this, "_hidePlaceholder", () => this.setState({
       placeholder: ""
-    });
+    }));
 
-    this._restoreLabel = () => Animated.timing(this.state.labeled, {
+    _defineProperty(this, "_restoreLabel", () => Animated.timing(this.state.labeled, {
       toValue: 1,
       duration: FOCUS_ANIMATION_DURATION,
       useNativeDriver: true
-    }).start();
+    }).start());
 
-    this._minmizeLabel = () => Animated.timing(this.state.labeled, {
+    _defineProperty(this, "_minmizeLabel", () => Animated.timing(this.state.labeled, {
       toValue: 0,
       duration: BLUR_ANIMATION_DURATION,
       useNativeDriver: true
-    }).start();
+    }).start());
 
-    this._handleFocus = () => {
+    _defineProperty(this, "_handleFocus", () => {
       if (this.props.disabled) {
         return;
       }
@@ -55,9 +61,9 @@ class TextField extends React.Component {
       this.setState({
         focused: true
       });
-    };
+    });
 
-    this._handleBlur = () => {
+    _defineProperty(this, "_handleBlur", () => {
       if (this.props.disabled) {
         return;
       }
@@ -65,9 +71,9 @@ class TextField extends React.Component {
       this.setState({
         focused: false
       });
-    };
+    });
 
-    this._handleChangeText = value => {
+    _defineProperty(this, "_handleChangeText", value => {
       if (this.props.disabled) {
         return;
       }
@@ -83,9 +89,9 @@ class TextField extends React.Component {
         });
         this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
       }
-    };
+    });
 
-    this._root = undefined;
+    _defineProperty(this, "_root", undefined);
   }
 
   static getDerivedStateFromProps(nextProps, prevState) {
@@ -136,11 +142,10 @@ class TextField extends React.Component {
       focused: !prevState.focused
     }));
   }
+
   /**
    * @internal
    */
-
-
   setNativeProps(args) {
     this.setState(state => ({ ...state,
       nativeState: args || {}
@@ -185,8 +190,7 @@ class TextField extends React.Component {
         roundness,
         disabledOpacity
       },
-      render = props => /*#__PURE__*/React.createElement(NativeTextInput, { ...props
-      }),
+      render = props => /*#__PURE__*/React.createElement(NativeTextInput, props),
       ...rest
     } = this.props;
     const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
@@ -338,9 +342,9 @@ class TextField extends React.Component {
     } = StyleSheet.flatten(style || {});
     return /*#__PURE__*/React.createElement(View, {
       style: [styles.container, styleProp]
-    }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
+    }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
       style: leftIconStyle
-    }) : null, /*#__PURE__*/React.createElement(View, {
+    })) : null, /*#__PURE__*/React.createElement(View, {
       style: applyStyles([containerStyle], {
         height: style === null || style === void 0 ? void 0 : style.height,
         backgroundColor: bgColor,
@@ -407,9 +411,9 @@ class TextField extends React.Component {
       style: {
         justifyContent: type === "solid" ? "center" : undefined
       }
-    }, /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
+    }, /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
       style: leftIconStyle
-    })) : null, render({
+    }))) : null, render({
       ref: c => {
         this._root = c;
       },
@@ -447,42 +451,6 @@ class TextField extends React.Component {
 
 }
 
-export default withTheme(TextField);
-const styles = StyleSheet.create({
-  container: {
-    alignSelf: "stretch"
-  },
-  placeholder: {
-    position: "absolute",
-    left: 0
-  },
-  underline: {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    bottom: 0,
-    height: 2
-  },
-  input: {
-    flexGrow: 1,
-    justifyContent: "center",
-    textAlignVertical: "center",
-    margin: 0,
-    textAlign: I18nManager.isRTL ? "right" : "left"
-  }
-}); "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16
-      }
-    }) : null, assistiveText ? /*#__PURE__*/React.createElement(Text, {
-      style: [{
-        color: error ? colors.error : colors.light,
-        marginTop: 8,
-        marginLeft: assistiveTextLeftMargin
-      }]
-    }, assistiveText) : null);
-  }
-
-}
-
 export default withTheme(TextField);
 const styles = StyleSheet.create({
   container: {