@chem-po/react-native 0.0.4 → 0.0.6

package/lib/commonjs/components/loading/Loading.js

@@ -0,0 +1,174 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LottieLoadingLogo = exports.LoadingOverlay = exports.LoadingLogo = exports.Loading = void 0;
+var _react = require("@chem-po/react");
+var _lottieReactNative = _interopRequireDefault(require("lottie-react-native"));
+var _react2 = require("react");
+var _reactNative = require("react-native");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LottieLoadingLogo = ({
+  size = 30,
+  isLoading,
+  speed = 2,
+  inFeed,
+  asset
+}) => {
+  const {
+    colorMode
+  } = (0, _react.useTheme)();
+  const animationData = (0, _react2.useMemo)(() => inFeed ? asset.dark ?? asset.default : colorMode === 'dark' ? asset.dark ?? asset.default : asset.default, [asset, inFeed, colorMode]);
+  const style = (0, _react2.useMemo)(() => ({
+    width: size,
+    height: size,
+    opacity: isLoading ? 0.85 : 0
+  }), [size, isLoading]);
+  return /*#__PURE__*/React.createElement(_lottieReactNative.default, {
+    source: animationData,
+    autoPlay: isLoading,
+    loop: true,
+    speed: speed,
+    style: style
+  });
+};
+exports.LottieLoadingLogo = LottieLoadingLogo;
+const SVGLoadingLogo = ({
+  size = 30,
+  isLoading,
+  asset,
+  inFeed
+}) => {
+  const {
+    colorMode
+  } = (0, _react.useTheme)();
+  const svg = (0, _react2.useMemo)(() => inFeed ? asset.dark ?? asset.default : colorMode === 'dark' ? asset.dark ?? asset.default : asset.default, [asset, inFeed, colorMode]);
+  const style = (0, _react2.useMemo)(() => ({
+    width: size,
+    height: size,
+    opacity: isLoading ? 0.85 : 0
+  }), [size, isLoading]);
+  return /*#__PURE__*/React.createElement(_reactNative.Image, {
+    source: {
+      uri: svg
+    },
+    style: style
+  });
+};
+const LoadingBody = ({
+  isLoading,
+  size
+}) => {
+  const {
+    loading
+  } = (0, _react.useAppAssets)();
+  if (loading.lottieJson) return /*#__PURE__*/React.createElement(LottieLoadingLogo, {
+    isLoading: isLoading,
+    size: size,
+    asset: loading.lottieJson
+  });
+  if (loading.svg) return /*#__PURE__*/React.createElement(SVGLoadingLogo, {
+    isLoading: isLoading,
+    size: size,
+    asset: loading.svg
+  });
+  return null;
+};
+const LoadingLogo = ({
+  isLoading,
+  size,
+  inFeed
+}) => {
+  const {
+    loading
+  } = (0, _react.useAppAssets)();
+  if (loading.lottieJson) return /*#__PURE__*/React.createElement(LottieLoadingLogo, {
+    inFeed: inFeed,
+    isLoading: isLoading,
+    size: size,
+    asset: loading.lottieJson
+  });
+  if (loading.svg) return /*#__PURE__*/React.createElement(SVGLoadingLogo, {
+    inFeed: inFeed,
+    isLoading: isLoading,
+    size: size,
+    asset: loading.svg
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.errorText
+  }, "ERROR: No loading animation found");
+};
+exports.LoadingLogo = LoadingLogo;
+const Loading = ({
+  text = 'Loading...',
+  inBox,
+  containerStyle
+}) => {
+  const body = /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.loadingContainer, containerStyle]
+  }, /*#__PURE__*/React.createElement(LoadingBody, {
+    isLoading: true
+  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.loadingText
+  }, text));
+  return inBox ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.boxContainer
+  }, body) : body;
+};
+exports.Loading = Loading;
+const LoadingOverlay = ({
+  isLoading,
+  text,
+  inFeed,
+  style
+}) => {
+  const {
+    colorMode
+  } = (0, _react.useTheme)();
+  const bgColor = colorMode === 'dark' ? 'rgba(0, 0, 0, 0.53)' : 'rgba(255, 255, 255, 0.67)';
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.overlay, {
+      backgroundColor: bgColor
+    }, {
+      opacity: isLoading ? 1 : 0
+    }, style]
+  }, !text ? /*#__PURE__*/React.createElement(LoadingLogo, {
+    inFeed: inFeed,
+    size: 100,
+    isLoading: isLoading
+  }) : /*#__PURE__*/React.createElement(Loading, {
+    text: text
+  }));
+};
+exports.LoadingOverlay = LoadingOverlay;
+const styles = _reactNative.StyleSheet.create({
+  loadingContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 8
+  },
+  loadingText: {
+    opacity: 0.8,
+    fontSize: 14,
+    marginLeft: 8
+  },
+  boxContainer: {
+    padding: 16,
+    borderRadius: 8,
+    backgroundColor: 'rgba(0, 0, 0, 0.05)'
+  },
+  overlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  errorText: {
+    color: 'red'
+  }
+});
+//# sourceMappingURL=Loading.js.map

