@one-am/react-native-simple-image-slider 0.4.0 → 0.5.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/lib/commonjs/BaseSimpleImageSlider.js +16 -24
- package/lib/commonjs/BaseSimpleImageSlider.js.map +1 -1
- package/lib/commonjs/FullScreenImageSlider.js +10 -16
- package/lib/commonjs/FullScreenImageSlider.js.map +1 -1
- package/lib/commonjs/PageCounter.js +5 -11
- package/lib/commonjs/PageCounter.js.map +1 -1
- package/lib/commonjs/SimpleImageSlider.js +1 -1
- package/lib/commonjs/SimpleImageSlider.js.map +1 -1
- package/lib/commonjs/SimpleImageSliderThemeProvider.js +11 -35
- package/lib/commonjs/SimpleImageSliderThemeProvider.js.map +1 -1
- package/lib/module/BaseSimpleImageSlider.js +16 -24
- package/lib/module/BaseSimpleImageSlider.js.map +1 -1
- package/lib/module/FullScreenImageSlider.js +10 -16
- package/lib/module/FullScreenImageSlider.js.map +1 -1
- package/lib/module/PageCounter.js +5 -11
- package/lib/module/PageCounter.js.map +1 -1
- package/lib/module/SimpleImageSlider.js +1 -1
- package/lib/module/SimpleImageSlider.js.map +1 -1
- package/lib/module/SimpleImageSliderThemeProvider.js +11 -35
- package/lib/module/SimpleImageSliderThemeProvider.js.map +1 -1
- package/lib/typescript/src/@types/common.d.ts +0 -3
- package/lib/typescript/src/@types/common.d.ts.map +1 -1
- package/lib/typescript/src/BaseSimpleImageSlider.d.ts.map +1 -1
- package/lib/typescript/src/SimpleImageSliderThemeProvider.d.ts +5 -4
- package/lib/typescript/src/SimpleImageSliderThemeProvider.d.ts.map +1 -1
- package/package.json +1 -4
- package/src/@types/common.ts +0 -9
- package/src/@types/styled.d.ts +5 -27
- package/src/BaseSimpleImageSlider.tsx +16 -32
- package/src/FullScreenImageSlider.tsx +12 -16
- package/src/PageCounter.tsx +5 -5
- package/src/SimpleImageSlider.tsx +1 -1
- package/src/SimpleImageSliderThemeProvider.tsx +11 -36
|
@@ -21,41 +21,33 @@ const StyledAbsoluteComponentContainer = _native.default.View`
|
|
|
21
21
|
z-index: 1000;
|
|
22
22
|
position: absolute;
|
|
23
23
|
bottom: ${({
|
|
24
|
-
position
|
|
25
|
-
|
|
26
|
-
}) => position === 'bottom-left' || position === 'bottom-right' ? `${theme.styles.spacing.m}px` : undefined};
|
|
24
|
+
position
|
|
25
|
+
}) => position === 'bottom-left' || position === 'bottom-right' ? `16px` : undefined};
|
|
27
26
|
top: ${({
|
|
28
|
-
position
|
|
29
|
-
|
|
30
|
-
}) => position === 'top-left' || position === 'top-right' ? `${theme.styles.spacing.m}px` : undefined};
|
|
27
|
+
position
|
|
28
|
+
}) => position === 'top-left' || position === 'top-right' ? `16px` : undefined};
|
|
31
29
|
left: ${({
|
|
32
|
-
position
|
|
33
|
-
|
|
34
|
-
}) => position === 'top-left' || position === 'bottom-left' ? `${theme.styles.spacing.m}px` : undefined};
|
|
30
|
+
position
|
|
31
|
+
}) => position === 'top-left' || position === 'bottom-left' ? `16px` : undefined};
|
|
35
32
|
right: ${({
|
|
36
|
-
position
|
|
37
|
-
|
|
38
|
-
}) => position === 'top-right' || position === 'bottom-right' ? `${theme.styles.spacing.m}px` : undefined};
|
|
33
|
+
position
|
|
34
|
+
}) => position === 'top-right' || position === 'bottom-right' ? `16px` : undefined};
|
|
39
35
|
`;
|
|
40
36
|
const StyledPageCounter = (0, _native.default)(_PageCounter.default)`
|
|
41
37
|
z-index: 1000;
|
|
42
38
|
position: absolute;
|
|
43
39
|
bottom: ${({
|
|
44
|
-
position
|
|
45
|
-
|
|
46
|
-
}) => position === 'bottom-left' || position === 'bottom-right' ? `${theme.styles.spacing.m}px` : undefined};
|
|
40
|
+
position
|
|
41
|
+
}) => position === 'bottom-left' || position === 'bottom-right' ? `16px` : undefined};
|
|
47
42
|
top: ${({
|
|
48
|
-
position
|
|
49
|
-
|
|
50
|
-
}) => position === 'top-left' || position === 'top-right' ? `${theme.styles.spacing.m}px` : undefined};
|
|
43
|
+
position
|
|
44
|
+
}) => position === 'top-left' || position === 'top-right' ? `16px` : undefined};
|
|
51
45
|
left: ${({
|
|
52
|
-
position
|
|
53
|
-
|
|
54
|
-
}) => position === 'top-left' || position === 'bottom-left' ? `${theme.styles.spacing.m}px` : undefined};
|
|
46
|
+
position
|
|
47
|
+
}) => position === 'top-left' || position === 'bottom-left' ? `16px` : undefined};
|
|
55
48
|
right: ${({
|
|
56
|
-
position
|
|
57
|
-
|
|
58
|
-
}) => position === 'top-right' || position === 'bottom-right' ? `${theme.styles.spacing.m}px` : undefined};
|
|
49
|
+
position
|
|
50
|
+
}) => position === 'top-right' || position === 'bottom-right' ? `16px` : undefined};
|
|
59
51
|
`;
|
|
60
52
|
const StyledContainer = (0, _native.default)(_reactNativeGestureHandler.GestureHandlerRootView)`
|
|
61
53
|
aspect-ratio: ${({
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
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","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","onPinchToZoomStatusChange","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","onDismiss","onTranslationChange","maximumZoomScale","minimumZoomScale","length","totalPages","currentPage","renderProp","_default","exports"],"sourceRoot":"../../src","sources":["BaseSimpleImageSlider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -19,16 +19,12 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
19
19
|
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); }
|
|
20
20
|
const StyledDescriptionContainer = _native.default.View`
|
|
21
21
|
position: absolute;
|
|
22
|
-
border-top-width:
|
|
23
|
-
theme
|
|
24
|
-
}) => theme.styles.borderWidth.xs}px;
|
|
22
|
+
border-top-width: 1px;
|
|
25
23
|
border-top-color: ${({
|
|
26
24
|
theme
|
|
27
|
-
}) => theme.colors.descriptionContainerBorder};
|
|
25
|
+
}) => theme.colors.simpleImageSlider.descriptionContainerBorder};
|
|
28
26
|
width: 100%;
|
|
29
|
-
padding-top:
|
|
30
|
-
theme
|
|
31
|
-
}) => theme.styles.spacing.l}px;
|
|
27
|
+
padding-top: 20px;
|
|
32
28
|
`;
|
|
33
29
|
const StyledModalCloseButton = _native.default.TouchableOpacity`
|
|
34
30
|
position: absolute;
|
|
@@ -37,9 +33,7 @@ const StyledModalCloseButton = _native.default.TouchableOpacity`
|
|
|
37
33
|
const StyledModalContentContainer = (0, _native.default)(_reactNativeReanimated.default.View)`
|
|
38
34
|
align-items: center;
|
|
39
35
|
justify-content: center;
|
|
40
|
-
gap:
|
|
41
|
-
theme
|
|
42
|
-
}) => theme.styles.spacing.m}px;
|
|
36
|
+
gap: 16px;
|
|
43
37
|
`;
|
|
44
38
|
|
|
45
39
|
/**
|
|
@@ -57,7 +51,7 @@ const FullScreenImageSlider = /*#__PURE__*/(0, _react.forwardRef)(function FullS
|
|
|
57
51
|
const windowDimensions = (0, _reactNative.useWindowDimensions)();
|
|
58
52
|
const theme = (0, _native.useTheme)();
|
|
59
53
|
const safeAreaInsets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
60
|
-
const styles = (0, _react.useMemo)(() => makeStyles(
|
|
54
|
+
const styles = (0, _react.useMemo)(() => makeStyles(safeAreaInsets, windowDimensions), [safeAreaInsets, windowDimensions]);
|
|
61
55
|
const [internalIndex, setInternalIndex] = (0, _react.useState)(0);
|
|
62
56
|
const internalOnViewableItemChange = (0, _react.useCallback)(index => {
|
|
63
57
|
setInternalIndex(index);
|
|
@@ -103,7 +97,7 @@ const FullScreenImageSlider = /*#__PURE__*/(0, _react.forwardRef)(function FullS
|
|
|
103
97
|
style: styles.closeButton,
|
|
104
98
|
onPress: onRequestClose
|
|
105
99
|
}, CloseButtonIcon ? (0, _renderProp.default)(CloseButtonIcon) : /*#__PURE__*/_react.default.createElement(_IconX.default, {
|
|
106
|
-
color: theme.colors.fullScreenCloseButton
|
|
100
|
+
color: theme.colors.simpleImageSlider.fullScreenCloseButton
|
|
107
101
|
})), /*#__PURE__*/_react.default.createElement(_BaseSimpleImageSlider.default, _extends({
|
|
108
102
|
data: data,
|
|
109
103
|
enablePinchToZoom: true,
|
|
@@ -119,11 +113,11 @@ const FullScreenImageSlider = /*#__PURE__*/(0, _react.forwardRef)(function FullS
|
|
|
119
113
|
}, renderDescription(data[internalIndex], internalIndex)) : null));
|
|
120
114
|
});
|
|
121
115
|
var _default = exports.default = FullScreenImageSlider;
|
|
122
|
-
const makeStyles = (
|
|
116
|
+
const makeStyles = (safeAreaInsets, windowDimensions) => {
|
|
123
117
|
return _reactNative.StyleSheet.create({
|
|
124
118
|
closeButton: {
|
|
125
119
|
top: safeAreaInsets.top,
|
|
126
|
-
right: safeAreaInsets.right +
|
|
120
|
+
right: safeAreaInsets.right + 20
|
|
127
121
|
},
|
|
128
122
|
modalContent: {
|
|
129
123
|
height: windowDimensions.height,
|
|
@@ -131,8 +125,8 @@ const makeStyles = (theme, safeAreaInsets, windowDimensions) => {
|
|
|
131
125
|
},
|
|
132
126
|
descriptionContainer: {
|
|
133
127
|
bottom: safeAreaInsets.bottom + 100,
|
|
134
|
-
paddingLeft: safeAreaInsets.left +
|
|
135
|
-
paddingRight: safeAreaInsets.right +
|
|
128
|
+
paddingLeft: safeAreaInsets.left + 20,
|
|
129
|
+
paddingRight: safeAreaInsets.right + 20
|
|
136
130
|
}
|
|
137
131
|
});
|
|
138
132
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_IconX","_interopRequireDefault","_reactNativeReanimated","_expoStatusBar","_native","_BaseSimpleImageSlider","_reactNativeSafeAreaContext","_renderProp","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","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_IconX","_interopRequireDefault","_reactNativeReanimated","_expoStatusBar","_native","_BaseSimpleImageSlider","_reactNativeSafeAreaContext","_renderProp","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","simpleImageSlider","descriptionContainerBorder","StyledModalCloseButton","TouchableOpacity","StyledModalContentContainer","Animated","FullScreenImageSlider","forwardRef","CloseButtonIcon","open","onRequestClose","renderDescription","onViewableItemChange","data","props","ref","windowDimensions","useWindowDimensions","useTheme","safeAreaInsets","useSafeAreaInsets","styles","useMemo","makeStyles","internalIndex","setInternalIndex","useState","internalOnViewableItemChange","useCallback","index","useEffect","setStatusBarStyle","backgroundOpacity","useSharedValue","modalContentStyle","useAnimatedStyle","backgroundColor","value","onPinchToZoomStatusChange","translation","scale","x","y","runOnJS","withTiming","createElement","Modal","animationType","transparent","visible","style","modalContent","closeButton","onPress","renderProp","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":"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","ignoreList":[]}
|
|
@@ -11,19 +11,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
11
11
|
const StyledContainer = _native.default.View`
|
|
12
12
|
background-color: ${({
|
|
13
13
|
theme
|
|
14
|
-
}) => theme.colors.pageCounterBackground};
|
|
15
|
-
border-width:
|
|
16
|
-
theme
|
|
17
|
-
}) => theme.styles.borderWidth.xs}px;
|
|
14
|
+
}) => theme.colors.simpleImageSlider.pageCounterBackground};
|
|
15
|
+
border-width: 1px;
|
|
18
16
|
border-color: ${({
|
|
19
17
|
theme
|
|
20
|
-
}) => theme.colors.pageCounterBorder};
|
|
21
|
-
border-radius:
|
|
22
|
-
|
|
23
|
-
}) => theme.styles.borderRadius.m}px;
|
|
24
|
-
padding: ${({
|
|
25
|
-
theme
|
|
26
|
-
}) => `${theme.styles.spacing.s}px ${theme.styles.spacing.s}px`};
|
|
18
|
+
}) => theme.colors.simpleImageSlider.pageCounterBorder};
|
|
19
|
+
border-radius: 8px;
|
|
20
|
+
padding: 8px;
|
|
27
21
|
width: 75px;
|
|
28
22
|
flex-direction: row;
|
|
29
23
|
align-items: center;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_native","obj","__esModule","default","StyledContainer","styled","View","theme","colors","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_native","obj","__esModule","default","StyledContainer","styled","View","theme","colors","simpleImageSlider","pageCounterBackground","pageCounterBorder","PageCounter","currentPage","totalPages","style","createElement","Text"],"sourceRoot":"../../src","sources":["PageCounter.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA8C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAiB9C,MAAMG,eAAe,GAAGC,eAAM,CAACC,IAAK;AACpC,wBAAwB,CAAC;EAAEC;AAAM,CAAC,KAAKA,KAAK,CAACC,MAAM,CAACC,iBAAiB,CAACC,qBAAsB;AAC5F;AACA,oBAAoB,CAAC;EAAEH;AAAM,CAAC,KAAKA,KAAK,CAACC,MAAM,CAACC,iBAAiB,CAACE,iBAAkB;AACpF;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEc,SAASC,WAAWA,CAAC;EAAEC,WAAW;EAAEC,UAAU;EAAEC;AAAwB,CAAC,EAAE;EACtF,oBACInB,MAAA,CAAAO,OAAA,CAAAa,aAAA,CAACZ,eAAe;IAACW,KAAK,EAAEA;EAAM,gBAC1BnB,MAAA,CAAAO,OAAA,CAAAa,aAAA,CAACjB,YAAA,CAAAkB,IAAI,QACAJ,WAAW,EAAC,KAAG,EAACC,UACf,CACO,CAAC;AAE1B","ignoreList":[]}
|
|
@@ -46,7 +46,7 @@ const SimpleImageSlider = /*#__PURE__*/(0, _react.forwardRef)(function ListImage
|
|
|
46
46
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseSimpleImageSlider.default, _extends({}, props, {
|
|
47
47
|
data: data,
|
|
48
48
|
ref: (0, _mergeRefs.default)(ref, listRef),
|
|
49
|
-
onItemPress: openFullScreen
|
|
49
|
+
onItemPress: fullScreenEnabled ? openFullScreen : onItemPress,
|
|
50
50
|
onViewableItemChange: internalOnViewableItemChange
|
|
51
51
|
})), fullScreenEnabled ? /*#__PURE__*/_react.default.createElement(_FullScreenImageSlider.default, _extends({}, props, {
|
|
52
52
|
ref: fullScreenListRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_mergeRefs","_interopRequireDefault","_FullScreenImageSlider","_BaseSimpleImageSlider","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","SimpleImageSlider","forwardRef","ListImageSlider","data","fullScreenEnabled","onItemPress","onViewableItemChange","props","ref","listRef","useRef","fullScreenListRef","fullScreen","setFullScreen","useState","currentIndex","setCurrentIndex","internalOnViewableItemChange","useCallback","index","onFullScreenViewableItemChange","openFullScreen","onRequestClose","_listRef$current","current","scrollToIndex","createElement","Fragment","mergeRefs","open","showPageCounter","indexOverride","_default","exports"],"sourceRoot":"../../src","sources":["SimpleImageSlider.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_mergeRefs","_interopRequireDefault","_FullScreenImageSlider","_BaseSimpleImageSlider","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","SimpleImageSlider","forwardRef","ListImageSlider","data","fullScreenEnabled","onItemPress","onViewableItemChange","props","ref","listRef","useRef","fullScreenListRef","fullScreen","setFullScreen","useState","currentIndex","setCurrentIndex","internalOnViewableItemChange","useCallback","index","onFullScreenViewableItemChange","openFullScreen","onRequestClose","_listRef$current","current","scrollToIndex","createElement","Fragment","mergeRefs","open","showPageCounter","indexOverride","_default","exports"],"sourceRoot":"../../src","sources":["SimpleImageSlider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,48 +9,24 @@ var _native = require("styled-components/native");
|
|
|
9
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); }
|
|
10
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 && 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; }
|
|
11
11
|
function SimpleImageSliderThemeProvider({
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
overrides,
|
|
13
|
+
children
|
|
14
14
|
}) {
|
|
15
|
+
var _overrides$colors2;
|
|
15
16
|
const theme = (0, _react.useMemo)(() => {
|
|
16
|
-
var _overrides$
|
|
17
|
+
var _overrides$colors;
|
|
17
18
|
return {
|
|
18
19
|
colors: {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
styles: {
|
|
26
|
-
spacing: {
|
|
27
|
-
xxs: 2,
|
|
28
|
-
xs: 4,
|
|
29
|
-
s: 8,
|
|
30
|
-
m: 16,
|
|
31
|
-
l: 20,
|
|
32
|
-
xl: 40,
|
|
33
|
-
...(overrides === null || overrides === void 0 || (_overrides$styles = overrides.styles) === null || _overrides$styles === void 0 ? void 0 : _overrides$styles.spacing)
|
|
34
|
-
},
|
|
35
|
-
borderRadius: {
|
|
36
|
-
xs: 2,
|
|
37
|
-
s: 4,
|
|
38
|
-
m: 8,
|
|
39
|
-
l: 16,
|
|
40
|
-
xl: 24,
|
|
41
|
-
...(overrides === null || overrides === void 0 || (_overrides$styles2 = overrides.styles) === null || _overrides$styles2 === void 0 ? void 0 : _overrides$styles2.borderRadius)
|
|
42
|
-
},
|
|
43
|
-
borderWidth: {
|
|
44
|
-
xs: 1,
|
|
45
|
-
s: 2,
|
|
46
|
-
m: 4,
|
|
47
|
-
l: 8,
|
|
48
|
-
xl: 16,
|
|
49
|
-
...(overrides === null || overrides === void 0 || (_overrides$styles3 = overrides.styles) === null || _overrides$styles3 === void 0 ? void 0 : _overrides$styles3.borderWidth)
|
|
20
|
+
simpleImageSlider: {
|
|
21
|
+
pageCounterBackground: '#D3D3D3',
|
|
22
|
+
pageCounterBorder: '#000000',
|
|
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)
|
|
50
26
|
}
|
|
51
27
|
}
|
|
52
28
|
};
|
|
53
|
-
}, [overrides]);
|
|
29
|
+
}, [overrides === null || overrides === void 0 || (_overrides$colors2 = overrides.colors) === null || _overrides$colors2 === void 0 ? void 0 : _overrides$colors2.simpleImageSlider]);
|
|
54
30
|
return /*#__PURE__*/_react.default.createElement(_native.ThemeProvider, {
|
|
55
31
|
theme: theme
|
|
56
32
|
}, children);
|
|
@@ -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","prototype","hasOwnProperty","call","i","set","SimpleImageSliderThemeProvider","children","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_native","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SimpleImageSliderThemeProvider","overrides","children","_overrides$colors2","theme","useMemo","_overrides$colors","colors","simpleImageSlider","pageCounterBackground","pageCounterBorder","fullScreenCloseButton","descriptionContainerBorder","createElement","ThemeProvider"],"sourceRoot":"../../src","sources":["SimpleImageSliderThemeProvider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAA4E,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,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;AAQ7D,SAASY,8BAA8BA,CAAC;EACnDC,SAAS;EACTC;AACiC,CAAC,EAAE;EAAA,IAAAC,kBAAA;EACpC,MAAMC,KAAmB,GAAG,IAAAC,cAAO,EAC/B;IAAA,IAAAC,iBAAA;IAAA,OAAO;MACHC,MAAM,EAAE;QACJC,iBAAiB,EAAE;UACfC,qBAAqB,EAAE,SAAS;UAChCC,iBAAiB,EAAE,SAAS;UAC5BC,qBAAqB,EAAE,SAAS;UAChCC,0BAA0B,EAAE,SAAS;UACrC,IAAGX,SAAS,aAATA,SAAS,gBAAAK,iBAAA,GAATL,SAAS,CAAEM,MAAM,cAAAD,iBAAA,uBAAjBA,iBAAA,CAAmBE,iBAAiB;QAC3C;MACJ;IACJ,CAAC;EAAA,CAAC,EACF,CAACP,SAAS,aAATA,SAAS,gBAAAE,kBAAA,GAATF,SAAS,CAAEM,MAAM,cAAAJ,kBAAA,uBAAjBA,kBAAA,CAAmBK,iBAAiB,CACzC,CAAC;EAED,oBAAOjC,MAAA,CAAAU,OAAA,CAAA4B,aAAA,CAACnC,OAAA,CAAAoC,aAAa;IAACV,KAAK,EAAEA;EAAM,GAAEF,QAAwB,CAAC;AAClE","ignoreList":[]}
|
|
@@ -12,41 +12,33 @@ const StyledAbsoluteComponentContainer = styled.View`
|
|
|
12
12
|
z-index: 1000;
|
|
13
13
|
position: absolute;
|
|
14
14
|
bottom: ${({
|
|
15
|
-
position
|
|
16
|
-
|
|
17
|
-
}) => position === 'bottom-left' || position === 'bottom-right' ? `${theme.styles.spacing.m}px` : undefined};
|
|
15
|
+
position
|
|
16
|
+
}) => position === 'bottom-left' || position === 'bottom-right' ? `16px` : undefined};
|
|
18
17
|
top: ${({
|
|
19
|
-
position
|
|
20
|
-
|
|
21
|
-
}) => position === 'top-left' || position === 'top-right' ? `${theme.styles.spacing.m}px` : undefined};
|
|
18
|
+
position
|
|
19
|
+
}) => position === 'top-left' || position === 'top-right' ? `16px` : undefined};
|
|
22
20
|
left: ${({
|
|
23
|
-
position
|
|
24
|
-
|
|
25
|
-
}) => position === 'top-left' || position === 'bottom-left' ? `${theme.styles.spacing.m}px` : undefined};
|
|
21
|
+
position
|
|
22
|
+
}) => position === 'top-left' || position === 'bottom-left' ? `16px` : undefined};
|
|
26
23
|
right: ${({
|
|
27
|
-
position
|
|
28
|
-
|
|
29
|
-
}) => position === 'top-right' || position === 'bottom-right' ? `${theme.styles.spacing.m}px` : undefined};
|
|
24
|
+
position
|
|
25
|
+
}) => position === 'top-right' || position === 'bottom-right' ? `16px` : undefined};
|
|
30
26
|
`;
|
|
31
27
|
const StyledPageCounter = styled(PageCounter)`
|
|
32
28
|
z-index: 1000;
|
|
33
29
|
position: absolute;
|
|
34
30
|
bottom: ${({
|
|
35
|
-
position
|
|
36
|
-
|
|
37
|
-
}) => position === 'bottom-left' || position === 'bottom-right' ? `${theme.styles.spacing.m}px` : undefined};
|
|
31
|
+
position
|
|
32
|
+
}) => position === 'bottom-left' || position === 'bottom-right' ? `16px` : undefined};
|
|
38
33
|
top: ${({
|
|
39
|
-
position
|
|
40
|
-
|
|
41
|
-
}) => position === 'top-left' || position === 'top-right' ? `${theme.styles.spacing.m}px` : undefined};
|
|
34
|
+
position
|
|
35
|
+
}) => position === 'top-left' || position === 'top-right' ? `16px` : undefined};
|
|
42
36
|
left: ${({
|
|
43
|
-
position
|
|
44
|
-
|
|
45
|
-
}) => position === 'top-left' || position === 'bottom-left' ? `${theme.styles.spacing.m}px` : undefined};
|
|
37
|
+
position
|
|
38
|
+
}) => position === 'top-left' || position === 'bottom-left' ? `16px` : undefined};
|
|
46
39
|
right: ${({
|
|
47
|
-
position
|
|
48
|
-
|
|
49
|
-
}) => position === 'top-right' || position === 'bottom-right' ? `${theme.styles.spacing.m}px` : undefined};
|
|
40
|
+
position
|
|
41
|
+
}) => position === 'top-right' || position === 'bottom-right' ? `16px` : undefined};
|
|
50
42
|
`;
|
|
51
43
|
const StyledContainer = styled(GestureHandlerRootView)`
|
|
52
44
|
aspect-ratio: ${({
|
|
@@ -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","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","useState","FlashList","mergeRefs","Image","Pressable","styled","PageCounter","PinchToZoom","GestureHandlerRootView","ScrollView","renderProp","StyledAbsoluteComponentContainer","View","position","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":"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","ignoreList":[]}
|
|
@@ -10,16 +10,12 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
|
10
10
|
import renderProp from './utils/renderProp';
|
|
11
11
|
const StyledDescriptionContainer = styled.View`
|
|
12
12
|
position: absolute;
|
|
13
|
-
border-top-width:
|
|
14
|
-
theme
|
|
15
|
-
}) => theme.styles.borderWidth.xs}px;
|
|
13
|
+
border-top-width: 1px;
|
|
16
14
|
border-top-color: ${({
|
|
17
15
|
theme
|
|
18
|
-
}) => theme.colors.descriptionContainerBorder};
|
|
16
|
+
}) => theme.colors.simpleImageSlider.descriptionContainerBorder};
|
|
19
17
|
width: 100%;
|
|
20
|
-
padding-top:
|
|
21
|
-
theme
|
|
22
|
-
}) => theme.styles.spacing.l}px;
|
|
18
|
+
padding-top: 20px;
|
|
23
19
|
`;
|
|
24
20
|
const StyledModalCloseButton = styled.TouchableOpacity`
|
|
25
21
|
position: absolute;
|
|
@@ -28,9 +24,7 @@ const StyledModalCloseButton = styled.TouchableOpacity`
|
|
|
28
24
|
const StyledModalContentContainer = styled(Animated.View)`
|
|
29
25
|
align-items: center;
|
|
30
26
|
justify-content: center;
|
|
31
|
-
gap:
|
|
32
|
-
theme
|
|
33
|
-
}) => theme.styles.spacing.m}px;
|
|
27
|
+
gap: 16px;
|
|
34
28
|
`;
|
|
35
29
|
|
|
36
30
|
/**
|
|
@@ -48,7 +42,7 @@ const FullScreenImageSlider = /*#__PURE__*/forwardRef(function FullScreenImageSl
|
|
|
48
42
|
const windowDimensions = useWindowDimensions();
|
|
49
43
|
const theme = useTheme();
|
|
50
44
|
const safeAreaInsets = useSafeAreaInsets();
|
|
51
|
-
const styles = useMemo(() => makeStyles(
|
|
45
|
+
const styles = useMemo(() => makeStyles(safeAreaInsets, windowDimensions), [safeAreaInsets, windowDimensions]);
|
|
52
46
|
const [internalIndex, setInternalIndex] = useState(0);
|
|
53
47
|
const internalOnViewableItemChange = useCallback(index => {
|
|
54
48
|
setInternalIndex(index);
|
|
@@ -94,7 +88,7 @@ const FullScreenImageSlider = /*#__PURE__*/forwardRef(function FullScreenImageSl
|
|
|
94
88
|
style: styles.closeButton,
|
|
95
89
|
onPress: onRequestClose
|
|
96
90
|
}, CloseButtonIcon ? renderProp(CloseButtonIcon) : /*#__PURE__*/React.createElement(IconX, {
|
|
97
|
-
color: theme.colors.fullScreenCloseButton
|
|
91
|
+
color: theme.colors.simpleImageSlider.fullScreenCloseButton
|
|
98
92
|
})), /*#__PURE__*/React.createElement(BaseListImageSlider, _extends({
|
|
99
93
|
data: data,
|
|
100
94
|
enablePinchToZoom: true,
|
|
@@ -110,11 +104,11 @@ const FullScreenImageSlider = /*#__PURE__*/forwardRef(function FullScreenImageSl
|
|
|
110
104
|
}, renderDescription(data[internalIndex], internalIndex)) : null));
|
|
111
105
|
});
|
|
112
106
|
export default FullScreenImageSlider;
|
|
113
|
-
const makeStyles = (
|
|
107
|
+
const makeStyles = (safeAreaInsets, windowDimensions) => {
|
|
114
108
|
return StyleSheet.create({
|
|
115
109
|
closeButton: {
|
|
116
110
|
top: safeAreaInsets.top,
|
|
117
|
-
right: safeAreaInsets.right +
|
|
111
|
+
right: safeAreaInsets.right + 20
|
|
118
112
|
},
|
|
119
113
|
modalContent: {
|
|
120
114
|
height: windowDimensions.height,
|
|
@@ -122,8 +116,8 @@ const makeStyles = (theme, safeAreaInsets, windowDimensions) => {
|
|
|
122
116
|
},
|
|
123
117
|
descriptionContainer: {
|
|
124
118
|
bottom: safeAreaInsets.bottom + 100,
|
|
125
|
-
paddingLeft: safeAreaInsets.left +
|
|
126
|
-
paddingRight: safeAreaInsets.right +
|
|
119
|
+
paddingLeft: safeAreaInsets.left + 20,
|
|
120
|
+
paddingRight: safeAreaInsets.right + 20
|
|
127
121
|
}
|
|
128
122
|
});
|
|
129
123
|
};
|
|
@@ -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","renderProp","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","colors","simpleImageSlider","descriptionContainerBorder","StyledModalCloseButton","TouchableOpacity","StyledModalContentContainer","FullScreenImageSlider","CloseButtonIcon","open","onRequestClose","renderDescription","onViewableItemChange","data","props","ref","windowDimensions","safeAreaInsets","styles","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":[]}
|
|
@@ -4,19 +4,13 @@ import styled from 'styled-components/native';
|
|
|
4
4
|
const StyledContainer = styled.View`
|
|
5
5
|
background-color: ${({
|
|
6
6
|
theme
|
|
7
|
-
}) => theme.colors.pageCounterBackground};
|
|
8
|
-
border-width:
|
|
9
|
-
theme
|
|
10
|
-
}) => theme.styles.borderWidth.xs}px;
|
|
7
|
+
}) => theme.colors.simpleImageSlider.pageCounterBackground};
|
|
8
|
+
border-width: 1px;
|
|
11
9
|
border-color: ${({
|
|
12
10
|
theme
|
|
13
|
-
}) => theme.colors.pageCounterBorder};
|
|
14
|
-
border-radius:
|
|
15
|
-
|
|
16
|
-
}) => theme.styles.borderRadius.m}px;
|
|
17
|
-
padding: ${({
|
|
18
|
-
theme
|
|
19
|
-
}) => `${theme.styles.spacing.s}px ${theme.styles.spacing.s}px`};
|
|
11
|
+
}) => theme.colors.simpleImageSlider.pageCounterBorder};
|
|
12
|
+
border-radius: 8px;
|
|
13
|
+
padding: 8px;
|
|
20
14
|
width: 75px;
|
|
21
15
|
flex-direction: row;
|
|
22
16
|
align-items: center;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","styled","StyledContainer","View","theme","colors","
|
|
1
|
+
{"version":3,"names":["React","Text","styled","StyledContainer","View","theme","colors","simpleImageSlider","pageCounterBackground","pageCounterBorder","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,iBAAiB,CAACC,qBAAsB;AAC5F;AACA,oBAAoB,CAAC;EAAEH;AAAM,CAAC,KAAKA,KAAK,CAACC,MAAM,CAACC,iBAAiB,CAACE,iBAAkB;AACpF;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,eAAe,SAASC,WAAWA,CAAC;EAAEC,WAAW;EAAEC,UAAU;EAAEC;AAAwB,CAAC,EAAE;EACtF,oBACIb,KAAA,CAAAc,aAAA,CAACX,eAAe;IAACU,KAAK,EAAEA;EAAM,gBAC1Bb,KAAA,CAAAc,aAAA,CAACb,IAAI,QACAU,WAAW,EAAC,KAAG,EAACC,UACf,CACO,CAAC;AAE1B","ignoreList":[]}
|
|
@@ -37,7 +37,7 @@ const SimpleImageSlider = /*#__PURE__*/forwardRef(function ListImageSlider({
|
|
|
37
37
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BaseListImageSlider, _extends({}, props, {
|
|
38
38
|
data: data,
|
|
39
39
|
ref: mergeRefs(ref, listRef),
|
|
40
|
-
onItemPress: openFullScreen
|
|
40
|
+
onItemPress: fullScreenEnabled ? openFullScreen : onItemPress,
|
|
41
41
|
onViewableItemChange: internalOnViewableItemChange
|
|
42
42
|
})), fullScreenEnabled ? /*#__PURE__*/React.createElement(FullScreenImageSlider, _extends({}, props, {
|
|
43
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,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,
|
|
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,EAAED,iBAAiB,GAAGc,cAAc,GAAGb,WAAY;IAC9DC,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":[]}
|
|
@@ -1,48 +1,24 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import { ThemeProvider } from 'styled-components/native';
|
|
3
3
|
export default function SimpleImageSliderThemeProvider({
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
overrides,
|
|
5
|
+
children
|
|
6
6
|
}) {
|
|
7
|
+
var _overrides$colors2;
|
|
7
8
|
const theme = useMemo(() => {
|
|
8
|
-
var _overrides$
|
|
9
|
+
var _overrides$colors;
|
|
9
10
|
return {
|
|
10
11
|
colors: {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
styles: {
|
|
18
|
-
spacing: {
|
|
19
|
-
xxs: 2,
|
|
20
|
-
xs: 4,
|
|
21
|
-
s: 8,
|
|
22
|
-
m: 16,
|
|
23
|
-
l: 20,
|
|
24
|
-
xl: 40,
|
|
25
|
-
...(overrides === null || overrides === void 0 || (_overrides$styles = overrides.styles) === null || _overrides$styles === void 0 ? void 0 : _overrides$styles.spacing)
|
|
26
|
-
},
|
|
27
|
-
borderRadius: {
|
|
28
|
-
xs: 2,
|
|
29
|
-
s: 4,
|
|
30
|
-
m: 8,
|
|
31
|
-
l: 16,
|
|
32
|
-
xl: 24,
|
|
33
|
-
...(overrides === null || overrides === void 0 || (_overrides$styles2 = overrides.styles) === null || _overrides$styles2 === void 0 ? void 0 : _overrides$styles2.borderRadius)
|
|
34
|
-
},
|
|
35
|
-
borderWidth: {
|
|
36
|
-
xs: 1,
|
|
37
|
-
s: 2,
|
|
38
|
-
m: 4,
|
|
39
|
-
l: 8,
|
|
40
|
-
xl: 16,
|
|
41
|
-
...(overrides === null || overrides === void 0 || (_overrides$styles3 = overrides.styles) === null || _overrides$styles3 === void 0 ? void 0 : _overrides$styles3.borderWidth)
|
|
12
|
+
simpleImageSlider: {
|
|
13
|
+
pageCounterBackground: '#D3D3D3',
|
|
14
|
+
pageCounterBorder: '#000000',
|
|
15
|
+
fullScreenCloseButton: '#FFFFFF',
|
|
16
|
+
descriptionContainerBorder: '#FFFFFF',
|
|
17
|
+
...(overrides === null || overrides === void 0 || (_overrides$colors = overrides.colors) === null || _overrides$colors === void 0 ? void 0 : _overrides$colors.simpleImageSlider)
|
|
42
18
|
}
|
|
43
19
|
}
|
|
44
20
|
};
|
|
45
|
-
}, [overrides]);
|
|
21
|
+
}, [overrides === null || overrides === void 0 || (_overrides$colors2 = overrides.colors) === null || _overrides$colors2 === void 0 ? void 0 : _overrides$colors2.simpleImageSlider]);
|
|
46
22
|
return /*#__PURE__*/React.createElement(ThemeProvider, {
|
|
47
23
|
theme: theme
|
|
48
24
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","ThemeProvider","SimpleImageSliderThemeProvider","
|
|
1
|
+
{"version":3,"names":["React","useMemo","ThemeProvider","SimpleImageSliderThemeProvider","overrides","children","_overrides$colors2","theme","_overrides$colors","colors","simpleImageSlider","pageCounterBackground","pageCounterBorder","fullScreenCloseButton","descriptionContainerBorder","createElement"],"sourceRoot":"../../src","sources":["SimpleImageSliderThemeProvider.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAA4BC,OAAO,QAAQ,OAAO;AAC9D,SAA4BC,aAAa,QAAQ,0BAA0B;AAQ3E,eAAe,SAASC,8BAA8BA,CAAC;EACnDC,SAAS;EACTC;AACiC,CAAC,EAAE;EAAA,IAAAC,kBAAA;EACpC,MAAMC,KAAmB,GAAGN,OAAO,CAC/B;IAAA,IAAAO,iBAAA;IAAA,OAAO;MACHC,MAAM,EAAE;QACJC,iBAAiB,EAAE;UACfC,qBAAqB,EAAE,SAAS;UAChCC,iBAAiB,EAAE,SAAS;UAC5BC,qBAAqB,EAAE,SAAS;UAChCC,0BAA0B,EAAE,SAAS;UACrC,IAAGV,SAAS,aAATA,SAAS,gBAAAI,iBAAA,GAATJ,SAAS,CAAEK,MAAM,cAAAD,iBAAA,uBAAjBA,iBAAA,CAAmBE,iBAAiB;QAC3C;MACJ;IACJ,CAAC;EAAA,CAAC,EACF,CAACN,SAAS,aAATA,SAAS,gBAAAE,kBAAA,GAATF,SAAS,CAAEK,MAAM,cAAAH,kBAAA,uBAAjBA,kBAAA,CAAmBI,iBAAiB,CACzC,CAAC;EAED,oBAAOV,KAAA,CAAAe,aAAA,CAACb,aAAa;IAACK,KAAK,EAAEA;EAAM,GAAEF,QAAwB,CAAC;AAClE","ignoreList":[]}
|
|
@@ -1,4 +1 @@
|
|
|
1
|
-
export type Subset<K> = {
|
|
2
|
-
[attr in keyof K]?: K[attr] extends object ? Subset<K[attr]> : K[attr] extends object | null ? Subset<K[attr]> | null : K[attr] extends object | null | undefined ? Subset<K[attr]> | null | undefined : K[attr];
|
|
3
|
-
};
|
|
4
1
|
//# sourceMappingURL=common.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/@types/common.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/@types/common.ts"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseSimpleImageSlider.d.ts","sourceRoot":"","sources":["../../../src/BaseSimpleImageSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEV,KAAK,YAAY,EAMpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAA2B,MAAM,qBAAqB,CAAC;AAGzE,OAAO,EAAa,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzE,OAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAmB,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,MAAM,MAAM,0BAA0B,GAAG;IACrC,IAAI,EAAE,qBAAqB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;IAChF,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,YAAY,CAAC;IAC9E,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,oBAAoB,CAAC,EAAE,UAAU,CAAC;IAClC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,yBAAyB,CAAC,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;IACpE,yBAAyB,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CAC7D,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseSimpleImageSlider.d.ts","sourceRoot":"","sources":["../../../src/BaseSimpleImageSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEV,KAAK,YAAY,EAMpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAA2B,MAAM,qBAAqB,CAAC;AAGzE,OAAO,EAAa,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzE,OAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAmB,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,MAAM,MAAM,0BAA0B,GAAG;IACrC,IAAI,EAAE,qBAAqB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;IAChF,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,YAAY,CAAC;IAC9E,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,oBAAoB,CAAC,EAAE,UAAU,CAAC;IAClC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,yBAAyB,CAAC,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;IACpE,yBAAyB,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CAC7D,CAAC;AAqDF;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,qHAgKvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React, { type PropsWithChildren } from 'react';
|
|
2
|
-
import type
|
|
3
|
-
import type { Subset } from './@types/common';
|
|
2
|
+
import { type DefaultTheme } from 'styled-components/native';
|
|
4
3
|
export type SimpleImageSliderThemeProviderProps = PropsWithChildren<{
|
|
5
|
-
overrides?:
|
|
4
|
+
overrides?: {
|
|
5
|
+
colors: Partial<DefaultTheme['colors']>;
|
|
6
|
+
};
|
|
6
7
|
}>;
|
|
7
|
-
export default function SimpleImageSliderThemeProvider({
|
|
8
|
+
export default function SimpleImageSliderThemeProvider({ overrides, children, }: SimpleImageSliderThemeProviderProps): React.JSX.Element;
|
|
8
9
|
//# sourceMappingURL=SimpleImageSliderThemeProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleImageSliderThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/SimpleImageSliderThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SimpleImageSliderThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/SimpleImageSliderThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,0BAA0B,CAAC;AAE5E,MAAM,MAAM,mCAAmC,GAAG,iBAAiB,CAAC;IAChE,SAAS,CAAC,EAAE;QACR,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;KAC3C,CAAC;CACL,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,8BAA8B,CAAC,EACnD,SAAS,EACT,QAAQ,GACX,EAAE,mCAAmC,qBAiBrC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@one-am/react-native-simple-image-slider",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.0",
|
|
4
4
|
"description": "A simple and performant image slider made with FlashList. Includes a full screen gallery component with gesture support.",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
@@ -136,9 +136,6 @@
|
|
|
136
136
|
"npm": {
|
|
137
137
|
"publish": true
|
|
138
138
|
},
|
|
139
|
-
"github": {
|
|
140
|
-
"release": true
|
|
141
|
-
},
|
|
142
139
|
"gitlab": {
|
|
143
140
|
"release": true
|
|
144
141
|
},
|
package/src/@types/common.ts
CHANGED
package/src/@types/styled.d.ts
CHANGED
|
@@ -2,33 +2,11 @@ import 'styled-components/native';
|
|
|
2
2
|
|
|
3
3
|
export type SimpleImageSliderTheme = {
|
|
4
4
|
colors: {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
styles: {
|
|
11
|
-
spacing: {
|
|
12
|
-
xxs: number;
|
|
13
|
-
xs: number;
|
|
14
|
-
s: number;
|
|
15
|
-
m: number;
|
|
16
|
-
l: number;
|
|
17
|
-
xl: number;
|
|
18
|
-
};
|
|
19
|
-
borderRadius: {
|
|
20
|
-
xs: number;
|
|
21
|
-
s: number;
|
|
22
|
-
m: number;
|
|
23
|
-
l: number;
|
|
24
|
-
xl: number;
|
|
25
|
-
};
|
|
26
|
-
borderWidth: {
|
|
27
|
-
xs: number;
|
|
28
|
-
s: number;
|
|
29
|
-
m: number;
|
|
30
|
-
l: number;
|
|
31
|
-
xl: number;
|
|
5
|
+
simpleImageSlider: {
|
|
6
|
+
pageCounterBackground: string;
|
|
7
|
+
pageCounterBorder: string;
|
|
8
|
+
fullScreenCloseButton: string;
|
|
9
|
+
descriptionContainerBorder: string;
|
|
32
10
|
};
|
|
33
11
|
};
|
|
34
12
|
};
|
|
@@ -46,22 +46,14 @@ const StyledAbsoluteComponentContainer = styled.View<{
|
|
|
46
46
|
}>`
|
|
47
47
|
z-index: 1000;
|
|
48
48
|
position: absolute;
|
|
49
|
-
bottom: ${({ position
|
|
50
|
-
position === 'bottom-left' || position === 'bottom-right'
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
position === 'top-left' || position === '
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
left: ${({ position, theme }) =>
|
|
58
|
-
position === 'top-left' || position === 'bottom-left'
|
|
59
|
-
? `${theme.styles.spacing.m}px`
|
|
60
|
-
: undefined};
|
|
61
|
-
right: ${({ position, theme }) =>
|
|
62
|
-
position === 'top-right' || position === 'bottom-right'
|
|
63
|
-
? `${theme.styles.spacing.m}px`
|
|
64
|
-
: undefined};
|
|
49
|
+
bottom: ${({ position }) =>
|
|
50
|
+
position === 'bottom-left' || position === 'bottom-right' ? `16px` : undefined};
|
|
51
|
+
top: ${({ position }) =>
|
|
52
|
+
position === 'top-left' || position === 'top-right' ? `16px` : undefined};
|
|
53
|
+
left: ${({ position }) =>
|
|
54
|
+
position === 'top-left' || position === 'bottom-left' ? `16px` : undefined};
|
|
55
|
+
right: ${({ position }) =>
|
|
56
|
+
position === 'top-right' || position === 'bottom-right' ? `16px` : undefined};
|
|
65
57
|
`;
|
|
66
58
|
|
|
67
59
|
const StyledPageCounter = styled(PageCounter)<{
|
|
@@ -69,22 +61,14 @@ const StyledPageCounter = styled(PageCounter)<{
|
|
|
69
61
|
}>`
|
|
70
62
|
z-index: 1000;
|
|
71
63
|
position: absolute;
|
|
72
|
-
bottom: ${({ position
|
|
73
|
-
position === 'bottom-left' || position === 'bottom-right'
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
position === 'top-left' || position === '
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
left: ${({ position, theme }) =>
|
|
81
|
-
position === 'top-left' || position === 'bottom-left'
|
|
82
|
-
? `${theme.styles.spacing.m}px`
|
|
83
|
-
: undefined};
|
|
84
|
-
right: ${({ position, theme }) =>
|
|
85
|
-
position === 'top-right' || position === 'bottom-right'
|
|
86
|
-
? `${theme.styles.spacing.m}px`
|
|
87
|
-
: undefined};
|
|
64
|
+
bottom: ${({ position }) =>
|
|
65
|
+
position === 'bottom-left' || position === 'bottom-right' ? `16px` : undefined};
|
|
66
|
+
top: ${({ position }) =>
|
|
67
|
+
position === 'top-left' || position === 'top-right' ? `16px` : undefined};
|
|
68
|
+
left: ${({ position }) =>
|
|
69
|
+
position === 'top-left' || position === 'bottom-left' ? `16px` : undefined};
|
|
70
|
+
right: ${({ position }) =>
|
|
71
|
+
position === 'top-right' || position === 'bottom-right' ? `16px` : undefined};
|
|
88
72
|
`;
|
|
89
73
|
|
|
90
74
|
const StyledContainer = styled(GestureHandlerRootView)<{ aspectRatio?: number }>`
|
|
@@ -15,7 +15,7 @@ import Animated, {
|
|
|
15
15
|
withTiming,
|
|
16
16
|
} from 'react-native-reanimated';
|
|
17
17
|
import { setStatusBarStyle } from 'expo-status-bar';
|
|
18
|
-
import styled, {
|
|
18
|
+
import styled, { useTheme } from 'styled-components/native';
|
|
19
19
|
import { FlashList } from '@shopify/flash-list';
|
|
20
20
|
import BaseListImageSlider, { type BaseSimpleImageSliderProps } from './BaseSimpleImageSlider';
|
|
21
21
|
import { type EdgeInsets, useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
@@ -46,10 +46,10 @@ export type FullScreenImageSliderProps = BaseSimpleImageSliderProps & {
|
|
|
46
46
|
|
|
47
47
|
const StyledDescriptionContainer = styled.View`
|
|
48
48
|
position: absolute;
|
|
49
|
-
border-top-width:
|
|
50
|
-
border-top-color: ${({ theme }) => theme.colors.descriptionContainerBorder};
|
|
49
|
+
border-top-width: 1px;
|
|
50
|
+
border-top-color: ${({ theme }) => theme.colors.simpleImageSlider.descriptionContainerBorder};
|
|
51
51
|
width: 100%;
|
|
52
|
-
padding-top:
|
|
52
|
+
padding-top: 20px;
|
|
53
53
|
`;
|
|
54
54
|
|
|
55
55
|
const StyledModalCloseButton = styled.TouchableOpacity`
|
|
@@ -60,7 +60,7 @@ const StyledModalCloseButton = styled.TouchableOpacity`
|
|
|
60
60
|
const StyledModalContentContainer = styled(Animated.View)`
|
|
61
61
|
align-items: center;
|
|
62
62
|
justify-content: center;
|
|
63
|
-
gap:
|
|
63
|
+
gap: 16px;
|
|
64
64
|
`;
|
|
65
65
|
|
|
66
66
|
/**
|
|
@@ -85,8 +85,8 @@ const FullScreenImageSlider = forwardRef<
|
|
|
85
85
|
const theme = useTheme();
|
|
86
86
|
const safeAreaInsets = useSafeAreaInsets();
|
|
87
87
|
const styles = useMemo(
|
|
88
|
-
() => makeStyles(
|
|
89
|
-
[
|
|
88
|
+
() => makeStyles(safeAreaInsets, windowDimensions),
|
|
89
|
+
[safeAreaInsets, windowDimensions]
|
|
90
90
|
);
|
|
91
91
|
|
|
92
92
|
const [internalIndex, setInternalIndex] = useState<number>(0);
|
|
@@ -144,7 +144,7 @@ const FullScreenImageSlider = forwardRef<
|
|
|
144
144
|
{CloseButtonIcon ? (
|
|
145
145
|
renderProp(CloseButtonIcon)
|
|
146
146
|
) : (
|
|
147
|
-
<IconX color={theme.colors.fullScreenCloseButton} />
|
|
147
|
+
<IconX color={theme.colors.simpleImageSlider.fullScreenCloseButton} />
|
|
148
148
|
)}
|
|
149
149
|
</StyledModalCloseButton>
|
|
150
150
|
<BaseListImageSlider
|
|
@@ -174,15 +174,11 @@ const FullScreenImageSlider = forwardRef<
|
|
|
174
174
|
|
|
175
175
|
export default FullScreenImageSlider;
|
|
176
176
|
|
|
177
|
-
const makeStyles = (
|
|
178
|
-
theme: DefaultTheme,
|
|
179
|
-
safeAreaInsets: EdgeInsets,
|
|
180
|
-
windowDimensions: ScaledSize
|
|
181
|
-
) => {
|
|
177
|
+
const makeStyles = (safeAreaInsets: EdgeInsets, windowDimensions: ScaledSize) => {
|
|
182
178
|
return StyleSheet.create({
|
|
183
179
|
closeButton: {
|
|
184
180
|
top: safeAreaInsets.top,
|
|
185
|
-
right: safeAreaInsets.right +
|
|
181
|
+
right: safeAreaInsets.right + 20,
|
|
186
182
|
},
|
|
187
183
|
modalContent: {
|
|
188
184
|
height: windowDimensions.height,
|
|
@@ -190,8 +186,8 @@ const makeStyles = (
|
|
|
190
186
|
},
|
|
191
187
|
descriptionContainer: {
|
|
192
188
|
bottom: safeAreaInsets.bottom + 100,
|
|
193
|
-
paddingLeft: safeAreaInsets.left +
|
|
194
|
-
paddingRight: safeAreaInsets.right +
|
|
189
|
+
paddingLeft: safeAreaInsets.left + 20,
|
|
190
|
+
paddingRight: safeAreaInsets.right + 20,
|
|
195
191
|
},
|
|
196
192
|
});
|
|
197
193
|
};
|
package/src/PageCounter.tsx
CHANGED
|
@@ -18,11 +18,11 @@ type PageCounterProps = {
|
|
|
18
18
|
};
|
|
19
19
|
|
|
20
20
|
const StyledContainer = styled.View`
|
|
21
|
-
background-color: ${({ theme }) => theme.colors.pageCounterBackground};
|
|
22
|
-
border-width:
|
|
23
|
-
border-color: ${({ theme }) => theme.colors.pageCounterBorder};
|
|
24
|
-
border-radius:
|
|
25
|
-
padding:
|
|
21
|
+
background-color: ${({ theme }) => theme.colors.simpleImageSlider.pageCounterBackground};
|
|
22
|
+
border-width: 1px;
|
|
23
|
+
border-color: ${({ theme }) => theme.colors.simpleImageSlider.pageCounterBorder};
|
|
24
|
+
border-radius: 8px;
|
|
25
|
+
padding: 8px;
|
|
26
26
|
width: 75px;
|
|
27
27
|
flex-direction: row;
|
|
28
28
|
align-items: center;
|
|
@@ -54,7 +54,7 @@ const SimpleImageSlider = forwardRef<FlashList<SimpleImageSliderItem>, SimpleIma
|
|
|
54
54
|
{...props}
|
|
55
55
|
data={data}
|
|
56
56
|
ref={mergeRefs(ref, listRef)}
|
|
57
|
-
onItemPress={openFullScreen
|
|
57
|
+
onItemPress={fullScreenEnabled ? openFullScreen : onItemPress}
|
|
58
58
|
onViewableItemChange={internalOnViewableItemChange}
|
|
59
59
|
/>
|
|
60
60
|
{fullScreenEnabled ? (
|
|
@@ -1,54 +1,29 @@
|
|
|
1
1
|
import React, { type PropsWithChildren, useMemo } from 'react';
|
|
2
2
|
import { type DefaultTheme, ThemeProvider } from 'styled-components/native';
|
|
3
|
-
import type { SimpleImageSliderTheme } from './@types/styled';
|
|
4
|
-
import type { Subset } from './@types/common';
|
|
5
3
|
|
|
6
4
|
export type SimpleImageSliderThemeProviderProps = PropsWithChildren<{
|
|
7
|
-
overrides?:
|
|
5
|
+
overrides?: {
|
|
6
|
+
colors: Partial<DefaultTheme['colors']>;
|
|
7
|
+
};
|
|
8
8
|
}>;
|
|
9
9
|
|
|
10
10
|
export default function SimpleImageSliderThemeProvider({
|
|
11
|
-
children,
|
|
12
11
|
overrides,
|
|
12
|
+
children,
|
|
13
13
|
}: SimpleImageSliderThemeProviderProps) {
|
|
14
14
|
const theme: DefaultTheme = useMemo(
|
|
15
15
|
() => ({
|
|
16
16
|
colors: {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
styles: {
|
|
24
|
-
spacing: {
|
|
25
|
-
xxs: 2,
|
|
26
|
-
xs: 4,
|
|
27
|
-
s: 8,
|
|
28
|
-
m: 16,
|
|
29
|
-
l: 20,
|
|
30
|
-
xl: 40,
|
|
31
|
-
...overrides?.styles?.spacing,
|
|
32
|
-
},
|
|
33
|
-
borderRadius: {
|
|
34
|
-
xs: 2,
|
|
35
|
-
s: 4,
|
|
36
|
-
m: 8,
|
|
37
|
-
l: 16,
|
|
38
|
-
xl: 24,
|
|
39
|
-
...overrides?.styles?.borderRadius,
|
|
40
|
-
},
|
|
41
|
-
borderWidth: {
|
|
42
|
-
xs: 1,
|
|
43
|
-
s: 2,
|
|
44
|
-
m: 4,
|
|
45
|
-
l: 8,
|
|
46
|
-
xl: 16,
|
|
47
|
-
...overrides?.styles?.borderWidth,
|
|
17
|
+
simpleImageSlider: {
|
|
18
|
+
pageCounterBackground: '#D3D3D3',
|
|
19
|
+
pageCounterBorder: '#000000',
|
|
20
|
+
fullScreenCloseButton: '#FFFFFF',
|
|
21
|
+
descriptionContainerBorder: '#FFFFFF',
|
|
22
|
+
...overrides?.colors?.simpleImageSlider,
|
|
48
23
|
},
|
|
49
24
|
},
|
|
50
25
|
}),
|
|
51
|
-
[overrides]
|
|
26
|
+
[overrides?.colors?.simpleImageSlider]
|
|
52
27
|
);
|
|
53
28
|
|
|
54
29
|
return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
|