@draftbit/core 47.0.0-eae99e.2 → 47.0.1-54c307.2

package/lib/commonjs/components/Header.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _theming = require("../theming");
+var _Divider = _interopRequireDefault(require("./Divider"));
+var _Touchable = _interopRequireDefault(require("./Touchable"));
+var _Config = _interopRequireDefault(require("./Config"));
+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; }
+const Header = _ref => {
+  let {
+    Icon,
+    titleTypeStyle,
+    titleColor,
+    title,
+    buttonText,
+    dividerTopMargin,
+    icon,
+    onPress,
+    style,
+    theme: {
+      colors,
+      typography
+    }
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, style]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.topContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [titleTypeStyle, {
+      color: titleColor,
+      flex: 1
+    }],
+    numberOfLines: 1
+  }, title), onPress && /*#__PURE__*/React.createElement(_Touchable.default, {
+    style: {
+      alignSelf: "center",
+      marginLeft: 12
+    },
+    onPress: onPress
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.buttonContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [typography.subtitle2, {
+      color: colors.light,
+      marginRight: 8
+    }],
+    numberOfLines: 1
+  }, buttonText), /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    size: _Config.default.headerIconSize,
+    color: colors.light
+  })))), /*#__PURE__*/React.createElement(_Divider.default, {
+    style: {
+      marginTop: dividerTopMargin || 16
+    }
+  }));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  },
+  topContainer: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  buttonContainer: {
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center"
+  }
+});
+var _default = (0, _theming.withTheme)(Header);
+exports.default = _default;

package/lib/commonjs/components/HeaderLarge.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _theming = require("../theming");
+var _Header = _interopRequireDefault(require("./Header"));
+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; }
+const HeaderLarge = _ref => {
+  let {
+    Icon,
+    title,
+    buttonText,
+    icon,
+    onPress = () => {},
+    style,
+    theme: {
+      colors,
+      typography
+    }
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_Header.default, {
+    Icon: Icon,
+    titleTypeStyle: typography.headline4,
+    titleColor: colors.strong,
+    title: title,
+    buttonText: buttonText,
+    icon: icon,
+    onPress: onPress,
+    style: style
+  });
+};
+var _default = (0, _theming.withTheme)(HeaderLarge);
+exports.default = _default;

package/lib/commonjs/components/HeaderMedium.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _theming = require("../theming");
+var _Header = _interopRequireDefault(require("./Header"));
+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; }
+const HeaderMedium = _ref => {
+  let {
+    Icon,
+    title,
+    buttonText,
+    icon,
+    onPress = () => {},
+    style,
+    theme: {
+      colors,
+      typography
+    }
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_Header.default, {
+    Icon: Icon,
+    titleTypeStyle: typography.headline6,
+    titleColor: colors.strong,
+    title: title,
+    buttonText: buttonText,
+    icon: icon,
+    onPress: onPress,
+    style: style
+  });
+};
+var _default = (0, _theming.withTheme)(HeaderMedium);
+exports.default = _default;

package/lib/commonjs/components/HeaderOverline.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _theming = require("../theming");
+var _Header = _interopRequireDefault(require("./Header"));
+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; }
+const HeaderOverline = _ref => {
+  let {
+    Icon,
+    title,
+    buttonText,
+    icon,
+    onPress = () => {},
+    style,
+    theme: {
+      colors,
+      typography
+    }
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_Header.default, {
+    Icon: Icon,
+    titleTypeStyle: typography.overline,
+    titleColor: colors.light,
+    title: title && title.toUpperCase(),
+    buttonText: buttonText,
+    icon: icon,
+    dividerTopMargin: 12,
+    onPress: onPress,
+    style: style
+  });
+};
+var _default = (0, _theming.withTheme)(HeaderOverline);
+exports.default = _default;

package/lib/commonjs/components/IconButton.js

@@ -61,5 +61,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(IconButton);
-exports.default = _default;
-//# sourceMappingURL=IconButton.js.map
+exports.default = _default;

package/lib/commonjs/components/Image.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _Config = _interopRequireDefault(require("./Config"));
+var _AspectRatio = _interopRequireDefault(require("./AspectRatio"));
+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); }
+const generateDimensions = _ref => {
+  let {
+    aspectRatio,
+    width,
+    height
+  } = _ref;
+  if (aspectRatio && !width && !height) {
+    return {
+      aspectRatio,
+      width: "100%"
+    };
+  }
+  if (aspectRatio && height) {
+    return {
+      aspectRatio,
+      height,
+      width: aspectRatio * height
+    };
+  }
+  if (aspectRatio && width) {
+    return {
+      aspectRatio,
+      width,
+      height: width / aspectRatio
+    };
+  }
+  return {
+    width,
+    height
+  };
+};
+const Image = _ref2 => {
+  let {
+    source,
+    resizeMode = "cover",
+    style,
+    ...props
+  } = _ref2;
+  let imageSource = source === null || source === undefined ? _Config.default.placeholderImageURL : source;
+  const styles = _reactNative.StyleSheet.flatten(style || {});
+  const {
+    aspectRatio,
+    width,
+    height
+  } = generateDimensions(styles);
+  if (aspectRatio) {
+    return /*#__PURE__*/_react.default.createElement(_AspectRatio.default, {
+      style: [style, {
+        width,
+        height,
+        aspectRatio
+      }]
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {
+      source: imageSource,
+      resizeMode: resizeMode,
+      style: [style, {
+        height: "100%",
+        width: "100%"
+      }]
+    })));
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {
+    source: source,
+    resizeMode: resizeMode,
+    style: style
+  }));
+};
+var _default = Image;
+exports.default = _default;

