@one-am/react-native-simple-image-slider 0.2.2

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2024 one-am
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,74 @@
+# react-native-simple-image-slider
+
+A simple and performant image slider made with [`@shopify/flash-list`](https://github.com/Shopify/flash-list).
+Includes a full screen gallery component with gesture support.
+
+![Alt Text](docs/slider-demo.gif)
+
+## Installation
+
+```sh
+npm install @one-am/react-native-simple-image-slider
+```
+
+## Usage
+
+```typescript jsx
+import * as React from 'react';
+
+import {
+  SimpleImageSliderThemeProvider,
+  SimpleImageSlider,
+} from '@one-am/react-native-simple-image-slider';
+import styled from 'styled-components/native';
+
+import pictureOne from '../assets/photos/1.jpg';
+import pictureTwo from '../assets/photos/2.jpg';
+import pictureThree from '../assets/photos/3.jpg';
+import pictureFour from '../assets/photos/4.jpg';
+import pictureFive from '../assets/photos/5.jpg';
+
+import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
+import { useWindowDimensions } from 'react-native';
+
+const photos = [pictureOne, pictureTwo, pictureThree, pictureFour, pictureFive];
+
+const StyledContainer = styled(SafeAreaView)`
+    flex: 1;
+    align-items: center;
+    justify-content: center;
+`;
+
+export default function App() {
+  const { width } = useWindowDimensions();
+  return (
+    <SafeAreaProvider>
+      <StyledContainer>
+        <SimpleImageSliderThemeProvider>
+          <SimpleImageSlider
+            data={photos.map((photo, index) => ({
+              source: photo,
+              key: index.toString(),
+            }))}
+            imageWidth={width}
+            imageAspectRatio={16 / 9}
+            fullScreenEnabled={true}
+          />
+        </SimpleImageSliderThemeProvider>
+      </StyledContainer>
+    </SafeAreaProvider>
+  );
+}
+```
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/lib/commonjs/@types/styled.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("styled-components/native");
+//# sourceMappingURL=styled.d.js.map

package/lib/commonjs/@types/styled.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["require"],"sourceRoot":"../../../src","sources":["@types/styled.d.ts"],"mappings":";;AAAAA,OAAA","ignoreList":[]}

package/lib/commonjs/BaseSimpleImageSlider.js

