@draftbit/core 46.10.3-fb35c9.2 → 46.10.3-fbd333.2

package/lib/commonjs/components/BottomSheet/BottomSheetComponent.js

@@ -77,22 +77,6 @@ class ScrollBottomSheet extends _react.Component {
    * Gesture Handler references
    */
 
-  /**
-   * ScrollView prop
-   */
-
-  /**
-   * Pan gesture handler events for drawer handle and content
-   */
-
-  /**
-   * Main Animated Value that drives the top position of the UI drawer at any point in time
-   */
-
-  /**
-   * Animated value that keeps track of the position: 0 => closed, 1 => opened
-   */
-
   /**
    * Flag to indicate imperative snapping
    */
@@ -101,15 +85,6 @@ class ScrollBottomSheet extends _react.Component {
    * Manual snapping amount
    */
 
-  /**
-   * Keeps track of the current index
-   */
-
-  /**
-   * Deceleration rate of the scroll component. This is used only on Android to
-   * compensate the unexpected glide it gets sometimes.
-   */
-
   constructor(props) {
     var _props$animationConfi, _this;
     super(props);
@@ -118,15 +93,8 @@ class ScrollBottomSheet extends _react.Component {
     _defineProperty(this, "drawerHandleRef", /*#__PURE__*/_react.default.createRef());
     _defineProperty(this, "drawerContentRef", /*#__PURE__*/_react.default.createRef());
     _defineProperty(this, "scrollComponentRef", /*#__PURE__*/_react.default.createRef());
-    _defineProperty(this, "onScrollBeginDrag", void 0);
-    _defineProperty(this, "onHandleGestureEvent", void 0);
-    _defineProperty(this, "onDrawerGestureEvent", void 0);
-    _defineProperty(this, "translateY", void 0);
-    _defineProperty(this, "position", void 0);
     _defineProperty(this, "isManuallySetValue", new _reactNativeReanimated.Value(0));
     _defineProperty(this, "manualYOffset", new _reactNativeReanimated.Value(0));
-    _defineProperty(this, "nextSnapIndex", void 0);
-    _defineProperty(this, "decelerationRate", void 0);
     _defineProperty(this, "prevSnapIndex", -1);
     _defineProperty(this, "dragY", new _reactNativeReanimated.Value(0));
     _defineProperty(this, "prevDragY", new _reactNativeReanimated.Value(0));
@@ -138,18 +106,9 @@ class ScrollBottomSheet extends _react.Component {
     _defineProperty(this, "animationFrameTime", new _reactNativeReanimated.Value(0));
     _defineProperty(this, "velocityY", new _reactNativeReanimated.Value(0));
     _defineProperty(this, "lastStartScrollY", new _reactNativeReanimated.Value(0));
-    _defineProperty(this, "prevTranslateYOffset", void 0);
-    _defineProperty(this, "translationY", void 0);
     _defineProperty(this, "destSnapPoint", new _reactNativeReanimated.Value(0));
-    _defineProperty(this, "lastSnap", void 0);
     _defineProperty(this, "dragWithHandle", new _reactNativeReanimated.Value(0));
     _defineProperty(this, "scrollUpAndPullDown", new _reactNativeReanimated.Value(0));
-    _defineProperty(this, "didGestureFinish", void 0);
-    _defineProperty(this, "didScrollUpAndPullDown", void 0);
-    _defineProperty(this, "setTranslationY", void 0);
-    _defineProperty(this, "extraOffset", void 0);
-    _defineProperty(this, "calculateNextSnapPoint", void 0);
-    _defineProperty(this, "scrollComponent", void 0);
     _defineProperty(this, "convertPercentageToDp", str => Number(str.split("%")[0]) * (windowHeight - this.props.topInset) / 100);
     _defineProperty(this, "getNormalisedSnapPoints", () => {
       return this.props.snapPoints.map(p => {

package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js

@@ -13,8 +13,7 @@ var _utilities = require("../../utilities");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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); }
-let Direction;
+var Direction;
 exports.Direction = Direction;
 (function (Direction) {
   Direction["Row"] = "row";
@@ -72,13 +71,14 @@ const CheckboxGroupRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
     onPress: handlePress,
     style: [styles.mainParent, {
       flexDirection: direction
     }, viewStyles],
-    disabled: disabled
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+    disabled: disabled,
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -117,4 +117,22 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = CheckboxGroupRow;
+exports.default = _default;center",
+    justifyContent: "space-around",
+    paddingStart: 20,
+    minHeight: 50,
+    paddingEnd: 20,
+    display: "flex",
+    ..._reactNative.Platform.select({
+      web: {
+        cursor: "pointer",
+        userSelect: "none"
+      }
+    })
+  },
+  label: {
+    flex: 3
+  }
+});
+var _default = CheckboxGroupRow;
 exports.default = _default;

package/lib/commonjs/components/Checkbox/CheckboxRow.js

@@ -14,8 +14,7 @@ var _Checkbox = _interopRequireDefault(require("./Checkbox"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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); }
-let Direction;
+var Direction;
 exports.Direction = Direction;
 (function (Direction) {
   Direction["Row"] = "row";
@@ -58,7 +57,6 @@ const CheckboxRow = _ref => {
       setInternalValue(status);
     }
   }, [status]);
-
   // This special logic is to handle weird APIs like Airtable that return
   // true or undefined for a boolean
   const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
@@ -82,13 +80,14 @@ const CheckboxRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
     onPress: handlePress,
     style: [viewStyles, styles.mainParent, {
       flexDirection: direction
     }],
-    disabled: disabled
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+    disabled: disabled,
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -125,4 +124,22 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = CheckboxRow;
+exports.default = _default;ems: "center",
+    justifyContent: "space-around",
+    paddingStart: 20,
+    minHeight: 50,
+    paddingEnd: 20,
+    display: "flex",
+    ..._reactNative.Platform.select({
+      web: {
+        cursor: "pointer",
+        userSelect: "none"
+      }
+    })
+  },
+  label: {
+    flex: 3
+  }
+});
+var _default = CheckboxRow;
 exports.default = _default;

package/lib/commonjs/components/DeprecatedCardWrapper.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _theming = require("../theming");
+var _Touchable = _interopRequireDefault(require("./Touchable"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const getWidth = numColumns => {
+  switch (numColumns) {
+    case 1:
+      return "33%";
+    case 2:
+      return "50%";
+    default:
+      return "100%";
+  }
+};
+const Card = _ref => {
+  let {
+    numColumns = 3,
+    children,
+    onPress,
+    style,
+    ...rest
+  } = _ref;
+  const width = getWidth(numColumns);
+  return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
+    disabled: !onPress,
+    onPress: onPress,
+    style: [style, {
+      width
+    }]
+  }, rest), children);
+};
+var _default = (0, _theming.withTheme)(Card);
+exports.default = _default;

package/lib/commonjs/components/DeprecatedFAB.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _color = _interopRequireDefault(require("color"));
+var _Config = _interopRequireDefault(require("./Config"));
+var _Text = _interopRequireDefault(require("./Text"));
+var _Elevation = _interopRequireDefault(require("./Elevation"));
+var _theming = require("../theming");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+const FAB = _ref => {
+  let {
+    Icon,
+    icon,
+    disabled = false,
+    type = "solid",
+    loading = false,
+    color: colorOverride,
+    label,
+    onPress,
+    elevation = 0,
+    style,
+    theme: {
+      colors,
+      disabledOpacity,
+      roundness,
+      typography
+    },
+    ...rest
+  } = _ref;
+  let backgroundColor, borderColor, textColor, borderWidth;
+  const buttonColor = colorOverride || colors.primary;
+  if (type === "standard" || type === "extended" || type === "fixed") {
+    backgroundColor = buttonColor;
+    if (disabled) {
+      textColor = (0, _color.default)(colors.surface).alpha(disabledOpacity).rgb().string();
+    } else {
+      textColor = colors.surface;
+    }
+  } else {
+    backgroundColor = "transparent";
+    if (disabled) {
+      textColor = (0, _color.default)(buttonColor).alpha(disabledOpacity).rgb().string();
+    } else {
+      textColor = buttonColor;
+    }
+  }
+  if (type === "outline") {
+    if (disabled) {
+      borderColor = (0, _color.default)(buttonColor).alpha(disabledOpacity).rgb().string();
+    } else {
+      borderColor = buttonColor;
+    }
+    borderWidth = _reactNative.StyleSheet.hairlineWidth;
+  } else {
+    borderColor = "transparent";
+    borderWidth = 0;
+  }
+  const buttonStyle = {
+    backgroundColor,
+    borderColor,
+    borderWidth,
+    borderRadius: roundness,
+    alignItems: "center",
+    justifyContent: "center"
+  };
+  const buttonStyles = [styles.button, buttonStyle];
+  const contentStyle = [styles.content];
+  const textStyle = {
+    textAlign: "center",
+    color: textColor
+  };
+  const iconStyle = [styles.icon, {
+    width: _Config.default.buttonIconSize
+  }];
+  if (type === "standard" || type === "outline") {
+    buttonStyle.width = _Config.default.FABSize;
+    buttonStyle.height = _Config.default.FABSize;
+    buttonStyle.borderRadius = _Config.default.FABBorderRadius;
+    contentStyle.push({
+      width: _Config.default.FABSize,
+      height: _Config.default.FABSize
+    });
+  }
+  if (type === "extended" || type === "fixed") {
+    iconStyle.push({
+      marginLeft: 16,
+      marginRight: -8
+    });
+    textStyle.margin = 16;
+  }
+  if (type === "fixed") {
+    buttonStyles.push({
+      height: _Config.default.FABFixedHeight,
+      alignSelf: "stretch"
+    });
+  }
+  return /*#__PURE__*/React.createElement(_Elevation.default, {
+    style: [{
+      elevation
+    }, style]
+  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
+    onPress: onPress,
+    accessibilityState: {
+      disabled
+    },
+    accessibilityRole: "button",
+    disabled: disabled || loading,
+    style: buttonStyles
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.content
+  }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: iconStyle
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    size: _Config.default.buttonIconSize,
+    color: textColor
+  })) : null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
+    size: "small",
+    color: textColor,
+    style: iconStyle
+  }) : null, label ? /*#__PURE__*/React.createElement(_Text.default, {
+    numberOfLines: 1,
+    style: [textStyle, typography.button]
+  }, label) : null)));
+};
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    borderStyle: "solid"
+  },
+  content: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    alignItems: "center",
+    justifyContent: "center",
+    width: _Config.default.buttonIconSize
+  },
+  fixed: {
+    left: 0,
+    right: 0,
+    bottom: 0,
+    height: 64,
+    borderRadius: 0
+  }
+});
+var _default = (0, _theming.withTheme)(FAB);
+exports.default = _default;

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

