@draftbit/core 46.7.3 → 46.7.5

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

@@ -8,54 +8,28 @@ var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 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); }
 /**
  * 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 => ({
-      portals: state.portals.map(item => {
-        if (item.key === key) {
-          return {
-            ...item,
-            children
-          };
-        }
-        return item;
-      })
-    }));
-    this.unmount = key => this.setState(state => ({
-      portals: state.portals.filter(item => item.key !== key)
-    }));
-  }
-  render() {
-    return this.state.portals.map(_ref => {
-      let {
-        key,
-        children
-      } = _ref;
-      return /*#__PURE__*/React.createElement(_reactNative.View, {
-        key: key,
-        collapsable: 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;tate.portals.map(item => {
+    _defineProperty(this, "update", (key, children) => this.setState(state => ({
+      portals: state.portals.map(item => {
         if (item.key === key) {
           return {
             ...item,

package/lib/commonjs/components/Pressable.js

@@ -13,8 +13,8 @@ function Pressable(_ref) {
     children,
     disabled,
     onPress,
-    activeOpacity,
-    disabledOpacity,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     delayLongPress,
     hitSlop,
     style,

package/lib/commonjs/components/ProgressBar.js

@@ -8,12 +8,16 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 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); }
+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); }
 const INDETERMINATE_WIDTH_FACTOR = 0.3;
 const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);
 class ProgressBar extends _react.Component {
   constructor(props) {
     super(props);
-    this.handleLayout = event => {
+    _defineProperty(this, "handleLayout", event => {
       const {
         width = 150,
         onLayout
@@ -26,7 +30,7 @@ class ProgressBar extends _react.Component {
       if (onLayout) {
         onLayout(event);
       }
-    };
+    });
     const {
       progress: progressP = 0,
       indeterminate = false
@@ -74,6 +78,7 @@ class ProgressBar extends _react.Component {
           ...animationConfig,
           toValue: progress,
           velocity: 0,
+          //adjust this value if animation fails - velocity is required
           useNativeDriver
         }).start();
       } else {
@@ -142,41 +147,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;,
-      overflow: "hidden",
-      backgroundColor: unfilledColor
-    };
-    const progressStyle = {
-      backgroundColor: color,
-      // Always take up full height of container.
-      height: "100%",
-      transform: [{
-        translateX: this.state.animationValue.interpolate({
-          inputRange: [0, 1],
-          outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth]
-        })
-      }, {
-        translateX: this.state.progress.interpolate({
-          inputRange: [0, 1],
-          outputRange: [innerWidth / (_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/Slider.js

@@ -13,6 +13,7 @@ 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); }
 function maybeParseValue(value) {
   if (value === undefined) {
     return undefined;
@@ -72,10 +73,9 @@ function Slider(_ref) {
     setInternalValue(newValue);
     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
@@ -108,21 +108,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(Slider);
-exports.default = _default;or: 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/Surface.js

@@ -12,8 +12,7 @@ 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; }
-/* 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,
@@ -43,18 +42,7 @@ const Surface = _ref => {
       return colors.surface;
     }
   };
-  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
-    ...rest,
-    style: [{
-      backgroundColor: getBackgroundColor(),
-      elevation,
-      ...evalationStyles,
-      ...restStyle
-    }]
-  }, children);
-};
-var _default = (0, _theming.withTheme)(Surface);
-exports.default = _default;xtends({}, rest, {
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
     style: [{
       backgroundColor: getBackgroundColor(),
       elevation,

package/lib/commonjs/components/TextField.js

@@ -10,6 +10,10 @@ var _theming = require("../theming");
 var _utilities = require("../utilities");
 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); }
+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); }
 const AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.Text);
 const FOCUS_ANIMATION_DURATION = 150;
 const BLUR_ANIMATION_DURATION = 180;
@@ -17,7 +21,7 @@ const ICON_SIZE = 24;
 class TextField extends React.Component {
   constructor() {
     super(...arguments);
-    this.state = {
+    _defineProperty(this, "state", {
       nativeProps: {},
       labeled: new _reactNative.Animated.Value(this.props.value || this.props.error ? 0 : 1),
       focused: false,
@@ -26,46 +30,47 @@ class TextField extends React.Component {
         measured: false,
         width: 0
       }
-    };
-    this._timer = setTimeout(() => {}, 0);
-    this._showPlaceholder = () => {
+    });
+    _defineProperty(this, "_timer", setTimeout(() => {}, 0));
+    _defineProperty(this, "_showPlaceholder", () => {
       clearTimeout(this._timer);
+
       // Set the placeholder in a delay to offset the label animation
       // If we show it immediately, they'll overlap and look ugly
       this._timer = setTimeout(() => this.setState({
         placeholder: this.props.placeholder
       }), 50);
-    };
-    this._hidePlaceholder = () => this.setState({
-      placeholder: ""
     });
-    this._restoreLabel = () => _reactNative.Animated.timing(this.state.labeled, {
+    _defineProperty(this, "_hidePlaceholder", () => this.setState({
+      placeholder: ""
+    }));
+    _defineProperty(this, "_restoreLabel", () => _reactNative.Animated.timing(this.state.labeled, {
       toValue: 1,
       duration: FOCUS_ANIMATION_DURATION,
       useNativeDriver: true
-    }).start();
-    this._minmizeLabel = () => _reactNative.Animated.timing(this.state.labeled, {
+    }).start());
+    _defineProperty(this, "_minmizeLabel", () => _reactNative.Animated.timing(this.state.labeled, {
       toValue: 0,
       duration: BLUR_ANIMATION_DURATION,
       useNativeDriver: true
-    }).start();
-    this._handleFocus = () => {
+    }).start());
+    _defineProperty(this, "_handleFocus", () => {
       if (this.props.disabled) {
         return;
       }
       this.setState({
         focused: true
       });
-    };
-    this._handleBlur = () => {
+    });
+    _defineProperty(this, "_handleBlur", () => {
       if (this.props.disabled) {
         return;
       }
       this.setState({
         focused: false
       });
-    };
-    this._handleChangeText = value => {
+    });
+    _defineProperty(this, "_handleChangeText", value => {
       if (this.props.disabled) {
         return;
       }
@@ -80,8 +85,8 @@ class TextField extends React.Component {
         });
         this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
       }
-    };
-    this._root = undefined;
+    });
+    _defineProperty(this, "_root", undefined);
   }
   static getDerivedStateFromProps(nextProps, prevState) {
     return {
@@ -168,9 +173,7 @@ class TextField extends React.Component {
         roundness,
         disabledOpacity
       },
-      render = props => /*#__PURE__*/React.createElement(_reactNative.TextInput, {
-        ...props
-      }),
+      render = props => /*#__PURE__*/React.createElement(_reactNative.TextInput, props),
       ...rest
     } = this.props;
     const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
@@ -310,10 +313,9 @@ class TextField extends React.Component {
     } = _reactNative.StyleSheet.flatten(style || {});
     return /*#__PURE__*/React.createElement(_reactNative.View, {
       style: [styles.container, styleProp]
-    }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, {
-      ...leftIconProps,
+    }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
       style: leftIconStyle
-    }) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    })) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
       style: (0, _utilities.applyStyles)([containerStyle], {
         height: style === null || style === void 0 ? void 0 : style.height,
         backgroundColor: bgColor,
@@ -381,10 +383,9 @@ class TextField extends React.Component {
       style: {
         justifyContent: type === "solid" ? "center" : undefined
       }
-    }, /*#__PURE__*/React.createElement(Icon, {
-      ...leftIconProps,
+    }, /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
       style: leftIconStyle
-    })) : null, render({
+    }))) : null, render({
       ref: c => {
         this._root = c;
       },
@@ -422,55 +423,6 @@ class TextField extends React.Component {
 }
 var _default = (0, _theming.withTheme)(TextField);
 exports.default = _default;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    alignSelf: "stretch"
-  },
-  placeholder: {
-    position: "absolute",
-    left: 0
-  },
-  underline: {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    bottom: 0,
-    height: 2
-  },
-  input: {
-    flexGrow: 1,
-    justifyContent: "center",
-    textAlignVertical: "center",
-    margin: 0,
-    textAlign: _reactNative.I18nManager.isRTL ? "right" : "left"
-  }
-});_handleFocus,
-      onBlur: this._handleBlur,
-      underlineColorAndroid: "transparent",
-      style: inputStyles,
-      ...rest,
-      ...this.state.nativeProps,
-      value: this.state.value
-    })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
-      name: rightIconName,
-      size: ICON_SIZE,
-      color: colors.light,
-      style: {
-        position: "absolute",
-        right: 16,
-        marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16
-      }
-    }) : null, assistiveText ? /*#__PURE__*/React.createElement(_reactNative.Text, {
-      style: [{
-        color: error ? colors.error : colors.light,
-        marginTop: 8,
-        marginLeft: assistiveTextLeftMargin
-      }]
-    }, assistiveText) : null);
-  }
-}
-var _default = (0, _theming.withTheme)(TextField);
-exports.default = _default;
 const styles = _reactNative.StyleSheet.create({
   container: {
     alignSelf: "stretch"

package/lib/commonjs/components/Touchable.js

@@ -7,34 +7,21 @@ exports.default = Touchable;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 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); }
 function Touchable(_ref) {
   let {
     children,
     disabled,
     onPress,
-    activeOpacity,
-    disabledOpacity,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     delayLongPress,
     hitSlop,
     style,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
     disabled: disabled,
-    onPress: onPress,
-    delayLongPress: delayLongPress ? delayLongPress : 500,
-    hitSlop: hitSlop ? hitSlop : 8,
-    style: _ref2 => {
-      let {
-        pressed
-      } = _ref2;
-      return [{
-        opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1
-      }, style];
-    },
-    ...props
-  }, children);
-} disabled: disabled,
     onPress: onPress,
     delayLongPress: delayLongPress ? delayLongPress : 500,
     hitSlop: hitSlop ? hitSlop : 8,

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

@@ -10,11 +10,12 @@ function usePrevious(value) {
   // The ref object is a generic container whose current property is mutable
   // and can hold any value, similar to an instance property on a class
   const ref = _react.default.useRef();
+
   // Store current value in ref
   _react.default.useEffect(() => {
     ref.current = value;
   }, [value]);
+
   // Return previous value (happens before update in useEffect above)
   return ref.current;
-}
 }

package/lib/commonjs/index.js

@@ -75,36 +75,6 @@ Object.defineProperty(exports, "Card", {
     return _Card.default;
   }
 });
