@draftbit/core 46.7.9-9ce779.2 → 46.7.9-cfda7d.2

package/lib/commonjs/components/Accordion/AccordionItem.js

@@ -12,7 +12,6 @@ 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 _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 AccordionItem = _ref => {
   let {
     Icon,
@@ -27,9 +26,10 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
-    style: [styles.container, viewStyles]
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: [styles.container, viewStyles],
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -61,4 +61,23 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(AccordionItem);
+exports.default = _default;.StyleSheet.create({
+  container: {
+    padding: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8
+  },
+  item: {
+    marginVertical: 6,
+    paddingLeft: 8
+  },
+  content: {
+    flex: 1,
+    justifyContent: "center"
+  }
+});
+var _default = (0, _theming.withTheme)(AccordionItem);
 exports.default = _default;

package/lib/commonjs/components/AnimatedCircularProgress.js

@@ -10,7 +10,6 @@ var _CircularProgress = _interopRequireDefault(require("./CircularProgress"));
 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 AnimatedProgress = _reactNative.Animated.createAnimatedComponent(_CircularProgress.default);
 const AnimatedCircularProgress = _ref => {
   let {
@@ -55,6 +54,18 @@ const AnimatedCircularProgress = _ref => {
   React.useEffect(() => {
     animate();
   }, [fill, animate]);
+  return /*#__PURE__*/React.createElement(AnimatedProgress, {
+    ...other,
+    style: other.style,
+    childrenContainerStyle: other.childrenContainerStyle,
+    fill: fillAnimation,
+    tintColor: animateColor()
+  });
+};
+var _default = AnimatedCircularProgress;
+exports.default = _default;ect(() => {
+    animate();
+  }, [fill, animate]);
   return /*#__PURE__*/React.createElement(AnimatedProgress, _extends({}, other, {
     style: other.style,
     childrenContainerStyle: other.childrenContainerStyle,

package/lib/commonjs/components/Banner.js

@@ -12,7 +12,6 @@ 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 _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 ELEVATION = 1;
 const DEFAULT_MAX_WIDTH = 960;
 const Banner = _ref => {
@@ -70,7 +69,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
@@ -80,9 +78,10 @@ const Banner = _ref => {
   // However we can't animated banner's height directly as it'll also resize the content inside
   const height = _reactNative.Animated.multiply(position, layout.height);
   const translateY = _reactNative.Animated.multiply(_reactNative.Animated.add(position, -1), layout.height);
-  return /*#__PURE__*/React.createElement(_Surface.default, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(_Surface.default, {
+    ...rest,
     style: [styles.container, (0, _shadow.default)(ELEVATION), style]
-  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.wrapper, contentStyle]
   }, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
     style: {
@@ -164,4 +163,24 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(Banner);
+exports.default = _default;",
+    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
+  }
+});
+var _default = (0, _theming.withTheme)(Banner);
 exports.default = _default;

package/lib/commonjs/components/Checkbox/context.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.checkboxGroupContext = exports.Direction = void 0;
 exports.useCheckboxGroupContext = useCheckboxGroupContext;
 var _react = require("react");
-let Direction;
+var Direction;
 exports.Direction = Direction;
 (function (Direction) {
   Direction["Horizontal"] = "horizontal";

package/lib/commonjs/components/CircleImage.js

@@ -10,7 +10,6 @@ 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; }
-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 CircleImage = _ref => {
   let {
     source = _Config.default.placeholderImageURL,
@@ -19,6 +18,21 @@ const CircleImage = _ref => {
     ...props
   } = _ref;
   const borderRadius = size / 2;
+  return /*#__PURE__*/React.createElement(_reactNative.Image, {
+    style: [{
+      width: size,
+      height: size,
+      borderRadius
+    }, style],
+    source: typeof source === "string" ? {
+      uri: source
+    } : source,
+    resizeMode: "cover",
+    ...props
+  });
+};
+var _default = CircleImage;
+exports.default = _default;size / 2;
   return /*#__PURE__*/React.createElement(_reactNative.Image, _extends({
     style: [{
       width: size,

package/lib/commonjs/components/DatePicker/DatePicker.js

@@ -48,6 +48,7 @@ const DatePicker = _ref => {
     placeholder,
     borderColor: inputBorderColor,
     borderColorActive: inputBorderColorActive,
+    autoDismissKeyboard = true,
     ...props
   } = _ref;
   const [value, setValue] = React.useState(date || defaultValue);
@@ -143,6 +144,11 @@ const DatePicker = _ref => {
       clearTimeout(_showPlaceholder());
     };
   }, [focused, label, placeholder]);
+  React.useEffect(() => {
+    if (pickerVisible && autoDismissKeyboard) {
+      _reactNative.Keyboard.dismiss();
+    }
+  }, [pickerVisible, autoDismissKeyboard]);
   const _handleFocus = () => {
     if (disabled) {
       return;

package/lib/commonjs/components/DeprecatedCardWrapper.js

@@ -8,7 +8,6 @@ var _react = _interopRequireDefault(require("react"));
 var _theming = require("../theming");
 var _Touchable = _interopRequireDefault(require("./Touchable"));
 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 getWidth = numColumns => {
   switch (numColumns) {
     case 1:
@@ -28,6 +27,21 @@ const Card = _ref => {
     ...rest
   } = _ref;
   const width = getWidth(numColumns);
+  return /*#__PURE__*/_react.default.createElement(_Touchable.default, {
+    disabled: !onPress,
+    onPress: onPress,
+    style: [style, {
+      width
+    }],
+    ...rest
+  }, children);
+};
+var _default = (0, _theming.withTheme)(Card);
+exports.default = _default;s,
+    style,
+    ...rest
+  } = _ref;
+  const width = getWidth(numColumns);
   return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
     disabled: !onPress,
     onPress: onPress,

package/lib/commonjs/components/Elevation.js

@@ -11,7 +11,6 @@ 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 _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); }
 /* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
 const Elevation = _ref => {
   let {
@@ -28,11 +27,24 @@ const Elevation = _ref => {
     colors
   } = theme;
   const borderRadius = radius;
-  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    ...rest,
     style: [{
       borderRadius,
       backgroundColor: colors.surface
     }, elevation ? (0, _shadow.default)(elevation) : null, style]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      overflow: "hidden",
+      borderRadius
+    }
+  }, children));
+};
+var _default = (0, _theming.withTheme)(Elevation);
+exports.default = _default;
+      borderRadius,
+      backgroundColor: colors.surface
+    }, elevation ? (0, _shadow.default)(elevation) : null, style]
   }), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: {
       overflow: "hidden",

package/lib/commonjs/components/Image.js

@@ -9,7 +9,8 @@ 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); }
+/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
+
 const generateDimensions = _ref => {
   let {
     aspectRatio,
@@ -62,13 +63,27 @@ const Image = _ref2 => {
         height,
         aspectRatio
       }]
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      ...props,
       source: imageSource,
       resizeMode: resizeMode,
       style: [style, {
         height: "100%",
         width: "100%"
       }]
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    ...props,
+    source: source,
+    resizeMode: resizeMode,
+    style: style
+  });
+};
+var _default = Image;
+exports.default = _default; "100%",
+        width: "100%"
+      }]
     })));
   }
   return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {

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

@@ -65,7 +65,8 @@ const Picker = _ref => {
     leftIconName,
     placeholderTextColor = unstyledColor,
     rightIconName,
-    type = "solid"
+    type = "solid",
+    autoDismissKeyboard = true
   } = _ref;
   const androidPickerRef = React.useRef(undefined);
   const [internalValue, setInternalValue] = React.useState(value || defaultValue);
@@ -89,6 +90,11 @@ const Picker = _ref => {
       androidPickerRef === null || androidPickerRef === void 0 ? void 0 : (_androidPickerRef$cur = androidPickerRef.current) === null || _androidPickerRef$cur === void 0 ? void 0 : _androidPickerRef$cur.focus();
     }
   }, [pickerVisible, androidPickerRef]);
+  React.useEffect(() => {
+    if (pickerVisible && autoDismissKeyboard) {
+      _reactNative.Keyboard.dismiss();
+    }
+  }, [pickerVisible, autoDismissKeyboard]);
   const normalizedOptions = normalizeOptions(options);
   const pickerOptions = placeholder ? [{
     value: placeholder,

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

@@ -18,9 +18,7 @@ var _utilities = require("../../utilities");
 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$label, _options$find;
   let {
     Icon,
     style,
@@ -34,6 +32,7 @@ const Picker = _ref => {
     },
     ...props
   } = _ref;
+  var _a, _b;
   const {
     viewStyles: {
       borderRadius,
@@ -74,26 +73,24 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== 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(_reactNative.View, {
     style: [styles.container, viewStyles]
   }, /*#__PURE__*/React.createElement(_Touchable.default, {
     disabled: disabled,
     onPress: toggleVisibility
-  }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(_TextField.default, {
+    ...props,
     value: String(selectedLabel),
-    placeholder: placeholder
+    placeholder: placeholder,
     // @ts-ignore
-    ,
-    ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
-    ,
+    ref: textField,
     disabled: disabled,
-    pointerEvents: "none"
+    pointerEvents: "none",
     // @ts-expect-error
-    ,
     style: stylesWithoutMargin,
     Icon: Icon
-  }))), pickerVisible && /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+  })), pickerVisible && /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.picker, {
       backgroundColor: colors.divider
     }]
@@ -138,4 +135,32 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(Picker);
+exports.default = _default;ateElement(_picker.Picker.Item, {
+    label: o.label,
+    value: o.value,
+    key: o.value
+  })))))));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  },
+  picker: {
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    flexDirection: "row",
+    justifyContent: "center"
+  },
+  pickerContainer: {
+    backgroundColor: "white",
+    flexDirection: "column",
+    width: "100%"
+  },
+  closeButton: {
+    alignSelf: "flex-end"
+  }
+});
+var _default = (0, _theming.withTheme)(Picker);
 exports.default = _default;

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

