@draftbit/core 46.4.3-c292ad.2 → 46.4.4-04eaf1.2

package/lib/commonjs/components/Accordion/AccordionItem.js

@@ -21,6 +21,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 AccordionItem = _ref => {
   let {
     Icon,
@@ -35,10 +37,9 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
-    style: [styles.container, viewStyles],
-    ...rest
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
+    style: [styles.container, viewStyles]
+  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -73,25 +74,4 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(AccordionItem);
 
-exports.default = _default;StyleSheet.create({
-  container: {
-    padding: 8
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingLeft: 8
-  },
-  item: {
-    marginVertical: 6,
-    paddingLeft: 8
-  },
-  content: {
-    flex: 1,
-    justifyContent: "center"
-  }
-});
-
-var _default = (0, _theming.withTheme)(AccordionItem);
-
 exports.default = _default;

package/lib/commonjs/components/Button.js

@@ -15,6 +15,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 CONSTANTS = {
   baseHeight: 42,
   borderRadius: 4,
@@ -71,7 +73,7 @@ function Base(_ref) {
     buttonStyles.justifyContent = "flex-end";
   }
 
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
     onPress: onPress,
     disabled: disabled || loading,
     style: _ref2 => {
@@ -81,9 +83,8 @@ function Base(_ref) {
       return [styles.base, {
         opacity: pressed || disabled ? 0.75 : 1
       }, buttonStyles];
-    },
-    ...props
-  }, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
+    }
+  }, props), loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
     size: "small",
     color: color,
     style: styles.loading
@@ -103,14 +104,13 @@ const Solid = _ref3 => {
     theme,
     ...props
   } = _ref3;
-  return /*#__PURE__*/React.createElement(Base, {
+  return /*#__PURE__*/React.createElement(Base, _extends({
     style: [{
       color: "#FFF",
       borderRadius: theme.roundness,
       backgroundColor: theme.colors.primary
-    }, style],
-    ...props
-  });
+    }, style]
+  }, props));
 };
 
 const ButtonSolid = (0, _theming.withTheme)(Solid);
@@ -124,14 +124,13 @@ const Outline = _ref4 => {
     theme,
     ...props
   } = _ref4;
-  return /*#__PURE__*/React.createElement(Base, {
+  return /*#__PURE__*/React.createElement(Base, _extends({
     style: [styles.outline, {
       borderRadius: theme.roundness,
       borderColor: theme.colors.primary,
       color: theme.colors.primary
-    }, style],
-    ...props
-  });
+    }, style]
+  }, props));
 };
 
 const ButtonOutline = (0, _theming.withTheme)(Outline);
@@ -179,24 +178,4 @@ const styles = _reactNative.StyleSheet.create({
       }
     })
   }
-});nsparent",
-    padding: 0,
-    minHeight: undefined
-  },
-  loading: {
-    marginRight: 6
-  },
-  icon: { ..._reactNative.Platform.select({
-      web: {
-        marginTop: 1,
-        marginRight: 4,
-        alignSelf: "center"
-      },
-      default: {
-        marginBottom: 2,
-        marginRight: 4,
-        alignSelf: "center"
-      }
-    })
-  }
 });

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