-Object.defineProperty(exports, "CardBlock", {
-  enumerable: true,
-  get: function () {
-    return _CardBlock.default;
-  }
-});
-Object.defineProperty(exports, "CardContainer", {
-  enumerable: true,
-  get: function () {
-    return _CardContainer.default;
-  }
-});
-Object.defineProperty(exports, "CardContainerRating", {
-  enumerable: true,
-  get: function () {
-    return _CardContainerRating.default;
-  }
-});
-Object.defineProperty(exports, "CardInline", {
-  enumerable: true,
-  get: function () {
-    return _CardInline.default;
-  }
-});
-Object.defineProperty(exports, "Carousel", {
-  enumerable: true,
-  get: function () {
-    return _Carousel.default;
-  }
-});
 Object.defineProperty(exports, "Center", {
   enumerable: true,
   get: function () {
@@ -177,24 +147,6 @@ Object.defineProperty(exports, "FieldSearchBarFull", {
     return _FieldSearchBarFull.default;
   }
 });
-Object.defineProperty(exports, "HeaderLarge", {
-  enumerable: true,
-  get: function () {
-    return _HeaderLarge.default;
-  }
-});
-Object.defineProperty(exports, "HeaderMedium", {
-  enumerable: true,
-  get: function () {
-    return _HeaderMedium.default;
-  }
-});
-Object.defineProperty(exports, "HeaderOverline", {
-  enumerable: true,
-  get: function () {
-    return _HeaderOverline.default;
-  }
-});
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
   get: function () {
@@ -427,7 +379,6 @@ var _Button = require("./components/Button");
 var _CircleImage = _interopRequireDefault(require("./components/CircleImage"));
 var _AvatarEdit = _interopRequireDefault(require("./components/AvatarEdit"));
 var _Card = _interopRequireDefault(require("./components/Card"));
-var _Carousel = _interopRequireDefault(require("./components/Carousel"));
 var _Checkbox = require("./components/Checkbox");
 var _Container = _interopRequireDefault(require("./components/Container"));
 var _Divider = _interopRequireDefault(require("./components/Divider"));
@@ -450,14 +401,7 @@ var _ActionSheet = require("./components/ActionSheet");
 var _Swiper = require("./components/Swiper");
 var _Layout = require("./components/Layout");
 var _index = require("./components/RadioButton/index");
-var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
-var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
-var _CardContainerRating = _interopRequireDefault(require("./components/CardContainerRating"));
-var _CardInline = _interopRequireDefault(require("./components/CardInline"));
 var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
-var _HeaderLarge = _interopRequireDefault(require("./components/HeaderLarge"));
-var _HeaderMedium = _interopRequireDefault(require("./components/HeaderMedium"));
-var _HeaderOverline = _interopRequireDefault(require("./components/HeaderOverline"));
 var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
 var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
 var _ProgressCircle = _interopRequireDefault(require("./components/ProgressCircle"));

package/lib/commonjs/mappings/Button.js

@@ -23,7 +23,7 @@ const SEED_DATA_PROPS = {
   activeOpacity: (0, _types.createStaticNumberProp)({
     label: "Active Opacity",
     description: "Opacity of the button when active.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,
@@ -33,7 +33,7 @@ const SEED_DATA_PROPS = {
   disabledOpacity: (0, _types.createStaticNumberProp)({
     label: "Disabled Opacity",
     description: "Opacity of the button when disabled.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,

package/lib/commonjs/mappings/FlashList.js

@@ -39,6 +39,20 @@ const SEED_DATA = [{
       label: "End Reached Threshold",
       description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
       defaultValue: 0.5
+    }),
+    refreshColor: (0, _types.createColorProp)({
+      label: "Refreshing Color",
+      description: "Color of the refresh indicator"
+    }),
+    showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
     })
   }
 }, {
@@ -83,6 +97,20 @@ const SEED_DATA = [{
       label: "End Reached Threshold",
       description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
       defaultValue: 0.5
+    }),
+    refreshColor: (0, _types.createColorProp)({
+      label: "Refreshing Color",
+      description: "Color of the refresh indicator"
+    }),
+    showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
     })
   }
 }];

package/lib/commonjs/mappings/FlatList.js

@@ -38,6 +38,20 @@ const SEED_DATA = {
       label: "End Reached Threshold",
       description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
       defaultValue: 0.5
+    }),
+    refreshColor: (0, _types.createColorProp)({
+      label: "Refreshing Color",
+      description: "Color of the refresh indicator"
+    }),
+    showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
     })
   }
 };