package/lib/commonjs/components/Justification.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/commonjs/components/Layout.js

@@ -123,5 +123,4 @@ function Stack(_ref6) {
       }]
     }, rest), children)
   );
-}
-//# sourceMappingURL=Layout.js.map
+}

package/lib/commonjs/components/NumberInput.js

@@ -65,5 +65,4 @@ const NumberInput = _ref => {
   }, props));
 };
 var _default = NumberInput;
-exports.default = _default;
-//# sourceMappingURL=NumberInput.js.map
+exports.default = _default;

package/lib/commonjs/components/Picker/Picker.js

@@ -324,5 +324,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(Picker);
-exports.default = _default;
-//# sourceMappingURL=Picker.js.map
+exports.default = _default;

package/lib/commonjs/components/Picker/PickerComponent.android.js

@@ -114,5 +114,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(Picker);
-exports.default = _default;
-//# sourceMappingURL=PickerComponent.android.js.map
+exports.default = _default;

package/lib/commonjs/components/Picker/PickerComponent.ios.js

@@ -138,5 +138,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(Picker);
-exports.default = _default;
-//# sourceMappingURL=PickerComponent.ios.js.map
+exports.default = _default;

package/lib/commonjs/components/Picker/PickerComponent.web.js

@@ -115,5 +115,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(Picker);
-exports.default = _default;
-//# sourceMappingURL=PickerComponent.web.js.map
+exports.default = _default;

package/lib/commonjs/components/Picker/PickerTypes.js

@@ -2,5 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-//# sourceMappingURL=PickerTypes.js.map
+});

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

@@ -52,5 +52,4 @@ class Portal extends React.Component {
 }
 _defineProperty(Portal, "Host", _PortalHost.default);
 var _default = (0, _theming.withTheme)(Portal);
-exports.default = _default;
-//# sourceMappingURL=Portal.js.map
+exports.default = _default;

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

@@ -39,5 +39,4 @@ class PortalConsumer extends React.Component {
     return null;
   }
 }
-exports.default = PortalConsumer;
-//# sourceMappingURL=PortalConsumer.js.map
+exports.default = PortalConsumer;

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

@@ -133,5 +133,4 @@ const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1
   }
-});
-//# sourceMappingURL=PortalHost.js.map
+});

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

@@ -59,5 +59,4 @@ class PortalManager extends React.PureComponent {
     });
   }
 }
-exports.default = PortalManager;
-//# sourceMappingURL=PortalManager.js.map
+exports.default = PortalManager;

package/lib/commonjs/components/ProgressBar.js

@@ -0,0 +1,158 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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);
+    _defineProperty(this, "handleLayout", event => {
+      const {
+        width = 150,
+        onLayout
+      } = this.props;
+      if (!width) {
+        this.setState({
+          width: event.nativeEvent.layout.width
+        });
+      }
+      if (onLayout) {
+        onLayout(event);
+      }
+    });
+    const {
+      progress: progressP = 0,
+      indeterminate = false
+    } = props;
+    const progress = Math.min(Math.max(progressP, 0), 1);
+    this.state = {
+      width: 0,
+      progress: new _reactNative.Animated.Value(indeterminate ? INDETERMINATE_WIDTH_FACTOR : progress),
+      animationValue: new _reactNative.Animated.Value(BAR_WIDTH_ZERO_POSITION)
+    };
+  }
+  componentDidMount() {
+    const {
+      indeterminate = false
+    } = this.props;
+    if (indeterminate) {
+      this.animate();
+    }
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      indeterminate = false,
+      useNativeDriver = false,
+      progress: progressP = 0,
+      animationType = "spring",
+      animationConfig = {
+        bounciness: 0
+      },
+      animated = true
+    } = this.props;
+    if (prevProps.indeterminate !== indeterminate) {
+      if (indeterminate) {
+        this.animate();
+      } else {
+        _reactNative.Animated.spring(this.state.animationValue, {
+          toValue: BAR_WIDTH_ZERO_POSITION,
+          useNativeDriver
+        }).start();
+      }
+    }
+    if (prevProps.indeterminate !== indeterminate || prevProps.progress !== progressP) {
+      const progress = this.props.indeterminate ? INDETERMINATE_WIDTH_FACTOR : Math.min(Math.max(progressP, 0), 1);
+      if (animated) {
+        _reactNative.Animated[animationType](this.state.progress, {
+          ...animationConfig,
+          toValue: progress,
+          velocity: 0,
+          //adjust this value if animation fails - velocity is required
+          useNativeDriver
+        }).start();
+      } else {
+        this.state.progress.setValue(progress);
+      }
+    }
+  }
+  animate() {
+    const {
+      useNativeDriver = false,
+      indeterminateAnimationDuration = 1000
+    } = this.props;
+    this.state.animationValue.setValue(0);
+    _reactNative.Animated.timing(this.state.animationValue, {
+      toValue: 1,
+      duration: indeterminateAnimationDuration,
+      easing: _reactNative.Easing.linear,
+      isInteraction: false,
+      useNativeDriver
+    }).start(endState => {
+      if (endState.finished) {
+        this.animate();
+      }
+    });
+  }
+  render() {
+    const {
+      borderColor,
+      borderRadius = 4,
+      borderWidth = 1,
+      children,
+      color = "rgba(0, 122, 255, 1)",
+      style,
+      unfilledColor,
+      width = 150,
+      ...restProps
+    } = this.props;
+    const innerWidth = Math.max(0, width || this.state.width) - borderWidth * 2;
+    const containerStyle = {
+      width,
+      borderWidth,
+      borderColor: borderColor || color,
+      borderRadius,
+      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
+    }, restProps), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+      style: progressStyle
+    }), children);
+  }
+}
+exports.default = ProgressBar;

