@draftbit/core 46.6.2 → 46.6.4

package/lib/commonjs/components/ToggleButton.js

@@ -11,6 +11,7 @@ var _IconButton = _interopRequireDefault(require("./IconButton"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const ToggleButton = _ref => {
   let {
     Icon,
@@ -46,7 +47,7 @@ const ToggleButton = _ref => {
     setInternalValue(!internalValue);
     onPress(!internalValue);
   };
-  return /*#__PURE__*/React.createElement(_IconButton.default, {
+  return /*#__PURE__*/React.createElement(_IconButton.default, _extends({
     Icon: Icon,
     icon: icon,
     size: iconSize,
@@ -58,20 +59,6 @@ const ToggleButton = _ref => {
       height,
       backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
       borderColor: colors[borderColor]
-    }, style],
-    ...rest
-  });
-};
-const styles = _reactNative.StyleSheet.create({
-  mainContainer: {
-    borderWidth: 1
-  }
-});
-var _default = (0, _theming.withTheme)(ToggleButton);
-exports.default = _default;idth,
-      height,
-      backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
-      borderColor: colors[borderColor]
     }, style]
   }, rest));
 };

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;AR_HEIGHT;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_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/mappings/StarRating.js

@@ -23,7 +23,9 @@ const SEED_DATA = {
     }),
     fieldName: (0, _types.createFieldNameProp)({
       defaultValue: "ratingValue",
+      // this is the name of the variable declared on the screen in Draftbit
       handlerPropName: "onPress",
+      // the change handler prop in this component
       valuePropName: "rating" // the value prop in this component
     }),
 
@@ -48,10 +50,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;pes.createColorProp)({
-      label: "Inactive Color",
-      defaultValue: "divider"
-    })
-  }
-};
 exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/styles/overlay.js

@@ -15,6 +15,7 @@ function overlay(elevation) {
   let surfaceColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _DarkTheme.default.colors.surface;
   if (isAnimatedValue(elevation)) {
     const inputRange = [0, 1, 2, 3, 8, 24];
+
     // @ts-expect-error: TS doesn't seem to refine the type correctly
     return elevation.interpolate({
       inputRange,
@@ -23,6 +24,7 @@ function overlay(elevation) {
       })
     });
   }
+
   // @ts-expect-error: TS doesn't seem to refine the type correctly
   return calculateColor(surfaceColor, elevation);
 }
@@ -63,4 +65,4 @@ const elevationOverlayTransparency = {
   22: 15.72,
   23: 15.84,
   24: 16
-};};
+};

package/lib/commonjs/utilities.js

@@ -57,6 +57,7 @@ function extractBorderAndMarginStyles(style, additionalBorderStyles, additionalM
     marginStyles
   };
 }
+
 /**
  * Merges a style object on top of another style object. In React Native,
  * keys with undefined values in a style object will still override styles
@@ -89,4 +90,4 @@ function getValueForRadioButton(value) {
   } else {
     throw new Error("Invalid value: ".concat(value));
   }
-}}
+}

package/lib/module/components/AspectRatio.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from "react";
 import { View, StyleSheet } from "react-native";
 const AspectRatio = props => {
@@ -26,24 +27,6 @@ const AspectRatio = props => {
       });
     }
   }
-  return /*#__PURE__*/React.createElement(View, {
-    ...props,
-    style: style,
-    onLayout: _ref => {
-      let {
-        nativeEvent: {
-          layout: l
-        }
-      } = _ref;
-      return setLayout(l);
-    }
-  }, props.children);
-};
-export default AspectRatio;idth,
-        height: width * (1 / aspectRatio)
-      });
-    }
-  }
   return /*#__PURE__*/React.createElement(View, _extends({}, props, {
     style: style,
     onLayout: _ref => {

package/lib/module/components/AvatarEdit.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { View } from "react-native";
 import Touchable from "./Touchable";
@@ -22,10 +23,9 @@ const AvatarEdit = _ref => {
     width: size,
     height: size
   };
-  return /*#__PURE__*/React.createElement(View, {
-    style: [style, dimensions],
-    ...rest
-  }, /*#__PURE__*/React.createElement(Touchable, {
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: [style, dimensions]
+  }, rest), /*#__PURE__*/React.createElement(Touchable, {
     onPress: onPress
   }, /*#__PURE__*/React.createElement(CircleImage, {
     source: image,
@@ -46,15 +46,4 @@ const AvatarEdit = _ref => {
     size: size * (3 / 16)
   }))));
 };
-export default withTheme(AvatarEdit);yles.editBorderColor,
-      backgroundColor: colorStyles.editBackgroundColor,
-      borderRadius: size * (3 / 16),
-      padding: size * (3 / 32)
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "MaterialIcons/edit",
-    color: colorStyles.editIconColor,
-    size: size * (3 / 16)
-  }))));
-};
 export default withTheme(AvatarEdit);