@@ -0,0 +1,194 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _flashList = require("@shopify/flash-list");
+var _mergeRefs = _interopRequireDefault(require("merge-refs"));
+var _expoImage = require("expo-image");
+var _reactNative = require("react-native");
+var _native = _interopRequireDefault(require("styled-components/native"));
+var _PageCounter = _interopRequireDefault(require("./PageCounter"));
+var _PinchToZoom = _interopRequireDefault(require("./PinchToZoom"));
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _renderProp = _interopRequireDefault(require("./utils/renderProp"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledAbsoluteComponentContainer = _native.default.View`
+    z-index: 1000;
+    position: absolute;
+    bottom: ${({
+  position,
+  theme
+}) => position === 'bottom-left' || position === 'bottom-right' ? `${theme.styles.spacing.m}px` : undefined};
+    top: ${({
+  position,
+  theme
+}) => position === 'top-left' || position === 'top-right' ? `${theme.styles.spacing.m}px` : undefined};
+    left: ${({
+  position,
+  theme
+}) => position === 'top-left' || position === 'bottom-left' ? `${theme.styles.spacing.m}px` : undefined};
+    right: ${({
+  position,
+  theme
+}) => position === 'top-right' || position === 'bottom-right' ? `${theme.styles.spacing.m}px` : undefined};
+`;
+const StyledPageCounter = (0, _native.default)(_PageCounter.default)`
+    z-index: 1000;
+    position: absolute;
+    bottom: ${({
+  position,
+  theme
+}) => position === 'bottom-left' || position === 'bottom-right' ? `${theme.styles.spacing.m}px` : undefined};
+    top: ${({
+  position,
+  theme
+}) => position === 'top-left' || position === 'top-right' ? `${theme.styles.spacing.m}px` : undefined};
+    left: ${({
+  position,
+  theme
+}) => position === 'top-left' || position === 'bottom-left' ? `${theme.styles.spacing.m}px` : undefined};
+    right: ${({
+  position,
+  theme
+}) => position === 'top-right' || position === 'bottom-right' ? `${theme.styles.spacing.m}px` : undefined};
+`;
+const StyledContainer = (0, _native.default)(_reactNativeGestureHandler.GestureHandlerRootView)`
+    aspect-ratio: ${({
+  aspectRatio
+}) => aspectRatio ?? 4 / 3};
+    width: 100%;
+`;
+const StyledImage = (0, _native.default)(_expoImage.Image)`
+    width: ${({
+  imageWidth
+}) => imageWidth ? `${imageWidth}px` : '100%'};
+    height: ${({
+  imageHeight
+}) => imageHeight ? `${imageHeight}px` : '100%'};
+    aspect-ratio: ${({
+  imageAspectRatio
+}) => imageAspectRatio ? imageAspectRatio : 4 / 3};
+`;
+const StyledPinchToZoom = (0, _native.default)(_PinchToZoom.default)`
+    z-index: 1000;
+`;
+const BaseListImageSlider = /*#__PURE__*/(0, _react.forwardRef)(function BaseListImageSlider({
+  data,
+  style,
+  imageWidth,
+  imageHeight,
+  imageAspectRatio,
+  onItemPress,
+  maxPreviewItems,
+  showPageCounter = true,
+  pageCounterPosition = 'bottom-left',
+  renderPageCounter,
+  TopRightComponent,
+  TopLeftComponent,
+  BottomRightComponent,
+  BottomLeftComponent,
+  indexOverride,
+  onViewableItemChange,
+  enablePinchToZoom = false,
+  onPinchToZoomTranslationChange,
+  onPinchToZoomRequestClose
+}, ref) {
+  const listRef = (0, _react.useRef)(null);
+  const [currentItem, setCurrentItem] = (0, _react.useState)(0);
+  const slicedData = (0, _react.useMemo)(() => maxPreviewItems !== undefined ? (data === null || data === void 0 ? void 0 : data.slice(0, maxPreviewItems)) ?? [] : data ?? [], [data, maxPreviewItems]);
+  (0, _react.useEffect)(() => {
+    var _listRef$current;
+    setCurrentItem(indexOverride ?? 0);
+    (_listRef$current = listRef.current) === null || _listRef$current === void 0 || _listRef$current.scrollToIndex({
+      index: indexOverride ?? 0,
+      animated: false
+    });
+  }, [indexOverride, slicedData]);
+  const keyExtractor = (0, _react.useCallback)(item => item.key, []);
+  const renderItem = (0, _react.useCallback)(({
+    item,
+    index
+  }) => {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+      onPress: () => onItemPress === null || onItemPress === void 0 ? void 0 : onItemPress(item, index)
+    }, /*#__PURE__*/_react.default.createElement(StyledImage, {
+      transition: 200,
+      placeholder: item.placeholder,
+      placeholderContentFit: 'cover',
+      imageWidth: imageWidth,
+      imageHeight: imageHeight,
+      imageAspectRatio: imageAspectRatio,
+      recyclingKey: item.key,
+      source: item.source,
+      contentFit: 'cover',
+      contentPosition: 'center'
+    }));
+  }, [imageAspectRatio, imageHeight, imageWidth, onItemPress]);
+  const onViewableItemsChanged = (0, _react.useCallback)(({
+    viewableItems
+  }) => {
+    var _viewableItems$;
+    const newIndex = (_viewableItems$ = viewableItems[0]) === null || _viewableItems$ === void 0 ? void 0 : _viewableItems$.index;
+    if (newIndex !== undefined && newIndex !== null) {
+      setCurrentItem(newIndex);
+      onViewableItemChange === null || onViewableItemChange === void 0 || onViewableItemChange(newIndex);
+    }
+  }, [onViewableItemChange]);
+  const [scrollEnabled, setScrollEnabled] = (0, _react.useState)(true);
+  const onScaleChange = (0, _react.useCallback)(() => {
+    setScrollEnabled(false);
+  }, []);
+  const onScaleReset = (0, _react.useCallback)(() => {
+    setScrollEnabled(true);
+  }, []);
+  const list = /*#__PURE__*/_react.default.createElement(_flashList.FlashList, {
+    renderScrollComponent: _reactNativeGestureHandler.ScrollView,
+    scrollEnabled: scrollEnabled,
+    disableScrollViewPanResponder: enablePinchToZoom ? !scrollEnabled : false,
+    ref: (0, _mergeRefs.default)(ref, listRef),
+    initialScrollIndex: indexOverride ?? currentItem ?? 0,
+    onViewableItemsChanged: onViewableItemsChanged,
+    viewabilityConfig: {
+      itemVisiblePercentThreshold: 55
+    },
+    decelerationRate: 'fast',
+    pagingEnabled: true,
+    showsHorizontalScrollIndicator: false,
+    showsVerticalScrollIndicator: false,
+    horizontal: true,
+    keyExtractor: keyExtractor,
+    renderItem: renderItem,
+    data: slicedData,
+    estimatedItemSize: imageWidth ?? (imageHeight ? imageHeight * (imageAspectRatio ?? 4 / 3) : 350)
+  });
+  return /*#__PURE__*/_react.default.createElement(StyledContainer, {
+    aspectRatio: imageAspectRatio,
+    style: style
+  }, enablePinchToZoom ? /*#__PURE__*/_react.default.createElement(StyledPinchToZoom, {
+    onRequestClose: onPinchToZoomRequestClose,
+    onTranslationChange: onPinchToZoomTranslationChange,
+    onScaleChange: onScaleChange,
+    onScaleReset: onScaleReset,
+    maximumZoomScale: 5,
+    minimumZoomScale: 1
+  }, list) : list, showPageCounter ? renderPageCounter ? renderPageCounter(currentItem + 1, slicedData.length) : /*#__PURE__*/_react.default.createElement(StyledPageCounter, {
+    position: pageCounterPosition,
+    totalPages: slicedData.length,
+    currentPage: currentItem + 1
+  }) : null, TopRightComponent ? /*#__PURE__*/_react.default.createElement(StyledAbsoluteComponentContainer, {
+    position: 'top-right'
+  }, (0, _renderProp.default)(TopRightComponent)) : null, TopLeftComponent ? /*#__PURE__*/_react.default.createElement(StyledAbsoluteComponentContainer, {
+    position: 'top-left'
+  }, (0, _renderProp.default)(TopLeftComponent)) : null, BottomRightComponent ? /*#__PURE__*/_react.default.createElement(StyledAbsoluteComponentContainer, {
+    position: 'bottom-right'
+  }, (0, _renderProp.default)(BottomRightComponent)) : null, BottomLeftComponent ? /*#__PURE__*/_react.default.createElement(StyledAbsoluteComponentContainer, {
+    position: 'bottom-left'
+  }, (0, _renderProp.default)(BottomLeftComponent)) : null);
+});
+var _default = exports.default = BaseListImageSlider;
+//# sourceMappingURL=BaseSimpleImageSlider.js.map

