@draftbit/core 46.6.0 → 46.6.2

package/lib/commonjs/components/Switch.js

@@ -13,6 +13,7 @@ var _hooks = require("../hooks");
 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 Switch(_ref) {
   let {
     value,
@@ -37,6 +38,7 @@ function Switch(_ref) {
       setChecked(value);
     }
   }, [value, checked]);
+
   // This special logic is to handle weird APIs like Airtable that return
   // true or undefined for a boolean
   const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
@@ -45,24 +47,24 @@ function Switch(_ref) {
       setChecked(Boolean(defaultValue));
     }
   }, [defaultValue, previousDefaultValue]);
-  return /*#__PURE__*/React.createElement(_reactNative.Switch, {
+  return /*#__PURE__*/React.createElement(_reactNative.Switch, _extends({
     value: checked,
     disabled: disabled,
     trackColor: {
       false: inactiveTrackThemeColor,
       true: activeTrackThemeColor
     },
-    thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor,
+    thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor
     // @ts-ignore react-native-web only
+    ,
     activeThumbColor: activeThumbThemeColor,
     ios_backgroundColor: inactiveTrackThemeColor,
     style: style,
     onValueChange: bool => {
       setChecked(bool);
       onValueChange && onValueChange(bool);
-    },
-    ...rest
-  });
+    }
+  }, rest));
 }
 function Row(_ref2) {
   let {
@@ -91,7 +93,7 @@ function Row(_ref2) {
       setChecked(defaultValue);
     }
   }, [defaultValue]);
-  return /*#__PURE__*/React.createElement(_FormRow.default, {
+  return /*#__PURE__*/React.createElement(_FormRow.default, _extends({
     disabled: disabled,
     onPress: () => {
       setChecked(!checked);
@@ -99,9 +101,8 @@ function Row(_ref2) {
     },
     label: label,
     direction: direction,
-    style: style,
-    ...rest
-  }, /*#__PURE__*/React.createElement(Switch, {
+    style: style
+  }, rest), /*#__PURE__*/React.createElement(Switch, {
     theme: theme,
     value: checked,
     disabled: disabled,
@@ -115,14 +116,4 @@ function Row(_ref2) {
 const SwitchRow = (0, _theming.withTheme)(Row);
 exports.SwitchRow = SwitchRow;
 var _default = (0, _theming.withTheme)(Switch);
-exports.default = _default;hange: onValueChange,
-    activeTrackColor: activeTrackColor,
-    inactiveTrackColor: inactiveTrackColor,
-    activeThumbColor: activeThumbColor,
-    inactiveThumbColor: inactiveThumbColor
-  }));
-}
-const SwitchRow = (0, _theming.withTheme)(Row);
-exports.SwitchRow = SwitchRow;
-var _default = (0, _theming.withTheme)(Switch);
 exports.default = _default;

package/lib/commonjs/components/Touchable.js

@@ -7,6 +7,7 @@ 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,
@@ -19,22 +20,8 @@ function Touchable(_ref) {
     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,12 +10,11 @@ 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,9 +23,7 @@ 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
     }),
 
@@ -50,4 +48,10 @@ 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,7 +15,6 @@ 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,
@@ -24,7 +23,6 @@ function overlay(elevation) {
       })
     });
   }
-
   // @ts-expect-error: TS doesn't seem to refine the type correctly
   return calculateColor(surfaceColor, elevation);
 }
@@ -65,4 +63,4 @@ const elevationOverlayTransparency = {
   22: 15.72,
   23: 15.84,
   24: 16
-};
+};};

package/lib/commonjs/utilities.js

@@ -57,7 +57,6 @@ 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
@@ -90,4 +89,4 @@ function getValueForRadioButton(value) {
   } else {
     throw new Error("Invalid value: ".concat(value));
   }
-}
+}}

package/lib/module/components/AnimatedCircularProgress.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 { Animated, Easing } from "react-native";
 import CircularProgress from "./CircularProgress";