package/lib/module/components/Banner.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { Button, Text, View, StyleSheet, Animated } from "react-native";
 import Surface from "./Surface";
@@ -60,6 +61,7 @@ const Banner = _ref => {
       measured: true
     });
   };
+
   // The banner animation has 2 parts:
   // 1. Blank spacer element which animates its height to move the content
   // 2. Actual banner which animates its translateY
@@ -69,10 +71,9 @@ const Banner = _ref => {
   // However we can't animated banner's height directly as it'll also resize the content inside
   const height = Animated.multiply(position, layout.height);
   const translateY = Animated.multiply(Animated.add(position, -1), layout.height);
-  return /*#__PURE__*/React.createElement(Surface, {
-    ...rest,
+  return /*#__PURE__*/React.createElement(Surface, _extends({}, rest, {
     style: [styles.container, shadow(ELEVATION), style]
-  }, /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: [styles.wrapper, contentStyle]
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: {
@@ -153,26 +154,4 @@ const styles = StyleSheet.create({
     margin: 8
   }
 });
-export default withTheme(Banner);
-  },
-  content: {
-    flexDirection: "row",
-    justifyContent: "flex-start",
-    marginHorizontal: 8,
-    marginTop: 16,
-    marginBottom: 0
-  },
-  icon: {
-    margin: 8
-  },
-  message: {
-    flex: 1,
-    margin: 8
-  },
-  actions: {
-    flexDirection: "row",
-    justifyContent: "flex-end",
-    margin: 8
-  }
-});
 export default withTheme(Banner);

package/lib/module/components/Button.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { Text, Pressable, Platform, StyleSheet, ActivityIndicator } from "react-native";
 import { withTheme } from "../theming";
@@ -52,7 +53,7 @@ function Base(_ref) {
   if (textAlign === "right") {
     buttonStyles.justifyContent = "flex-end";
   }
-  return /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
     disabled: disabled || loading,
     style: _ref2 => {
       let {
@@ -61,9 +62,8 @@ function Base(_ref) {
       return [styles.base, {
         opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1
       }, buttonStyles];
-    },
-    ...props
-  }, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    }
+  }, props), loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
     size: "small",
     color: color,
     style: styles.loading
@@ -82,14 +82,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 = withTheme(Solid);
 export { ButtonSolid };
@@ -101,14 +100,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 = withTheme(Outline);
 export { ButtonOutline };
@@ -155,25 +153,4 @@ const styles = StyleSheet.create({
       }
     })
   }
-});or: "transparent",
-    padding: 0,
-    minHeight: undefined
-  },
-  loading: {
-    marginRight: 6
-  },
-  icon: {
-    ...Platform.select({
-      web: {
-        marginTop: 1,
-        marginRight: 4,
-        alignSelf: "center"
-      },
-      default: {
-        marginBottom: 2,
-        marginRight: 4,
-        alignSelf: "center"
-      }
-    })
-  }
 });

package/lib/module/components/CardBlock.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from "react";
 import { View, Text } from "react-native";
 import Image from "./Image";
@@ -41,12 +42,11 @@ const CardBlock = _ref => {
   const rightDescriptionStyles = [typography.subtitle2, {
     color: colors.light
   }];
-  return /*#__PURE__*/React.createElement(Card, {
+  return /*#__PURE__*/React.createElement(Card, _extends({
     style: style,
     onPress: onPress,
-    numColumns: numColumns,
-    ...rest
-  }, /*#__PURE__*/React.createElement(View, {
+    numColumns: numColumns
+  }, rest), /*#__PURE__*/React.createElement(View, {
     style: {
       backgroundColor: colors.background
     }
@@ -95,14 +95,4 @@ const CardBlock = _ref => {
     style: rightDescriptionStyles
   }, rightDescription) : null) : null));
 };
-export default withTheme(CardBlock);PURE__*/React.createElement(Text, {
-    numberOfLines: 1,
-    style: [typography.body2, {
-      color: colors.medium
-    }]
-  }, leftDescription), rightDescription ? /*#__PURE__*/React.createElement(Text, {
-    numberOfLines: 1,
-    style: rightDescriptionStyles
-  }, rightDescription) : null) : null));
-};
 export default withTheme(CardBlock);

