@one-am/react-native-simple-image-slider 0.4.1 → 0.6.0

package/lib/module/FullScreenImageSlider.js

@@ -10,16 +10,12 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import renderProp from './utils/renderProp';
 const StyledDescriptionContainer = styled.View`
     position: absolute;
-    border-top-width: ${({
-  theme
-}) => theme.styles.borderWidth.xs}px;
+    border-top-width: 1px;
     border-top-color: ${({
   theme
-}) => theme.colors.descriptionContainerBorder};
+}) => theme.colors.simpleImageSlider.descriptionContainerBorder};
     width: 100%;
-    padding-top: ${({
-  theme
-}) => theme.styles.spacing.l}px;
+    padding-top: 20px;
 `;
 const StyledModalCloseButton = styled.TouchableOpacity`
     position: absolute;
@@ -28,9 +24,7 @@ const StyledModalCloseButton = styled.TouchableOpacity`
 const StyledModalContentContainer = styled(Animated.View)`
     align-items: center;
     justify-content: center;
-    gap: ${({
-  theme
-}) => theme.styles.spacing.m}px;
+    gap: 16px;
 `;
 
 /**
@@ -48,7 +42,7 @@ const FullScreenImageSlider = /*#__PURE__*/forwardRef(function FullScreenImageSl
   const windowDimensions = useWindowDimensions();
   const theme = useTheme();
   const safeAreaInsets = useSafeAreaInsets();
-  const styles = useMemo(() => makeStyles(theme, safeAreaInsets, windowDimensions), [theme, safeAreaInsets, windowDimensions]);
+  const styles = useMemo(() => makeStyles(safeAreaInsets, windowDimensions), [safeAreaInsets, windowDimensions]);
   const [internalIndex, setInternalIndex] = useState(0);
   const internalOnViewableItemChange = useCallback(index => {
     setInternalIndex(index);
@@ -94,7 +88,7 @@ const FullScreenImageSlider = /*#__PURE__*/forwardRef(function FullScreenImageSl
     style: styles.closeButton,
     onPress: onRequestClose
   }, CloseButtonIcon ? renderProp(CloseButtonIcon) : /*#__PURE__*/React.createElement(IconX, {
-    color: theme.colors.fullScreenCloseButton
+    color: theme.colors.simpleImageSlider.fullScreenCloseButton
   })), /*#__PURE__*/React.createElement(BaseListImageSlider, _extends({
     data: data,
     enablePinchToZoom: true,
@@ -110,11 +104,11 @@ const FullScreenImageSlider = /*#__PURE__*/forwardRef(function FullScreenImageSl
   }, renderDescription(data[internalIndex], internalIndex)) : null));
 });
 export default FullScreenImageSlider;