@@ -25,7 +25,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-var Direction;
+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;
 exports.Direction = Direction;
 
 (function (Direction) {
@@ -89,14 +91,13 @@ const CheckboxGroupRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_Touchable.default, {
+  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
     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]
@@ -136,24 +137,5 @@ 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/Layout.js

@@ -18,6 +18,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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); }
+
 function Center(_ref) {
   let {
     width = 240,
@@ -27,16 +29,15 @@ function Center(_ref) {
     style,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
     style: [{
       justifyContent: "center",
       alignItems: "center",
       width,
       height,
       backgroundColor: bgColor
-    }, style],
-    ...rest
-  }, children);
+    }, style]
+  }, rest), children);
 }
 
 function Circle(_ref2) {
@@ -48,7 +49,7 @@ function Circle(_ref2) {
     ...rest
   } = _ref2;
   const borderRadius = 1000;
-  return /*#__PURE__*/React.createElement(Center, {
+  return /*#__PURE__*/React.createElement(Center, _extends({
     width: size,
     height: size,
     bgColor: bgColor,
@@ -56,9 +57,8 @@ function Circle(_ref2) {
       backgroundColor: bgColor,
       borderRadius,
       overflow: "hidden"
-    }],
-    ...rest
-  }, children);
+    }]
+  }, rest), children);
 }
 
 function Square(_ref3) {
@@ -69,13 +69,12 @@ function Square(_ref3) {
     style,
     ...rest
   } = _ref3;
-  return /*#__PURE__*/React.createElement(Center, {
+  return /*#__PURE__*/React.createElement(Center, _extends({
     style: style,
     width: size,
     height: size,
-    bgColor: bgColor,
-    ...rest
-  }, children);
+    bgColor: bgColor
+  }, rest), children);
 }
 
 function Row(_ref4) {
@@ -86,14 +85,14 @@ function Row(_ref4) {
     style,
     ...rest
   } = _ref4;
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [style, {
+  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+    style: [style, // style goes first b/c we can't override these
+    {
       alignItems,
       flexDirection: "row",
       justifyContent: justifyContent
-    }],
-    ...rest
-  }, children);
+    }]
+  }, rest), children);
 }
 
 function Spacer(_ref5) {
@@ -106,37 +105,17 @@ function Spacer(_ref5) {
     style,
     ...rest
   } = _ref5;
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
     style: [style, {
       paddingRight: right,
       paddingTop: top,
       paddingLeft: left,
       paddingBottom: bottom
-    }],
-    ...rest
-  }, children);
+    }]
+  }, rest), children);
 }
 
 function Stack(_ref6) {
-  let {
-    children,
-    justifyContent = "flex-start",
-    alignItems = "flex-start",
-    style,
-    ...rest
-  } = _ref6;
-  return (
-    /*#__PURE__*/
-    // style must go first since we don't want justifyContent, alignItems overridden
-    React.createElement(_reactNative.View, {
-      style: [style, {
-        justifyContent,
-        alignItems
-      }],
-      ...rest
-    }, children)
-  );
-}ck(_ref6) {
   let {
     children,
     justifyContent = "flex-start",

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

@@ -13,26 +13,29 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 /**
  * Portal host is the component which actually renders all Portals.
  */
 class PortalManager extends React.PureComponent {
   constructor() {
     super(...arguments);
-    this.state = {
+
+    _defineProperty(this, "state", {
       portals: []
-    };
+    });
 
-    this.mount = (key, children) => {
+    _defineProperty(this, "mount", (key, children) => {
       this.setState(state => ({
         portals: [...state.portals, {
           key,
           children
         }]
       }));
-    };
+    });
 
-    this.update = (key, children) => this.setState(state => ({
+    _defineProperty(this, "update", (key, children) => this.setState(state => ({
       portals: state.portals.map(item => {
         if (item.key === key) {
           return { ...item,
@@ -42,11 +45,11 @@ class PortalManager extends React.PureComponent {
 
         return item;
       })
-    }));
+    })));
 
-    this.unmount = key => this.setState(state => ({
+    _defineProperty(this, "unmount", key => this.setState(state => ({
       portals: state.portals.filter(item => item.key !== key)
-    }));
+    })));
   }
 
   render() {
@@ -68,15 +71,4 @@ class PortalManager extends React.PureComponent {
 
 }
 
-exports.default = PortalManager;le: false
-        /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */
-        ,
-        pointerEvents: "box-none",
-        style: _reactNative.StyleSheet.absoluteFill
-      }, children);
-    });
-  }
-
-}
-
 exports.default = PortalManager;

package/lib/commonjs/components/ProgressBar.js

@@ -13,6 +13,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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); }
+
+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; }
+
 const INDETERMINATE_WIDTH_FACTOR = 0.3;
 const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);
 