package/lib/module/components/CardContainerRating.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from "react";
 import { View, Text } from "react-native";
 import color from "color";
@@ -41,12 +42,11 @@ const CardContainerRating = _ref => {
       rightDescriptionStyle = typography.caption;
       break;
   }
-  return /*#__PURE__*/React.createElement(Card, {
+  return /*#__PURE__*/React.createElement(Card, _extends({
     style: style,
     onPress: onPress,
-    numColumns: numColumns,
-    ...rest
-  }, /*#__PURE__*/React.createElement(Elevation, {
+    numColumns: numColumns
+  }, rest), /*#__PURE__*/React.createElement(Elevation, {
     style: {
       elevation,
       borderRadius: roundness
@@ -122,14 +122,4 @@ const CardContainerRating = _ref => {
     color: colors.surface
   })) : null)));
 };
-export default withTheme(CardContainerRating);ER_PADDING,
-      borderRadius: ICON_CONTAINER_SIZE,
-      backgroundColor: color(colors.strong).alpha(Config.cardIconBackgroundOpacity).rgb().string()
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: icon,
-    size: Config.cardIconSize,
-    color: colors.surface
-  })) : null)));
-};
 export default withTheme(CardContainerRating);

package/lib/module/components/CardContainerShortImage.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from "react";
 import { View, Text } from "react-native";
 import Image from "./Image";
@@ -22,11 +23,10 @@ const CardContainerShortImage = _ref => {
     onPress,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(Card, {
+  return /*#__PURE__*/React.createElement(Card, _extends({
     style: style,
-    onPress: onPress,
-    ...rest
-  }, /*#__PURE__*/React.createElement(Elevation, {
+    onPress: onPress
+  }, rest), /*#__PURE__*/React.createElement(Elevation, {
     style: {
       elevation,
       borderRadius: roundness
@@ -73,18 +73,4 @@ const CardContainerShortImage = _ref => {
     resizeMode: "cover"
   }))));
 };
-export default withTheme(CardContainerShortImage);2, {
-      color: colors.medium,
-      marginTop: 4
-    }]
-  }, subtitle) : null), mode === "right" && /*#__PURE__*/React.createElement(Image, {
-    style: {
-      aspectRatio
-    },
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    resizeMode: "cover"
-  }))));
-};
 export default withTheme(CardContainerShortImage);

package/lib/module/components/Carousel.js

@@ -1,4 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { withTheme } from "../theming";
 import { ScrollView, View, StyleSheet, Dimensions } from "react-native";
@@ -30,7 +29,6 @@ function Pager(_ref) {
   }));
 }
 function Carousel(_ref2) {
-  var _data$length;
   let {
     data,
     children,
@@ -38,9 +36,10 @@ function Carousel(_ref2) {
     style,
     ...rest
   } = _ref2;
+  var _a;
   const [index, setIndex] = React.useState(0);
   const length = React.Children.count(children);
-  const itemsLength = ((_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : 0) + length;
+  const itemsLength = ((_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0) + length;
   const slides = Array.isArray(data) ? data : [];
   const {
     width,
@@ -48,9 +47,10 @@ function Carousel(_ref2) {
   } = StyleSheet.flatten(style || {});
   const slideWidth = width || screenWidth;
   const slideHeight = height || 250;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.container, style]
-  }, rest), /*#__PURE__*/React.createElement(ScrollView, {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style],
+    ...rest
+  }, /*#__PURE__*/React.createElement(ScrollView, {
     pagingEnabled: true,
     horizontal: true,
     decelerationRate: "fast",
@@ -78,8 +78,8 @@ function Carousel(_ref2) {
       }]
     });
   }) : null, React.Children.map(children, child => {
-    var _child$props;
-    const s = (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.style) || {};
+    var _a;
+    const s = ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.style) || {};
     return /*#__PURE__*/React.createElement(View, {
       style: {
         width: slideWidth
@@ -117,4 +117,28 @@ const styles = StyleSheet.create({
     backgroundColor: "#000"
   }
 });
+export default withTheme(Carousel);gth
+  }));
+}
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: "#eee"
+  },
+  pager: {
+    position: "absolute",
+    bottom: 12,
+    left: 0,
+    right: 0,
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  bullet: {
+    marginHorizontal: 2,
+    width: 10,
+    height: 10,
+    borderRadius: 20,
+    backgroundColor: "#000"
+  }
+});
 export default withTheme(Carousel);

