@draftbit/core 46.4.4-808a01.2 → 46.4.4-82c62e.2

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/RadioButtonRow.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) {
@@ -88,14 +90,13 @@ const RadioButtonRow = _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]
@@ -134,24 +135,5 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 
-var _default = RadioButtonRow;
-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 = RadioButtonRow;
 exports.default = _default;

package/lib/commonjs/components/ScreenContainer.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); }
+
 function ScreenContainer(_ref) {
   let {
     scrollable = false,
@@ -39,13 +41,12 @@ function ScreenContainer(_ref) {
     edges.push("bottom");
   }
 
-  return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+  return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, _extends({
     edges: edges,
     style: [styles.container, {
       backgroundColor
-    }],
-    ...rest
-  }, scrollable ? /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    }]
+  }, rest), scrollable ? /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
     contentContainerStyle: [styles.scrollViewContainer, {
       backgroundColor
     }, style]
@@ -68,23 +69,4 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(ScreenContainer);
 
-exports.default = _default;reactNative.View, {
-    style: [styles.container, {
-      backgroundColor
-    }, style]
-  }, children));
-}
-
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  scrollViewContainer: {
-    flexGrow: 1,
-    flex: undefined
-  }
-});
-
-var _default = (0, _theming.withTheme)(ScreenContainer);
-
 exports.default = _default;

package/lib/commonjs/components/Slider.js

@@ -23,6 +23,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 maybeParseValue(value) {
   if (value === undefined) {
     return undefined;
@@ -89,10 +91,9 @@ function Slider(_ref) {
     onValueChange(newValue);
   };
 
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [styles.container, style],
-    ...rest
-  }, leftIcon ? /*#__PURE__*/React.createElement(Icon, {
+  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+    style: [styles.container, style]
+  }, rest), leftIcon ? /*#__PURE__*/React.createElement(Icon, {
     color: leftIconThemeColor,
     name: leftIcon,
     size: 24
@@ -128,24 +129,4 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(Slider);
 
-exports.default = _default;: rightIconThemeColor,
-    name: rightIcon,
-    size: 24
-  }) : null);
-}
-
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    height: 40,
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  slider: {
-    flex: 1,
-    marginHorizontal: 12
-  }
-});
-
-var _default = (0, _theming.withTheme)(Slider);
-
 exports.default = _default;

package/lib/commonjs/components/StarRating.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 StarRating = _ref => {
   let {
     Icon,
@@ -45,10 +47,9 @@ const StarRating = _ref => {
     !!onPress && onPress(r);
   }, [onPress]);
   const ratingRounded = Math.round(localRating * 2) / 2;
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [styles.container, style],
-    ...rest
-  }, [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+    style: [styles.container, style]
+  }, rest), [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(_reactNative.View, {
     key: i,
     style: {
       display: "flex"
@@ -92,25 +93,4 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(StarRating);
 
-exports.default = _default;ignItems: "center"
-  },
-  touchContainer: {
-    display: "flex",
-    flexDirection: "row",
-    position: "absolute",
-    top: 0,
-    right: 0,
-    left: 0,
-    bottom: 0,
-    zIndex: 1
-  },
-  pressable: {
-    flex: 1,
-    height: "100%",
-    width: "50%"
-  }
-});
-
-var _default = (0, _theming.withTheme)(StarRating);
-
 exports.default = _default;

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/Stepper.js

@@ -15,6 +15,8 @@ var _theming = require("../theming");
 
 var _IconButton = _interopRequireDefault(require("./IconButton"));
 
+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); }
@@ -28,7 +30,6 @@ const Stepper = _ref => {
     value: valueProp,
     defaultValue,
     style,
-    typeStyle,
     iconSize = 24,
     iconColor,
     onChange,
@@ -38,6 +39,10 @@ const Stepper = _ref => {
     },
     Icon
   } = _ref;
+  const {
+    viewStyles,
+    textStyles
+  } = (0, _utilities.extractStyles)(style);
   const [value, setValue] = (0, _react.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
 
   const isValidValue = valueArg => valueArg >= min && valueArg <= max;
@@ -60,7 +65,7 @@ const Stepper = _ref => {
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [{
       flexDirection: "row"
-    }, style]
+    }, viewStyles]
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     Icon: Icon,
     icon: "MaterialIcons/remove",
@@ -77,7 +82,7 @@ const Stepper = _ref => {
       alignSelf: "center",
       color: colors.medium,
       marginHorizontal: 8
-    }, typeStyle]
+    }, textStyles]
   }, value), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     Icon: Icon,
     icon: "MaterialIcons/add",

package/lib/commonjs/components/Surface.js

@@ -21,7 +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; }
 
-/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
+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 Surface = _ref => {
   let {
     elevation: propElevation,
@@ -53,19 +54,7 @@ const Surface = _ref => {
     }
   };
 
-  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, { ...rest,
-    style: [{
-      backgroundColor: getBackgroundColor(),
-      elevation,
-      ...evalationStyles,
-      ...restStyle
-    }]
-  }, children);
-};
-
-var _default = (0, _theming.withTheme)(Surface);
-
-exports.default = _default;, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
     style: [{
       backgroundColor: getBackgroundColor(),
       elevation,

package/lib/commonjs/components/Text.js

@@ -15,9 +15,23 @@ 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);
+
+    _defineProperty(this, "state", {
+      nativeProps: {}
+    });
+  }
+
   setNativeProps(args) {
-    return this._root && this._root.setNativeProps(args);
+    this.state.nativeProps = args || {};
   }
 
   render() {
@@ -26,43 +40,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, this.state.nativeProps, {
       ref: c => {
         this._root = c;
       },