package/lib/commonjs/components/loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_lottieReactNative","_interopRequireDefault","_react2","_reactNative","e","__esModule","default","LottieLoadingLogo","size","isLoading","speed","inFeed","asset","colorMode","useTheme","animationData","useMemo","dark","style","width","height","opacity","React","createElement","source","autoPlay","loop","exports","SVGLoadingLogo","svg","Image","uri","LoadingBody","loading","useAppAssets","lottieJson","LoadingLogo","Text","styles","errorText","Loading","text","inBox","containerStyle","body","View","loadingContainer","loadingText","boxContainer","LoadingOverlay","bgColor","overlay","backgroundColor","StyleSheet","create","flexDirection","alignItems","padding","fontSize","marginLeft","borderRadius","position","top","left","right","bottom","justifyContent","color"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/Loading.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/loading/LoadingImage.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingImage = void 0;
+var _react = require("@chem-po/react");
+var _vectorIcons = require("@expo/vector-icons");
+var _react2 = require("react");
+var _reactNative = require("react-native");
+var _ImageViewOverlay = require("../overlay/ImageViewOverlay");
+var _Loading = require("./Loading");
+const emptyPng = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=';
+const LoadingImage = ({
+  src,
+  loadingOverride,
+  onLoad,
+  width,
+  height,
+  noFullView,
+  buttonFullView,
+  style
+}) => {
+  const [imageLoading, setImageLoading] = (0, _react2.useState)(!!src);
+  const imageRef = (0, _react2.useRef)(null);
+  const [viewing, setViewing] = (0, _react2.useState)(false);
+  const mounted = (0, _react.useMounted)(100);
+  const handleImageLoad = (0, _react2.useCallback)(e => {
+    if (onLoad) onLoad(e);
+  }, [onLoad]);
+  const [prevSrc, setPrevSrc] = (0, _react2.useState)(src);
+  (0, _react2.useEffect)(() => {
+    if (src) setPrevSrc(src);
+  }, [src, prevSrc]);
+  const loading = (0, _react2.useMemo)(() => imageLoading || !!loadingOverride, [imageLoading, loadingOverride]);
+  const ImageComponent = /*#__PURE__*/React.createElement(_reactNative.Image, {
+    ref: imageRef,
+    source: {
+      uri: src ?? emptyPng
+    },
+    style: [styles.image, {
+      opacity: src && !loading ? 1 : 0
+    }]
+    // onLoadStart={() => setImageLoading(true)}
+    ,
+    onLoadEnd: () => setImageLoading(false),
+    onLoad: handleImageLoad,
+    resizeMode: src ? 'cover' : 'contain'
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, {
+      width: width ?? '100%',
+      height: height ?? '100%',
+      opacity: mounted ? 1 : 0
+    }, style]
+  }, noFullView || buttonFullView ? ImageComponent : /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    activeOpacity: 0.9,
+    onPress: () => setViewing(true),
+    style: styles.imageContainer
+  }, ImageComponent), buttonFullView && /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.fullViewButton,
+    onPress: () => setViewing(true),
+    activeOpacity: 0.7
+  }, /*#__PURE__*/React.createElement(_vectorIcons.Ionicons, {
+    name: "expand",
+    size: 20,
+    color: "white",
+    style: styles.fullViewIcon
+  })), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.loadingContainer, {
+      opacity: loading ? 1 : 0
+    }]
+  }, /*#__PURE__*/React.createElement(_Loading.LoadingLogo, {
+    isLoading: loading,
+    size: 10
+  })), viewing && /*#__PURE__*/React.createElement(_ImageViewOverlay.ImageViewOverlay, {
+    src: src ?? emptyPng,
+    onClose: () => setViewing(false)
+  }));
+};
+exports.LoadingImage = LoadingImage;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    overflow: 'hidden',
+    position: 'relative'
+  },
+  imageContainer: {
+    width: '100%',
+    height: '100%'
+  },
+  image: {
+    width: '100%',
+    height: '100%'
+  },
+  loadingContainer: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  fullViewButton: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  fullViewIcon: {
+    opacity: 0.8
+  }
+});
+//# sourceMappingURL=LoadingImage.js.map