package/lib/commonjs/BaseSimpleImageSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_flashList","_mergeRefs","_interopRequireDefault","_expoImage","_reactNative","_native","_PageCounter","_PinchToZoom","_reactNativeGestureHandler","_renderProp","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledAbsoluteComponentContainer","styled","View","position","theme","styles","spacing","m","undefined","StyledPageCounter","PageCounter","StyledContainer","GestureHandlerRootView","aspectRatio","StyledImage","Image","imageWidth","imageHeight","imageAspectRatio","StyledPinchToZoom","PinchToZoom","BaseListImageSlider","forwardRef","data","style","onItemPress","maxPreviewItems","showPageCounter","pageCounterPosition","renderPageCounter","TopRightComponent","TopLeftComponent","BottomRightComponent","BottomLeftComponent","indexOverride","onViewableItemChange","enablePinchToZoom","onPinchToZoomTranslationChange","onPinchToZoomRequestClose","ref","listRef","useRef","currentItem","setCurrentItem","useState","slicedData","useMemo","slice","useEffect","_listRef$current","current","scrollToIndex","index","animated","keyExtractor","useCallback","item","key","renderItem","createElement","Pressable","onPress","transition","placeholder","placeholderContentFit","recyclingKey","source","contentFit","contentPosition","onViewableItemsChanged","viewableItems","_viewableItems$","newIndex","scrollEnabled","setScrollEnabled","onScaleChange","onScaleReset","list","FlashList","renderScrollComponent","ScrollView","disableScrollViewPanResponder","mergeRefs","initialScrollIndex","viewabilityConfig","itemVisiblePercentThreshold","decelerationRate","pagingEnabled","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","horizontal","estimatedItemSize","onRequestClose","onTranslationChange","maximumZoomScale","minimumZoomScale","length","totalPages","currentPage","renderProp","_default","exports"],"sourceRoot":"../../src","sources":["BaseSimpleImageSlider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/FullScreenImageSlider.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _tablerIconsReactNative = require("tabler-icons-react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _expoStatusBar = require("expo-status-bar");
+var _native = _interopRequireWildcard(require("styled-components/native"));
+var _BaseSimpleImageSlider = _interopRequireDefault(require("./BaseSimpleImageSlider"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 StyledDescriptionContainer = _native.default.View`
+    position: absolute;
+    border-top-width: 1px;
+    border-top-color: ${({
+  theme
+}) => theme.colors.descriptionContainerBorder};
+    width: 100%;
+    padding-top: ${({
+  theme
+}) => theme.styles.spacing.l}px;
+`;
+const StyledModalCloseButton = _native.default.TouchableOpacity`
+    position: absolute;
+    z-index: 1000;
+`;
+const StyledModalContentContainer = (0, _native.default)(_reactNativeReanimated.default.View)`
+    align-items: center;
+    justify-content: center;
+    gap: ${({
+  theme
+}) => theme.styles.spacing.m}px;
+`;
+const FullScreenImageSlider = /*#__PURE__*/(0, _react.forwardRef)(function FullScreenImageSlider({
+  open,
+  onRequestClose,
+  renderDescription,
+  onViewableItemChange,
+  ...props
+}, ref) {
+  const windowDimensions = (0, _reactNative.useWindowDimensions)();
+  const theme = (0, _native.useTheme)();
+  const safeAreaInsets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const styles = (0, _react.useMemo)(() => makeStyles(theme, safeAreaInsets, windowDimensions), [theme, safeAreaInsets, windowDimensions]);
+  const [internalIndex, setInternalIndex] = (0, _react.useState)(0);
+  const internalOnViewableItemChange = (0, _react.useCallback)(index => {
+    setInternalIndex(index);
+    onViewableItemChange === null || onViewableItemChange === void 0 || onViewableItemChange(index);
+  }, [onViewableItemChange]);
+  (0, _react.useEffect)(() => {
+    if (open) {
+      (0, _expoStatusBar.setStatusBarStyle)('light');
+    } else {
+      (0, _expoStatusBar.setStatusBarStyle)('dark');
+    }
+  }, [open]);
+  const backgroundOpacity = (0, _reactNativeReanimated.useSharedValue)(0);
+  const modalContentStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    return {
+      backgroundColor: `rgba(0, 0, 0, ${backgroundOpacity.value})`
+    };
+  }, []);
+  const onPinchToZoomTranslationChange = (0, _react.useCallback)((x, y, scale) => {
+    if (scale.value <= 1) {
+      if (x.value === 0 && y.value === 0) {
+        (0, _reactNativeReanimated.runOnJS)(_expoStatusBar.setStatusBarStyle)('light');
+        backgroundOpacity.value = (0, _reactNativeReanimated.withTiming)(1);
+      } else {
+        (0, _reactNativeReanimated.runOnJS)(_expoStatusBar.setStatusBarStyle)('dark');
+        backgroundOpacity.value = (0, _reactNativeReanimated.withTiming)(0);
+      }
+    } else {
+      backgroundOpacity.value = 1;
+    }
+  }, [backgroundOpacity]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    animationType: "fade",
+    onRequestClose: onRequestClose,
+    transparent: true,
+    visible: open
+  }, /*#__PURE__*/_react.default.createElement(StyledModalContentContainer, {
+    style: [styles.modalContent, modalContentStyle]
+  }, /*#__PURE__*/_react.default.createElement(StyledModalCloseButton, {
+    style: styles.closeButton,
+    onPress: onRequestClose
+  }, /*#__PURE__*/_react.default.createElement(_tablerIconsReactNative.IconX, {
+    color: theme.colors.fullScreenCloseButton
+  })), /*#__PURE__*/_react.default.createElement(_BaseSimpleImageSlider.default, _extends({
+    enablePinchToZoom: true,
+    onPinchToZoomTranslationChange: onPinchToZoomTranslationChange,
+    onPinchToZoomRequestClose: onRequestClose
+  }, props, {
+    onViewableItemChange: internalOnViewableItemChange,
+    showPageCounter: false,
+    imageWidth: windowDimensions.width,
+    ref: ref
+  })), renderDescription ? /*#__PURE__*/_react.default.createElement(StyledDescriptionContainer, {
+    style: styles.descriptionContainer
+  }, renderDescription(internalIndex)) : null));
+});
+var _default = exports.default = FullScreenImageSlider;
+const makeStyles = (theme, safeAreaInsets, windowDimensions) => {
+  return _reactNative.StyleSheet.create({
+    closeButton: {
+      top: safeAreaInsets.top,
+      right: safeAreaInsets.right + theme.styles.spacing.l
+    },
+    modalContent: {
+      height: windowDimensions.height,
+      width: windowDimensions.width
+    },
+    descriptionContainer: {
+      bottom: safeAreaInsets.bottom + 100,
+      paddingLeft: safeAreaInsets.left + theme.styles.spacing.l,
+      paddingRight: safeAreaInsets.right + theme.styles.spacing.l
+    }
+  });
+};
+//# sourceMappingURL=FullScreenImageSlider.js.map