@@ -20,7 +24,7 @@ class ProgressBar extends _react.Component {
   constructor(props) {
     super(props);
 
-    this.handleLayout = event => {
+    _defineProperty(this, "handleLayout", event => {
       const {
         width = 150,
         onLayout
@@ -35,7 +39,7 @@ class ProgressBar extends _react.Component {
       if (onLayout) {
         onLayout(event);
       }
-    };
+    });
 
     const {
       progress: progressP = 0,
@@ -89,6 +93,7 @@ class ProgressBar extends _react.Component {
         _reactNative.Animated[animationType](this.state.progress, { ...animationConfig,
           toValue: progress,
           velocity: 0,
+          //adjust this value if animation fails - velocity is required
           useNativeDriver
         }).start();
       } else {
@@ -160,27 +165,6 @@ class ProgressBar extends _react.Component {
         })
       }]
     };
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: [containerStyle, style],
-      onLayout: this.handleLayout,
-      ...restProps
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
-      style: progressStyle
-    }), children);
-  }
-
-}
-
-exports.default = ProgressBar;h / (_reactNative.I18nManager.isRTL ? 2 : -2), 0]
-        })
-      }, {
-        // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
-        scaleX: this.state.progress.interpolate({
-          inputRange: [0, 1],
-          outputRange: [0.0001, 1]
-        })
-      }]
-    };
     return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
       style: [containerStyle, style],
       onLayout: this.handleLayout

package/lib/commonjs/components/RadioButton/RadioButton.js

@@ -21,6 +21,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 RadioButton = _ref => {
   let {
     Icon,
@@ -49,20 +51,7 @@ const RadioButton = _ref => {
     onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);
   };
 
-  return /*#__PURE__*/React.createElement(_IconButton.default, {
-    Icon: Icon,
-    icon: isSelected ? selectedIcon : unselectedIcon,
-    color: isSelected ? color : unselectedColor,
-    disabled: disabled,
-    onPress: handlePress,
-    size: size,
-    style: style,
-    ...rest
-  });
-};
-
-var _default = RadioButton;
-exports.default = _default;turn /*#__PURE__*/React.createElement(_IconButton.default, _extends({
+  return /*#__PURE__*/React.createElement(_IconButton.default, _extends({
     Icon: Icon,
     icon: isSelected ? selectedIcon : unselectedIcon,
     color: isSelected ? color : unselectedColor,

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

@@ -17,6 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 {
   Provider
 } = _context.radioButtonGroupContext;
@@ -61,24 +63,9 @@ const RadioButtonGroup = _ref => {
     });
   }
 
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
     style: [{
       minHeight: 40
-    }, style],
-    ...rest
-  }, /*#__PURE__*/React.createElement(Provider, {
-    value: {
-      value: internalValue,
-      onValueChange: handleValueChange,
-      direction
-    }
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: _containerStyle
-  }, children)));
-};
-
-var _default = RadioButtonGroup;
-exports.default = _default;0
     }, style]
   }, rest), /*#__PURE__*/React.createElement(Provider, {
     value: {

package/lib/commonjs/components/StepIndicator.js

@@ -13,7 +13,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-// @ts-nocheck
+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; }
+
 const STEP_STATUS = {
   CURRENT: "current",
   FINISHED: "finished",
@@ -24,7 +25,7 @@ class StepIndicator extends _react.Component {
   constructor(props) {
     super(props);
 
-    this.renderProgressBarBackground = () => {
+    _defineProperty(this, "renderProgressBarBackground", () => {
       const {
         stepCount,
         direction
@@ -69,9 +70,9 @@ class StepIndicator extends _react.Component {
         },
         style: progressBarBackgroundStyle
       });
-    };
+    });
 
-    this.renderProgressBar = () => {
+    _defineProperty(this, "renderProgressBar", () => {
       const {
         stepCount,
         direction
@@ -103,9 +104,9 @@ class StepIndicator extends _react.Component {
       return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
         style: progressBarStyle
       });
-    };
+    });
 
-    this.renderStepIndicator = () => {
+    _defineProperty(this, "renderStepIndicator", () => {
       let steps = [];
       const {
         stepCount,
@@ -138,9 +139,9 @@ class StepIndicator extends _react.Component {
           height: this.state.customStyles.currentStepIndicatorSize
         }]
       }, steps);
-    };
+    });
 
-    this.renderStepLabels = () => {
+    _defineProperty(this, "renderStepLabels", () => {
       const {
         labels,
         direction,
@@ -182,9 +183,9 @@ class StepIndicator extends _react.Component {
           alignItems: this.state.customStyles.labelAlign
         }]
       }, labelViews);
-    };
+    });
 