package/lib/module/components/Checkbox/CheckboxGroup.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { View } from "react-native";
 import { checkboxGroupContext, Direction } from "./context";
@@ -22,22 +23,7 @@ const CheckboxGroup = _ref => {
       alignItems: "center"
     });
   }
-  return /*#__PURE__*/React.createElement(View, {
-    style: [{
-      minHeight: 40
-    }, style],
-    ...rest
-  }, /*#__PURE__*/React.createElement(Provider, {
-    value: {
-      values,
-      onValueChange,
-      direction
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: _containerStyle
-  }, children)));
-};
-export default CheckboxGroup;PURE__*/React.createElement(View, _extends({
+  return /*#__PURE__*/React.createElement(View, _extends({
     style: [{
       minHeight: 40
     }, style]

package/lib/module/components/Container.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { View, ImageBackground, StyleSheet } from "react-native";
 import { withTheme } from "../theming";
@@ -63,10 +64,9 @@ const Container = _ref => {
   };
   const Wrap = elevation ? Elevation : View;
   if (elevation) containerStyle.elevation = elevation;
-  return /*#__PURE__*/React.createElement(Wrap, {
-    style: [containerStyle, style],
-    ...rest
-  }, backgroundImage ? /*#__PURE__*/React.createElement(ImageBackground, {
+  return /*#__PURE__*/React.createElement(Wrap, _extends({
+    style: [containerStyle, style]
+  }, rest), backgroundImage ? /*#__PURE__*/React.createElement(ImageBackground, {
     source: typeof backgroundImage === "string" ? {
       uri: backgroundImage
     } : backgroundImage,
@@ -80,17 +80,4 @@ const Container = _ref => {
     style: innerStyle
   }, children));
 };
-export default withTheme(Container);ring" ? {
-      uri: backgroundImage
-    } : backgroundImage,
-    resizeMode: backgroundImageResizeMode,
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: innerStyle
-  }, children)) : /*#__PURE__*/React.createElement(View, {
-    style: innerStyle
-  }, children));
-};
 export default withTheme(Container);

package/lib/module/components/DeprecatedFAB.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { ActivityIndicator, View, StyleSheet, Pressable } from "react-native";
 import color from "color";
@@ -96,8 +97,7 @@ const FAB = _ref => {
     style: [{
       elevation
     }, style]
-  }, /*#__PURE__*/React.createElement(Pressable, {
-    ...rest,
+  }, /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -105,7 +105,7 @@ const FAB = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: buttonStyles
-  }, /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
     style: iconStyle
@@ -144,24 +144,4 @@ const styles = StyleSheet.create({
     borderRadius: 0
   }
 });
-export default withTheme(FAB);le: "solid"
-  },
-  content: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    alignItems: "center",
-    justifyContent: "center",
-    width: Config.buttonIconSize
-  },
-  fixed: {
-    left: 0,
-    right: 0,
-    bottom: 0,
-    height: 64,
-    borderRadius: 0
-  }
-});
 export default withTheme(FAB);

package/lib/module/components/Elevation.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { Animated, StyleSheet, View } from "react-native";
 import shadow from "../styles/shadow";
@@ -18,20 +19,7 @@ const Elevation = _ref => {
     colors
   } = theme;
   const borderRadius = radius;
-  return /*#__PURE__*/React.createElement(Animated.View, {
-    ...rest,
-    style: [{
-      borderRadius,
-      backgroundColor: colors.surface
-    }, elevation ? shadow(elevation) : null, style]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      overflow: "hidden",
-      borderRadius
-    }
-  }, children));
-};
-export default withTheme(Elevation);React.createElement(Animated.View, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
     style: [{
       borderRadius,
       backgroundColor: colors.surface