package/lib/commonjs/components/loading/LoadingImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_vectorIcons","_react2","_reactNative","_ImageViewOverlay","_Loading","emptyPng","LoadingImage","src","loadingOverride","onLoad","width","height","noFullView","buttonFullView","style","imageLoading","setImageLoading","useState","imageRef","useRef","viewing","setViewing","mounted","useMounted","handleImageLoad","useCallback","e","prevSrc","setPrevSrc","useEffect","loading","useMemo","ImageComponent","React","createElement","Image","ref","source","uri","styles","image","opacity","onLoadEnd","resizeMode","View","container","TouchableOpacity","activeOpacity","onPress","imageContainer","fullViewButton","Ionicons","name","size","color","fullViewIcon","loadingContainer","LoadingLogo","isLoading","ImageViewOverlay","onClose","exports","StyleSheet","create","overflow","position","absoluteFillObject","justifyContent","alignItems","top","right","borderRadius","backgroundColor"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/LoadingImage.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/loading/LoadingSwitch.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingSwitch = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Loading = require("./Loading");
+const LoadingSwitch = ({
+  value,
+  label,
+  onChange
+}) => {
+  const [isLoading, setIsLoading] = (0, _react.useState)(false);
+  const opacity = (0, _react.useState)(new _reactNative.Animated.Value(1))[0];
+  const reportComplete = (0, _react.useCallback)(fetchedOn => {
+    const buffer = Math.max(0, 1000 - (Date.now() - fetchedOn));
+    setTimeout(() => {
+      setIsLoading(false);
+      _reactNative.Animated.timing(opacity, {
+        toValue: 1,
+        duration: 300,
+        useNativeDriver: true
+      }).start();
+    }, buffer);
+  }, [opacity]);
+  const handleChange = newValue => {
+    setIsLoading(true);
+    _reactNative.Animated.timing(opacity, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: true
+    }).start();
+    const fetchedOn = Date.now();
+    onChange(newValue).catch(err => {
+      console.error(err);
+      // Note: You might want to implement a toast notification system for React Native
+      // For now, we'll just log the error
+    });
+    reportComplete(fetchedOn);
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [styles.content, {
+      opacity
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.label
+  }, label), /*#__PURE__*/React.createElement(_reactNative.Switch, {
+    value: value,
+    onValueChange: handleChange
+  })), isLoading && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.loadingContainer
+  }, /*#__PURE__*/React.createElement(_Loading.Loading, null)));
+};
+exports.LoadingSwitch = LoadingSwitch;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    paddingVertical: 4,
+    paddingHorizontal: 12,
+    backgroundColor: '#2D3748',
+    // gray.700 equivalent
+    borderRadius: 12,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 4,
+    elevation: 5,
+    position: 'relative',
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  content: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  label: {
+    fontSize: 20,
+    height: 24,
+    color: '#FFFFFF'
+  },
+  loadingContainer: {
+    position: 'absolute',
+    top: '-10%',
+    left: '-10%',
+    width: '120%',
+    height: '120%',
+    borderRadius: 8,
+    padding: 4,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=LoadingSwitch.js.map

package/lib/commonjs/components/loading/LoadingSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Loading","LoadingSwitch","value","label","onChange","isLoading","setIsLoading","useState","opacity","Animated","Value","reportComplete","useCallback","fetchedOn","buffer","Math","max","Date","now","setTimeout","timing","toValue","duration","useNativeDriver","start","handleChange","newValue","catch","err","console","error","React","createElement","View","style","styles","container","content","Text","Switch","onValueChange","loadingContainer","Loading","exports","StyleSheet","create","paddingVertical","paddingHorizontal","backgroundColor","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","position","flexDirection","alignItems","gap","fontSize","color","top","left","padding","justifyContent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/LoadingSwitch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/loading/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _CircularProgress = require("./CircularProgress");
+Object.keys(_CircularProgress).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CircularProgress[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CircularProgress[key];
+    }
+  });
+});
+var _Loading = require("./Loading");
+Object.keys(_Loading).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Loading[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Loading[key];
+    }
+  });
+});
+var _LoadingImage = require("./LoadingImage");
+Object.keys(_LoadingImage).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LoadingImage[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LoadingImage[key];
+    }
+  });
+});
+var _LoadingSwitch = require("./LoadingSwitch");
+Object.keys(_LoadingSwitch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LoadingSwitch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LoadingSwitch[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_CircularProgress","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Loading","_LoadingImage","_LoadingSwitch"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/index.ts"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,QAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,QAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,QAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,QAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,aAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,aAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,cAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,cAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,cAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,cAAA,CAAAP,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/components/overlay/ImageViewOverlay.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageViewOverlay = void 0;
+var _react = require("@chem-po/react");
+var _vectorIcons = require("@expo/vector-icons");
+var _react2 = require("react");
+var _reactNative = require("react-native");
+var _Loading = require("../loading/Loading");
+const ImageViewOverlay = ({
+  src,
+  onClose
+}) => {
+  const [loading, setLoading] = (0, _react2.useState)(true);
+  const screenWidth = (0, _react.useScreen)(s => s.width);
+  const screenHeight = (0, _react.useScreen)(s => s.height);
+  const [imageSize, setImageSize] = (0, _react2.useState)({
+    width: screenWidth / 2,
+    height: screenHeight / 2
+  });
+  const {
+    height,
+    width
+  } = (0, _react2.useMemo)(() => {
+    if (loading) return imageSize;
+    const ratio = imageSize.width / imageSize.height;
+    let h = Math.min(imageSize.height, screenHeight * 0.9);
+    let w = h * ratio;
+    if (w > screenWidth * 0.9) {
+      w = Math.min(imageSize.width, screenWidth * 0.9);
+      h = w / ratio;
+    }
+    return {
+      height: h,
+      width: w
+    };
+  }, [screenHeight, screenWidth, imageSize, loading]);
+  const onLoadStart = (0, _react2.useCallback)(() => setLoading(true), []);
+  const onLoad = (0, _react2.useCallback)(e => {
+    const {
+      width: naturalWidth,
+      height: naturalHeight
+    } = e.nativeEvent.source;
+    setImageSize({
+      width: naturalWidth,
+      height: naturalHeight
+    });
+    setLoading(false);
+  }, []);
+  return /*#__PURE__*/React.createElement(_reactNative.Modal, {
+    visible: true,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.modalOverlay
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.contentContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.imageContainer, {
+      width,
+      height,
+      opacity: loading ? 0 : 1
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNative.Image, {
+    source: {
+      uri: src
+    },
+    style: styles.image,
+    onLoadStart: onLoadStart,
+    onLoad: onLoad,
+    resizeMode: "contain"
+  })), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.closeButton,
+    onPress: onClose
+  }, /*#__PURE__*/React.createElement(_vectorIcons.Ionicons, {
+    name: "close",
+    size: 24,
+    color: "white"
+  })), loading && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.loadingContainer
+  }, /*#__PURE__*/React.createElement(_Loading.LoadingLogo, {
+    isLoading: loading,
+    size: 70
+  })))));
+};
+exports.ImageViewOverlay = ImageViewOverlay;
+const styles = _reactNative.StyleSheet.create({
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.7)'
+  },
+  contentContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 16
+  },
+  imageContainer: {
+    overflow: 'hidden',
+    borderRadius: 4
+  },
+  image: {
+    width: '100%',
+    height: '100%'
+  },
+  closeButton: {
+    position: 'absolute',
+    top: 16,
+    right: 16,
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  loadingContainer: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=ImageViewOverlay.js.map

package/lib/commonjs/components/overlay/ImageViewOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_vectorIcons","_react2","_reactNative","_Loading","ImageViewOverlay","src","onClose","loading","setLoading","useState","screenWidth","useScreen","s","width","screenHeight","height","imageSize","setImageSize","useMemo","ratio","h","Math","min","w","onLoadStart","useCallback","onLoad","e","naturalWidth","naturalHeight","nativeEvent","source","React","createElement","Modal","visible","transparent","animationType","onRequestClose","View","style","styles","modalOverlay","contentContainer","imageContainer","opacity","Image","uri","image","resizeMode","TouchableOpacity","closeButton","onPress","Ionicons","name","size","color","loadingContainer","LoadingLogo","isLoading","exports","StyleSheet","create","flex","backgroundColor","justifyContent","alignItems","padding","overflow","borderRadius","position","top","right","absoluteFillObject"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/overlay/ImageViewOverlay.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/overlay/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ImageViewOverlay = require("./ImageViewOverlay");
+Object.keys(_ImageViewOverlay).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ImageViewOverlay[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ImageViewOverlay[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ImageViewOverlay","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/overlay/index.ts"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}