-    this.renderStep = position => {
+    _defineProperty(this, "renderStep", position => {
       const {
         renderStepIndicator
       } = this.props;
@@ -256,9 +257,9 @@ class StepIndicator extends _react.Component {
       }) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
         style: indicatorLabelStyle
       }, "".concat(position + 1)));
-    };
+    });
 
-    this.getStepStatus = stepPosition => {
+    _defineProperty(this, "getStepStatus", stepPosition => {
       const {
         currentPosition
       } = this.props;
@@ -270,9 +271,9 @@ class StepIndicator extends _react.Component {
       } else {
         return STEP_STATUS.UNFINISHED;
       }
-    };
+    });
 
-    this.onCurrentPositionChanged = position => {
+    _defineProperty(this, "onCurrentPositionChanged", position => {
       let {
         stepCount
       } = this.props;
@@ -295,7 +296,7 @@ class StepIndicator extends _react.Component {
         toValue: this.state.customStyles.currentStepIndicatorSize / 2,
         duration: 100
       })])]).start();
-    };
+    });
 
     const defaultStyles = {
       stepIndicatorSize: 30,
@@ -410,25 +411,6 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 
-StepIndicator.defaultProps = {
-  currentPosition: 0,
-  stepCount: 5,
-  customStyles: {},
-  direction: "horizontal"
-}; justifyContent: "center"
-  },
-  stepLabel: {
-    fontSize: 12,
-    textAlign: "center",
-    fontWeight: "500"
-  },
-  stepLabelItem: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center"
-  }
-});
-
 StepIndicator.defaultProps = {
   currentPosition: 0,
   stepCount: 5,

package/lib/commonjs/components/Text.js

@@ -15,7 +15,17 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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); }
+
+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; }
+
 class Text extends React.Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "_root", void 0);
+  }
+
   setNativeProps(args) {
     return this._root && this._root.setNativeProps(args);
   }
@@ -26,43 +36,7 @@ class Text extends React.Component {
       ...rest
     } = this.props;
     const writingDirection = _reactNative.I18nManager.isRTL ? "rtl" : "ltr";
