@draftbit/core 46.4.4-c18fe1.2 → 46.4.4-c96c31.2

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

@@ -4,20 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var React = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _picker = require("@react-native-picker/picker");
+
 var _lodash = _interopRequireDefault(require("lodash.omit"));
+
 var _theming = require("../../theming");
+
 var _utilities = require("../../utilities");
+
 var _TextField = _interopRequireDefault(require("../TextField"));
+
 var _Touchable = _interopRequireDefault(require("../Touchable"));
+
 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 Picker = _ref => {
-  var _options$find;
   let {
     style,
     options,
@@ -27,6 +37,9 @@ const Picker = _ref => {
     onValueChange: onValueChangeOverride = () => {},
     ...props
   } = _ref;
+
+  var _a, _b;
+
   const {
     viewStyles: {
       borderRadius,
@@ -59,10 +72,12 @@ const Picker = _ref => {
     }
   } = (0, _utilities.extractStyles)(style);
   const textField = React.useRef(undefined);
+
   const onValueChange = (itemValue, itemIndex) => {
     toggleFocus();
     onValueChangeOverride(itemValue, itemIndex);
   };
+
   const toggleFocus = () => {
     if (!disabled) {
       // @ts-ignore
@@ -71,7 +86,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
+  const selectedLabel = selectedValue && ((_b = (_a = options.find(o => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
   return /*#__PURE__*/React.createElement(_Touchable.default, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -96,23 +111,44 @@ const Picker = _ref => {
     key: o.value
   }))), /*#__PURE__*/React.createElement(_reactNative.View, {
     pointerEvents: "none"
-  }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(_TextField.default, { ...props,
     value: selectedLabel,
-    placeholder: placeholder
+    placeholder: placeholder,
     // @ts-ignore
+    ref: textField,
+    disabled: disabled,
+    // @ts-expect-error
+    style: stylesWithoutMargin
+  }))));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  }
+});
+
+var _default = (0, _theming.withTheme)(Picker);
+
+exports.default = _default; pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
+    value: selectedLabel,
+    placeholder: placeholder // @ts-ignore
     ,
     ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
     ,
-    disabled: disabled
-    // @ts-expect-error
+    disabled: disabled // @ts-expect-error
     ,
     style: stylesWithoutMargin
   })))));
 };
+
 const styles = _reactNative.StyleSheet.create({
   container: {
     alignSelf: "stretch"
   }
 });
+
 var _default = (0, _theming.withTheme)(Picker);
+
 exports.default = _default;

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

@@ -4,16 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var React = _interopRequireWildcard(require("react"));
+
 var _PortalConsumer = _interopRequireDefault(require("./PortalConsumer"));
+
 var _PortalHost = _interopRequireWildcard(require("./PortalHost"));
+
 var _theming = require("../../theming");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _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); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 /**
  * Portal allows to render a component at a different place in the parent tree.
  * You can use it to render content which should appear above other elements, similar to `Modal`.
@@ -37,7 +44,6 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
  */
 class Portal extends React.Component {
   // @component ./PortalHost.tsx
-
   render() {
     const {
       children,
@@ -49,7 +55,11 @@ class Portal extends React.Component {
       theme: theme
     }, children)));
   }
+
 }
+
 _defineProperty(Portal, "Host", _PortalHost.default);
+
 var _default = (0, _theming.withTheme)(Portal);
+
 exports.default = _default;

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

