@draftbit/core 46.4.1-23a982.2 → 46.4.1-2fa4f7.2

package/lib/commonjs/mappings/ActionSheet.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Action Sheet",
   tag: "ActionSheet",
   description: "Action Sheet container",
-  category: _types.COMPONENT_TYPES.container,
+  category: _types.COMPONENT_TYPES.actionsheet,
   props: {
     visible: (0, _types.createStaticBoolProp)({
       group: _types.GROUPS.data,

package/lib/commonjs/mappings/ActionSheetCancel.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Action Sheet Cancel",
   tag: "ActionSheetCancel",
   description: "Action Sheet cancel",
-  category: _types.COMPONENT_TYPES.button,
+  category: _types.COMPONENT_TYPES.actionsheet,
   triggers: [_types.Triggers.OnPress],
   props: {
     onPress: (0, _types.createActionProp)(),

package/lib/commonjs/mappings/ActionSheetItem.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Action Sheet Item",
   tag: "ActionSheetItem",
   description: "Action Sheet item",
-  category: _types.COMPONENT_TYPES.button,
+  category: _types.COMPONENT_TYPES.actionsheet,
   triggers: [_types.Triggers.OnPress],
   layout: {
     textAlign: "center"

package/lib/commonjs/mappings/ActivityIndicator.js

@@ -13,7 +13,7 @@ const SEED_DATA = {
   description: "Displays a circular loading indicator.",
   doc_link: "https://docs.expo.io/versions/latest/react-native/activityindicator/",
   code_link: "https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js",
-  category: _types.COMPONENT_TYPES.input,
+  category: _types.COMPONENT_TYPES.utility,
   stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Borders],
   layout: {
     width: 36,

package/lib/commonjs/mappings/Banner.js

@@ -10,7 +10,7 @@ var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Banner",
   tag: "Banner",
-  category: _types.COMPONENT_TYPES.button,
+  category: _types.COMPONENT_TYPES.deprecated,
   props: {
     icon: (0, _types.createIconProp)({
       defaultValue: null,

package/lib/commonjs/mappings/BlurView.js

@@ -13,7 +13,7 @@ const SEED_DATA = {
   description: "Expo Blur View",
   doc_link: "https://docs.expo.io/versions/latest/sdk/blur-view/",
   code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts",
-  category: _types.COMPONENT_TYPES.layout,
+  category: _types.COMPONENT_TYPES.view,
   stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     flexGrow: 1,

package/lib/commonjs/mappings/Checkbox.js

@@ -10,7 +10,7 @@ var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Checkbox",
   tag: "Checkbox",
-  category: _types.COMPONENT_TYPES.input,
+  category: _types.COMPONENT_TYPES.control,
   stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   triggers: [_types.Triggers.OnPress, _types.Triggers.OnCheck, _types.Triggers.OnUncheck],
   props: {

package/lib/commonjs/mappings/CheckboxRow.js

@@ -10,7 +10,7 @@ var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Checkbox Row",
   tag: "CheckboxRow",
-  category: _types.COMPONENT_TYPES.input,
+  category: _types.COMPONENT_TYPES.control,
   stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
   layout: {
     minHeight: 50

package/lib/commonjs/mappings/CustomCode.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Custom Code",
   tag: "CustomCode",
   description: "A component that allows usage of custom code",
-  category: _types.COMPONENT_TYPES.data,
+  category: _types.COMPONENT_TYPES.utility,
   props: {}
 };
 exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/FAB.js

@@ -10,7 +10,7 @@ var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "FAB",
   tag: "FAB",
-  category: _types.COMPONENT_TYPES.button,
+  category: _types.COMPONENT_TYPES.deprecated,
   stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   description: "A mini round icon FAB",
   layout: {},

package/lib/commonjs/mappings/FieldSearchBarFull.js

@@ -11,7 +11,7 @@ const SEED_DATA = [{
   name: "Search Bar",
   tag: "FieldSearchBarFull",
   description: "A search bar with accompanying search icon and clear button.",
-  category: _types.COMPONENT_TYPES.input,
+  category: _types.COMPONENT_TYPES.deprecated,
   stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
   supports_list_render: false,

package/lib/commonjs/mappings/KeyboardAvoidingView.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Keyboard Avoiding View",
   tag: "KeyboardAvoidingView",
   description: "View that moves out of the way of the virtual keyboard. ",
-  category: _types.COMPONENT_TYPES.layout,
+  category: _types.COMPONENT_TYPES.view,
   stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
   props: {
     enabled: {

package/lib/commonjs/mappings/KeyboardAwareScrollView.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Keyboard Aware Scroll View",
   tag: "KeyboardAwareScrollView",
   description: "View that moves pushes the content when virtual keyboard is open.",
-  category: _types.COMPONENT_TYPES.layout,
+  category: _types.COMPONENT_TYPES.view,
   stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {},
   props: {

package/lib/commonjs/mappings/Layout.js

@@ -10,7 +10,7 @@ var _types = require("@draftbit/types");
 const SEED_DATA = [{
   name: "Row",
   tag: "Row",
-  category: _types.COMPONENT_TYPES.layout,
+  category: _types.COMPONENT_TYPES.deprecated,
   stylesPanelSections: [_types.StylesPanelSections.NoStyles],
   props: {
     justifyContent: {
@@ -83,7 +83,7 @@ const SEED_DATA = [{
 }, {
   name: "Stack",
   tag: "Stack",
-  category: _types.COMPONENT_TYPES.layout,
+  category: _types.COMPONENT_TYPES.deprecated,
   stylesPanelSections: [_types.StylesPanelSections.NoStyles],
   props: {
     justifyContent: {

package/lib/commonjs/mappings/MapCallout.js

@@ -12,7 +12,7 @@ const SEED_DATA = {
   tag: "MapCallout",
   packageName: "@draftbit/maps",
   description: "An info window to display on top of a marker when it is clicked",
-  category: _types.COMPONENT_TYPES.media,
+  category: _types.COMPONENT_TYPES.map,
   triggers: [_types.Triggers.OnPress],
   layout: {},
   props: {

package/lib/commonjs/mappings/MapMarker.js

@@ -12,7 +12,7 @@ const SEED_DATA = {
   tag: "MapMarker",
   packageName: "@draftbit/maps",
   description: "A marker to show inside map view",
-  category: _types.COMPONENT_TYPES.media,
+  category: _types.COMPONENT_TYPES.map,
   layout: {},
   props: {
     latitude: (0, _types.createNumberProp)({

package/lib/commonjs/mappings/MapView.js

@@ -12,7 +12,7 @@ const SEED_DATA = {
   tag: "MapView",
   packageName: "@draftbit/maps",
   description: "A map view",
-  category: _types.COMPONENT_TYPES.media,
+  category: _types.COMPONENT_TYPES.map,
   layout: {
     flex: 1
   },

package/lib/commonjs/mappings/Modal.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Modal",
   tag: "Modal",
   description: "A basic Modal Component",
-  category: _types.COMPONENT_TYPES.container,
+  category: _types.COMPONENT_TYPES.layout,
   stylesPanelSections: [_types.StylesPanelSections.NoStyles],
   props: {
     animationType: {

package/lib/commonjs/mappings/RadioButton.js

@@ -10,7 +10,7 @@ var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Radio Button",
   tag: "RadioButton",
-  category: _types.COMPONENT_TYPES.input,
+  category: _types.COMPONENT_TYPES.control,
   stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   triggers: [_types.Triggers.OnPress],
   props: {

package/lib/commonjs/mappings/RadioButtonGroup.js

@@ -10,7 +10,7 @@ var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Radio Button Group",
   tag: "RadioButtonGroup",
-  category: _types.COMPONENT_TYPES.input,
+  category: _types.COMPONENT_TYPES.control,
   stylesPanelSections: [_types.StylesPanelSections.Margins],
   layout: {},
   triggers: [_types.Triggers.OnValueChange],

package/lib/commonjs/mappings/RadioButtonRow.js

@@ -10,7 +10,7 @@ var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Radio Button Row",
   tag: "RadioButtonRow",
-  category: _types.COMPONENT_TYPES.input,
+  category: _types.COMPONENT_TYPES.control,
   stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
   layout: {},
   props: {

package/lib/commonjs/mappings/ScrollView.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Scroll View",
   tag: "ScrollView",
   description: "A basic ScrollView component",
-  category: _types.COMPONENT_TYPES.layout,
+  category: _types.COMPONENT_TYPES.view,
   stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {},
   props: {

package/lib/commonjs/mappings/Slider.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Slider",
   tag: "Slider",
   description: "A component used to set a value in a range",
-  category: _types.COMPONENT_TYPES.input,
+  category: _types.COMPONENT_TYPES.control,
   stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: {
     marginLeft: 12,

package/lib/commonjs/mappings/StarRating.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Star Rating",
   tag: "StarRating",
   description: "A star rating component",
-  category: _types.COMPONENT_TYPES.button,
+  category: _types.COMPONENT_TYPES.control,
   stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   triggers: [_types.Triggers.OnPress],
   props: {

package/lib/commonjs/mappings/Stepper.js

@@ -11,7 +11,7 @@ const SEED_DATA = [{
   name: "Stepper",
   tag: "Stepper",
   description: "A component used to control the quantity of something",
-  category: _types.COMPONENT_TYPES.input,
+  category: _types.COMPONENT_TYPES.control,
   stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: {},
   triggers: [_types.Triggers.OnChange],

package/lib/commonjs/mappings/Surface.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Surface",
   tag: "Surface",
   description: "An elevated container",
-  category: _types.COMPONENT_TYPES.layout,
+  category: _types.COMPONENT_TYPES.container,
   stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     minHeight: 40

package/lib/commonjs/mappings/Swiper.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Swiper",
   tag: "Swiper",
   description: "Swiper container",
-  category: _types.COMPONENT_TYPES.container,
+  category: _types.COMPONENT_TYPES.swiper,
   layout: {
     height: 300,
     width: "100%"

package/lib/commonjs/mappings/SwiperItem.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Swiper Item",
   tag: "SwiperItem",
   description: "Swiper item",
-  category: _types.COMPONENT_TYPES.button,
+  category: _types.COMPONENT_TYPES.swiper,
   props: {}
 };
 exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Switch.js

@@ -11,7 +11,7 @@ const SEED_DATA_TRIGGERS = [_types.Triggers.OnValueChange];
 const SEED_DATA = [{
   name: "Switch",
   tag: "Switch",
-  category: _types.COMPONENT_TYPES.input,
+  category: _types.COMPONENT_TYPES.control,
   stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: {},
   triggers: SEED_DATA_TRIGGERS,
@@ -41,7 +41,7 @@ const SEED_DATA = [{
 }, {
   name: "Switch Row",
   tag: "SwitchRow",
-  category: _types.COMPONENT_TYPES.input,
+  category: _types.COMPONENT_TYPES.control,
   stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
   layout: {
     marginLeft: 0,

package/lib/commonjs/mappings/WebView.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   name: "Web View",
   tag: "WebView",
   description: "Render web content inside a view",
-  category: _types.COMPONENT_TYPES.media,
+  category: _types.COMPONENT_TYPES.utility,
   stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Borders],
   layout: {
     flex: 1

package/lib/module/components/AvatarEdit.js

@@ -1,5 +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 { View } from "react-native";
 import Touchable from "./Touchable";
@@ -25,9 +23,10 @@ const AvatarEdit = _ref => {
     width: size,
     height: size
   };
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [style, dimensions]
-  }, rest), /*#__PURE__*/React.createElement(Touchable, {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [style, dimensions],
+    ...rest
+  }, /*#__PURE__*/React.createElement(Touchable, {
     onPress: onPress
   }, /*#__PURE__*/React.createElement(CircleImage, {
     source: image,
@@ -49,4 +48,16 @@ const AvatarEdit = _ref => {
   }))));
 };
 
+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/Carousel.js

@@ -1,3 +1,5 @@
+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";
@@ -31,6 +33,8 @@ function Pager(_ref) {
 }
 
 function Carousel(_ref2) {
+  var _data$length;
+
   let {
     data,
     children,
@@ -38,12 +42,9 @@ function Carousel(_ref2) {
     style,
     ...rest
   } = _ref2;
-
-  var _a;
-
   const [index, setIndex] = React.useState(0);
   const length = React.Children.count(children);
-  const itemsLength = ((_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0) + length;
+  const itemsLength = ((_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : 0) + length;
   const slides = Array.isArray(data) ? data : [];
   const {
     width,
@@ -51,10 +52,9 @@ function Carousel(_ref2) {
   } = StyleSheet.flatten(style || {});
   const slideWidth = width || screenWidth;
   const slideHeight = height || 250;
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, style],
-    ...rest
-  }, /*#__PURE__*/React.createElement(ScrollView, {
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: [styles.container, style]
+  }, rest), /*#__PURE__*/React.createElement(ScrollView, {
     pagingEnabled: true,
     horizontal: true,
     decelerationRate: "fast",
@@ -82,9 +82,9 @@ function Carousel(_ref2) {
       }]
     });
   }) : null, React.Children.map(children, child => {
-    var _a;
+    var _child$props;
 
-    const s = ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.style) || {};
+    const s = (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.style) || {};
     return /*#__PURE__*/React.createElement(View, {
       style: {
         width: slideWidth
@@ -101,31 +101,6 @@ function Carousel(_ref2) {
   }));
 }
 
-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);th
-  }));
-}
-
 const styles = StyleSheet.create({
   container: {
     backgroundColor: "#eee"

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

@@ -1,3 +1,5 @@
+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, StyleSheet } from "react-native";
 import { useTheme } from "../../theming";
@@ -54,7 +56,7 @@ const Checkbox = _ref => {
     }
   };
 
-  return /*#__PURE__*/React.createElement(Touchable, { ...rest,
+  return /*#__PURE__*/React.createElement(Touchable, _extends({}, rest, {
     onPress: handlePress,
     disabled: disabled,
     accessibilityState: {
@@ -66,7 +68,7 @@ const Checkbox = _ref => {
       width: size,
       height: size
     }]
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }), /*#__PURE__*/React.createElement(Icon, {
     style: styles.icon,
     name: internalValue ? checkedIcon : uncheckedIcon,
     size: size,

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

@@ -1,3 +1,5 @@
+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";
@@ -25,23 +27,7 @@ const CheckboxGroup = _ref => {
     });
   }
 
-  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/Checkbox/CheckboxGroupRow.js

@@ -1,5 +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 { StyleSheet, View, Platform } from "react-native";
 import Checkbox from "./Checkbox";
@@ -8,7 +6,7 @@ import { useCheckboxGroupContext } from "./context";
 import { Direction as GroupDirection } from "./context";
 import Touchable from "../Touchable";
 import { extractStyles } from "../../utilities";
-export let Direction;
+export var Direction;
 
 (function (Direction) {
   Direction["Row"] = "row";
@@ -71,13 +69,14 @@ const CheckboxGroupRow = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Touchable, _extends({
+  return /*#__PURE__*/React.createElement(Touchable, {
     onPress: handlePress,
     style: [styles.mainParent, {
       flexDirection: direction
     }, viewStyles],
-    disabled: disabled
-  }, rest), /*#__PURE__*/React.createElement(View, {
+    disabled: disabled,
+    ...rest
+  }, /*#__PURE__*/React.createElement(View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -116,4 +115,23 @@ const styles = StyleSheet.create({
     flex: 3
   }
 });
+export default CheckboxGroupRow;create({
+  mainParent: {
+    alignItems: "center",
+    justifyContent: "space-around",
+    paddingStart: 20,
+    minHeight: 50,
+    paddingEnd: 20,
+    display: "flex",
+    ...Platform.select({
+      web: {
+        cursor: "pointer",
+        userSelect: "none"
+      }
+    })
+  },
+  label: {
+    flex: 3
+  }
+});
 export default CheckboxGroupRow;

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

@@ -1,3 +1,5 @@
+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 { StyleSheet, View, Platform } from "react-native";
 import { isString } from "lodash";
@@ -6,7 +8,7 @@ import { usePrevious } from "../../hooks";
 import Text from "../Text";
 import Touchable from "../Touchable";
 import Checkbox from "./Checkbox";
-export var Direction;
+export let Direction;
 
 (function (Direction) {
   Direction["Row"] = "row";
@@ -78,14 +80,13 @@ const CheckboxRow = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Touchable, {
+  return /*#__PURE__*/React.createElement(Touchable, _extends({
     onPress: handlePress,
     style: [viewStyles, styles.mainParent, {
       flexDirection: direction
     }],
-    disabled: disabled,
-    ...rest
-  }, /*#__PURE__*/React.createElement(View, {
+    disabled: disabled
+  }, rest), /*#__PURE__*/React.createElement(View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -122,23 +123,4 @@ const styles = StyleSheet.create({
     flex: 3
   }
 });
-export default CheckboxRow;heet.create({
-  mainParent: {
-    alignItems: "center",
-    justifyContent: "space-around",
-    paddingStart: 20,
-    minHeight: 50,
-    paddingEnd: 20,
-    display: "flex",
-    ...Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  },
-  label: {
-    flex: 3
-  }
-});
 export default CheckboxRow;