@@ -7,14 +7,7 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class PortalConsumer extends React.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "key", void 0);
-  }
   async componentDidMount() {
     this.checkManager();
 

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

@@ -89,7 +89,6 @@ class PortalHost extends React.Component {
     });
     _defineProperty(this, "nextKey", 0);
     _defineProperty(this, "queue", []);
-    _defineProperty(this, "manager", void 0);
   }
   componentDidMount() {
     const manager = this.manager;

package/lib/commonjs/components/ProgressIndicator.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _StepIndicator = _interopRequireDefault(require("./StepIndicator"));
+var _theming = require("../theming");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const ProgressIndicator = _ref => {
+  let {
+    numberOfSteps,
+    currentStep,
+    currentStepStrokeWidth = 3,
+    stepStrokeCurrentColor = "primary",
+    stepIndicatorSize,
+    currentStepIndicatorSize,
+    stepIndicatorCurrentColor,
+    stepIndicatorLabelCurrentColor,
+    stepIndicatorLabelFontSize = 12,
+    stepNumberFinishedColor = "strongInverse",
+    stepNumberUnfinishedColor = "primary",
+    unfinishedColor = "light",
+    finishedColor = "primary",
+    theme
+  } = _ref;
+  const currentPosition = currentStep - 1;
+  return /*#__PURE__*/React.createElement(_StepIndicator.default, {
+    stepCount: numberOfSteps,
+    currentPosition: currentPosition,
+    customStyles: {
+      stepIndicatorSize,
+      currentStepIndicatorSize: currentStepIndicatorSize ? currentStepIndicatorSize : stepIndicatorSize,
+      stepStrokeFinishedColor: finishedColor,
+      stepStrokeUnFinishedColor: unfinishedColor,
+      separatorFinishedColor: finishedColor,
+      separatorUnFinishedColor: unfinishedColor,
+      stepIndicatorFinishedColor: finishedColor,
+      stepIndicatorUnFinishedColor: unfinishedColor,
+      currentStepStrokeWidth,
+      stepStrokeCurrentColor: stepStrokeCurrentColor || stepIndicatorCurrentColor,
+      stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,
+      stepIndicatorLabelFinishedColor: stepNumberFinishedColor,
+      stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,
+      stepIndicatorLabelCurrentColor: stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,
+      stepIndicatorLabelFontSize,
+      labelFontFamily: theme.typography.body1.fontFamily
+    }
+  });
+};
+var _default = (0, _theming.withTheme)(ProgressIndicator);
+exports.default = _default;

package/lib/commonjs/components/ResizeMode.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/commonjs/components/Text.js

@@ -16,7 +16,6 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 class Text extends React.Component {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "_root", void 0);
     _defineProperty(this, "state", {
       nativeProps: {}
     });

package/lib/commonjs/constants.js

@@ -12,4 +12,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   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/CardBlock.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA_PROPS = {
+  image: {
+    group: _types.GROUPS.data,
+    label: "Image",
+    description: "Image",
+    formType: _types.FORM_TYPES.image,
+    propType: _types.PROP_TYPES.ASSET,
+    defaultValue: null,
+    editable: true,
+    required: false
+  },
+  title: {
+    group: _types.GROUPS.data,
+    label: "Title",
+    description: "Text to display",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: "Beautiful West Coast Villa",
+    editable: true,
+    required: false
+  },
+  leftDescription: {
+    group: _types.GROUPS.data,
+    label: "Left description",
+    description: "Text to display on the left",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: "San Diego",
+    editable: true,
+    required: false
+  },
+  rightDescription: {
+    group: _types.GROUPS.data,
+    label: "Right description",
+    description: "Text to display on the right",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: "$100",
+    editable: true,
+    required: false
+  },
+  aspectRatio: {
+    group: _types.GROUPS.basic,
+    label: "Aspect ratio",
+    description: "Aspect ratio of the image",
+    formType: _types.FORM_TYPES.aspectRatio,
+    propType: _types.PROP_TYPES.NUMBER,
+    defaultValue: 1.5,
+    editable: true,
+    required: false
+  },
+  titleCentered: {
+    group: _types.GROUPS.basic,
+    label: "Title centered",
+    description: "Whether to center the title",
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN,
+    defaultValue: false,
+    editable: true,
+    required: false
+  },
+  elevation: (0, _types.createElevationType)(2)
+};
+const SEED_DATA = [{
+  name: "Small Card",
+  tag: "CardBlock",
+  description: "An elevated card with a title and description, that takes up one third of its container.",
+  category: _types.COMPONENT_TYPES.card,
+  props: {
+    ...SEED_DATA_PROPS,
+    numColumns: (0, _types.createNumColumnsType)({
+      defaultValue: 1
+    })
+  }
+}, {
+  name: "Medium Block Card",
+  tag: "CardBlock",
+  description: "An elevated card with a title and description, that takes up one half of its container.",
+  category: _types.COMPONENT_TYPES.card,
+  props: {
+    ...SEED_DATA_PROPS,
+    icon: {
+      group: _types.GROUPS.basic,
+      label: "Icon",
+      description: "Icon to display on the top right",
+      formType: _types.FORM_TYPES.icon,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: null,
+      editable: true,
+      required: true
+    },
+    numColumns: (0, _types.createNumColumnsType)({
+      defaultValue: 2
+    })
+  }
+}, {
+  name: "Large Block Card",
+  tag: "CardBlock",
+  description: "An elevated card with a title and description, that takes up the full width its container.",
+  category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  props: {
+    ...SEED_DATA_PROPS,
+    icon: {
+      group: _types.GROUPS.basic,
+      label: "Icon",
+      description: "Icon to display on the top right",
+      formType: _types.FORM_TYPES.icon,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: null,
+      editable: true,
+      required: true
+    },
+    numColumns: (0, _types.createNumColumnsType)({
+      defaultValue: 3
+    })
+  }
+}];
+exports.SEED_DATA = SEED_DATA;