@@ -46,6 +45,19 @@ const AnimatedCircularProgress = _ref => {
   React.useEffect(() => {
     animate();
   }, [fill, animate]);
+  return /*#__PURE__*/React.createElement(AnimatedProgress, {
+    ...other,
+    style: other.style,
+    childrenContainerStyle: other.childrenContainerStyle,
+    fill: fillAnimation,
+    tintColor: animateColor()
+  });
+};
+export default AnimatedCircularProgress;imation;
+  };
+  React.useEffect(() => {
+    animate();
+  }, [fill, animate]);
   return /*#__PURE__*/React.createElement(AnimatedProgress, _extends({}, other, {
     style: other.style,
     childrenContainerStyle: other.childrenContainerStyle,

package/lib/module/components/AspectRatio.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 React from "react";
 import { View, StyleSheet } from "react-native";
 const AspectRatio = props => {
@@ -27,6 +26,24 @@ 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/Banner.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 { Button, Text, View, StyleSheet, Animated } from "react-native";
 import Surface from "./Surface";
@@ -61,7 +60,6 @@ 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
@@ -71,9 +69,10 @@ 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, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Surface, {
+    ...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: {
@@ -154,4 +153,26 @@ 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/CardBlock.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 React from "react";
 import { View, Text } from "react-native";
 import Image from "./Image";
@@ -42,11 +41,12 @@ const CardBlock = _ref => {
   const rightDescriptionStyles = [typography.subtitle2, {
     color: colors.light
   }];
-  return /*#__PURE__*/React.createElement(Card, _extends({
+  return /*#__PURE__*/React.createElement(Card, {
     style: style,
     onPress: onPress,
-    numColumns: numColumns
-  }, rest), /*#__PURE__*/React.createElement(View, {
+    numColumns: numColumns,
+    ...rest
+  }, /*#__PURE__*/React.createElement(View, {
     style: {
       backgroundColor: colors.background
     }
@@ -95,4 +95,14 @@ 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,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 React from "react";
 import { View, Text } from "react-native";
 import color from "color";
@@ -42,11 +41,12 @@ const CardContainerRating = _ref => {
       rightDescriptionStyle = typography.caption;
       break;
   }
-  return /*#__PURE__*/React.createElement(Card, _extends({
+  return /*#__PURE__*/React.createElement(Card, {
     style: style,
     onPress: onPress,
-    numColumns: numColumns
-  }, rest), /*#__PURE__*/React.createElement(Elevation, {
+    numColumns: numColumns,
+    ...rest
+  }, /*#__PURE__*/React.createElement(Elevation, {
     style: {
       elevation,
       borderRadius: roundness
@@ -122,4 +122,14 @@ 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,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 React from "react";
 import { View, Text } from "react-native";
 import Image from "./Image";
@@ -23,10 +22,11 @@ const CardContainerShortImage = _ref => {
     onPress,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(Card, _extends({
+  return /*#__PURE__*/React.createElement(Card, {
     style: style,
-    onPress: onPress
-  }, rest), /*#__PURE__*/React.createElement(Elevation, {
+    onPress: onPress,
+    ...rest
+  }, /*#__PURE__*/React.createElement(Elevation, {
     style: {
       elevation,
       borderRadius: roundness
@@ -73,4 +73,18 @@ 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,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 { withTheme } from "../theming";
 import { ScrollView, View, StyleSheet, Dimensions } from "react-native";
@@ -29,6 +30,7 @@ function Pager(_ref) {
   }));
 }
 function Carousel(_ref2) {
+  var _data$length;
   let {
     data,
     children,
@@ -36,10 +38,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,
@@ -47,10 +48,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",
@@ -78,8 +78,8 @@ function Carousel(_ref2) {
       }]
     });
   }) : null, React.Children.map(children, child => {
-    var _a;
-    const s = ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.style) || {};
+    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) || {};
     return /*#__PURE__*/React.createElement(View, {
       style: {
         width: slideWidth
@@ -117,28 +117,4 @@ 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/Checkbox.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, StyleSheet, Pressable } from "react-native";
 import { useTheme } from "../../theming";
@@ -25,6 +26,7 @@ const Checkbox = _ref => {
       setInternalValue(status);
     }
   }, [status]);
+
   // This special logic is to handle weird APIs like Airtable that return
   // true or undefined for a boolean
   const previousDefaultValue = usePrevious(defaultValue);
@@ -48,8 +50,7 @@ const Checkbox = _ref => {
       onUncheck === null || onUncheck === void 0 ? void 0 : onUncheck();
     }
   };
-  return /*#__PURE__*/React.createElement(Pressable, {
-    ...rest,
+  return /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
     onPress: handlePress,
     disabled: disabled,
     accessibilityState: {
@@ -61,7 +62,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,
@@ -94,26 +95,4 @@ const styles = StyleSheet.create({
     alignSelf: "center"
   }
 });
-export default Checkbox;or: checkboxColor
-    }]
-  })));
-};
-const styles = StyleSheet.create({
-  container: {
-    borderRadius: 18
-  },
-  fillContainer: {
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    alignSelf: "center"
-  },
-  fill: {
-    borderRadius: 5,
-    width: 30,
-    height: 30,
-    alignSelf: "center"
-  }
-});
 export default Checkbox;

package/lib/module/components/Checkbox/CheckboxGroupRow.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 { StyleSheet, View, Platform, Pressable } from "react-native";
 import Checkbox from "./Checkbox";
@@ -5,7 +6,7 @@ import Text from "../Text";
 import { useCheckboxGroupContext } from "./context";
 import { Direction as GroupDirection } from "./context";
 import { extractStyles } from "../../utilities";
-export var Direction;
+export let Direction;
 (function (Direction) {
   Direction["Row"] = "row";
   Direction["RowReverse"] = "row-reverse";
@@ -62,14 +63,13 @@ const CheckboxGroupRow = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
     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]
@@ -107,23 +107,4 @@ const styles = StyleSheet.create({
     flex: 3
   }
 });
-export default CheckboxGroupRow;reate({
-  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/CircularProgress.js

@@ -1,24 +1,27 @@
+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); }
 import React from "react";
 import { View } from "react-native";
 import { Svg, Path, G } from "react-native-svg";
 class CircularProgress extends React.Component {
   constructor() {
     super(...arguments);
-    this.polarToCartesian = (centerX, centerY, radius, angleInDegrees) => {
+    _defineProperty(this, "polarToCartesian", (centerX, centerY, radius, angleInDegrees) => {
       var angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0;
       return {
         x: centerX + radius * Math.cos(angleInRadians),
         y: centerY + radius * Math.sin(angleInRadians)
       };
-    };
-    this.circlePath = (x, y, radius, startAngle, endAngle) => {
+    });
+    _defineProperty(this, "circlePath", (x, y, radius, startAngle, endAngle) => {
       var start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);
       var end = this.polarToCartesian(x, y, radius, startAngle);
       var largeArcFlag = endAngle - startAngle <= 180 ? "0" : "1";
       var d = ["M", start.x, start.y, "A", radius, radius, 0, largeArcFlag, 0, end.x, end.y];
       return d.join(" ");
-    };
-    this.clampFill = fill => Math.min(100, Math.max(0, fill));
+    });
+    _defineProperty(this, "clampFill", fill => Math.min(100, Math.max(0, fill)));
   }
   render() {
     const {
@@ -98,27 +101,4 @@ class CircularProgress extends React.Component {
     }, children(fill)));
   }
 }
-export default CircularProgress;eElement(G, {
-      rotation: rotation,
-      originX: (size + padding) / 2,
-      originY: (size + padding) / 2
-    }, backgroundColor && /*#__PURE__*/React.createElement(Path, {
-      d: backgroundPath,
-      stroke: backgroundColor,
-      strokeWidth: backgroundWidth || width,
-      strokeLinecap: lineCap,
-      strokeDasharray: strokeDasharrayBackground,
-      fill: "transparent"
-    }), fill > 0 && /*#__PURE__*/React.createElement(Path, {
-      d: circlePathItem,
-      stroke: tintColor,
-      strokeWidth: width,
-      strokeLinecap: lineCap,
-      strokeDasharray: strokeDasharrayTint,
-      fill: "transparent"
-    }), cap)), children && /*#__PURE__*/React.createElement(View, {
-      style: localChildrenContainerStyle
-    }, children(fill)));
-  }
-}
 export default CircularProgress;