@one-am/react-native-simple-image-slider 0.13.0 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/lib/commonjs/@types/common.js.map +1 -1
- package/lib/commonjs/@types/icons.js.map +1 -1
- package/lib/commonjs/@types/pinch-to-zoom.js.map +1 -1
- package/lib/commonjs/@types/slider.js.map +1 -1
- package/lib/commonjs/@types/styled.d.js.map +1 -1
- package/lib/commonjs/BaseSimpleImageSlider.js +62 -69
- package/lib/commonjs/BaseSimpleImageSlider.js.map +1 -1
- package/lib/commonjs/FullScreenImageSlider.js +30 -26
- package/lib/commonjs/FullScreenImageSlider.js.map +1 -1
- package/lib/commonjs/PageCounter.js +9 -6
- package/lib/commonjs/PageCounter.js.map +1 -1
- package/lib/commonjs/PinchToZoom.js +11 -8
- package/lib/commonjs/PinchToZoom.js.map +1 -1
- package/lib/commonjs/SimpleImageSlider.js +31 -25
- package/lib/commonjs/SimpleImageSlider.js.map +1 -1
- package/lib/commonjs/SimpleImageSliderThemeProvider.js +16 -18
- package/lib/commonjs/SimpleImageSliderThemeProvider.js.map +1 -1
- package/lib/commonjs/icons/IconX.js +16 -14
- package/lib/commonjs/icons/IconX.js.map +1 -1
- package/lib/commonjs/index.js +1 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/utils/clamp.js.map +1 -1
- package/lib/commonjs/utils/renderProp.js +3 -2
- package/lib/commonjs/utils/renderProp.js.map +1 -1
- package/lib/module/@types/common.js +1 -1
- package/lib/module/@types/common.js.map +1 -1
- package/lib/module/@types/icons.js +2 -0
- package/lib/module/@types/icons.js.map +1 -1
- package/lib/module/@types/pinch-to-zoom.js +2 -0
- package/lib/module/@types/pinch-to-zoom.js.map +1 -1
- package/lib/module/@types/slider.js +2 -0
- package/lib/module/@types/slider.js.map +1 -1
- package/lib/module/@types/styled.d.js +2 -0
- package/lib/module/@types/styled.d.js.map +1 -1
- package/lib/module/BaseSimpleImageSlider.js +62 -67
- package/lib/module/BaseSimpleImageSlider.js.map +1 -1
- package/lib/module/FullScreenImageSlider.js +30 -24
- package/lib/module/FullScreenImageSlider.js.map +1 -1
- package/lib/module/PageCounter.js +10 -5
- package/lib/module/PageCounter.js.map +1 -1
- package/lib/module/PinchToZoom.js +12 -7
- package/lib/module/PinchToZoom.js.map +1 -1
- package/lib/module/SimpleImageSlider.js +31 -23
- package/lib/module/SimpleImageSlider.js.map +1 -1
- package/lib/module/SimpleImageSliderThemeProvider.js +17 -17
- package/lib/module/SimpleImageSliderThemeProvider.js.map +1 -1
- package/lib/module/icons/IconX.js +16 -12
- package/lib/module/icons/IconX.js.map +1 -1
- package/lib/module/index.js +2 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/package.json +1 -0
- package/lib/module/utils/clamp.js +2 -0
- package/lib/module/utils/clamp.js.map +1 -1
- package/lib/module/utils/renderProp.js +4 -1
- package/lib/module/utils/renderProp.js.map +1 -1
- package/lib/typescript/src/BaseSimpleImageSlider.d.ts +0 -5
- package/lib/typescript/src/BaseSimpleImageSlider.d.ts.map +1 -1
- package/lib/typescript/src/FullScreenImageSlider.d.ts +4 -4
- package/lib/typescript/src/FullScreenImageSlider.d.ts.map +1 -1
- package/lib/typescript/src/SimpleImageSlider.d.ts +15 -3
- package/lib/typescript/src/SimpleImageSlider.d.ts.map +1 -1
- package/package.json +29 -30
- package/src/BaseSimpleImageSlider.tsx +3 -23
- package/src/FullScreenImageSlider.tsx +1 -4
- package/src/SimpleImageSlider.tsx +10 -0
|
@@ -8,10 +8,10 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _mergeRefs = _interopRequireDefault(require("merge-refs"));
|
|
9
9
|
var _FullScreenImageSlider = _interopRequireDefault(require("./FullScreenImageSlider"));
|
|
10
10
|
var _BaseSimpleImageSlider = _interopRequireDefault(require("./BaseSimpleImageSlider"));
|
|
11
|
-
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
13
|
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); }
|
|
13
|
-
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 &&
|
|
14
|
-
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); }
|
|
14
|
+
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 && {}.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; }
|
|
15
15
|
/**
|
|
16
16
|
* @description A simple image slider that displays images in a list and can show a {@link FullScreenImageSlider} on press.
|
|
17
17
|
*/
|
|
@@ -22,6 +22,8 @@ const SimpleImageSlider = /*#__PURE__*/(0, _react.forwardRef)(function ListImage
|
|
|
22
22
|
onViewableItemChange,
|
|
23
23
|
FullScreenCloseButtonIcon,
|
|
24
24
|
renderFullScreenDescription,
|
|
25
|
+
imageAspectRatio,
|
|
26
|
+
fullScreenImageAspectRatio,
|
|
25
27
|
...props
|
|
26
28
|
}, ref) {
|
|
27
29
|
const listRef = (0, _react.useRef)(null);
|
|
@@ -30,7 +32,7 @@ const SimpleImageSlider = /*#__PURE__*/(0, _react.forwardRef)(function ListImage
|
|
|
30
32
|
const [currentIndex, setCurrentIndex] = (0, _react.useState)(0);
|
|
31
33
|
const internalOnViewableItemChange = (0, _react.useCallback)(index => {
|
|
32
34
|
setCurrentIndex(index);
|
|
33
|
-
onViewableItemChange
|
|
35
|
+
onViewableItemChange?.(index);
|
|
34
36
|
}, [onViewableItemChange]);
|
|
35
37
|
const onFullScreenViewableItemChange = (0, _react.useCallback)(index => {
|
|
36
38
|
setCurrentIndex(index);
|
|
@@ -39,35 +41,39 @@ const SimpleImageSlider = /*#__PURE__*/(0, _react.forwardRef)(function ListImage
|
|
|
39
41
|
setFullScreen(true);
|
|
40
42
|
}, []);
|
|
41
43
|
const onRequestClose = (0, _react.useCallback)(() => {
|
|
42
|
-
|
|
43
|
-
(_listRef$current = listRef.current) === null || _listRef$current === void 0 || _listRef$current.scrollToIndex({
|
|
44
|
+
listRef.current?.scrollToIndex({
|
|
44
45
|
index: currentIndex
|
|
45
46
|
});
|
|
46
47
|
setFullScreen(false);
|
|
47
48
|
}, [currentIndex]);
|
|
48
49
|
const onFadeOut = (0, _react.useCallback)(() => {
|
|
49
|
-
|
|
50
|
-
(_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 || _listRef$current2.scrollToIndex({
|
|
50
|
+
listRef.current?.scrollToIndex({
|
|
51
51
|
index: currentIndex
|
|
52
52
|
});
|
|
53
53
|
}, [currentIndex]);
|
|
54
|
-
return /*#__PURE__*/
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
54
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
55
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseSimpleImageSlider.default, {
|
|
56
|
+
...props,
|
|
57
|
+
imageAspectRatio: imageAspectRatio,
|
|
58
|
+
data: data,
|
|
59
|
+
ref: (0, _mergeRefs.default)(ref, listRef),
|
|
60
|
+
onItemPress: fullScreenEnabled ? openFullScreen : onItemPress,
|
|
61
|
+
onViewableItemChange: internalOnViewableItemChange
|
|
62
|
+
}), fullScreenEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullScreenImageSlider.default, {
|
|
63
|
+
...props,
|
|
64
|
+
imageAspectRatio: fullScreenImageAspectRatio ?? imageAspectRatio,
|
|
65
|
+
ref: fullScreenListRef,
|
|
66
|
+
open: fullScreen,
|
|
67
|
+
onRequestClose: onRequestClose,
|
|
68
|
+
data: data,
|
|
69
|
+
showPageCounter: false,
|
|
70
|
+
indexOverride: currentIndex,
|
|
71
|
+
onViewableItemChange: onFullScreenViewableItemChange,
|
|
72
|
+
renderDescription: renderFullScreenDescription,
|
|
73
|
+
CloseButtonIcon: FullScreenCloseButtonIcon,
|
|
74
|
+
onFadeOut: onFadeOut
|
|
75
|
+
}) : null]
|
|
76
|
+
});
|
|
71
77
|
});
|
|
72
78
|
var _default = exports.default = SimpleImageSlider;
|
|
73
79
|
//# sourceMappingURL=SimpleImageSlider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_mergeRefs","_interopRequireDefault","_FullScreenImageSlider","_BaseSimpleImageSlider","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_mergeRefs","_interopRequireDefault","_FullScreenImageSlider","_BaseSimpleImageSlider","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SimpleImageSlider","forwardRef","ListImageSlider","data","fullScreenEnabled","onItemPress","onViewableItemChange","FullScreenCloseButtonIcon","renderFullScreenDescription","imageAspectRatio","fullScreenImageAspectRatio","props","ref","listRef","useRef","fullScreenListRef","fullScreen","setFullScreen","useState","currentIndex","setCurrentIndex","internalOnViewableItemChange","useCallback","index","onFullScreenViewableItemChange","openFullScreen","onRequestClose","current","scrollToIndex","onFadeOut","jsxs","Fragment","children","jsx","mergeRefs","open","showPageCounter","indexOverride","renderDescription","CloseButtonIcon","_default","exports"],"sourceRoot":"../../src","sources":["SimpleImageSlider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,29 +6,27 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = SimpleImageSliderThemeProvider;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _native = require("styled-components/native");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
10
|
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); }
|
|
10
|
-
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 &&
|
|
11
|
+
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 && {}.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; }
|
|
11
12
|
function SimpleImageSliderThemeProvider({
|
|
12
13
|
overrides,
|
|
13
14
|
children
|
|
14
15
|
}) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
fullScreenCloseButton: '#FFFFFF',
|
|
24
|
-
descriptionContainerBorder: '#FFFFFF',
|
|
25
|
-
...(overrides === null || overrides === void 0 || (_overrides$colors = overrides.colors) === null || _overrides$colors === void 0 ? void 0 : _overrides$colors.simpleImageSlider)
|
|
26
|
-
}
|
|
16
|
+
const theme = (0, _react.useMemo)(() => ({
|
|
17
|
+
colors: {
|
|
18
|
+
simpleImageSlider: {
|
|
19
|
+
pageCounterBackground: '#D3D3D3',
|
|
20
|
+
pageCounterBorder: '#000000',
|
|
21
|
+
fullScreenCloseButton: '#FFFFFF',
|
|
22
|
+
descriptionContainerBorder: '#FFFFFF',
|
|
23
|
+
...overrides?.colors?.simpleImageSlider
|
|
27
24
|
}
|
|
28
|
-
}
|
|
29
|
-
}, [overrides
|
|
30
|
-
return /*#__PURE__*/
|
|
31
|
-
theme: theme
|
|
32
|
-
|
|
25
|
+
}
|
|
26
|
+
}), [overrides?.colors?.simpleImageSlider]);
|
|
27
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.ThemeProvider, {
|
|
28
|
+
theme: theme,
|
|
29
|
+
children: children
|
|
30
|
+
});
|
|
33
31
|
}
|
|
34
32
|
//# sourceMappingURL=SimpleImageSliderThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_native","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_native","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SimpleImageSliderThemeProvider","overrides","children","theme","useMemo","colors","simpleImageSlider","pageCounterBackground","pageCounterBorder","fullScreenCloseButton","descriptionContainerBorder","jsx","ThemeProvider"],"sourceRoot":"../../src","sources":["SimpleImageSliderThemeProvider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAA4E,IAAAE,WAAA,GAAAF,OAAA;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,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,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQ7D,SAASW,8BAA8BA,CAAC;EACnDC,SAAS;EACTC;AACiC,CAAC,EAAE;EACpC,MAAMC,KAAmB,GAAG,IAAAC,cAAO,EAC/B,OAAO;IACHC,MAAM,EAAE;MACJC,iBAAiB,EAAE;QACfC,qBAAqB,EAAE,SAAS;QAChCC,iBAAiB,EAAE,SAAS;QAC5BC,qBAAqB,EAAE,SAAS;QAChCC,0BAA0B,EAAE,SAAS;QACrC,GAAGT,SAAS,EAAEI,MAAM,EAAEC;MAC1B;IACJ;EACJ,CAAC,CAAC,EACF,CAACL,SAAS,EAAEI,MAAM,EAAEC,iBAAiB,CACzC,CAAC;EAED,oBAAO,IAAA3B,WAAA,CAAAgC,GAAA,EAACjC,OAAA,CAAAkC,aAAa;IAACT,KAAK,EAAEA,KAAM;IAAAD,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AAClE","ignoreList":[]}
|
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
10
|
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); }
|
|
10
|
-
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 &&
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
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); }
|
|
11
|
+
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 && {}.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; }
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function IconX({
|
|
14
14
|
size = 24,
|
|
15
15
|
color = '#1f2937',
|
|
@@ -20,22 +20,24 @@ function IconX({
|
|
|
20
20
|
/*#__PURE__*/
|
|
21
21
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
22
22
|
// @ts-ignore
|
|
23
|
-
|
|
23
|
+
(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
24
24
|
width: size,
|
|
25
25
|
height: size,
|
|
26
26
|
viewBox: "0 0 24 24",
|
|
27
27
|
strokeWidth: stroke,
|
|
28
28
|
stroke: color,
|
|
29
|
-
fill: "none"
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
29
|
+
fill: "none",
|
|
30
|
+
...props,
|
|
31
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
32
|
+
stroke: "none",
|
|
33
|
+
d: "M0 0h24v24H0z",
|
|
34
|
+
fill: "none"
|
|
35
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
36
|
+
d: "M18 6l-12 12"
|
|
37
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
38
|
+
d: "M6 6l12 12"
|
|
39
|
+
})]
|
|
40
|
+
})
|
|
39
41
|
);
|
|
40
42
|
}
|
|
41
43
|
var _default = exports.default = IconX;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","IconX","size","color","stroke","props","jsxs","width","height","viewBox","strokeWidth","fill","children","jsx","Path","d","_default","exports"],"sourceRoot":"../../../src","sources":["icons/IconX.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA6C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,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,SAAAH,wBAAAG,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,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAd,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAG7C,SAASmB,KAAKA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,SAAS;EAAEC,MAAM,GAAG,CAAC;EAAE,GAAGC;AAAkB,CAAC,EAAE;EAC/E;IAAA;IACI;IACA;IACA,IAAAzB,WAAA,CAAA0B,IAAA,EAAC5B,eAAA,CAAAS,OAAG;MACAoB,KAAK,EAAEL,IAAK;MACZM,MAAM,EAAEN,IAAK;MACbO,OAAO,EAAC,WAAW;MACnBC,WAAW,EAAEN,MAAO;MACpBA,MAAM,EAAED,KAAM;MACdQ,IAAI,EAAC,MAAM;MAAA,GACPN,KAAK;MAAAO,QAAA,gBAET,IAAAhC,WAAA,CAAAiC,GAAA,EAACnC,eAAA,CAAAoC,IAAI;QAACV,MAAM,EAAC,MAAM;QAACW,CAAC,EAAC,eAAe;QAACJ,IAAI,EAAC;MAAM,CAAE,CAAC,eACpD,IAAA/B,WAAA,CAAAiC,GAAA,EAACnC,eAAA,CAAAoC,IAAI;QAACC,CAAC,EAAC;MAAc,CAAE,CAAC,eACzB,IAAAnC,WAAA,CAAAiC,GAAA,EAACnC,eAAA,CAAAoC,IAAI;QAACC,CAAC,EAAC;MAAY,CAAE,CAAC;IAAA,CACtB;EAAC;AAEd;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA9B,OAAA,GACcc,KAAK","ignoreList":[]}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -45,5 +45,5 @@ var _SimpleImageSlider = _interopRequireDefault(require("./SimpleImageSlider"));
|
|
|
45
45
|
var _FullScreenImageSlider = _interopRequireDefault(require("./FullScreenImageSlider"));
|
|
46
46
|
var _PinchToZoom = _interopRequireDefault(require("./PinchToZoom"));
|
|
47
47
|
var _PageCounter = _interopRequireDefault(require("./PageCounter"));
|
|
48
|
-
function _interopRequireDefault(
|
|
48
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
49
49
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_SimpleImageSliderThemeProvider","_interopRequireDefault","require","_BaseSimpleImageSlider","_SimpleImageSlider","_FullScreenImageSlider","_PinchToZoom","_PageCounter","
|
|
1
|
+
{"version":3,"names":["_SimpleImageSliderThemeProvider","_interopRequireDefault","require","_BaseSimpleImageSlider","_SimpleImageSlider","_FullScreenImageSlider","_PinchToZoom","_PageCounter","e","__esModule","default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,+BAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,sBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAmE,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"commonjs"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["clamp","value","min","max","Math","exports"],"sourceRoot":"../../../src","sources":["utils/clamp.ts"],"mappings":";;;;;;AAAO,MAAMA,KAAK,GAAGA,CAACC,KAAa,EAAEC,GAAW,EAAEC,GAAW,KAAK;EAC9D,SAAS;;EACT,OAAOC,IAAI,CAACF,GAAG,CAACE,IAAI,CAACD,GAAG,CAACF,KAAK,EAAEC,GAAG,CAAC,EAAEC,GAAG,CAAC;AAC9C,CAAC;AAACE,OAAA,CAAAL,KAAA,GAAAA,KAAA","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["clamp","value","min","max","Math","exports"],"sourceRoot":"../../../src","sources":["utils/clamp.ts"],"mappings":";;;;;;AAAO,MAAMA,KAAK,GAAGA,CAACC,KAAa,EAAEC,GAAW,EAAEC,GAAW,KAAK;EAC9D,SAAS;;EACT,OAAOC,IAAI,CAACF,GAAG,CAACE,IAAI,CAACD,GAAG,CAACF,KAAK,EAAEC,GAAG,CAAC,EAAEC,GAAG,CAAC;AAC9C,CAAC;AAACE,OAAA,CAAAL,KAAA,GAAAA,KAAA","ignoreList":[]}
|
|
@@ -5,13 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = renderProp;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
9
|
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); }
|
|
9
|
-
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 &&
|
|
10
|
+
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 && {}.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; }
|
|
10
11
|
function renderProp(Component) {
|
|
11
12
|
return Component ? typeof Component === 'string' ? Component : /*#__PURE__*/(0, _react.isValidElement)(Component) ? Component :
|
|
12
13
|
/*#__PURE__*/
|
|
13
14
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
14
15
|
// @ts-ignore
|
|
15
|
-
|
|
16
|
+
(0, _jsxRuntime.jsx)(Component, {}) : null;
|
|
16
17
|
}
|
|
17
18
|
//# sourceMappingURL=renderProp.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","renderProp","Component","isValidElement","jsx"],"sourceRoot":"../../../src","sources":["utils/renderProp.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA8C,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAE,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,SAAAJ,wBAAAI,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,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAS/B,SAASW,UAAUA,CAACC,SAAqB,EAAE;EACtD,OAAOA,SAAS,GACZ,OAAOA,SAAS,KAAK,QAAQ,GACzBA,SAAS,GACT,iBAAAC,qBAAc,EAACD,SAAS,CAAC,GACzBA,SAAS;EAAA;EAET;EACA;EACA,IAAAtB,WAAA,CAAAwB,GAAA,EAACF,SAAS,IAAE,CACf,GACD,IAAI;AACZ","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
//# sourceMappingURL=common.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/common.ts"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/common.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/icons.ts"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/icons.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/pinch-to-zoom.ts"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/pinch-to-zoom.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/slider.ts"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/slider.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/styled.d.ts"],"mappings":"AAAA,OAAO,0BAA0B","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/styled.d.ts"],"mappings":";;AAAA,OAAO,0BAA0B","ignoreList":[]}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
1
3
|
import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
2
4
|
import { FlashList } from '@shopify/flash-list';
|
|
3
5
|
import mergeRefs from 'merge-refs';
|
|
@@ -9,6 +11,7 @@ import PinchToZoom from './PinchToZoom';
|
|
|
9
11
|
import { GestureHandlerRootView, ScrollView } from 'react-native-gesture-handler';
|
|
10
12
|
import renderProp from './utils/renderProp';
|
|
11
13
|
import Animated from 'react-native-reanimated';
|
|
14
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
15
|
const StyledAbsoluteComponentContainer = styled.View`
|
|
13
16
|
z-index: 1000;
|
|
14
17
|
position: absolute;
|
|
@@ -91,7 +94,6 @@ const BaseSimpleImageSlider = /*#__PURE__*/forwardRef(function BaseSimpleImageSl
|
|
|
91
94
|
enablePinchToZoom = false,
|
|
92
95
|
onPinchToZoomStatusChange,
|
|
93
96
|
onPinchToZoomRequestClose,
|
|
94
|
-
dataWindowSize = 5,
|
|
95
97
|
sharedTransitionTag,
|
|
96
98
|
imageStyle
|
|
97
99
|
}, ref) {
|
|
@@ -101,21 +103,10 @@ const BaseSimpleImageSlider = /*#__PURE__*/forwardRef(function BaseSimpleImageSl
|
|
|
101
103
|
const ActualPageCounterComponent = PageCounterComponent ? makeStyledPageCounter(PageCounterComponent) : StyledPageCounter;
|
|
102
104
|
const listRef = useRef(null);
|
|
103
105
|
const [currentItem, setCurrentItem] = useState(0);
|
|
104
|
-
const slicedData = useMemo(() => maxItems !== undefined ?
|
|
105
|
-
const [currentGroupIndex, setCurrentGroupIndex] = useState(0);
|
|
106
|
-
const nextGroup = useCallback(() => {
|
|
107
|
-
setCurrentGroupIndex(prev => prev + 1);
|
|
108
|
-
}, []);
|
|
109
|
-
const internalData = useMemo(() => {
|
|
110
|
-
if (dataWindowSize <= 0) {
|
|
111
|
-
return slicedData;
|
|
112
|
-
}
|
|
113
|
-
return slicedData.slice(0, (currentGroupIndex + 1) * dataWindowSize);
|
|
114
|
-
}, [currentGroupIndex, dataWindowSize, slicedData]);
|
|
106
|
+
const slicedData = useMemo(() => maxItems !== undefined ? data?.slice(0, maxItems) ?? [] : data ?? [], [data, maxItems]);
|
|
115
107
|
useEffect(() => {
|
|
116
|
-
var _listRef$current;
|
|
117
108
|
setCurrentItem(indexOverride ?? 0);
|
|
118
|
-
|
|
109
|
+
listRef.current?.scrollToIndex({
|
|
119
110
|
index: indexOverride ?? 0,
|
|
120
111
|
animated: false
|
|
121
112
|
});
|
|
@@ -126,35 +117,34 @@ const BaseSimpleImageSlider = /*#__PURE__*/forwardRef(function BaseSimpleImageSl
|
|
|
126
117
|
index
|
|
127
118
|
}) => {
|
|
128
119
|
const ImageComponent = sharedTransitionTag && index === currentItem ? AnimatedStyledImage : StyledImage;
|
|
129
|
-
return /*#__PURE__*/
|
|
120
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
130
121
|
onPress: () => {
|
|
131
|
-
|
|
132
|
-
(
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
})
|
|
122
|
+
listRef.current?.recordInteraction();
|
|
123
|
+
onItemPress?.(item, index);
|
|
124
|
+
},
|
|
125
|
+
children: /*#__PURE__*/_jsx(ImageComponent, {
|
|
126
|
+
sharedTransitionTag: sharedTransitionTag,
|
|
127
|
+
transition: 200,
|
|
128
|
+
placeholder: item.placeholder,
|
|
129
|
+
placeholderContentFit: 'cover',
|
|
130
|
+
imageWidth: imageWidth,
|
|
131
|
+
imageHeight: imageHeight,
|
|
132
|
+
imageAspectRatio: imageAspectRatio,
|
|
133
|
+
recyclingKey: item.key,
|
|
134
|
+
source: item.source,
|
|
135
|
+
contentFit: 'cover',
|
|
136
|
+
contentPosition: 'center',
|
|
137
|
+
style: imageStyle
|
|
138
|
+
})
|
|
139
|
+
});
|
|
149
140
|
}, [currentItem, imageAspectRatio, imageHeight, imageStyle, imageWidth, onItemPress, sharedTransitionTag]);
|
|
150
141
|
const onViewableItemsChanged = useCallback(({
|
|
151
142
|
viewableItems
|
|
152
143
|
}) => {
|
|
153
|
-
|
|
154
|
-
const newIndex = (_viewableItems$ = viewableItems[0]) === null || _viewableItems$ === void 0 ? void 0 : _viewableItems$.index;
|
|
144
|
+
const newIndex = viewableItems[0]?.index;
|
|
155
145
|
if (newIndex !== undefined && newIndex !== null) {
|
|
156
146
|
setCurrentItem(newIndex);
|
|
157
|
-
onViewableItemChange
|
|
147
|
+
onViewableItemChange?.(newIndex);
|
|
158
148
|
}
|
|
159
149
|
}, [onViewableItemChange]);
|
|
160
150
|
const [scrollEnabled, setScrollEnabled] = useState(true);
|
|
@@ -168,11 +158,12 @@ const BaseSimpleImageSlider = /*#__PURE__*/forwardRef(function BaseSimpleImageSl
|
|
|
168
158
|
return imageWidth ?? (imageHeight ? imageHeight * (imageAspectRatio ?? 4 / 3) : 350);
|
|
169
159
|
}, [imageAspectRatio, imageHeight, imageWidth]);
|
|
170
160
|
const internalOnPinchToZoomStatusChange = useCallback(status => {
|
|
171
|
-
|
|
172
|
-
(
|
|
173
|
-
onPinchToZoomStatusChange === null || onPinchToZoomStatusChange === void 0 || onPinchToZoomStatusChange(status);
|
|
161
|
+
listRef.current?.recordInteraction();
|
|
162
|
+
onPinchToZoomStatusChange?.(status);
|
|
174
163
|
}, [onPinchToZoomStatusChange]);
|
|
175
|
-
const list = /*#__PURE__*/
|
|
164
|
+
const list = /*#__PURE__*/_jsx(FlashList
|
|
165
|
+
// @ts-expect-error - there's just a small inconsistency with hitSlop typing
|
|
166
|
+
, {
|
|
176
167
|
renderScrollComponent: ScrollView,
|
|
177
168
|
scrollEnabled: scrollEnabled,
|
|
178
169
|
disableScrollViewPanResponder: enablePinchToZoom ? !scrollEnabled : false,
|
|
@@ -189,40 +180,44 @@ const BaseSimpleImageSlider = /*#__PURE__*/forwardRef(function BaseSimpleImageSl
|
|
|
189
180
|
horizontal: true,
|
|
190
181
|
keyExtractor: keyExtractor,
|
|
191
182
|
renderItem: renderItem,
|
|
192
|
-
data:
|
|
193
|
-
onEndReached: nextGroup,
|
|
194
|
-
onEndReachedThreshold: 0.5,
|
|
183
|
+
data: slicedData,
|
|
195
184
|
estimatedItemSize: estimatedItemSize,
|
|
196
185
|
estimatedListSize: {
|
|
197
186
|
width: estimatedItemSize,
|
|
198
187
|
height: imageHeight ?? estimatedItemSize / imageAspectRatio
|
|
199
188
|
}
|
|
200
189
|
});
|
|
201
|
-
return /*#__PURE__*/
|
|
190
|
+
return /*#__PURE__*/_jsxs(StyledContainer, {
|
|
202
191
|
aspectRatio: imageAspectRatio,
|
|
203
|
-
style: style
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
192
|
+
style: style,
|
|
193
|
+
children: [enablePinchToZoom ? /*#__PURE__*/_jsx(StyledPinchToZoom, {
|
|
194
|
+
onDismiss: onPinchToZoomRequestClose,
|
|
195
|
+
onStatusChange: internalOnPinchToZoomStatusChange,
|
|
196
|
+
onScaleChange: onScaleChange,
|
|
197
|
+
onScaleReset: onScaleReset,
|
|
198
|
+
maximumZoomScale: 5,
|
|
199
|
+
minimumZoomScale: 1,
|
|
200
|
+
children: list
|
|
201
|
+
}) : list, showPageCounter ? renderPageCounter ? renderPageCounter(currentItem + 1, slicedData.length) : /*#__PURE__*/_jsx(ActualPageCounterComponent, {
|
|
202
|
+
position: pageCounterPosition,
|
|
203
|
+
totalPages: slicedData.length,
|
|
204
|
+
currentPage: currentItem + 1,
|
|
205
|
+
style: pageCounterStyle,
|
|
206
|
+
textStyle: pageCounterTextStyle
|
|
207
|
+
}) : null, TopRightComponent ? /*#__PURE__*/_jsx(StyledAbsoluteComponentContainer, {
|
|
208
|
+
position: 'top-right',
|
|
209
|
+
children: renderProp(TopRightComponent)
|
|
210
|
+
}) : null, TopLeftComponent ? /*#__PURE__*/_jsx(StyledAbsoluteComponentContainer, {
|
|
211
|
+
position: 'top-left',
|
|
212
|
+
children: renderProp(TopLeftComponent)
|
|
213
|
+
}) : null, BottomRightComponent ? /*#__PURE__*/_jsx(StyledAbsoluteComponentContainer, {
|
|
214
|
+
position: 'bottom-right',
|
|
215
|
+
children: renderProp(BottomRightComponent)
|
|
216
|
+
}) : null, BottomLeftComponent ? /*#__PURE__*/_jsx(StyledAbsoluteComponentContainer, {
|
|
217
|
+
position: 'bottom-left',
|
|
218
|
+
children: renderProp(BottomLeftComponent)
|
|
219
|
+
}) : null]
|
|
220
|
+
});
|
|
226
221
|
});
|
|
227
222
|
const makeStyledPageCounter = PageCounterComponent => styled(PageCounterComponent)`
|
|
228
223
|
z-index: 1000;
|