-    return /*#__PURE__*/React.createElement(_reactNative.Text, { ...rest,
-      ref: c => {
-        this._root = c;
-      },
-      style: [{
-        textAlign: "left",
-        writingDirection
-      }, style]
-    });
-  }
-
-}
-
-const BaseLink = _ref => {
-  let {
-    style,
-    theme,
-    title,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Text, {
-    hitSlop: 8,
-    style: [{
-      color: theme.colors.primary
-    }, style],
-    theme: theme,
-    ...props
-  }, title);
-};
-
-exports.BaseLink = BaseLink;
-const Link = (0, _theming.withTheme)(BaseLink);
-exports.Link = Link;
-
-var _default = (0, _theming.withTheme)(Text);
-
-exports.default = _default;/React.createElement(_reactNative.Text, _extends({}, rest, {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({}, rest, {
       ref: c => {
         this._root = c;
       },

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;AR_HEIGHT;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;

package/lib/commonjs/mappings/Elements.js

@@ -0,0 +1,121 @@
+"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 = {
+  category: _types.COMPONENT_TYPES.element,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  layout: {
+    margin: 0
+  },
+  triggers: SEED_DATA_TRIGGERS
+};
+const HEADING_PROPS = { ...ELEMENT_PROPS
+};
+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",
+  ...ELEMENT_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",
+  ...ELEMENT_PROPS
+}, {
+  name: "Strong",
+  tag: "Strong",
+  ...ELEMENT_PROPS
+}, {
+  name: "Strike",
+  tag: "S",
+  ...ELEMENT_PROPS
+}, {
+  name: "Italic",
+  tag: "I",
+  ...ELEMENT_PROPS
+}, {
+  name: "Code",
+  tag: "Code",
+  ...ELEMENT_PROPS
+}, {
+  name: "Pre",
+  tag: "Pre",
+  ...ELEMENT_PROPS
+}, {
+  name: "Mark",
+  tag: "Mark",
+  ...ELEMENT_PROPS
+}, {
+  name: "BR",
+  tag: "BR",
+  ...ELEMENT_PROPS
+}, {
+  name: "Quote",
+  tag: "Q",
+  ...ELEMENT_PROPS
+}, {
+  name: "BlockQuote",
+  tag: "BlockQuote",
+  ...ELEMENT_PROPS
+}, {
+  name: "Time",
+  tag: "Time",
+  ...ELEMENT_PROPS
+}, {
+  name: "UL",
+  tag: "UL",
+  ...ELEMENT_PROPS
+}, {
+  name: "LI",
+  tag: "LI",
+  ...ELEMENT_PROPS
+}, {
+  name: "HR",
+  tag: "HR",
+  ...ELEMENT_PROPS
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/module/mappings/Elements.js

@@ -0,0 +1,112 @@
+import { BLOCK_STYLES_SECTIONS, COMPONENT_TYPES, createTextProp, FORM_TYPES, GROUPS, Triggers } from "@draftbit/types";
+const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
+const ELEMENT_PROPS = {
+  category: COMPONENT_TYPES.element,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  layout: {
+    margin: 0
+  },
+  triggers: SEED_DATA_TRIGGERS
+};
+const HEADING_PROPS = { ...ELEMENT_PROPS
+};
+export 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",
+  ...ELEMENT_PROPS,
+  props: {
+    href: createTextProp({
+      label: "href",
+      description: "Specify the URL",
+      defaultValue: ""
+    }),
+    target: {
+      group: GROUPS.basic,
+      label: "target",
+      description: "decide where link should open",
+      formType: FORM_TYPES.flatArray,
+      defaultValue: "_blank",
+      options: ["_blank", "_self", "_parent", "_top"]
+    }
+  }
+}, {
+  name: "Paragraph",
+  tag: "P",
+  ...ELEMENT_PROPS
+}, {
+  name: "Strong",
+  tag: "Strong",
+  ...ELEMENT_PROPS
+}, {
+  name: "Strike",
+  tag: "S",
+  ...ELEMENT_PROPS
+}, {
+  name: "Italic",
+  tag: "I",
+  ...ELEMENT_PROPS
+}, {
+  name: "Code",
+  tag: "Code",
+  ...ELEMENT_PROPS
+}, {
+  name: "Pre",
+  tag: "Pre",
+  ...ELEMENT_PROPS
+}, {
+  name: "Mark",
+  tag: "Mark",
+  ...ELEMENT_PROPS
+}, {
+  name: "BR",
+  tag: "BR",
+  ...ELEMENT_PROPS
+}, {
+  name: "Quote",
+  tag: "Q",
+  ...ELEMENT_PROPS
+}, {
+  name: "BlockQuote",
+  tag: "BlockQuote",
+  ...ELEMENT_PROPS
+}, {
+  name: "Time",
+  tag: "Time",
+  ...ELEMENT_PROPS
+}, {
+  name: "UL",
+  tag: "UL",
+  ...ELEMENT_PROPS
+}, {
+  name: "LI",
+  tag: "LI",
+  ...ELEMENT_PROPS
+}, {
+  name: "HR",
+  tag: "HR",
+  ...ELEMENT_PROPS
+}];

package/lib/typescript/src/mappings/Elements.d.ts

@@ -0,0 +1,30 @@
+export declare const SEED_DATA: ({
+    category: string;
+    stylesPanelSections: string[];
+    layout: {
+        margin: number;
+    };
+    triggers: string[];
+    name: string;
+    tag: string;
+} | {
+    props: {
+        href: any;
+        target: {
+            group: string;
+            label: string;
+            description: string;
+            formType: string;
+            defaultValue: string;
+            options: string[];
+        };
+    };
+    category: string;
+    stylesPanelSections: string[];
+    layout: {
+        margin: number;
+    };
+    triggers: string[];
+    name: string;
+    tag: string;
+})[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.4.3-c292ad.2+c292add",
+  "version": "46.4.4-04eaf1.2+04eaf19",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,8 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.4.3-c292ad.2+c292add",
+    "@draftbit/types": "^46.4.4-04eaf1.2+04eaf19",
+    "@expo/html-elements": "^0.2.0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -81,5 +82,5 @@
       ]
     ]
   },