package/lib/commonjs/components/ProgressCircle.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _AnimatedCircularProgress = _interopRequireDefault(require("./AnimatedCircularProgress"));
+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; }
+const ProgressCircle = _ref => {
+  let {
+    progress = 0.5,
+    style,
+    color = "primary",
+    size = 100,
+    showsText = true,
+    unfilledColor,
+    strokeCap = "butt",
+    textStyle,
+    thickness = 1,
+    theme
+  } = _ref;
+  const progressNum = Math.round(progress * 100);
+  const tintColor = color || theme.colors.primary;
+  const backgroundColor = unfilledColor || theme.colors.secondary;
+  return /*#__PURE__*/React.createElement(_AnimatedCircularProgress.default, {
+    size: size,
+    width: thickness,
+    backgroundWidth: thickness,
+    fill: progressNum,
+    tintColor: tintColor,
+    backgroundColor: backgroundColor,
+    rotation: 0,
+    lineCap: strokeCap,
+    style: style
+  }, fill => showsText ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [{
+      fontSize: size * 0.275,
+      color: tintColor
+    }, textStyle]
+  }, Math.round(fill), "%") : null);
+};
+var _default = (0, _theming.withTheme)(ProgressCircle);
+exports.default = _default;

package/lib/commonjs/components/ProgressIndicator.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _StepIndicator = _interopRequireDefault(require("./StepIndicator"));
+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; }
+const ProgressIndicator = _ref => {
+  let {
+    numberOfSteps,
+    currentStep,
+    currentStepStrokeWidth = 3,
+    stepStrokeCurrentColor = "primary",
+    stepIndicatorSize,
+    currentStepIndicatorSize,
+    stepIndicatorCurrentColor,
+    stepIndicatorLabelCurrentColor,
+    stepIndicatorLabelFontSize = 12,
+    stepNumberFinishedColor = "strongInverse",
+    stepNumberUnfinishedColor = "primary",
+    unfinishedColor = "light",
+    finishedColor = "primary",
+    theme
+  } = _ref;
+  const currentPosition = currentStep - 1;
+  return /*#__PURE__*/React.createElement(_StepIndicator.default, {
+    stepCount: numberOfSteps,
+    currentPosition: currentPosition,
+    customStyles: {
+      stepIndicatorSize,
+      currentStepIndicatorSize: currentStepIndicatorSize ? currentStepIndicatorSize : stepIndicatorSize,
+      stepStrokeFinishedColor: finishedColor,
+      stepStrokeUnFinishedColor: unfinishedColor,
+      separatorFinishedColor: finishedColor,
+      separatorUnFinishedColor: unfinishedColor,
+      stepIndicatorFinishedColor: finishedColor,
+      stepIndicatorUnFinishedColor: unfinishedColor,
+      currentStepStrokeWidth,
+      stepStrokeCurrentColor: stepStrokeCurrentColor || stepIndicatorCurrentColor,
+      stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,
+      stepIndicatorLabelFinishedColor: stepNumberFinishedColor,
+      stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,
+      stepIndicatorLabelCurrentColor: stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,
+      stepIndicatorLabelFontSize,
+      labelFontFamily: theme.typography.body1.fontFamily
+    }
+  });
+};
+var _default = (0, _theming.withTheme)(ProgressIndicator);
+exports.default = _default;

package/lib/commonjs/components/RadioButton/RadioButton.js

@@ -50,5 +50,4 @@ const RadioButton = _ref => {
   }, rest));
 };
 var _default = RadioButton;
-exports.default = _default;
-//# sourceMappingURL=RadioButton.js.map
+exports.default = _default;

package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js

@@ -32,5 +32,4 @@ const RadioButtonFieldGroup = _ref => {
   }, rest), children));
 };
 var _default = (0, _theming.withTheme)(RadioButtonFieldGroup);
-exports.default = _default;
-//# sourceMappingURL=RadioButtonFieldGroup.js.map
+exports.default = _default;