-const makeStyles = (theme, safeAreaInsets, windowDimensions) => {
+const makeStyles = (safeAreaInsets, windowDimensions) => {
   return StyleSheet.create({
     closeButton: {
       top: safeAreaInsets.top,
-      right: safeAreaInsets.right + theme.styles.spacing.l
+      right: safeAreaInsets.right + 20
     },
     modalContent: {
       height: windowDimensions.height,
@@ -122,8 +116,8 @@ const makeStyles = (theme, safeAreaInsets, windowDimensions) => {
     },
     descriptionContainer: {
       bottom: safeAreaInsets.bottom + 100,
-      paddingLeft: safeAreaInsets.left + theme.styles.spacing.l,
-      paddingRight: safeAreaInsets.right + theme.styles.spacing.l
+      paddingLeft: safeAreaInsets.left + 20,
+      paddingRight: safeAreaInsets.right + 20
     }
   });
 };

package/lib/module/FullScreenImageSlider.js.map

@@ -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","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":[]}
+{"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":";AAAA,OAAOA,KAAK,IACRC,UAAU,EAEVC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,QAAQ,QACL,OAAO;AACd,SAASC,KAAK,EAAmBC,UAAU,EAAEC,mBAAmB,QAAQ,cAAc;AACtF,OAAOC,KAAK,MAAM,eAAe;AACjC,OAAOC,QAAQ,IACXC,OAAO,EACPC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACP,yBAAyB;AAChC,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,OAAOC,MAAM,IAAIC,QAAQ,QAAQ,0BAA0B;AAE3D,OAAOC,mBAAmB,MAA2C,yBAAyB;AAC9F,SAA0BC,iBAAiB,QAAQ,gCAAgC;AAGnF,OAAOC,UAAU,MAA2B,oBAAoB;AAuBhE,MAAMC,0BAA0B,GAAGL,MAAM,CAACM,IAAK;AAC/C;AACA;AACA,wBAAwB,CAAC;EAAEC;AAAM,CAAC,KAAKA,KAAK,CAACC,MAAM,CAACC,iBAAiB,CAACC,0BAA2B;AACjG;AACA;AACA,CAAC;AAED,MAAMC,sBAAsB,GAAGX,MAAM,CAACY,gBAAiB;AACvD;AACA;AACA,CAAC;AAED,MAAMC,2BAA2B,GAAGb,MAAM,CAACN,QAAQ,CAACY,IAAI,CAAE;AAC1D;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA,MAAMQ,qBAAqB,gBAAG7B,UAAU,CAGtC,SAAS6B,qBAAqBA,CAC5B;EACIC,eAAe;EACfC,IAAI;EACJC,cAAc;EACdC,iBAAiB;EACjBC,oBAAoB;EACpBC,IAAI;EACJ,GAAGC;AACP,CAAC,EACDC,GAAG,EACL;EACE,MAAMC,gBAAgB,GAAG/B,mBAAmB,CAAC,CAAC;EAC9C,MAAMe,KAAK,GAAGN,QAAQ,CAAC,CAAC;EACxB,MAAMuB,cAAc,GAAGrB,iBAAiB,CAAC,CAAC;EAC1C,MAAMsB,MAAM,GAAGrC,OAAO,CAClB,MAAMsC,UAAU,CAACF,cAAc,EAAED,gBAAgB,CAAC,EAClD,CAACC,cAAc,EAAED,gBAAgB,CACrC,CAAC;EAED,MAAM,CAACI,aAAa,EAAEC,gBAAgB,CAAC,GAAGvC,QAAQ,CAAS,CAAC,CAAC;EAE7D,MAAMwC,4BAA4B,GAAG3C,WAAW,CAC3C4C,KAAa,IAAK;IACfF,gBAAgB,CAACE,KAAK,CAAC;IACvBX,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAGW,KAAK,CAAC;EACjC,CAAC,EACD,CAACX,oBAAoB,CACzB,CAAC;EAEDhC,SAAS,CAAC,MAAM;IACZ,IAAI6B,IAAI,EAAE;MACNjB,iBAAiB,CAAC,OAAO,CAAC;IAC9B,CAAC,MAAM;MACHA,iBAAiB,CAAC,MAAM,CAAC;IAC7B;EACJ,CAAC,EAAE,CAACiB,IAAI,CAAC,CAAC;EAEV,MAAMe,iBAAiB,GAAGlC,cAAc,CAAC,CAAC,CAAC;EAE3C,MAAMmC,iBAAiB,GAAGpC,gBAAgB,CAAC,MAAM;IAC7C,OAAO;MACHqC,eAAe,EAAG,iBAAgBF,iBAAiB,CAACG,KAAM;IAC9D,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,yBAAyB,GAAGjD,WAAW,CACzC,CAAC;IAAEkD,WAAW;IAAEC;EAAyB,CAAC,KAAK;IAC3C,IAAIA,KAAK,CAACH,KAAK,IAAI,CAAC,EAAE;MAClB,IAAIE,WAAW,CAACE,CAAC,CAACJ,KAAK,KAAK,CAAC,IAAIE,WAAW,CAACG,CAAC,CAACL,KAAK,KAAK,CAAC,EAAE;QACxDvC,OAAO,CAACI,iBAAiB,CAAC,CAAC,OAAO,CAAC;QACnCgC,iBAAiB,CAACG,KAAK,GAAGpC,UAAU,CAAC,CAAC,CAAC;MAC3C,CAAC,MAAM;QACHH,OAAO,CAACI,iBAAiB,CAAC,CAAC,MAAM,CAAC;QAClCgC,iBAAiB,CAACG,KAAK,GAAGpC,UAAU,CAAC,CAAC,CAAC;MAC3C;IACJ,CAAC,MAAM;MACHiC,iBAAiB,CAACG,KAAK,GAAG,CAAC;IAC/B;EACJ,CAAC,EACD,CAACH,iBAAiB,CACtB,CAAC;EAED,oBACI/C,KAAA,CAAAwD,aAAA,CAAClD,KAAK;IACFmD,aAAa,EAAC,MAAM;IACpBxB,cAAc,EAAEA,cAAe;IAC/ByB,WAAW,EAAE,IAAK;IAClBC,OAAO,EAAE3B;EAAK,gBAEdhC,KAAA,CAAAwD,aAAA,CAAC3B,2BAA2B;IAAC+B,KAAK,EAAE,CAACnB,MAAM,CAACoB,YAAY,EAAEb,iBAAiB;EAAE,gBACzEhD,KAAA,CAAAwD,aAAA,CAAC7B,sBAAsB;IAACiC,KAAK,EAAEnB,MAAM,CAACqB,WAAY;IAACC,OAAO,EAAE9B;EAAe,GACtEF,eAAe,GACZX,UAAU,CAACW,eAAe,CAAC,gBAE3B/B,KAAA,CAAAwD,aAAA,CAAC/C,KAAK;IAACuD,KAAK,EAAEzC,KAAK,CAACC,MAAM,CAACC,iBAAiB,CAACwC;EAAsB,CAAE,CAErD,CAAC,eACzBjE,KAAA,CAAAwD,aAAA,CAACtC,mBAAmB,EAAAgD,QAAA;IAChB9B,IAAI,EAAEA,IAAK;IACX+B,iBAAiB,EAAE,IAAK;IACxBhB,yBAAyB,EAAEA,yBAA0B;IACrDiB,yBAAyB,EAAEnC;EAAe,GACtCI,KAAK;IACTF,oBAAoB,EAAEU,4BAA6B;IACnDwB,eAAe,EAAE,KAAM;IACvBC,UAAU,EAAE/B,gBAAgB,CAACgC,KAAM;IACnCjC,GAAG,EAAEA;EAAI,EACZ,CAAC,EAEDJ,iBAAiB,IAAIE,IAAI,CAACO,aAAa,CAAC,gBACrC3C,KAAA,CAAAwD,aAAA,CAACnC,0BAA0B;IAACuC,KAAK,EAAEnB,MAAM,CAAC+B;EAAqB,GAC1DtC,iBAAiB,CACdE,IAAI,CAACO,aAAa,CAAC,EACnBA,aACJ,CACwB,CAAC,GAC7B,IACqB,CAC1B,CAAC;AAEhB,CAAC,CAAC;AAEF,eAAeb,qBAAqB;AAEpC,MAAMY,UAAU,GAAGA,CAACF,cAA0B,EAAED,gBAA4B,KAAK;EAC7E,OAAOhC,UAAU,CAACkE,MAAM,CAAC;IACrBX,WAAW,EAAE;MACTY,GAAG,EAAElC,cAAc,CAACkC,GAAG;MACvBC,KAAK,EAAEnC,cAAc,CAACmC,KAAK,GAAG;IAClC,CAAC;IACDd,YAAY,EAAE;MACVe,MAAM,EAAErC,gBAAgB,CAACqC,MAAM;MAC/BL,KAAK,EAAEhC,gBAAgB,CAACgC;IAC5B,CAAC;IACDC,oBAAoB,EAAE;MAClBK,MAAM,EAAErC,cAAc,CAACqC,MAAM,GAAG,GAAG;MACnCC,WAAW,EAAEtC,cAAc,CAACuC,IAAI,GAAG,EAAE;MACrCC,YAAY,EAAExC,cAAc,CAACmC,KAAK,GAAG;IACzC;EACJ,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/lib/module/PageCounter.js

@@ -4,19 +4,13 @@ import styled from 'styled-components/native';
 const StyledContainer = styled.View`
     background-color: ${({
   theme
-}) => theme.colors.pageCounterBackground};
-    border-width: ${({
-  theme
-}) => theme.styles.borderWidth.xs}px;
+}) => theme.colors.simpleImageSlider.pageCounterBackground};
+    border-width: 1px;
     border-color: ${({
   theme
-}) => theme.colors.pageCounterBorder};
-    border-radius: ${({
-  theme
-}) => theme.styles.borderRadius.m}px;
-    padding: ${({
-  theme
-}) => `${theme.styles.spacing.s}px ${theme.styles.spacing.s}px`};
+}) => theme.colors.simpleImageSlider.pageCounterBorder};
+    border-radius: 8px;
+    padding: 8px;
     width: 75px;
     flex-direction: row;
     align-items: center;

package/lib/module/PageCounter.js.map

@@ -1 +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":[]}
+{"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":[]}

package/lib/module/SimpleImageSlider.js

@@ -11,6 +11,8 @@ const SimpleImageSlider = /*#__PURE__*/forwardRef(function ListImageSlider({
   fullScreenEnabled = false,
   onItemPress,
   onViewableItemChange,
+  FullScreenCloseButtonIcon,
+  renderFullScreenDescription,
   ...props
 }, ref) {
   const listRef = useRef(null);
@@ -46,7 +48,9 @@ const SimpleImageSlider = /*#__PURE__*/forwardRef(function ListImageSlider({
     data: data,
     showPageCounter: false,
     indexOverride: currentIndex,
-    onViewableItemChange: onFullScreenViewableItemChange
+    onViewableItemChange: onFullScreenViewableItemChange,
+    renderDescription: renderFullScreenDescription,
+    CloseButtonIcon: FullScreenCloseButtonIcon
   })) : null);
 });
 export default SimpleImageSlider;

package/lib/module/SimpleImageSlider.js.map

@@ -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,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":[]}
+{"version":3,"names":["React","forwardRef","useCallback","useRef","useState","mergeRefs","FullScreenImageSlider","BaseListImageSlider","SimpleImageSlider","ListImageSlider","data","fullScreenEnabled","onItemPress","onViewableItemChange","FullScreenCloseButtonIcon","renderFullScreenDescription","props","ref","listRef","fullScreenListRef","fullScreen","setFullScreen","currentIndex","setCurrentIndex","internalOnViewableItemChange","index","onFullScreenViewableItemChange","openFullScreen","onRequestClose","_listRef$current","current","scrollToIndex","createElement","Fragment","_extends","open","showPageCounter","indexOverride","renderDescription","CloseButtonIcon"],"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,MAA2C,yBAAyB;AAChG,OAAOC,mBAAmB,MAA2C,yBAAyB;AAmB9F;AACA;AACA;AACA,MAAMC,iBAAiB,gBAAGP,UAAU,CAChC,SAASQ,eAAeA,CACpB;EACIC,IAAI;EACJC,iBAAiB,GAAG,KAAK;EACzBC,WAAW;EACXC,oBAAoB;EACpBC,yBAAyB;EACzBC,2BAA2B;EAC3B,GAAGC;AACP,CAAC,EACDC,GAAG,EACL;EACE,MAAMC,OAAO,GAAGf,MAAM,CAAmC,IAAI,CAAC;EAC9D,MAAMgB,iBAAiB,GAAGhB,MAAM,CAAmC,IAAI,CAAC;EAExE,MAAM,CAACiB,UAAU,EAAEC,aAAa,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EACnD,MAAM,CAACkB,YAAY,EAAEC,eAAe,CAAC,GAAGnB,QAAQ,CAAC,CAAC,CAAC;EAEnD,MAAMoB,4BAA4B,GAAGtB,WAAW,CAC3CuB,KAAa,IAAK;IACfF,eAAe,CAACE,KAAK,CAAC;IACtBZ,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAGY,KAAK,CAAC;EACjC,CAAC,EACD,CAACZ,oBAAoB,CACzB,CAAC;EAED,MAAMa,8BAA8B,GAAGxB,WAAW,CAAEuB,KAAa,IAAK;IAClEF,eAAe,CAACE,KAAK,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,cAAc,GAAGzB,WAAW,CAAC,MAAM;IACrCmB,aAAa,CAAC,IAAI,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,cAAc,GAAG1B,WAAW,CAAC,MAAM;IAAA,IAAA2B,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,oBACItB,KAAA,CAAAgC,aAAA,CAAAhC,KAAA,CAAAiC,QAAA,qBACIjC,KAAA,CAAAgC,aAAA,CAACzB,mBAAmB,EAAA2B,QAAA,KACZlB,KAAK;IACTN,IAAI,EAAEA,IAAK;IACXO,GAAG,EAAEZ,SAAS,CAACY,GAAG,EAAEC,OAAO,CAAE;IAC7BN,WAAW,EAAED,iBAAiB,GAAGgB,cAAc,GAAGf,WAAY;IAC9DC,oBAAoB,EAAEW;EAA6B,EACtD,CAAC,EACDb,iBAAiB,gBACdX,KAAA,CAAAgC,aAAA,CAAC1B,qBAAqB,EAAA4B,QAAA,KACdlB,KAAK;IACTC,GAAG,EAAEE,iBAAkB;IACvBgB,IAAI,EAAEf,UAAW;IACjBQ,cAAc,EAAEA,cAAe;IAC/BlB,IAAI,EAAEA,IAAK;IACX0B,eAAe,EAAE,KAAM;IACvBC,aAAa,EAAEf,YAAa;IAC5BT,oBAAoB,EAAEa,8BAA+B;IACrDY,iBAAiB,EAAEvB,2BAA4B;IAC/CwB,eAAe,EAAEzB;EAA0B,EAC9C,CAAC,GACF,IACN,CAAC;AAEX,CACJ,CAAC;AAED,eAAeN,iBAAiB","ignoreList":[]}

package/lib/module/SimpleImageSliderThemeProvider.js

@@ -1,48 +1,24 @@
 import React, { useMemo } from 'react';
 import { ThemeProvider } from 'styled-components/native';
 export default function SimpleImageSliderThemeProvider({
-  children,
-  overrides
+  overrides,
+  children
 }) {
+  var _overrides$colors2;
   const theme = useMemo(() => {
-    var _overrides$styles, _overrides$styles2, _overrides$styles3;
+    var _overrides$colors;
     return {
       colors: {
-        pageCounterBackground: '#D3D3D3',
-        pageCounterBorder: '#000000',
-        fullScreenCloseButton: '#FFFFFF',
-        descriptionContainerBorder: '#FFFFFF',
-        ...(overrides === null || overrides === void 0 ? void 0 : overrides.colors)
-      },
-      styles: {
-        spacing: {
-          xxs: 2,
-          xs: 4,
-          s: 8,
-          m: 16,
-          l: 20,
-          xl: 40,
-          ...(overrides === null || overrides === void 0 || (_overrides$styles = overrides.styles) === null || _overrides$styles === void 0 ? void 0 : _overrides$styles.spacing)
-        },
-        borderRadius: {
-          xs: 2,
-          s: 4,
-          m: 8,
-          l: 16,
-          xl: 24,
-          ...(overrides === null || overrides === void 0 || (_overrides$styles2 = overrides.styles) === null || _overrides$styles2 === void 0 ? void 0 : _overrides$styles2.borderRadius)
-        },
-        borderWidth: {
-          xs: 1,
-          s: 2,
-          m: 4,
-          l: 8,
-          xl: 16,
-          ...(overrides === null || overrides === void 0 || (_overrides$styles3 = overrides.styles) === null || _overrides$styles3 === void 0 ? void 0 : _overrides$styles3.borderWidth)
+        simpleImageSlider: {
+          pageCounterBackground: '#D3D3D3',
+          pageCounterBorder: '#000000',
+          fullScreenCloseButton: '#FFFFFF',
+          descriptionContainerBorder: '#FFFFFF',
+          ...(overrides === null || overrides === void 0 || (_overrides$colors = overrides.colors) === null || _overrides$colors === void 0 ? void 0 : _overrides$colors.simpleImageSlider)
         }
       }
     };
-  }, [overrides]);
+  }, [overrides === null || overrides === void 0 || (_overrides$colors2 = overrides.colors) === null || _overrides$colors2 === void 0 ? void 0 : _overrides$colors2.simpleImageSlider]);
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
   }, children);

package/lib/module/SimpleImageSliderThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","ThemeProvider","SimpleImageSliderThemeProvider","children","overrides","theme","_overrides$styles","_overrides$styles2","_overrides$styles3","colors","pageCounterBackground","pageCounterBorder","fullScreenCloseButton","descriptionContainerBorder","styles","spacing","xxs","xs","s","m","l","xl","borderRadius","borderWidth","createElement"],"sourceRoot":"../../src","sources":["SimpleImageSliderThemeProvider.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAA4BC,OAAO,QAAQ,OAAO;AAC9D,SAA4BC,aAAa,QAAQ,0BAA0B;AAW3E,eAAe,SAASC,8BAA8BA,CAAC;EACnDC,QAAQ;EACRC;AACiC,CAAC,EAAE;EACpC,MAAMC,KAAmB,GAAGL,OAAO,CAC/B;IAAA,IAAAM,iBAAA,EAAAC,kBAAA,EAAAC,kBAAA;IAAA,OAAO;MACHC,MAAM,EAAE;QACJC,qBAAqB,EAAE,SAAS;QAChCC,iBAAiB,EAAE,SAAS;QAC5BC,qBAAqB,EAAE,SAAS;QAChCC,0BAA0B,EAAE,SAAS;QACrC,IAAGT,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEK,MAAM;MACxB,CAAC;MACDK,MAAM,EAAE;QACJC,OAAO,EAAE;UACLC,GAAG,EAAE,CAAC;UACNC,EAAE,EAAE,CAAC;UACLC,CAAC,EAAE,CAAC;UACJC,CAAC,EAAE,EAAE;UACLC,CAAC,EAAE,EAAE;UACLC,EAAE,EAAE,EAAE;UACN,IAAGjB,SAAS,aAATA,SAAS,gBAAAE,iBAAA,GAATF,SAAS,CAAEU,MAAM,cAAAR,iBAAA,uBAAjBA,iBAAA,CAAmBS,OAAO;QACjC,CAAC;QACDO,YAAY,EAAE;UACVL,EAAE,EAAE,CAAC;UACLC,CAAC,EAAE,CAAC;UACJC,CAAC,EAAE,CAAC;UACJC,CAAC,EAAE,EAAE;UACLC,EAAE,EAAE,EAAE;UACN,IAAGjB,SAAS,aAATA,SAAS,gBAAAG,kBAAA,GAATH,SAAS,CAAEU,MAAM,cAAAP,kBAAA,uBAAjBA,kBAAA,CAAmBe,YAAY;QACtC,CAAC;QACDC,WAAW,EAAE;UACTN,EAAE,EAAE,CAAC;UACLC,CAAC,EAAE,CAAC;UACJC,CAAC,EAAE,CAAC;UACJC,CAAC,EAAE,CAAC;UACJC,EAAE,EAAE,EAAE;UACN,IAAGjB,SAAS,aAATA,SAAS,gBAAAI,kBAAA,GAATJ,SAAS,CAAEU,MAAM,cAAAN,kBAAA,uBAAjBA,kBAAA,CAAmBe,WAAW;QACrC;MACJ;IACJ,CAAC;EAAA,CAAC,EACF,CAACnB,SAAS,CACd,CAAC;EAED,oBAAOL,KAAA,CAAAyB,aAAA,CAACvB,aAAa;IAACI,KAAK,EAAEA;EAAM,GAAEF,QAAwB,CAAC;AAClE","ignoreList":[]}
+{"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":[]}

package/lib/typescript/src/@types/common.d.ts

@@ -1,4 +1 @@
-export type Subset<K> = {
-    [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];
-};
 //# sourceMappingURL=common.d.ts.map

package/lib/typescript/src/@types/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/@types/common.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;KACnB,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GACpC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GACf,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAAG,IAAI,GAC3B,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,GACtB,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAAG,IAAI,GAAG,SAAS,GACvC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,GAClC,CAAC,CAAC,IAAI,CAAC;CACpB,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/@types/common.ts"],"names":[],"mappings":""}

package/lib/typescript/src/BaseSimpleImageSlider.d.ts.map

@@ -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;AAqEF;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,qHAgKvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
+{"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"}

package/lib/typescript/src/SimpleImageSlider.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { FlashList } from '@shopify/flash-list';
+import { type FullScreenImageSliderProps } from './FullScreenImageSlider';
 import { type BaseSimpleImageSliderProps } from './BaseSimpleImageSlider';
 import type { SimpleImageSliderItem } from './@types/slider';
 export type SimpleImageSliderProps = BaseSimpleImageSliderProps & {
@@ -8,6 +9,14 @@ export type SimpleImageSliderProps = BaseSimpleImageSliderProps & {
      * @default false
      */
     fullScreenEnabled?: boolean;
+    /**
+     * @description Passed to the {@link FullScreenImageSlider} component.
+     */
+    renderFullScreenDescription?: FullScreenImageSliderProps['renderDescription'];
+    /**
+     * @description Passed to the {@link FullScreenImageSlider} component.
+     */
+    FullScreenCloseButtonIcon?: FullScreenImageSliderProps['CloseButtonIcon'];
 };
 /**
  * @description A simple image slider that displays images in a list and can show a {@link FullScreenImageSlider} on press.
@@ -18,6 +27,14 @@ declare const SimpleImageSlider: React.ForwardRefExoticComponent<BaseSimpleImage
      * @default false
      */
     fullScreenEnabled?: boolean | undefined;
+    /**
+     * @description Passed to the {@link FullScreenImageSlider} component.
+     */
+    renderFullScreenDescription?: FullScreenImageSliderProps['renderDescription'];
+    /**
+     * @description Passed to the {@link FullScreenImageSlider} component.
+     */
+    FullScreenCloseButtonIcon?: FullScreenImageSliderProps['CloseButtonIcon'];
 } & React.RefAttributes<FlashList<SimpleImageSliderItem>>>;
 export default SimpleImageSlider;
 //# sourceMappingURL=SimpleImageSlider.d.ts.map

package/lib/typescript/src/SimpleImageSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleImageSlider.d.ts","sourceRoot":"","sources":["../../../src/SimpleImageSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD,OAA4B,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC/F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAAG;IAC9D;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,iBAAiB;IAVnB;;;OAGG;;0DA+DN,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"SimpleImageSlider.d.ts","sourceRoot":"","sources":["../../../src/SimpleImageSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAA8B,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAA4B,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC/F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAAG;IAC9D;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,2BAA2B,CAAC,EAAE,0BAA0B,CAAC,mBAAmB,CAAC,CAAC;IAC9E;;OAEG;IACH,yBAAyB,CAAC,EAAE,0BAA0B,CAAC,iBAAiB,CAAC,CAAC;CAC7E,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,iBAAiB;IAlBnB;;;OAGG;;IAEH;;OAEG;kCAC2B,0BAA0B,CAAC,mBAAmB,CAAC;IAC7E;;OAEG;gCACyB,0BAA0B,CAAC,iBAAiB,CAAC;0DAwE5E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/SimpleImageSliderThemeProvider.d.ts

@@ -1,11 +1,9 @@
 import React, { type PropsWithChildren } from 'react';
-import type { SimpleImageSliderTheme } from './@types/styled';
-import type { Subset } from './@types/common';
+import { type DefaultTheme } from 'styled-components/native';
 export type SimpleImageSliderThemeProviderProps = PropsWithChildren<{
-    /**
-     * @description These will be merged with the default theme.
-     */
-    overrides?: Subset<SimpleImageSliderTheme>;
+    overrides?: {
+        colors: Partial<DefaultTheme['colors']>;
+    };
 }>;
-export default function SimpleImageSliderThemeProvider({ children, overrides, }: SimpleImageSliderThemeProviderProps): React.JSX.Element;
+export default function SimpleImageSliderThemeProvider({ overrides, children, }: SimpleImageSliderThemeProviderProps): React.JSX.Element;
 //# sourceMappingURL=SimpleImageSliderThemeProvider.d.ts.map

package/lib/typescript/src/SimpleImageSliderThemeProvider.d.ts.map

@@ -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;AAE/D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,MAAM,mCAAmC,GAAG,iBAAiB,CAAC;IAChE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC,sBAAsB,CAAC,CAAC;CAC9C,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,8BAA8B,CAAC,EACnD,QAAQ,EACR,SAAS,GACZ,EAAE,mCAAmC,qBA0CrC"}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@one-am/react-native-simple-image-slider",
-  "version": "0.4.1",
+  "version": "0.6.0",
   "description": "A simple and performant image slider made with FlashList. Includes a full screen gallery component with gesture support.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -136,10 +136,6 @@
     "npm": {
       "publish": true
     },
-    "github": {
-      "release": true,
-      "host": "https://api.github.com"
-    },
     "gitlab": {
       "release": true
     },

package/src/@types/common.ts

@@ -1,9 +0,0 @@
-export type Subset<K> = {
-    [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];
-};

package/src/@types/styled.d.ts

@@ -2,33 +2,11 @@ import 'styled-components/native';
 
 export type SimpleImageSliderTheme = {
     colors: {
-        pageCounterBackground: string;
-        pageCounterBorder: string;
-        fullScreenCloseButton: string;
-        descriptionContainerBorder: string;
-    };
-    styles: {
-        spacing: {
-            xxs: number;
-            xs: number;
-            s: number;
-            m: number;
-            l: number;
-            xl: number;
-        };
-        borderRadius: {
-            xs: number;
-            s: number;
-            m: number;
-            l: number;
-            xl: number;
-        };
-        borderWidth: {
-            xs: number;
-            s: number;
-            m: number;
-            l: number;
-            xl: number;
+        simpleImageSlider: {
+            pageCounterBackground: string;
+            pageCounterBorder: string;
+            fullScreenCloseButton: string;
+            descriptionContainerBorder: string;
         };
     };
 };

package/src/BaseSimpleImageSlider.tsx

@@ -46,22 +46,14 @@ const StyledAbsoluteComponentContainer = styled.View<{
 }>`
     z-index: 1000;
     position: absolute;
-    bottom: ${({ position, theme }) =>
-        position === 'bottom-left' || position === 'bottom-right'
-            ? `${theme.styles.spacing.m}px`
-            : undefined};
-    top: ${({ position, theme }) =>
-        position === 'top-left' || position === 'top-right'
-            ? `${theme.styles.spacing.m}px`
-            : undefined};
-    left: ${({ position, theme }) =>
-        position === 'top-left' || position === 'bottom-left'
-            ? `${theme.styles.spacing.m}px`
-            : undefined};
-    right: ${({ position, theme }) =>
-        position === 'top-right' || position === 'bottom-right'
-            ? `${theme.styles.spacing.m}px`
-            : undefined};
+    bottom: ${({ position }) =>
+        position === 'bottom-left' || position === 'bottom-right' ? `16px` : undefined};
+    top: ${({ position }) =>
+        position === 'top-left' || position === 'top-right' ? `16px` : undefined};
+    left: ${({ position }) =>
+        position === 'top-left' || position === 'bottom-left' ? `16px` : undefined};
+    right: ${({ position }) =>
+        position === 'top-right' || position === 'bottom-right' ? `16px` : undefined};
 `;
 
 const StyledPageCounter = styled(PageCounter)<{
@@ -69,22 +61,14 @@ const StyledPageCounter = styled(PageCounter)<{
 }>`
     z-index: 1000;
     position: absolute;
-    bottom: ${({ position, theme }) =>
-        position === 'bottom-left' || position === 'bottom-right'
-            ? `${theme.styles.spacing.m}px`
-            : undefined};
-    top: ${({ position, theme }) =>
-        position === 'top-left' || position === 'top-right'
-            ? `${theme.styles.spacing.m}px`
-            : undefined};
-    left: ${({ position, theme }) =>
-        position === 'top-left' || position === 'bottom-left'
-            ? `${theme.styles.spacing.m}px`
-            : undefined};
-    right: ${({ position, theme }) =>
-        position === 'top-right' || position === 'bottom-right'
-            ? `${theme.styles.spacing.m}px`
-            : undefined};
+    bottom: ${({ position }) =>
+        position === 'bottom-left' || position === 'bottom-right' ? `16px` : undefined};
+    top: ${({ position }) =>
+        position === 'top-left' || position === 'top-right' ? `16px` : undefined};
+    left: ${({ position }) =>
+        position === 'top-left' || position === 'bottom-left' ? `16px` : undefined};
+    right: ${({ position }) =>
+        position === 'top-right' || position === 'bottom-right' ? `16px` : undefined};
 `;
 
 const StyledContainer = styled(GestureHandlerRootView)<{ aspectRatio?: number }>`

package/src/FullScreenImageSlider.tsx

@@ -15,7 +15,7 @@ import Animated, {
     withTiming,
 } from 'react-native-reanimated';
 import { setStatusBarStyle } from 'expo-status-bar';
-import styled, { type DefaultTheme, useTheme } from 'styled-components/native';
+import styled, { useTheme } from 'styled-components/native';
 import { FlashList } from '@shopify/flash-list';
 import BaseListImageSlider, { type BaseSimpleImageSliderProps } from './BaseSimpleImageSlider';
 import { type EdgeInsets, useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -46,10 +46,10 @@ export type FullScreenImageSliderProps = BaseSimpleImageSliderProps & {
 
 const StyledDescriptionContainer = styled.View`
     position: absolute;
-    border-top-width: ${({ theme }) => theme.styles.borderWidth.xs}px;
-    border-top-color: ${({ theme }) => theme.colors.descriptionContainerBorder};
+    border-top-width: 1px;
+    border-top-color: ${({ theme }) => theme.colors.simpleImageSlider.descriptionContainerBorder};
     width: 100%;
-    padding-top: ${({ theme }) => theme.styles.spacing.l}px;
+    padding-top: 20px;
 `;
 
 const StyledModalCloseButton = styled.TouchableOpacity`
@@ -60,7 +60,7 @@ const StyledModalCloseButton = styled.TouchableOpacity`
 const StyledModalContentContainer = styled(Animated.View)`
     align-items: center;
     justify-content: center;
-    gap: ${({ theme }) => theme.styles.spacing.m}px;
+    gap: 16px;
 `;
 
 /**
@@ -85,8 +85,8 @@ const FullScreenImageSlider = forwardRef<
     const theme = useTheme();
     const safeAreaInsets = useSafeAreaInsets();
     const styles = useMemo(
-        () => makeStyles(theme, safeAreaInsets, windowDimensions),
-        [theme, safeAreaInsets, windowDimensions]
+        () => makeStyles(safeAreaInsets, windowDimensions),
+        [safeAreaInsets, windowDimensions]
     );
 
     const [internalIndex, setInternalIndex] = useState<number>(0);
@@ -144,7 +144,7 @@ const FullScreenImageSlider = forwardRef<
                     {CloseButtonIcon ? (
                         renderProp(CloseButtonIcon)
                     ) : (
-                        <IconX color={theme.colors.fullScreenCloseButton} />
+                        <IconX color={theme.colors.simpleImageSlider.fullScreenCloseButton} />
                     )}
                 </StyledModalCloseButton>
                 <BaseListImageSlider
@@ -174,15 +174,11 @@ const FullScreenImageSlider = forwardRef<
 
 export default FullScreenImageSlider;
 
-const makeStyles = (
-    theme: DefaultTheme,
-    safeAreaInsets: EdgeInsets,
-    windowDimensions: ScaledSize
-) => {
+const makeStyles = (safeAreaInsets: EdgeInsets, windowDimensions: ScaledSize) => {
     return StyleSheet.create({
         closeButton: {
             top: safeAreaInsets.top,
-            right: safeAreaInsets.right + theme.styles.spacing.l,
+            right: safeAreaInsets.right + 20,
         },
         modalContent: {
             height: windowDimensions.height,
@@ -190,8 +186,8 @@ const makeStyles = (
         },
         descriptionContainer: {
             bottom: safeAreaInsets.bottom + 100,
-            paddingLeft: safeAreaInsets.left + theme.styles.spacing.l,
-            paddingRight: safeAreaInsets.right + theme.styles.spacing.l,
+            paddingLeft: safeAreaInsets.left + 20,
+            paddingRight: safeAreaInsets.right + 20,
         },
     });
 };

package/src/PageCounter.tsx

@@ -18,11 +18,11 @@ type PageCounterProps = {
 };
 
 const StyledContainer = styled.View`
-    background-color: ${({ theme }) => theme.colors.pageCounterBackground};
-    border-width: ${({ theme }) => theme.styles.borderWidth.xs}px;
-    border-color: ${({ theme }) => theme.colors.pageCounterBorder};
-    border-radius: ${({ theme }) => theme.styles.borderRadius.m}px;
-    padding: ${({ theme }) => `${theme.styles.spacing.s}px ${theme.styles.spacing.s}px`};
+    background-color: ${({ theme }) => theme.colors.simpleImageSlider.pageCounterBackground};
+    border-width: 1px;
+    border-color: ${({ theme }) => theme.colors.simpleImageSlider.pageCounterBorder};
+    border-radius: 8px;
+    padding: 8px;
     width: 75px;
     flex-direction: row;
     align-items: center;

package/src/SimpleImageSlider.tsx

@@ -1,7 +1,7 @@
 import React, { forwardRef, useCallback, useRef, useState } from 'react';
 import { FlashList } from '@shopify/flash-list';
 import mergeRefs from 'merge-refs';
-import FullScreenImageSlider from './FullScreenImageSlider';
+import FullScreenImageSlider, { type FullScreenImageSliderProps } from './FullScreenImageSlider';
 import BaseListImageSlider, { type BaseSimpleImageSliderProps } from './BaseSimpleImageSlider';
 import type { SimpleImageSliderItem } from './@types/slider';
 
@@ -11,6 +11,14 @@ export type SimpleImageSliderProps = BaseSimpleImageSliderProps & {
      * @default false
      */
     fullScreenEnabled?: boolean;
+    /**
+     * @description Passed to the {@link FullScreenImageSlider} component.
+     */
+    renderFullScreenDescription?: FullScreenImageSliderProps['renderDescription'];
+    /**
+     * @description Passed to the {@link FullScreenImageSlider} component.
+     */
+    FullScreenCloseButtonIcon?: FullScreenImageSliderProps['CloseButtonIcon'];
 };
 
 /**
@@ -18,7 +26,15 @@ export type SimpleImageSliderProps = BaseSimpleImageSliderProps & {
  */
 const SimpleImageSlider = forwardRef<FlashList<SimpleImageSliderItem>, SimpleImageSliderProps>(
     function ListImageSlider(
-        { data, fullScreenEnabled = false, onItemPress, onViewableItemChange, ...props },
+        {
+            data,
+            fullScreenEnabled = false,
+            onItemPress,
+            onViewableItemChange,
+            FullScreenCloseButtonIcon,
+            renderFullScreenDescription,
+            ...props
+        },
         ref
     ) {
         const listRef = useRef<FlashList<SimpleImageSliderItem>>(null);
@@ -67,6 +83,8 @@ const SimpleImageSlider = forwardRef<FlashList<SimpleImageSliderItem>, SimpleIma
                         showPageCounter={false}
                         indexOverride={currentIndex}
                         onViewableItemChange={onFullScreenViewableItemChange}
+                        renderDescription={renderFullScreenDescription}
+                        CloseButtonIcon={FullScreenCloseButtonIcon}
                     />
                 ) : null}
             </>