-  "gitHead": "c292add64fa0f6ded7e9271ed1fe2566b9516911"
+  "gitHead": "04eaf19a6f0f35bb910fbe3bd16d8f5be1b5fb55"
 }

package/src/mappings/Elements.js

@@ -0,0 +1,135 @@
+import { BLOCK_STYLES_SECTIONS, COMPONENT_TYPES, createTextProp, FORM_TYPES, GROUPS, Triggers, } from "@draftbit/types";
+const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
+const ELEMENT_PROPS = {
+    category: COMPONENT_TYPES.element,
+    stylesPanelSections: BLOCK_STYLES_SECTIONS,
+    layout: {
+        margin: 0,
+    },
+    triggers: SEED_DATA_TRIGGERS,
+};
+const HEADING_PROPS = {
+    ...ELEMENT_PROPS,
+};
+export 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",
+        ...ELEMENT_PROPS,
+        props: {
+            href: createTextProp({
+                label: "href",
+                description: "Specify the URL",
+                defaultValue: "",
+            }),
+            target: {
+                group: GROUPS.basic,
+                label: "target",
+                description: "decide where link should open",
+                formType: FORM_TYPES.flatArray,
+                defaultValue: "_blank",
+                options: ["_blank", "_self", "_parent", "_top"],
+            },
+        },
+    },
+    {
+        name: "Paragraph",
+        tag: "P",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "Strong",
+        tag: "Strong",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "Strike",
+        tag: "S",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "Italic",
+        tag: "I",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "Code",
+        tag: "Code",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "Pre",
+        tag: "Pre",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "Mark",
+        tag: "Mark",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "BR",
+        tag: "BR",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "Quote",
+        tag: "Q",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "BlockQuote",
+        tag: "BlockQuote",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "Time",
+        tag: "Time",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "UL",
+        tag: "UL",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "LI",
+        tag: "LI",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "HR",
+        tag: "HR",
+        ...ELEMENT_PROPS,
+    },
+];

package/src/mappings/Elements.ts

@@ -0,0 +1,145 @@
+import {
+  BLOCK_STYLES_SECTIONS,
+  COMPONENT_TYPES,
+  createTextProp,
+  FORM_TYPES,
+  GROUPS,
+  Triggers,
+} from "@draftbit/types";
+const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
+
+const ELEMENT_PROPS = {
+  category: COMPONENT_TYPES.element,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  layout: {
+    margin: 0,
+  },
+  triggers: SEED_DATA_TRIGGERS,
+};
+
+const HEADING_PROPS = {
+  ...ELEMENT_PROPS,
+};
+
+export 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",
+    ...ELEMENT_PROPS,
+    props: {
+      href: createTextProp({
+        label: "href",
+        description: "Specify the URL",
+        defaultValue: "",
+      }),
+      target: {
+        group: GROUPS.basic,
+        label: "target",
+        description: "decide where link should open",
+        formType: FORM_TYPES.flatArray,
+        defaultValue: "_blank",
+        options: ["_blank", "_self", "_parent", "_top"],
+      },
+    },
+  },
+  {
+    name: "Paragraph",
+    tag: "P",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "Strong",
+    tag: "Strong",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "Strike",
+    tag: "S",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "Italic",
+    tag: "I",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "Code",
+    tag: "Code",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "Pre",
+    tag: "Pre",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "Mark",
+    tag: "Mark",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "BR",
+    tag: "BR",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "Quote",
+    tag: "Q",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "BlockQuote",
+    tag: "BlockQuote",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "Time",
+    tag: "Time",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "UL",
+    tag: "UL",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "LI",
+    tag: "LI",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "HR",
+    tag: "HR",
+    ...ELEMENT_PROPS,
+  },
+];