@@ -4,39 +4,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var React = _interopRequireWildcard(require("react"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 class PortalConsumer extends React.Component {
   constructor() {
     super(...arguments);
+
     _defineProperty(this, "key", void 0);
   }
+
   async componentDidMount() {
-    this.checkManager();
+    this.checkManager(); // Delay updating to prevent React from going to infinite loop
 
-    // Delay updating to prevent React from going to infinite loop
     await Promise.resolve();
     this.key = this.props.manager.mount(this.props.children);
   }
+
   componentDidUpdate() {
     this.checkManager();
     this.props.manager.update(this.key, this.props.children);
   }
+
   componentWillUnmount() {
     this.checkManager();
     this.props.manager.unmount(this.key);
   }
+
   checkManager() {
     if (!this.props.manager) {
       throw new Error("Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\n\n" + "Please read our getting-started guide and make sure you've followed all the required steps.\n\n" + "https://callstack.github.io/react-native-paper/getting-started.html");
     }
   }
+
   render() {
     return null;
   }
+
 }
+
 exports.default = PortalConsumer;

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

@@ -4,17 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PortalContext = void 0;
+
 var React = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _PortalManager = _interopRequireDefault(require("./PortalManager"));
+
 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 _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 PortalContext = /*#__PURE__*/React.createContext(null);
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const PortalContext = /*#__PURE__*/React.createContext(null);
 /**
  * Portal host renders all of its children `Portal` elements.
  * For example, you can wrap a screen in `Portal.Host` to render items above the screen.
@@ -39,15 +44,20 @@ const PortalContext = /*#__PURE__*/React.createContext(null);
  *
  * Here any `Portal` elements under `<App />` are rendered alongside `<App />` and will appear above `<App />` like a `Modal`.
  */
+
 exports.PortalContext = PortalContext;
+
 class PortalHost extends React.Component {
   constructor() {
     super(...arguments);
+
     _defineProperty(this, "setManager", manager => {
       this.manager = manager;
     });
+
     _defineProperty(this, "mount", children => {
       const key = this.nextKey++;
+
       if (this.manager) {
         this.manager.mount(key, children);
       } else {
@@ -57,8 +67,10 @@ class PortalHost extends React.Component {
           children
         });
       }
+
       return key;
     });
+
     _defineProperty(this, "update", (key, children) => {
       if (this.manager) {
         this.manager.update(key, children);
@@ -69,6 +81,7 @@ class PortalHost extends React.Component {
           children
         };
         const index = this.queue.findIndex(o => o.type === "mount" || o.type === "update" && o.key === key);
+
         if (index > -1) {
           // @ts-ignore
           this.queue[index] = op;
@@ -77,6 +90,7 @@ class PortalHost extends React.Component {
         }
       }
     });
+
     _defineProperty(this, "unmount", key => {
       if (this.manager) {
         this.manager.unmount(key);
@@ -87,23 +101,31 @@ class PortalHost extends React.Component {
         });
       }
     });
+
     _defineProperty(this, "nextKey", 0);
+
     _defineProperty(this, "queue", []);
+
     _defineProperty(this, "manager", void 0);
   }
+
   componentDidMount() {
     const manager = this.manager;
     const queue = this.queue;
+
     while (queue.length && manager) {
       const action = queue.pop();
+
       if (action) {
         switch (action.type) {
           case "mount":
             manager.mount(action.key, action.children);
             break;
+
           case "update":
             manager.update(action.key, action.children);
             break;
+
           case "unmount":
             manager.unmount(action.key);
             break;
@@ -111,6 +133,7 @@ class PortalHost extends React.Component {
       }
     }
   }
+
   render() {
     return /*#__PURE__*/React.createElement(PortalContext.Provider, {
       value: {
@@ -126,9 +149,13 @@ class PortalHost extends React.Component {
       ref: this.setManager
     }));
   }
+
 }
+
 exports.default = PortalHost;
+
 _defineProperty(PortalHost, "displayName", "Portal.Host");
+
 const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1

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

@@ -4,22 +4,28 @@ 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 _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); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 /**
  * Portal host is the component which actually renders all Portals.
  */
 class PortalManager extends React.PureComponent {
   constructor() {
     super(...arguments);
+
     _defineProperty(this, "state", {
       portals: []
     });
+
     _defineProperty(this, "mount", (key, children) => {
       this.setState(state => ({
         portals: [...state.portals, {
@@ -28,21 +34,24 @@ class PortalManager extends React.PureComponent {
         }]
       }));
     });
+
     _defineProperty(this, "update", (key, children) => this.setState(state => ({
       portals: state.portals.map(item => {
         if (item.key === key) {
-          return {
-            ...item,
+          return { ...item,
             children
           };
         }
+
         return item;
       })
     })));
+
     _defineProperty(this, "unmount", key => this.setState(state => ({
       portals: state.portals.filter(item => item.key !== key)
     })));
   }
+
   render() {
     return this.state.portals.map(_ref => {
       let {
@@ -51,12 +60,15 @@ class PortalManager extends React.PureComponent {
       } = _ref;
       return /*#__PURE__*/React.createElement(_reactNative.View, {
         key: key,
-        collapsable: false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */,
-
+        collapsable: false
+        /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */
+        ,
         pointerEvents: "box-none",
         style: _reactNative.StyleSheet.absoluteFill
       }, children);
     });
   }
+
 }
+
 exports.default = PortalManager;

package/lib/commonjs/components/ProgressBar.js

@@ -4,33 +4,39 @@ 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 => {
+
+    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
@@ -42,14 +48,17 @@ class ProgressBar extends _react.Component {
       animationValue: new _reactNative.Animated.Value(BAR_WIDTH_ZERO_POSITION)
     };
   }
+
   componentDidMount() {
     const {
       indeterminate = false
     } = this.props;
+
     if (indeterminate) {
       this.animate();
     }
   }
+
   componentDidUpdate(prevProps) {
     const {
       indeterminate = false,
@@ -61,6 +70,7 @@ class ProgressBar extends _react.Component {
       },
       animated = true
     } = this.props;
+
     if (prevProps.indeterminate !== indeterminate) {
       if (indeterminate) {
         this.animate();
@@ -71,14 +81,14 @@ class ProgressBar extends _react.Component {
         }).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,
+        _reactNative.Animated[animationType](this.state.progress, { ...animationConfig,
           toValue: progress,
           velocity: 0,
-          //adjust this value if animation fails - velocity is required
           useNativeDriver
         }).start();
       } else {
@@ -86,12 +96,14 @@ class ProgressBar extends _react.Component {
       }
     }
   }
+
   animate() {
     const {
       useNativeDriver = false,
       indeterminateAnimationDuration = 1000
     } = this.props;
     this.state.animationValue.setValue(0);
+
     _reactNative.Animated.timing(this.state.animationValue, {
       toValue: 1,
       duration: indeterminateAnimationDuration,
@@ -104,6 +116,7 @@ class ProgressBar extends _react.Component {
       }
     });
   }
+
   render() {
     const {
       borderColor,
@@ -147,6 +160,27 @@ class ProgressBar extends _react.Component {
         })
       }]
     };
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [containerStyle, style],
+      onLayout: this.handleLayout,
+      ...restProps
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+      style: progressStyle
+    }), children);
+  }
+
+}
+
+exports.default = ProgressBar;h / (_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
@@ -154,5 +188,7 @@ class ProgressBar extends _react.Component {
       style: progressStyle
     }), children);
   }
+
 }
+
 exports.default = ProgressBar;

package/lib/commonjs/components/ProgressCircle.js

@@ -4,13 +4,21 @@ 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,
@@ -44,5 +52,7 @@ const ProgressCircle = _ref => {
     }, textStyle]
   }, Math.round(fill), "%") : null);
 };
+
 var _default = (0, _theming.withTheme)(ProgressCircle);
+
 exports.default = _default;

package/lib/commonjs/components/ProgressIndicator.js

@@ -4,12 +4,19 @@ 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,
@@ -51,5 +58,7 @@ const ProgressIndicator = _ref => {
     }
   });
 };
+
 var _default = (0, _theming.withTheme)(ProgressIndicator);
+
 exports.default = _default;