@one-am/react-native-simple-image-slider 0.2.2 → 0.3.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 +26 -3
- package/lib/commonjs/@types/icons.js +6 -0
- package/lib/commonjs/@types/icons.js.map +1 -0
- package/lib/commonjs/@types/pinch-to-zoom.js +6 -0
- package/lib/commonjs/@types/pinch-to-zoom.js.map +1 -0
- package/lib/commonjs/@types/slider.js +6 -0
- package/lib/commonjs/@types/slider.js.map +1 -0
- package/lib/commonjs/BaseSimpleImageSlider.js +9 -3
- package/lib/commonjs/BaseSimpleImageSlider.js.map +1 -1
- package/lib/commonjs/FullScreenImageSlider.js +21 -8
- package/lib/commonjs/FullScreenImageSlider.js.map +1 -1
- package/lib/commonjs/PageCounter.js +26 -24
- package/lib/commonjs/PageCounter.js.map +1 -1
- package/lib/commonjs/PinchToZoom.js +14 -16
- package/lib/commonjs/PinchToZoom.js.map +1 -1
- package/lib/commonjs/SimpleImageSlider.js +4 -1
- package/lib/commonjs/SimpleImageSlider.js.map +1 -1
- package/lib/commonjs/icons/IconX.js +42 -0
- package/lib/commonjs/icons/IconX.js.map +1 -0
- package/lib/commonjs/index.js +7 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/module/@types/icons.js +2 -0
- package/lib/module/@types/icons.js.map +1 -0
- package/lib/module/@types/pinch-to-zoom.js +2 -0
- package/lib/module/@types/pinch-to-zoom.js.map +1 -0
- package/lib/module/@types/slider.js +2 -0
- package/lib/module/@types/slider.js.map +1 -0
- package/lib/module/BaseSimpleImageSlider.js +9 -3
- package/lib/module/BaseSimpleImageSlider.js.map +1 -1
- package/lib/module/FullScreenImageSlider.js +21 -8
- package/lib/module/FullScreenImageSlider.js.map +1 -1
- package/lib/module/PageCounter.js +26 -23
- package/lib/module/PageCounter.js.map +1 -1
- package/lib/module/PinchToZoom.js +14 -16
- package/lib/module/PinchToZoom.js.map +1 -1
- package/lib/module/SimpleImageSlider.js +4 -1
- package/lib/module/SimpleImageSlider.js.map +1 -1
- package/lib/module/icons/IconX.js +33 -0
- package/lib/module/icons/IconX.js.map +1 -0
- package/lib/module/index.js +2 -1
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/src/@types/icons.d.ts +6 -0
- package/lib/typescript/src/@types/icons.d.ts.map +1 -0
- package/lib/typescript/src/@types/pinch-to-zoom.d.ts +9 -0
- package/lib/typescript/src/@types/pinch-to-zoom.d.ts.map +1 -0
- package/lib/typescript/src/@types/slider.d.ts +5 -0
- package/lib/typescript/src/@types/slider.d.ts.map +1 -0
- package/lib/typescript/src/BaseSimpleImageSlider.d.ts +10 -8
- package/lib/typescript/src/BaseSimpleImageSlider.d.ts.map +1 -1
- package/lib/typescript/src/FullScreenImageSlider.d.ts +38 -3
- package/lib/typescript/src/FullScreenImageSlider.d.ts.map +1 -1
- package/lib/typescript/src/PageCounter.d.ts +9 -0
- package/lib/typescript/src/PageCounter.d.ts.map +1 -1
- package/lib/typescript/src/PinchToZoom.d.ts +36 -6
- package/lib/typescript/src/PinchToZoom.d.ts.map +1 -1
- package/lib/typescript/src/SimpleImageSlider.d.ts +13 -1
- package/lib/typescript/src/SimpleImageSlider.d.ts.map +1 -1
- package/lib/typescript/src/icons/IconX.d.ts +5 -0
- package/lib/typescript/src/icons/IconX.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +3 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +3 -5
- package/src/@types/icons.ts +6 -0
- package/src/@types/pinch-to-zoom.ts +9 -0
- package/src/@types/slider.ts +5 -0
- package/src/BaseSimpleImageSlider.tsx +13 -16
- package/src/FullScreenImageSlider.tsx +49 -16
- package/src/PageCounter.tsx +26 -25
- package/src/PinchToZoom.tsx +49 -28
- package/src/SimpleImageSlider.tsx +10 -5
- package/src/icons/IconX.tsx +24 -0
- package/src/index.tsx +5 -0
|
@@ -0,0 +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","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","IconX","size","color","stroke","props","createElement","width","height","viewBox","strokeWidth","fill","Path","d","_default","exports"],"sourceRoot":"../../../src","sources":["icons/IconX.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -15,6 +15,12 @@ Object.defineProperty(exports, "FullScreenImageSlider", {
|
|
|
15
15
|
return _FullScreenImageSlider.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
+
Object.defineProperty(exports, "PinchToZoom", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _PinchToZoom.default;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
18
24
|
Object.defineProperty(exports, "SimpleImageSlider", {
|
|
19
25
|
enumerable: true,
|
|
20
26
|
get: function () {
|
|
@@ -31,5 +37,6 @@ var _StyledComponentsThemeProvider = _interopRequireDefault(require("./StyledCom
|
|
|
31
37
|
var _BaseSimpleImageSlider = _interopRequireDefault(require("./BaseSimpleImageSlider"));
|
|
32
38
|
var _SimpleImageSlider = _interopRequireDefault(require("./SimpleImageSlider"));
|
|
33
39
|
var _FullScreenImageSlider = _interopRequireDefault(require("./FullScreenImageSlider"));
|
|
40
|
+
var _PinchToZoom = _interopRequireDefault(require("./PinchToZoom"));
|
|
34
41
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
35
42
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_StyledComponentsThemeProvider","_interopRequireDefault","require","_BaseSimpleImageSlider","_SimpleImageSlider","_FullScreenImageSlider","obj","__esModule","default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_StyledComponentsThemeProvider","_interopRequireDefault","require","_BaseSimpleImageSlider","_SimpleImageSlider","_FullScreenImageSlider","_PinchToZoom","obj","__esModule","default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,8BAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,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;AAAmE,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/icons.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/pinch-to-zoom.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/slider.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -68,6 +68,12 @@ const StyledImage = styled(Image)`
|
|
|
68
68
|
const StyledPinchToZoom = styled(PinchToZoom)`
|
|
69
69
|
z-index: 1000;
|
|
70
70
|
`;
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* @description A simple image slider that displays a list of images. This is the component
|
|
74
|
+
* that {@link SimpleImageSlider} and {@link FullScreenImageSlider}
|
|
75
|
+
* are built upon. You should normally use one of those two components instead of this one.
|
|
76
|
+
*/
|
|
71
77
|
const BaseListImageSlider = /*#__PURE__*/forwardRef(function BaseListImageSlider({
|
|
72
78
|
data,
|
|
73
79
|
style,
|
|
@@ -86,7 +92,7 @@ const BaseListImageSlider = /*#__PURE__*/forwardRef(function BaseListImageSlider
|
|
|
86
92
|
indexOverride,
|
|
87
93
|
onViewableItemChange,
|
|
88
94
|
enablePinchToZoom = false,
|
|
89
|
-
|
|
95
|
+
onPinchToZoomStatusChange,
|
|
90
96
|
onPinchToZoomRequestClose
|
|
91
97
|
}, ref) {
|
|
92
98
|
const listRef = useRef(null);
|
|
@@ -161,8 +167,8 @@ const BaseListImageSlider = /*#__PURE__*/forwardRef(function BaseListImageSlider
|
|
|
161
167
|
aspectRatio: imageAspectRatio,
|
|
162
168
|
style: style
|
|
163
169
|
}, enablePinchToZoom ? /*#__PURE__*/React.createElement(StyledPinchToZoom, {
|
|
164
|
-
|
|
165
|
-
onTranslationChange:
|
|
170
|
+
onDismiss: onPinchToZoomRequestClose,
|
|
171
|
+
onTranslationChange: onPinchToZoomStatusChange,
|
|
166
172
|
onScaleChange: onScaleChange,
|
|
167
173
|
onScaleReset: onScaleReset,
|
|
168
174
|
maximumZoomScale: 5,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","useState","FlashList","mergeRefs","Image","Pressable","styled","PageCounter","PinchToZoom","GestureHandlerRootView","ScrollView","renderProp","StyledAbsoluteComponentContainer","View","position","theme","styles","spacing","m","undefined","StyledPageCounter","StyledContainer","aspectRatio","StyledImage","imageWidth","imageHeight","imageAspectRatio","StyledPinchToZoom","BaseListImageSlider","data","style","onItemPress","maxPreviewItems","showPageCounter","pageCounterPosition","renderPageCounter","TopRightComponent","TopLeftComponent","BottomRightComponent","BottomLeftComponent","indexOverride","onViewableItemChange","enablePinchToZoom","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","useState","FlashList","mergeRefs","Image","Pressable","styled","PageCounter","PinchToZoom","GestureHandlerRootView","ScrollView","renderProp","StyledAbsoluteComponentContainer","View","position","theme","styles","spacing","m","undefined","StyledPageCounter","StyledContainer","aspectRatio","StyledImage","imageWidth","imageHeight","imageAspectRatio","StyledPinchToZoom","BaseListImageSlider","data","style","onItemPress","maxPreviewItems","showPageCounter","pageCounterPosition","renderPageCounter","TopRightComponent","TopLeftComponent","BottomRightComponent","BottomLeftComponent","indexOverride","onViewableItemChange","enablePinchToZoom","onPinchToZoomStatusChange","onPinchToZoomRequestClose","ref","listRef","currentItem","setCurrentItem","slicedData","slice","_listRef$current","current","scrollToIndex","index","animated","keyExtractor","item","key","renderItem","createElement","onPress","transition","placeholder","placeholderContentFit","recyclingKey","source","contentFit","contentPosition","onViewableItemsChanged","viewableItems","_viewableItems$","newIndex","scrollEnabled","setScrollEnabled","onScaleChange","onScaleReset","list","renderScrollComponent","disableScrollViewPanResponder","initialScrollIndex","viewabilityConfig","itemVisiblePercentThreshold","decelerationRate","pagingEnabled","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","horizontal","estimatedItemSize","onDismiss","onTranslationChange","maximumZoomScale","minimumZoomScale","length","totalPages","currentPage"],"sourceRoot":"../../src","sources":["BaseSimpleImageSlider.tsx"],"mappings":"AAAA,OAAOA,KAAK,IACRC,UAAU,EAEVC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACL,OAAO;AACd,SAASC,SAAS,QAAiC,qBAAqB;AACxE,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,KAAK,QAAyB,YAAY;AACnD,SAASC,SAAS,QAAwC,cAAc;AAExE,OAAOC,MAAM,MAAM,0BAA0B;AAC7C,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,WAAW,MAAiC,eAAe;AAClE,SAASC,sBAAsB,EAAEC,UAAU,QAAQ,8BAA8B;AACjF,OAAOC,UAAU,MAA2B,oBAAoB;AAyBhE,MAAMC,gCAAgC,GAAGN,MAAM,CAACO,IAE7C;AACH;AACA;AACA,cAAc,CAAC;EAAEC,QAAQ;EAAEC;AAAM,CAAC,KAC1BD,QAAQ,KAAK,aAAa,IAAIA,QAAQ,KAAK,cAAc,GAClD,GAAEC,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,CAAE,IAAG,GAC7BC,SAAU;AACxB,WAAW,CAAC;EAAEL,QAAQ;EAAEC;AAAM,CAAC,KACvBD,QAAQ,KAAK,UAAU,IAAIA,QAAQ,KAAK,WAAW,GAC5C,GAAEC,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,CAAE,IAAG,GAC7BC,SAAU;AACxB,YAAY,CAAC;EAAEL,QAAQ;EAAEC;AAAM,CAAC,KACxBD,QAAQ,KAAK,UAAU,IAAIA,QAAQ,KAAK,aAAa,GAC9C,GAAEC,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,CAAE,IAAG,GAC7BC,SAAU;AACxB,aAAa,CAAC;EAAEL,QAAQ;EAAEC;AAAM,CAAC,KACzBD,QAAQ,KAAK,WAAW,IAAIA,QAAQ,KAAK,cAAc,GAChD,GAAEC,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,CAAE,IAAG,GAC7BC,SAAU;AACxB,CAAC;AAED,MAAMC,iBAAiB,GAAGd,MAAM,CAACC,WAAW,CAEzC;AACH;AACA;AACA,cAAc,CAAC;EAAEO,QAAQ;EAAEC;AAAM,CAAC,KAC1BD,QAAQ,KAAK,aAAa,IAAIA,QAAQ,KAAK,cAAc,GAClD,GAAEC,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,CAAE,IAAG,GAC7BC,SAAU;AACxB,WAAW,CAAC;EAAEL,QAAQ;EAAEC;AAAM,CAAC,KACvBD,QAAQ,KAAK,UAAU,IAAIA,QAAQ,KAAK,WAAW,GAC5C,GAAEC,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,CAAE,IAAG,GAC7BC,SAAU;AACxB,YAAY,CAAC;EAAEL,QAAQ;EAAEC;AAAM,CAAC,KACxBD,QAAQ,KAAK,UAAU,IAAIA,QAAQ,KAAK,aAAa,GAC9C,GAAEC,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,CAAE,IAAG,GAC7BC,SAAU;AACxB,aAAa,CAAC;EAAEL,QAAQ;EAAEC;AAAM,CAAC,KACzBD,QAAQ,KAAK,WAAW,IAAIA,QAAQ,KAAK,cAAc,GAChD,GAAEC,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,CAAE,IAAG,GAC7BC,SAAU;AACxB,CAAC;AAED,MAAME,eAAe,GAAGf,MAAM,CAACG,sBAAsB,CAA4B;AACjF,oBAAoB,CAAC;EAAEa;AAAY,CAAC,KAAKA,WAAW,IAAI,CAAC,GAAG,CAAE;AAC9D;AACA,CAAC;AAED,MAAMC,WAAW,GAAGjB,MAAM,CAACF,KAAK,CAM9B;AACF,aAAa,CAAC;EAAEoB;AAAW,CAAC,KAAMA,UAAU,GAAI,GAAEA,UAAW,IAAG,GAAG,MAAQ;AAC3E,cAAc,CAAC;EAAEC;AAAY,CAAC,KAAMA,WAAW,GAAI,GAAEA,WAAY,IAAG,GAAG,MAAQ;AAC/E,oBAAoB,CAAC;EAAEC;AAAiB,CAAC,KAAMA,gBAAgB,GAAGA,gBAAgB,GAAG,CAAC,GAAG,CAAG;AAC5F,CAAC;AAED,MAAMC,iBAAiB,GAAGrB,MAAM,CAACE,WAAW,CAAE;AAC9C;AACA,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,MAAMoB,mBAAmB,gBAAGhC,UAAU,CAGpC,SAASgC,mBAAmBA,CAC1B;EACIC,IAAI;EACJC,KAAK;EACLN,UAAU;EACVC,WAAW;EACXC,gBAAgB;EAChBK,WAAW;EACXC,eAAe;EACfC,eAAe,GAAG,IAAI;EACtBC,mBAAmB,GAAG,aAAa;EACnCC,iBAAiB;EACjBC,iBAAiB;EACjBC,gBAAgB;EAChBC,oBAAoB;EACpBC,mBAAmB;EACnBC,aAAa;EACbC,oBAAoB;EACpBC,iBAAiB,GAAG,KAAK;EACzBC,yBAAyB;EACzBC;AACJ,CAAC,EACDC,GAAG,EACL;EACE,MAAMC,OAAO,GAAG9C,MAAM,CAAmC,IAAI,CAAC;EAC9D,MAAM,CAAC+C,WAAW,EAAEC,cAAc,CAAC,GAAG/C,QAAQ,CAAC,CAAC,CAAC;EAEjD,MAAMgD,UAAU,GAAGlD,OAAO,CACtB,MAAOiC,eAAe,KAAKb,SAAS,GAAG,CAAAU,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEqB,KAAK,CAAC,CAAC,EAAElB,eAAe,CAAC,KAAI,EAAE,GAAGH,IAAI,IAAI,EAAG,EAC1F,CAACA,IAAI,EAAEG,eAAe,CAC1B,CAAC;EAEDlC,SAAS,CAAC,MAAM;IAAA,IAAAqD,gBAAA;IACZH,cAAc,CAACR,aAAa,IAAI,CAAC,CAAC;IAElC,CAAAW,gBAAA,GAAAL,OAAO,CAACM,OAAO,cAAAD,gBAAA,eAAfA,gBAAA,CAAiBE,aAAa,CAAC;MAAEC,KAAK,EAAEd,aAAa,IAAI,CAAC;MAAEe,QAAQ,EAAE;IAAM,CAAC,CAAC;EAClF,CAAC,EAAE,CAACf,aAAa,EAAES,UAAU,CAAC,CAAC;EAE/B,MAAMO,YAAY,GAAG3D,WAAW,CAAE4D,IAA2B,IAAKA,IAAI,CAACC,GAAG,EAAE,EAAE,CAAC;EAE/E,MAAMC,UAAU,GAAG9D,WAAW,CAC1B,CAAC;IAAE4D,IAAI;IAAEH;EAAiD,CAAC,KAAK;IAC5D,oBACI3D,KAAA,CAAAiE,aAAA,CAACvD,SAAS;MAACwD,OAAO,EAAEA,CAAA,KAAM9B,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAG0B,IAAI,EAAEH,KAAK;IAAE,gBACjD3D,KAAA,CAAAiE,aAAA,CAACrC,WAAW;MACRuC,UAAU,EAAE,GAAI;MAChBC,WAAW,EAAEN,IAAI,CAACM,WAAY;MAC9BC,qBAAqB,EAAE,OAAQ;MAC/BxC,UAAU,EAAEA,UAAW;MACvBC,WAAW,EAAEA,WAAY;MACzBC,gBAAgB,EAAEA,gBAAiB;MACnCuC,YAAY,EAAER,IAAI,CAACC,GAAI;MACvBQ,MAAM,EAAET,IAAI,CAACS,MAAO;MACpBC,UAAU,EAAE,OAAQ;MACpBC,eAAe,EAAE;IAAS,CAC7B,CACM,CAAC;EAEpB,CAAC,EACD,CAAC1C,gBAAgB,EAAED,WAAW,EAAED,UAAU,EAAEO,WAAW,CAC3D,CAAC;EAED,MAAMsC,sBAAsB,GAAGxE,WAAW,CACtC,CAAC;IAAEyE;EAAoE,CAAC,KAAK;IAAA,IAAAC,eAAA;IACzE,MAAMC,QAAQ,IAAAD,eAAA,GAAGD,aAAa,CAAC,CAAC,CAAC,cAAAC,eAAA,uBAAhBA,eAAA,CAAkBjB,KAAK;IACxC,IAAIkB,QAAQ,KAAKrD,SAAS,IAAIqD,QAAQ,KAAK,IAAI,EAAE;MAC7CxB,cAAc,CAACwB,QAAQ,CAAC;MACxB/B,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAG+B,QAAQ,CAAC;IACpC;EACJ,CAAC,EACD,CAAC/B,oBAAoB,CACzB,CAAC;EAED,MAAM,CAACgC,aAAa,EAAEC,gBAAgB,CAAC,GAAGzE,QAAQ,CAAC,IAAI,CAAC;EAExD,MAAM0E,aAAa,GAAG9E,WAAW,CAAC,MAAM;IACpC6E,gBAAgB,CAAC,KAAK,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,YAAY,GAAG/E,WAAW,CAAC,MAAM;IACnC6E,gBAAgB,CAAC,IAAI,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,IAAI,gBACNlF,KAAA,CAAAiE,aAAA,CAAC1D,SAAS;IACN4E,qBAAqB,EAAEpE,UAAW;IAClC+D,aAAa,EAAEA,aAAc;IAC7BM,6BAA6B,EAAErC,iBAAiB,GAAG,CAAC+B,aAAa,GAAG,KAAM;IAC1E5B,GAAG,EAAE1C,SAAS,CAAC0C,GAAG,EAAEC,OAAO,CAAE;IAC7BkC,kBAAkB,EAAExC,aAAa,IAAIO,WAAW,IAAI,CAAE;IACtDsB,sBAAsB,EAAEA,sBAAuB;IAC/CY,iBAAiB,EAAE;MACfC,2BAA2B,EAAE;IACjC,CAAE;IACFC,gBAAgB,EAAE,MAAO;IACzBC,aAAa,EAAE,IAAK;IACpBC,8BAA8B,EAAE,KAAM;IACtCC,4BAA4B,EAAE,KAAM;IACpCC,UAAU,EAAE,IAAK;IACjB/B,YAAY,EAAEA,YAAa;IAC3BG,UAAU,EAAEA,UAAW;IACvB9B,IAAI,EAAEoB,UAAW;IACjBuC,iBAAiB,EACbhE,UAAU,KAAKC,WAAW,GAAGA,WAAW,IAAIC,gBAAgB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG;EAC/E,CACJ,CACJ;EAED,oBACI/B,KAAA,CAAAiE,aAAA,CAACvC,eAAe;IAACC,WAAW,EAAEI,gBAAiB;IAACI,KAAK,EAAEA;EAAM,GACxDY,iBAAiB,gBACd/C,KAAA,CAAAiE,aAAA,CAACjC,iBAAiB;IACd8D,SAAS,EAAE7C,yBAA0B;IACrC8C,mBAAmB,EAAE/C,yBAA0B;IAC/CgC,aAAa,EAAEA,aAAc;IAC7BC,YAAY,EAAEA,YAAa;IAC3Be,gBAAgB,EAAE,CAAE;IACpBC,gBAAgB,EAAE;EAAE,GAEnBf,IACc,CAAC,GAEpBA,IACH,EACA5C,eAAe,GACZE,iBAAiB,GACbA,iBAAiB,CAACY,WAAW,GAAG,CAAC,EAAEE,UAAU,CAAC4C,MAAM,CAAC,gBAErDlG,KAAA,CAAAiE,aAAA,CAACxC,iBAAiB;IACdN,QAAQ,EAAEoB,mBAAoB;IAC9B4D,UAAU,EAAE7C,UAAU,CAAC4C,MAAO;IAC9BE,WAAW,EAAEhD,WAAW,GAAG;EAAE,CAChC,CACJ,GACD,IAAI,EACPX,iBAAiB,gBACdzC,KAAA,CAAAiE,aAAA,CAAChD,gCAAgC;IAACE,QAAQ,EAAE;EAAY,GACnDH,UAAU,CAACyB,iBAAiB,CACC,CAAC,GACnC,IAAI,EACPC,gBAAgB,gBACb1C,KAAA,CAAAiE,aAAA,CAAChD,gCAAgC;IAACE,QAAQ,EAAE;EAAW,GAClDH,UAAU,CAAC0B,gBAAgB,CACE,CAAC,GACnC,IAAI,EACPC,oBAAoB,gBACjB3C,KAAA,CAAAiE,aAAA,CAAChD,gCAAgC;IAACE,QAAQ,EAAE;EAAe,GACtDH,UAAU,CAAC2B,oBAAoB,CACF,CAAC,GACnC,IAAI,EACPC,mBAAmB,gBAChB5C,KAAA,CAAAiE,aAAA,CAAChD,gCAAgC;IAACE,QAAQ,EAAE;EAAc,GACrDH,UAAU,CAAC4B,mBAAmB,CACD,CAAC,GACnC,IACS,CAAC;AAE1B,CAAC,CAAC;AAEF,eAAeX,mBAAmB","ignoreList":[]}
|
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
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); }
|
|
2
2
|
import React, { forwardRef, useCallback, useEffect, useMemo, useState } from 'react';
|
|
3
3
|
import { Modal, StyleSheet, useWindowDimensions } from 'react-native';
|
|
4
|
-
import
|
|
4
|
+
import IconX from './icons/IconX';
|
|
5
5
|
import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
|
|
6
6
|
import { setStatusBarStyle } from 'expo-status-bar';
|
|
7
7
|
import styled, { useTheme } from 'styled-components/native';
|
|
8
8
|
import BaseListImageSlider from './BaseSimpleImageSlider';
|
|
9
9
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
10
|
+
import renderProp from './utils/renderProp';
|
|
10
11
|
const StyledDescriptionContainer = styled.View`
|
|
11
12
|
position: absolute;
|
|
12
|
-
border-top-width:
|
|
13
|
+
border-top-width: ${({
|
|
14
|
+
theme
|
|
15
|
+
}) => theme.styles.borderWidth.xs}px;
|
|
13
16
|
border-top-color: ${({
|
|
14
17
|
theme
|
|
15
18
|
}) => theme.colors.descriptionContainerBorder};
|
|
@@ -29,11 +32,17 @@ const StyledModalContentContainer = styled(Animated.View)`
|
|
|
29
32
|
theme
|
|
30
33
|
}) => theme.styles.spacing.m}px;
|
|
31
34
|
`;
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* @description A full screen image slider that displays images in a modal.
|
|
38
|
+
*/
|
|
32
39
|
const FullScreenImageSlider = /*#__PURE__*/forwardRef(function FullScreenImageSlider({
|
|
40
|
+
CloseButtonIcon,
|
|
33
41
|
open,
|
|
34
42
|
onRequestClose,
|
|
35
43
|
renderDescription,
|
|
36
44
|
onViewableItemChange,
|
|
45
|
+
data,
|
|
37
46
|
...props
|
|
38
47
|
}, ref) {
|
|
39
48
|
const windowDimensions = useWindowDimensions();
|
|
@@ -58,9 +67,12 @@ const FullScreenImageSlider = /*#__PURE__*/forwardRef(function FullScreenImageSl
|
|
|
58
67
|
backgroundColor: `rgba(0, 0, 0, ${backgroundOpacity.value})`
|
|
59
68
|
};
|
|
60
69
|
}, []);
|
|
61
|
-
const
|
|
70
|
+
const onPinchToZoomStatusChange = useCallback(({
|
|
71
|
+
translation,
|
|
72
|
+
scale
|
|
73
|
+
}) => {
|
|
62
74
|
if (scale.value <= 1) {
|
|
63
|
-
if (x.value === 0 && y.value === 0) {
|
|
75
|
+
if (translation.x.value === 0 && translation.y.value === 0) {
|
|
64
76
|
runOnJS(setStatusBarStyle)('light');
|
|
65
77
|
backgroundOpacity.value = withTiming(1);
|
|
66
78
|
} else {
|
|
@@ -81,20 +93,21 @@ const FullScreenImageSlider = /*#__PURE__*/forwardRef(function FullScreenImageSl
|
|
|
81
93
|
}, /*#__PURE__*/React.createElement(StyledModalCloseButton, {
|
|
82
94
|
style: styles.closeButton,
|
|
83
95
|
onPress: onRequestClose
|
|
84
|
-
}, /*#__PURE__*/React.createElement(IconX, {
|
|
96
|
+
}, CloseButtonIcon ? renderProp(CloseButtonIcon) : /*#__PURE__*/React.createElement(IconX, {
|
|
85
97
|
color: theme.colors.fullScreenCloseButton
|
|
86
98
|
})), /*#__PURE__*/React.createElement(BaseListImageSlider, _extends({
|
|
99
|
+
data: data,
|
|
87
100
|
enablePinchToZoom: true,
|
|
88
|
-
|
|
101
|
+
onPinchToZoomStatusChange: onPinchToZoomStatusChange,
|
|
89
102
|
onPinchToZoomRequestClose: onRequestClose
|
|
90
103
|
}, props, {
|
|
91
104
|
onViewableItemChange: internalOnViewableItemChange,
|
|
92
105
|
showPageCounter: false,
|
|
93
106
|
imageWidth: windowDimensions.width,
|
|
94
107
|
ref: ref
|
|
95
|
-
})), renderDescription ? /*#__PURE__*/React.createElement(StyledDescriptionContainer, {
|
|
108
|
+
})), renderDescription && data[internalIndex] ? /*#__PURE__*/React.createElement(StyledDescriptionContainer, {
|
|
96
109
|
style: styles.descriptionContainer
|
|
97
|
-
}, renderDescription(internalIndex)) : null));
|
|
110
|
+
}, renderDescription(data[internalIndex], internalIndex)) : null));
|
|
98
111
|
});
|
|
99
112
|
export default FullScreenImageSlider;
|
|
100
113
|
const makeStyles = (theme, safeAreaInsets, windowDimensions) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useMemo","useState","Modal","StyleSheet","useWindowDimensions","IconX","Animated","runOnJS","useAnimatedStyle","useSharedValue","withTiming","setStatusBarStyle","styled","useTheme","BaseListImageSlider","useSafeAreaInsets","StyledDescriptionContainer","View","theme","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useMemo","useState","Modal","StyleSheet","useWindowDimensions","IconX","Animated","runOnJS","useAnimatedStyle","useSharedValue","withTiming","setStatusBarStyle","styled","useTheme","BaseListImageSlider","useSafeAreaInsets","renderProp","StyledDescriptionContainer","View","theme","styles","borderWidth","xs","colors","descriptionContainerBorder","spacing","l","StyledModalCloseButton","TouchableOpacity","StyledModalContentContainer","m","FullScreenImageSlider","CloseButtonIcon","open","onRequestClose","renderDescription","onViewableItemChange","data","props","ref","windowDimensions","safeAreaInsets","makeStyles","internalIndex","setInternalIndex","internalOnViewableItemChange","index","backgroundOpacity","modalContentStyle","backgroundColor","value","onPinchToZoomStatusChange","translation","scale","x","y","createElement","animationType","transparent","visible","style","modalContent","closeButton","onPress","color","fullScreenCloseButton","_extends","enablePinchToZoom","onPinchToZoomRequestClose","showPageCounter","imageWidth","width","descriptionContainer","create","top","right","height","bottom","paddingLeft","left","paddingRight"],"sourceRoot":"../../src","sources":["FullScreenImageSlider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,31 +1,34 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Text } from 'react-native';
|
|
3
|
+
import styled from 'styled-components/native';
|
|
4
|
+
const StyledContainer = styled.View`
|
|
5
|
+
background-color: ${({
|
|
6
|
+
theme
|
|
7
|
+
}) => theme.colors.pageCounterBackground};
|
|
8
|
+
border-width: ${({
|
|
9
|
+
theme
|
|
10
|
+
}) => theme.styles.borderWidth.xs}px;
|
|
11
|
+
border-color: ${({
|
|
12
|
+
theme
|
|
13
|
+
}) => theme.colors.pageCounterBorder};
|
|
14
|
+
border-radius: ${({
|
|
15
|
+
theme
|
|
16
|
+
}) => theme.styles.borderRadius.m}px;
|
|
17
|
+
padding: ${({
|
|
18
|
+
theme
|
|
19
|
+
}) => `${theme.styles.spacing.s}px ${theme.styles.spacing.s}px`};
|
|
20
|
+
width: 75px;
|
|
21
|
+
flex-direction: row;
|
|
22
|
+
align-items: center;
|
|
23
|
+
justify-content: center;
|
|
24
|
+
`;
|
|
4
25
|
export default function PageCounter({
|
|
5
26
|
currentPage,
|
|
6
27
|
totalPages,
|
|
7
28
|
style
|
|
8
29
|
}) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
12
|
-
style: [styles.container, style]
|
|
30
|
+
return /*#__PURE__*/React.createElement(StyledContainer, {
|
|
31
|
+
style: style
|
|
13
32
|
}, /*#__PURE__*/React.createElement(Text, null, currentPage, " / ", totalPages));
|
|
14
33
|
}
|
|
15
|
-
const makeStyles = theme => {
|
|
16
|
-
return StyleSheet.create({
|
|
17
|
-
container: {
|
|
18
|
-
backgroundColor: theme.colors.pageCounterBackground,
|
|
19
|
-
borderWidth: 1,
|
|
20
|
-
borderColor: theme.colors.pageCounterBorder,
|
|
21
|
-
borderRadius: 8,
|
|
22
|
-
paddingHorizontal: 5,
|
|
23
|
-
paddingVertical: 6,
|
|
24
|
-
width: 75,
|
|
25
|
-
flexDirection: 'row',
|
|
26
|
-
alignItems: 'center',
|
|
27
|
-
justifyContent: 'center'
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
};
|
|
31
34
|
//# sourceMappingURL=PageCounter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","Text","styled","StyledContainer","View","theme","colors","pageCounterBackground","styles","borderWidth","xs","pageCounterBorder","borderRadius","m","spacing","s","PageCounter","currentPage","totalPages","style","createElement"],"sourceRoot":"../../src","sources":["PageCounter.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,OAAOC,MAAM,MAAM,0BAA0B;AAiB7C,MAAMC,eAAe,GAAGD,MAAM,CAACE,IAAK;AACpC,wBAAwB,CAAC;EAAEC;AAAM,CAAC,KAAKA,KAAK,CAACC,MAAM,CAACC,qBAAsB;AAC1E,oBAAoB,CAAC;EAAEF;AAAM,CAAC,KAAKA,KAAK,CAACG,MAAM,CAACC,WAAW,CAACC,EAAG;AAC/D,oBAAoB,CAAC;EAAEL;AAAM,CAAC,KAAKA,KAAK,CAACC,MAAM,CAACK,iBAAkB;AAClE,qBAAqB,CAAC;EAAEN;AAAM,CAAC,KAAKA,KAAK,CAACG,MAAM,CAACI,YAAY,CAACC,CAAE;AAChE,eAAe,CAAC;EAAER;AAAM,CAAC,KAAM,GAAEA,KAAK,CAACG,MAAM,CAACM,OAAO,CAACC,CAAE,MAAKV,KAAK,CAACG,MAAM,CAACM,OAAO,CAACC,CAAE,IAAI;AACxF;AACA;AACA;AACA;AACA,CAAC;AAED,eAAe,SAASC,WAAWA,CAAC;EAAEC,WAAW;EAAEC,UAAU;EAAEC;AAAwB,CAAC,EAAE;EACtF,oBACInB,KAAA,CAAAoB,aAAA,CAACjB,eAAe;IAACgB,KAAK,EAAEA;EAAM,gBAC1BnB,KAAA,CAAAoB,aAAA,CAACnB,IAAI,QACAgB,WAAW,EAAC,KAAG,EAACC,UACf,CACO,CAAC;AAE1B","ignoreList":[]}
|
|
@@ -8,15 +8,13 @@ export default function PinchToZoom({
|
|
|
8
8
|
minimumZoomScale = 1,
|
|
9
9
|
maximumZoomScale = 8,
|
|
10
10
|
style: propStyle,
|
|
11
|
-
onPinchStart,
|
|
12
|
-
onPinchEnd,
|
|
13
11
|
disabled,
|
|
14
12
|
onLayout,
|
|
15
13
|
onTranslationChange,
|
|
16
14
|
onScaleChange,
|
|
17
15
|
onScaleReset,
|
|
18
16
|
children,
|
|
19
|
-
|
|
17
|
+
onDismiss
|
|
20
18
|
}) {
|
|
21
19
|
const {
|
|
22
20
|
height: windowHeight
|
|
@@ -39,7 +37,6 @@ export default function PinchToZoom({
|
|
|
39
37
|
cancelAnimation(scale);
|
|
40
38
|
prevScale.value = scale.value;
|
|
41
39
|
offsetScale.value = scale.value;
|
|
42
|
-
if (onPinchStart) runOnJS(onPinchStart)();
|
|
43
40
|
if (onScaleChange) runOnJS(onScaleChange)();
|
|
44
41
|
}).onUpdate(e => {
|
|
45
42
|
if (e.numberOfPointers === 2) {
|
|
@@ -63,8 +60,8 @@ export default function PinchToZoom({
|
|
|
63
60
|
}).onEnd(() => {
|
|
64
61
|
isPinching.value = false;
|
|
65
62
|
if (scale.value < minimumZoomScale / 2 && prevScale.value <= minimumZoomScale) {
|
|
66
|
-
if (
|
|
67
|
-
runOnJS(
|
|
63
|
+
if (onDismiss) {
|
|
64
|
+
runOnJS(onDismiss)();
|
|
68
65
|
}
|
|
69
66
|
} else if (scale.value < minimumZoomScale) {
|
|
70
67
|
runOnJS(Haptics.impactAsync)(Haptics.ImpactFeedbackStyle.Light);
|
|
@@ -78,8 +75,7 @@ export default function PinchToZoom({
|
|
|
78
75
|
prevScale.value = 0;
|
|
79
76
|
prevTranslationX.value = translationX.value;
|
|
80
77
|
prevTranslationY.value = translationY.value;
|
|
81
|
-
|
|
82
|
-
}), [disabled, translationX, translationY, scale, prevScale, offsetScale, onPinchStart, onScaleChange, maximumZoomScale, isPinching, originX, originY, prevTranslationX, prevTranslationY, viewWidth.value, viewHeight.value, minimumZoomScale, onPinchEnd, onRequestClose, onScaleReset]);
|
|
78
|
+
}), [disabled, translationX, translationY, scale, prevScale, offsetScale, onScaleChange, maximumZoomScale, isPinching, originX, originY, prevTranslationX, prevTranslationY, viewWidth.value, viewHeight.value, minimumZoomScale, onDismiss, onScaleReset]);
|
|
83
79
|
const panGesture = useMemo(() => Gesture.Pan().enabled(!disabled).onStart(() => {
|
|
84
80
|
cancelAnimation(translationX);
|
|
85
81
|
cancelAnimation(translationY);
|
|
@@ -96,8 +92,8 @@ export default function PinchToZoom({
|
|
|
96
92
|
}).onEnd(() => {
|
|
97
93
|
if (scale.value <= minimumZoomScale && prevScale.value <= minimumZoomScale) {
|
|
98
94
|
if (Math.abs(translationX.value) > viewWidth.value / 2 || Math.abs(translationY.value) > viewHeight.value / 2) {
|
|
99
|
-
if (
|
|
100
|
-
runOnJS(
|
|
95
|
+
if (onDismiss) {
|
|
96
|
+
runOnJS(onDismiss)();
|
|
101
97
|
}
|
|
102
98
|
} else {
|
|
103
99
|
runOnJS(Haptics.impactAsync)(Haptics.ImpactFeedbackStyle.Light);
|
|
@@ -108,7 +104,7 @@ export default function PinchToZoom({
|
|
|
108
104
|
translationX.value = withTiming(clamp(translationX.value, -viewWidth.value * (scale.value - minimumZoomScale) / 2, viewWidth.value * (scale.value - minimumZoomScale) / 2));
|
|
109
105
|
translationY.value = withTiming(clamp(translationY.value, -viewHeight.value * (scale.value - minimumZoomScale) / 2, viewHeight.value * (scale.value - minimumZoomScale) / 2));
|
|
110
106
|
}
|
|
111
|
-
}), [disabled, minimumZoomScale,
|
|
107
|
+
}), [disabled, minimumZoomScale, onDismiss, prevScale.value, prevTranslationX, prevTranslationY, scale.value, windowHeight, translationX, translationY, viewHeight.value, viewWidth.value]);
|
|
112
108
|
const tapGesture = useMemo(() => Gesture.Tap().enabled(!disabled).numberOfTaps(2).onStart(() => {
|
|
113
109
|
if (scale.value > minimumZoomScale) {
|
|
114
110
|
translationX.value = withTiming(0);
|
|
@@ -129,13 +125,15 @@ export default function PinchToZoom({
|
|
|
129
125
|
}, [panGesture, pinchGesture, tapGesture]);
|
|
130
126
|
useAnimatedReaction(() => {
|
|
131
127
|
return {
|
|
132
|
-
scale: scale
|
|
133
|
-
|
|
134
|
-
|
|
128
|
+
scale: scale,
|
|
129
|
+
translation: {
|
|
130
|
+
x: translationX,
|
|
131
|
+
y: translationY
|
|
132
|
+
}
|
|
135
133
|
};
|
|
136
|
-
},
|
|
134
|
+
}, prepared => {
|
|
137
135
|
if (onTranslationChange) {
|
|
138
|
-
runOnJS(onTranslationChange)(
|
|
136
|
+
runOnJS(onTranslationChange)(prepared);
|
|
139
137
|
}
|
|
140
138
|
}, [onTranslationChange]);
|
|
141
139
|
const style = useAnimatedStyle(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","useWindowDimensions","Animated","cancelAnimation","runOnJS","useAnimatedReaction","useAnimatedStyle","useSharedValue","withTiming","Gesture","GestureDetector","clamp","Haptics","PinchToZoom","minimumZoomScale","maximumZoomScale","style","propStyle","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","useWindowDimensions","Animated","cancelAnimation","runOnJS","useAnimatedReaction","useAnimatedStyle","useSharedValue","withTiming","Gesture","GestureDetector","clamp","Haptics","PinchToZoom","minimumZoomScale","maximumZoomScale","style","propStyle","disabled","onLayout","onTranslationChange","onScaleChange","onScaleReset","children","onDismiss","height","windowHeight","translationX","translationY","originX","originY","scale","isPinching","viewHeight","viewWidth","prevScale","offsetScale","prevTranslationX","prevTranslationY","pinchGesture","Pinch","enabled","onStart","value","onUpdate","e","numberOfPointers","Math","min","focalX","focalY","onEnd","impactAsync","ImpactFeedbackStyle","Light","panGesture","Pan","abs","tapGesture","Tap","numberOfTaps","compositeGesture","Exclusive","Simultaneous","translation","x","y","prepared","transform","translateX","translateY","internalOnLayout","nativeEvent","layout","width","finalStyle","createElement","gesture","View"],"sourceRoot":"../../src","sources":["PinchToZoom.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,6 +3,9 @@ import React, { forwardRef, useCallback, useRef, useState } from 'react';
|
|
|
3
3
|
import mergeRefs from 'merge-refs';
|
|
4
4
|
import FullScreenImageSlider from './FullScreenImageSlider';
|
|
5
5
|
import BaseListImageSlider from './BaseSimpleImageSlider';
|
|
6
|
+
/**
|
|
7
|
+
* @description A simple image slider that displays images in a list and can show a {@link FullScreenImageSlider} on press.
|
|
8
|
+
*/
|
|
6
9
|
const SimpleImageSlider = /*#__PURE__*/forwardRef(function ListImageSlider({
|
|
7
10
|
data,
|
|
8
11
|
fullScreenEnabled = false,
|
|
@@ -34,7 +37,7 @@ const SimpleImageSlider = /*#__PURE__*/forwardRef(function ListImageSlider({
|
|
|
34
37
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BaseListImageSlider, _extends({}, props, {
|
|
35
38
|
data: data,
|
|
36
39
|
ref: mergeRefs(ref, listRef),
|
|
37
|
-
onItemPress:
|
|
40
|
+
onItemPress: openFullScreen ?? onItemPress,
|
|
38
41
|
onViewableItemChange: internalOnViewableItemChange
|
|
39
42
|
})), fullScreenEnabled ? /*#__PURE__*/React.createElement(FullScreenImageSlider, _extends({}, props, {
|
|
40
43
|
ref: fullScreenListRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useRef","useState","mergeRefs","FullScreenImageSlider","BaseListImageSlider","SimpleImageSlider","ListImageSlider","data","fullScreenEnabled","onItemPress","onViewableItemChange","props","ref","listRef","fullScreenListRef","fullScreen","setFullScreen","currentIndex","setCurrentIndex","internalOnViewableItemChange","index","onFullScreenViewableItemChange","openFullScreen","onRequestClose","_listRef$current","current","scrollToIndex","createElement","Fragment","_extends","open","showPageCounter","indexOverride"],"sourceRoot":"../../src","sources":["SimpleImageSlider.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAExE,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,mBAAmB,
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useRef","useState","mergeRefs","FullScreenImageSlider","BaseListImageSlider","SimpleImageSlider","ListImageSlider","data","fullScreenEnabled","onItemPress","onViewableItemChange","props","ref","listRef","fullScreenListRef","fullScreen","setFullScreen","currentIndex","setCurrentIndex","internalOnViewableItemChange","index","onFullScreenViewableItemChange","openFullScreen","onRequestClose","_listRef$current","current","scrollToIndex","createElement","Fragment","_extends","open","showPageCounter","indexOverride"],"sourceRoot":"../../src","sources":["SimpleImageSlider.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAExE,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,mBAAmB,MAA2C,yBAAyB;AAW9F;AACA;AACA;AACA,MAAMC,iBAAiB,gBAAGP,UAAU,CAChC,SAASQ,eAAeA,CACpB;EAAEC,IAAI;EAAEC,iBAAiB,GAAG,KAAK;EAAEC,WAAW;EAAEC,oBAAoB;EAAE,GAAGC;AAAM,CAAC,EAChFC,GAAG,EACL;EACE,MAAMC,OAAO,GAAGb,MAAM,CAAmC,IAAI,CAAC;EAC9D,MAAMc,iBAAiB,GAAGd,MAAM,CAAmC,IAAI,CAAC;EAExE,MAAM,CAACe,UAAU,EAAEC,aAAa,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EACnD,MAAM,CAACgB,YAAY,EAAEC,eAAe,CAAC,GAAGjB,QAAQ,CAAC,CAAC,CAAC;EAEnD,MAAMkB,4BAA4B,GAAGpB,WAAW,CAC3CqB,KAAa,IAAK;IACfF,eAAe,CAACE,KAAK,CAAC;IACtBV,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAGU,KAAK,CAAC;EACjC,CAAC,EACD,CAACV,oBAAoB,CACzB,CAAC;EAED,MAAMW,8BAA8B,GAAGtB,WAAW,CAAEqB,KAAa,IAAK;IAClEF,eAAe,CAACE,KAAK,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,cAAc,GAAGvB,WAAW,CAAC,MAAM;IACrCiB,aAAa,CAAC,IAAI,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,cAAc,GAAGxB,WAAW,CAAC,MAAM;IAAA,IAAAyB,gBAAA;IACrC,CAAAA,gBAAA,GAAAX,OAAO,CAACY,OAAO,cAAAD,gBAAA,eAAfA,gBAAA,CAAiBE,aAAa,CAAC;MAAEN,KAAK,EAAEH;IAAa,CAAC,CAAC;IACvDD,aAAa,CAAC,KAAK,CAAC;EACxB,CAAC,EAAE,CAACC,YAAY,CAAC,CAAC;EAElB,oBACIpB,KAAA,CAAA8B,aAAA,CAAA9B,KAAA,CAAA+B,QAAA,qBACI/B,KAAA,CAAA8B,aAAA,CAACvB,mBAAmB,EAAAyB,QAAA,KACZlB,KAAK;IACTJ,IAAI,EAAEA,IAAK;IACXK,GAAG,EAAEV,SAAS,CAACU,GAAG,EAAEC,OAAO,CAAE;IAC7BJ,WAAW,EAAEa,cAAc,IAAIb,WAAY;IAC3CC,oBAAoB,EAAES;EAA6B,EACtD,CAAC,EACDX,iBAAiB,gBACdX,KAAA,CAAA8B,aAAA,CAACxB,qBAAqB,EAAA0B,QAAA,KACdlB,KAAK;IACTC,GAAG,EAAEE,iBAAkB;IACvBgB,IAAI,EAAEf,UAAW;IACjBQ,cAAc,EAAEA,cAAe;IAC/BhB,IAAI,EAAEA,IAAK;IACXwB,eAAe,EAAE,KAAM;IACvBC,aAAa,EAAEf,YAAa;IAC5BP,oBAAoB,EAAEW;EAA+B,EACxD,CAAC,GACF,IACN,CAAC;AAEX,CACJ,CAAC;AAED,eAAehB,iBAAiB","ignoreList":[]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import Svg, { Path } from 'react-native-svg';
|
|
4
|
+
function IconX({
|
|
5
|
+
size = 24,
|
|
6
|
+
color = '#1f2937',
|
|
7
|
+
stroke = 2,
|
|
8
|
+
...props
|
|
9
|
+
}) {
|
|
10
|
+
return (
|
|
11
|
+
/*#__PURE__*/
|
|
12
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
13
|
+
// @ts-ignore
|
|
14
|
+
React.createElement(Svg, _extends({
|
|
15
|
+
width: size,
|
|
16
|
+
height: size,
|
|
17
|
+
viewBox: "0 0 24 24",
|
|
18
|
+
strokeWidth: stroke,
|
|
19
|
+
stroke: color,
|
|
20
|
+
fill: "none"
|
|
21
|
+
}, props), /*#__PURE__*/React.createElement(Path, {
|
|
22
|
+
stroke: "none",
|
|
23
|
+
d: "M0 0h24v24H0z",
|
|
24
|
+
fill: "none"
|
|
25
|
+
}), /*#__PURE__*/React.createElement(Path, {
|
|
26
|
+
d: "M18 6l-12 12"
|
|
27
|
+
}), /*#__PURE__*/React.createElement(Path, {
|
|
28
|
+
d: "M6 6l12 12"
|
|
29
|
+
}))
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
export default IconX;
|
|
33
|
+
//# sourceMappingURL=IconX.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","IconX","size","color","stroke","props","createElement","_extends","width","height","viewBox","strokeWidth","fill","d"],"sourceRoot":"../../../src","sources":["icons/IconX.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAG5C,SAASC,KAAKA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,SAAS;EAAEC,MAAM,GAAG,CAAC;EAAE,GAAGC;AAAkB,CAAC,EAAE;EAC/E;IAAA;IACI;IACA;IACAP,KAAA,CAAAQ,aAAA,CAACP,GAAG,EAAAQ,QAAA;MACAC,KAAK,EAAEN,IAAK;MACZO,MAAM,EAAEP,IAAK;MACbQ,OAAO,EAAC,WAAW;MACnBC,WAAW,EAAEP,MAAO;MACpBA,MAAM,EAAED,KAAM;MACdS,IAAI,EAAC;IAAM,GACPP,KAAK,gBAETP,KAAA,CAAAQ,aAAA,CAACN,IAAI;MAACI,MAAM,EAAC,MAAM;MAACS,CAAC,EAAC,eAAe;MAACD,IAAI,EAAC;IAAM,CAAE,CAAC,eACpDd,KAAA,CAAAQ,aAAA,CAACN,IAAI;MAACa,CAAC,EAAC;IAAc,CAAE,CAAC,eACzBf,KAAA,CAAAQ,aAAA,CAACN,IAAI;MAACa,CAAC,EAAC;IAAY,CAAE,CACrB;EAAC;AAEd;AACA,eAAeZ,KAAK","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -2,5 +2,6 @@ import StyledComponentsThemeProvider from './StyledComponentsThemeProvider';
|
|
|
2
2
|
import BaseListImageSlider from './BaseSimpleImageSlider';
|
|
3
3
|
import SimpleImageSlider from './SimpleImageSlider';
|
|
4
4
|
import FullScreenImageSlider from './FullScreenImageSlider';
|
|
5
|
-
|
|
5
|
+
import PinchToZoom from './PinchToZoom';
|
|
6
|
+
export { StyledComponentsThemeProvider as SimpleImageSliderThemeProvider, BaseListImageSlider, SimpleImageSlider, FullScreenImageSlider, PinchToZoom };
|
|
6
7
|
//# sourceMappingURL=index.js.map
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyledComponentsThemeProvider","BaseListImageSlider","SimpleImageSlider","FullScreenImageSlider","SimpleImageSliderThemeProvider"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,OAAOA,6BAA6B,MAAM,iCAAiC;AAC3E,OAAOC,mBAAmB,MAA2C,yBAAyB;AAC9F,OAAOC,iBAAiB,MAAuC,qBAAqB;AACpF,OAAOC,qBAAqB,MAA2C,yBAAyB;
|
|
1
|
+
{"version":3,"names":["StyledComponentsThemeProvider","BaseListImageSlider","SimpleImageSlider","FullScreenImageSlider","PinchToZoom","SimpleImageSliderThemeProvider"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,OAAOA,6BAA6B,MAAM,iCAAiC;AAC3E,OAAOC,mBAAmB,MAA2C,yBAAyB;AAC9F,OAAOC,iBAAiB,MAAuC,qBAAqB;AACpF,OAAOC,qBAAqB,MAA2C,yBAAyB;AAChG,OAAOC,WAAW,MAAiC,eAAe;AAGlE,SACIJ,6BAA6B,IAAIK,8BAA8B,EAC/DJ,mBAAmB,EAEnBC,iBAAiB,EAEjBC,qBAAqB,EAErBC,WAAW","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/@types/icons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,UAAW,SAAQ,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,QAAQ,CAAC,CAAC;IACtF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pinch-to-zoom.d.ts","sourceRoot":"","sources":["../../../../src/@types/pinch-to-zoom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG;IAC5B,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,WAAW,EAAE;QACT,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QACvB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACL,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../src/@types/slider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG;IAC7C,GAAG,EAAE,MAAM,CAAC;CACf,CAAC"}
|