@@ -15,9 +15,7 @@ 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$label, _options$find;
   let {
     style,
     options,
@@ -27,6 +25,7 @@ const Picker = _ref => {
     onValueChange: onValueChangeOverride = () => {},
     ...props
   } = _ref;
+  var _a, _b;
   const {
     viewStyles: {
       borderRadius,
@@ -71,7 +70,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== 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,6 +95,24 @@ const Picker = _ref => {
     key: o.value
   }))), /*#__PURE__*/React.createElement(_reactNative.View, {
     pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(_TextField.default, {
+    ...props,
+    value: selectedLabel,
+    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

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

@@ -8,54 +8,28 @@ 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); }
 /**
  * Portal host is the component which actually renders all Portals.
  */
 class PortalManager extends React.PureComponent {
   constructor() {
     super(...arguments);
-    this.state = {
+    _defineProperty(this, "state", {
       portals: []
-    };
-    this.mount = (key, children) => {
+    });
+    _defineProperty(this, "mount", (key, children) => {
       this.setState(state => ({
         portals: [...state.portals, {
           key,
           children
         }]
       }));
-    };
-    this.update = (key, children) => this.setState(state => ({
-      portals: state.portals.map(item => {
-        if (item.key === key) {
-          return {
-            ...item,
-            children
-          };
-        }
-        return item;
-      })
-    }));
-    this.unmount = key => this.setState(state => ({
-      portals: state.portals.filter(item => item.key !== key)
-    }));
-  }
-  render() {
-    return this.state.portals.map(_ref => {
-      let {
-        key,
-        children
-      } = _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 */,
-        pointerEvents: "box-none",
-        style: _reactNative.StyleSheet.absoluteFill
-      }, children);
     });
-  }
-}
-exports.default = PortalManager;tate.portals.map(item => {
+    _defineProperty(this, "update", (key, children) => this.setState(state => ({
+      portals: state.portals.map(item => {
         if (item.key === key) {
           return {
             ...item,

package/lib/commonjs/components/ProgressBar.js

@@ -8,16 +8,12 @@ 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
@@ -30,7 +26,7 @@ class ProgressBar extends _react.Component {
       if (onLayout) {
         onLayout(event);
       }
-    });
+    };
     const {
       progress: progressP = 0,
       indeterminate = false
@@ -78,7 +74,6 @@ class ProgressBar extends _react.Component {
           ...animationConfig,
           toValue: progress,
           velocity: 0,
-          //adjust this value if animation fails - velocity is required
           useNativeDriver
         }).start();
       } else {
@@ -147,6 +142,41 @@ 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;,
+      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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.radioButtonGroupContext = exports.Direction = void 0;
 exports.useRadioButtonGroupContext = useRadioButtonGroupContext;
 var _react = require("react");
-let Direction;
+var Direction;
 exports.Direction = Direction;
 (function (Direction) {
   Direction["Horizontal"] = "horizontal";

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/index.js

@@ -123,18 +123,6 @@ Object.defineProperty(exports, "DatePicker", {
     return _DatePicker.default;
   }
 });
-Object.defineProperty(exports, "DeckSwiper", {
-  enumerable: true,
-  get: function () {
-    return _DeckSwiper.DeckSwiper;
-  }
-});
-Object.defineProperty(exports, "DeckSwiperCard", {
-  enumerable: true,
-  get: function () {
-    return _DeckSwiper.DeckSwiperCard;
-  }
-});
 Object.defineProperty(exports, "DefaultTheme", {
   enumerable: true,
   get: function () {
@@ -413,7 +401,6 @@ var _ActionSheet = require("./components/ActionSheet");
 var _Swiper = require("./components/Swiper");
 var _Layout = require("./components/Layout");
 var _index = require("./components/RadioButton/index");
-var _DeckSwiper = require("./components/DeckSwiper");
 var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
 var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
 var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));