package/lib/commonjs/FullScreenImageSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_tablerIconsReactNative","_reactNativeReanimated","_expoStatusBar","_native","_BaseSimpleImageSlider","_interopRequireDefault","_reactNativeSafeAreaContext","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","StyledDescriptionContainer","styled","View","theme","colors","descriptionContainerBorder","styles","spacing","l","StyledModalCloseButton","TouchableOpacity","StyledModalContentContainer","Animated","m","FullScreenImageSlider","forwardRef","open","onRequestClose","renderDescription","onViewableItemChange","props","ref","windowDimensions","useWindowDimensions","useTheme","safeAreaInsets","useSafeAreaInsets","useMemo","makeStyles","internalIndex","setInternalIndex","useState","internalOnViewableItemChange","useCallback","index","useEffect","setStatusBarStyle","backgroundOpacity","useSharedValue","modalContentStyle","useAnimatedStyle","backgroundColor","value","onPinchToZoomTranslationChange","x","y","scale","runOnJS","withTiming","createElement","Modal","animationType","transparent","visible","style","modalContent","closeButton","onPress","IconX","color","fullScreenCloseButton","enablePinchToZoom","onPinchToZoomRequestClose","showPageCounter","imageWidth","width","descriptionContainer","_default","exports","StyleSheet","create","top","right","height","bottom","paddingLeft","left","paddingRight"],"sourceRoot":"../../src","sources":["FullScreenImageSlider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAJ,uBAAA,CAAAC,OAAA;AAOA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAN,uBAAA,CAAAC,OAAA;AAEA,IAAAM,sBAAA,GAAAC,sBAAA,CAAAP,OAAA;AAIA,IAAAQ,2BAAA,GAAAR,OAAA;AAAoF,SAAAO,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAd,wBAAAc,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAQpF,MAAMK,0BAA0B,GAAGC,eAAM,CAACC,IAAK;AAC/C;AACA;AACA,wBAAwB,CAAC;EAAEC;AAAM,CAAC,KAAKA,KAAK,CAACC,MAAM,CAACC,0BAA2B;AAC/E;AACA,mBAAmB,CAAC;EAAEF;AAAM,CAAC,KAAKA,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,CAAE;AACzD,CAAC;AAED,MAAMC,sBAAsB,GAAGR,eAAM,CAACS,gBAAiB;AACvD;AACA;AACA,CAAC;AAED,MAAMC,2BAA2B,GAAG,IAAAV,eAAM,EAACW,8BAAQ,CAACV,IAAI,CAAE;AAC1D;AACA;AACA,WAAW,CAAC;EAAEC;AAAM,CAAC,KAAKA,KAAK,CAACG,MAAM,CAACC,OAAO,CAACM,CAAE;AACjD,CAAC;AAED,MAAMC,qBAAqB,gBAAG,IAAAC,iBAAU,EAGtC,SAASD,qBAAqBA,CAC5B;EAAEE,IAAI;EAAEC,cAAc;EAAEC,iBAAiB;EAAEC,oBAAoB;EAAE,GAAGC;AAAM,CAAC,EAC3EC,GAAG,EACL;EACE,MAAMC,gBAAgB,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAC9C,MAAMpB,KAAK,GAAG,IAAAqB,gBAAQ,EAAC,CAAC;EACxB,MAAMC,cAAc,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAC1C,MAAMpB,MAAM,GAAG,IAAAqB,cAAO,EAClB,MAAMC,UAAU,CAACzB,KAAK,EAAEsB,cAAc,EAAEH,gBAAgB,CAAC,EACzD,CAACnB,KAAK,EAAEsB,cAAc,EAAEH,gBAAgB,CAC5C,CAAC;EAED,MAAM,CAACO,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAS,CAAC,CAAC;EAE7D,MAAMC,4BAA4B,GAAG,IAAAC,kBAAW,EAC3CC,KAAa,IAAK;IACfJ,gBAAgB,CAACI,KAAK,CAAC;IACvBf,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAGe,KAAK,CAAC;EACjC,CAAC,EACD,CAACf,oBAAoB,CACzB,CAAC;EAED,IAAAgB,gBAAS,EAAC,MAAM;IACZ,IAAInB,IAAI,EAAE;MACN,IAAAoB,gCAAiB,EAAC,OAAO,CAAC;IAC9B,CAAC,MAAM;MACH,IAAAA,gCAAiB,EAAC,MAAM,CAAC;IAC7B;EACJ,CAAC,EAAE,CAACpB,IAAI,CAAC,CAAC;EAEV,MAAMqB,iBAAiB,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAE3C,MAAMC,iBAAiB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC7C,OAAO;MACHC,eAAe,EAAG,iBAAgBJ,iBAAiB,CAACK,KAAM;IAC9D,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,8BAA8B,GAAG,IAAAV,kBAAW,EAC9C,CAACW,CAAsB,EAAEC,CAAsB,EAAEC,KAA0B,KAAK;IAC5E,IAAIA,KAAK,CAACJ,KAAK,IAAI,CAAC,EAAE;MAClB,IAAIE,CAAC,CAACF,KAAK,KAAK,CAAC,IAAIG,CAAC,CAACH,KAAK,KAAK,CAAC,EAAE;QAChC,IAAAK,8BAAO,EAACX,gCAAiB,CAAC,CAAC,OAAO,CAAC;QACnCC,iBAAiB,CAACK,KAAK,GAAG,IAAAM,iCAAU,EAAC,CAAC,CAAC;MAC3C,CAAC,MAAM;QACH,IAAAD,8BAAO,EAACX,gCAAiB,CAAC,CAAC,MAAM,CAAC;QAClCC,iBAAiB,CAACK,KAAK,GAAG,IAAAM,iCAAU,EAAC,CAAC,CAAC;MAC3C;IACJ,CAAC,MAAM;MACHX,iBAAiB,CAACK,KAAK,GAAG,CAAC;IAC/B;EACJ,CAAC,EACD,CAACL,iBAAiB,CACtB,CAAC;EAED,oBACI/E,MAAA,CAAAa,OAAA,CAAA8E,aAAA,CAACxF,YAAA,CAAAyF,KAAK;IACFC,aAAa,EAAC,MAAM;IACpBlC,cAAc,EAAEA,cAAe;IAC/BmC,WAAW,EAAE,IAAK;IAClBC,OAAO,EAAErC;EAAK,gBAEd1D,MAAA,CAAAa,OAAA,CAAA8E,aAAA,CAACtC,2BAA2B;IAAC2C,KAAK,EAAE,CAAChD,MAAM,CAACiD,YAAY,EAAEhB,iBAAiB;EAAE,gBACzEjF,MAAA,CAAAa,OAAA,CAAA8E,aAAA,CAACxC,sBAAsB;IAAC6C,KAAK,EAAEhD,MAAM,CAACkD,WAAY;IAACC,OAAO,EAAExC;EAAe,gBACvE3D,MAAA,CAAAa,OAAA,CAAA8E,aAAA,CAACvF,uBAAA,CAAAgG,KAAK;IAACC,KAAK,EAAExD,KAAK,CAACC,MAAM,CAACwD;EAAsB,CAAE,CAC/B,CAAC,eACzBtG,MAAA,CAAAa,OAAA,CAAA8E,aAAA,CAACnF,sBAAA,CAAAK,OAAmB,EAAAoB,QAAA;IAChBsE,iBAAiB,EAAE,IAAK;IACxBlB,8BAA8B,EAAEA,8BAA+B;IAC/DmB,yBAAyB,EAAE7C;EAAe,GACtCG,KAAK;IACTD,oBAAoB,EAAEa,4BAA6B;IACnD+B,eAAe,EAAE,KAAM;IACvBC,UAAU,EAAE1C,gBAAgB,CAAC2C,KAAM;IACnC5C,GAAG,EAAEA;EAAI,EACZ,CAAC,EAEDH,iBAAiB,gBACd5D,MAAA,CAAAa,OAAA,CAAA8E,aAAA,CAACjD,0BAA0B;IAACsD,KAAK,EAAEhD,MAAM,CAAC4D;EAAqB,GAC1DhD,iBAAiB,CAACW,aAAa,CACR,CAAC,GAC7B,IACqB,CAC1B,CAAC;AAEhB,CAAC,CAAC;AAAC,IAAAsC,QAAA,GAAAC,OAAA,CAAAjG,OAAA,GAEY2C,qBAAqB;AAEpC,MAAMc,UAAU,GAAGA,CACfzB,KAAmB,EACnBsB,cAA0B,EAC1BH,gBAA4B,KAC3B;EACD,OAAO+C,uBAAU,CAACC,MAAM,CAAC;IACrBd,WAAW,EAAE;MACTe,GAAG,EAAE9C,cAAc,CAAC8C,GAAG;MACvBC,KAAK,EAAE/C,cAAc,CAAC+C,KAAK,GAAGrE,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC;IACvD,CAAC;IACD+C,YAAY,EAAE;MACVkB,MAAM,EAAEnD,gBAAgB,CAACmD,MAAM;MAC/BR,KAAK,EAAE3C,gBAAgB,CAAC2C;IAC5B,CAAC;IACDC,oBAAoB,EAAE;MAClBQ,MAAM,EAAEjD,cAAc,CAACiD,MAAM,GAAG,GAAG;MACnCC,WAAW,EAAElD,cAAc,CAACmD,IAAI,GAAGzE,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,CAAC;MACzDqE,YAAY,EAAEpD,cAAc,CAAC+C,KAAK,GAAGrE,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC;IAC9D;EACJ,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/lib/commonjs/PageCounter.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PageCounter;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _native = require("styled-components/native");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function PageCounter({
+  currentPage,
+  totalPages,
+  style
+}) {
+  const theme = (0, _native.useTheme)();
+  const styles = (0, _react.useMemo)(() => makeStyles(theme), [theme]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, style]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, currentPage, " / ", totalPages));
+}
+const makeStyles = theme => {
+  return _reactNative.StyleSheet.create({
+    container: {
+      backgroundColor: theme.colors.pageCounterBackground,
+      borderWidth: 1,
+      borderColor: theme.colors.pageCounterBorder,
+      borderRadius: 8,
+      paddingHorizontal: 5,
+      paddingVertical: 6,
+      width: 75,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  });
+};
+//# sourceMappingURL=PageCounter.js.map

package/lib/commonjs/PageCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_native","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","PageCounter","currentPage","totalPages","style","theme","useTheme","styles","useMemo","makeStyles","createElement","View","container","Text","StyleSheet","create","backgroundColor","colors","pageCounterBackground","borderWidth","borderColor","pageCounterBorder","borderRadius","paddingHorizontal","paddingVertical","width","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../src","sources":["PageCounter.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAuE,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQxD,SAASY,WAAWA,CAAC;EAAEC,WAAW;EAAEC,UAAU;EAAEC;AAAwB,CAAC,EAAE;EACtF,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAMC,MAAM,GAAG,IAAAC,cAAO,EAAC,MAAMC,UAAU,CAACJ,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAExD,oBACI9B,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,YAAA,CAAAiC,IAAI;IAACP,KAAK,EAAE,CAACG,MAAM,CAACK,SAAS,EAAER,KAAK;EAAE,gBACnC7B,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,YAAA,CAAAmC,IAAI,QACAX,WAAW,EAAC,KAAG,EAACC,UACf,CACJ,CAAC;AAEf;AAEA,MAAMM,UAAU,GAAIJ,KAAmB,IAAK;EACxC,OAAOS,uBAAU,CAACC,MAAM,CAAC;IACrBH,SAAS,EAAE;MACPI,eAAe,EAAEX,KAAK,CAACY,MAAM,CAACC,qBAAqB;MACnDC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEf,KAAK,CAACY,MAAM,CAACI,iBAAiB;MAC3CC,YAAY,EAAE,CAAC;MACfC,iBAAiB,EAAE,CAAC;MACpBC,eAAe,EAAE,CAAC;MAClBC,KAAK,EAAE,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IACpB;EACJ,CAAC,CAAC;AACN,CAAC","ignoreList":[]}