@one-am/react-native-simple-image-slider 0.16.1 → 1.0.0-beta.3

package/lib/module/hooks/slider-state/use-slider-navigation.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { useCallback, useRef, useState } from 'react';
+export function useSliderNavigation({
+  initialIndex = 0
+}) {
+  const [currentIndex, setCurrentIndex] = useState(initialIndex);
+  const scrollFnRef = useRef(null);
+  const registerScrollFn = useCallback(fn => {
+    scrollFnRef.current = fn;
+    return () => {
+      scrollFnRef.current = null;
+    };
+  }, []);
+  const scrollToIndex = useCallback((index, animated = true) => {
+    scrollFnRef.current?.(index, animated);
+  }, []);
+  return {
+    currentIndex,
+    setCurrentIndex,
+    registerScrollFn,
+    scrollToIndex
+  };
+}
+//# sourceMappingURL=use-slider-navigation.js.map

package/lib/module/hooks/slider-state/use-slider-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","useState","useSliderNavigation","initialIndex","currentIndex","setCurrentIndex","scrollFnRef","registerScrollFn","fn","current","scrollToIndex","index","animated"],"sourceRoot":"../../../../src","sources":["hooks/slider-state/use-slider-navigation.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAKrD,OAAO,SAASC,mBAAmBA,CAAC;EAChCC,YAAY,GAAG;AAGnB,CAAC,EAAyB;EACtB,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGJ,QAAQ,CAACE,YAAY,CAAC;EAC9D,MAAMG,WAAW,GAAGN,MAAM,CAAyB,IAAI,CAAC;EAExD,MAAMO,gBAAgB,GAAGR,WAAW,CAAES,EAAmB,IAAK;IAC1DF,WAAW,CAACG,OAAO,GAAGD,EAAE;IAExB,OAAO,MAAM;MACTF,WAAW,CAACG,OAAO,GAAG,IAAI;IAC9B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,aAAa,GAAGX,WAAW,CAAC,CAACY,KAAa,EAAEC,QAAiB,GAAG,IAAI,KAAK;IAC3EN,WAAW,CAACG,OAAO,GAAGE,KAAK,EAAEC,QAAQ,CAAC;EAC1C,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHR,YAAY;IACZC,eAAe;IACfE,gBAAgB;IAChBG;EACJ,CAAC;AACL","ignoreList":[]}

package/lib/module/hooks/use-image-aspect-ratio.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { useImage } from 'expo-image';
+const DEFAULT_ASPECT_RATIO = 4 / 3;
+
+// 1x1 transparent PNG data URI used as placeholder when aspect ratio detection is not needed
+const PLACEHOLDER_SOURCE = {
+  uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='
+};
+function useImageAspectRatio(source, overrideAspectRatio) {
+  // If override is provided or source is undefined, don't attempt to load
+  const shouldDetect = overrideAspectRatio === undefined && source !== undefined;
+
+  // useImage returns null while loading, then ImageRef with width/height
+  // Use a valid placeholder image when detection is not needed to satisfy the hook signature
+  const imageRef = useImage(shouldDetect ? source : PLACEHOLDER_SOURCE);
+  const result = useMemo(() => {
+    // If override provided, use it immediately
+    if (overrideAspectRatio !== undefined) {
+      return {
+        imageAspectRatio: overrideAspectRatio,
+        isAspectRatioLoading: false
+      };
+    }
+
+    // If no source, use default
+    if (!source) {
+      return {
+        imageAspectRatio: DEFAULT_ASPECT_RATIO,
+        isAspectRatioLoading: false
+      };
+    }
+
+    // If still loading
+    if (!imageRef) {
+      return {
+        imageAspectRatio: DEFAULT_ASPECT_RATIO,
+        isAspectRatioLoading: true
+      };
+    }
+
+    // Compute aspect ratio from detected dimensions
+    const {
+      width,
+      height
+    } = imageRef;
+    if (width > 0 && height > 0) {
+      return {
+        imageAspectRatio: width / height,
+        isAspectRatioLoading: false
+      };
+    }
+
+    // Fallback if dimensions are invalid
+    return {
+      imageAspectRatio: DEFAULT_ASPECT_RATIO,
+      isAspectRatioLoading: false
+    };
+  }, [overrideAspectRatio, source, imageRef]);
+  return result;
+}
+export { useImageAspectRatio, DEFAULT_ASPECT_RATIO };
+//# sourceMappingURL=use-image-aspect-ratio.js.map

package/lib/module/hooks/use-image-aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useImage","DEFAULT_ASPECT_RATIO","PLACEHOLDER_SOURCE","uri","useImageAspectRatio","source","overrideAspectRatio","shouldDetect","undefined","imageRef","result","imageAspectRatio","isAspectRatioLoading","width","height"],"sourceRoot":"../../../src","sources":["hooks/use-image-aspect-ratio.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,QAAQ,QAAQ,YAAY;AAIrC,MAAMC,oBAAoB,GAAG,CAAC,GAAG,CAAC;;AAElC;AACA,MAAMC,kBAAkB,GAAG;EACvBC,GAAG,EAAE;AACT,CAAU;AAEV,SAASC,mBAAmBA,CACxBC,MAA+B,EAC/BC,mBAA4B,EACN;EACtB;EACA,MAAMC,YAAY,GAAGD,mBAAmB,KAAKE,SAAS,IAAIH,MAAM,KAAKG,SAAS;;EAE9E;EACA;EACA,MAAMC,QAAQ,GAAGT,QAAQ,CAACO,YAAY,GAAGF,MAAM,GAAGH,kBAAkB,CAAC;EAErE,MAAMQ,MAAM,GAAGX,OAAO,CAAC,MAAM;IACzB;IACA,IAAIO,mBAAmB,KAAKE,SAAS,EAAE;MACnC,OAAO;QAAEG,gBAAgB,EAAEL,mBAAmB;QAAEM,oBAAoB,EAAE;MAAM,CAAC;IACjF;;IAEA;IACA,IAAI,CAACP,MAAM,EAAE;MACT,OAAO;QAAEM,gBAAgB,EAAEV,oBAAoB;QAAEW,oBAAoB,EAAE;MAAM,CAAC;IAClF;;IAEA;IACA,IAAI,CAACH,QAAQ,EAAE;MACX,OAAO;QAAEE,gBAAgB,EAAEV,oBAAoB;QAAEW,oBAAoB,EAAE;MAAK,CAAC;IACjF;;IAEA;IACA,MAAM;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAGL,QAAQ;IAClC,IAAII,KAAK,GAAG,CAAC,IAAIC,MAAM,GAAG,CAAC,EAAE;MACzB,OAAO;QAAEH,gBAAgB,EAAEE,KAAK,GAAGC,MAAM;QAAEF,oBAAoB,EAAE;MAAM,CAAC;IAC5E;;IAEA;IACA,OAAO;MAAED,gBAAgB,EAAEV,oBAAoB;MAAEW,oBAAoB,EAAE;IAAM,CAAC;EAClF,CAAC,EAAE,CAACN,mBAAmB,EAAED,MAAM,EAAEI,QAAQ,CAAC,CAAC;EAE3C,OAAOC,MAAM;AACjB;AAEA,SAASN,mBAAmB,EAAEH,oBAAoB","ignoreList":[]}

package/lib/module/hooks/use-registered-callback.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { useCallback, useRef } from 'react';
+import { capitalize } from "../utils/capitalize.js";
+function useRegisteredCallback({
+  handler: handlerProp,
+  name
+}) {
+  const handlersRef = useRef(new Set());
+  const register = useCallback(handler => {
+    handlersRef.current.add(handler);
+    return () => {
+      handlersRef.current.delete(handler);
+    };
+  }, []);
+  const on = useCallback((...args) => {
+    handlerProp?.(...args);
+    handlersRef.current.forEach(handler => handler(...args));
+  }, [handlerProp]);
+  return {
+    [`on${capitalize(name)}`]: on,
+    [`registerOn${capitalize(name)}`]: register
+  };
+}
+export { useRegisteredCallback };
+//# sourceMappingURL=use-registered-callback.js.map

package/lib/module/hooks/use-registered-callback.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","capitalize","useRegisteredCallback","handler","handlerProp","name","handlersRef","Set","register","current","add","delete","on","args","forEach"],"sourceRoot":"../../../src","sources":["hooks/use-registered-callback.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAE3C,SAASC,UAAU,QAAQ,wBAAqB;AAOhD,SAASC,qBAAqBA,CAA+D;EACzFC,OAAO,EAAEC,WAAW;EACpBC;AAC8B,CAAC,EAAyC;EACxE,MAAMC,WAAW,GAAGN,MAAM,CAAsB,IAAIO,GAAG,CAAC,CAAC,CAAC;EAE1D,MAAMC,QAAQ,GAAGT,WAAW,CAAEI,OAAuB,IAAK;IACtDG,WAAW,CAACG,OAAO,CAACC,GAAG,CAACP,OAAO,CAAC;IAEhC,OAAO,MAAM;MACTG,WAAW,CAACG,OAAO,CAACE,MAAM,CAACR,OAAO,CAAC;IACvC,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMS,EAAE,GAAGb,WAAW,CAClB,CAAC,GAAGc,IAAgC,KAAK;IACrCT,WAAW,GAAG,GAAGS,IAAI,CAAC;IACtBP,WAAW,CAACG,OAAO,CAACK,OAAO,CAAEX,OAAO,IAAKA,OAAO,CAAC,GAAGU,IAAI,CAAC,CAAC;EAC9D,CAAC,EACD,CAACT,WAAW,CAChB,CAAC;EAED,OAAO;IACH,CAAC,KAAKH,UAAU,CAACI,IAAI,CAAC,EAAE,GAAGO,EAAE;IAC7B,CAAC,aAAaX,UAAU,CAACI,IAAI,CAAC,EAAE,GAAGG;EACvC,CAAC;AACL;AAEA,SAASN,qBAAqB","ignoreList":[]}

package/lib/module/hooks/use-slider-state.js

@@ -0,0 +1,68 @@
+"use strict";
+
+import { useCallback, useMemo } from 'react';
+import { useImageAspectRatio, useSliderNavigation, useSliderFullScreen, useSliderCallbacks } from "./slider-state/index.js";
+export function useSliderState({
+  data,
+  initialIndex,
+  imageAspectRatio: aspectRatioOverride,
+  statusBarStyle = 'auto',
+  ...propCallbacks
+}) {
+  // Get first image source for aspect ratio detection
+  const firstImageSource = data?.[0]?.source;
+
+  // Compose specialized hooks (callbacks first since it has no dependencies)
+  const callbacks = useSliderCallbacks(propCallbacks);
+  const aspectRatio = useImageAspectRatio(firstImageSource, aspectRatioOverride);
+  const navigation = useSliderNavigation({
+    initialIndex
+  });
+  const fullScreen = useSliderFullScreen();
+
+  // Destructure stable setState functions and callback dispatchers
+  const {
+    setCurrentIndex: setCurrentIndexRaw
+  } = navigation;
+  const {
+    setIsFullScreenOpen
+  } = fullScreen;
+  const {
+    onIndexChange: onIndexChangeDispatcher,
+    onFullScreenChange: onFullScreenChangeDispatcher
+  } = callbacks;
+  const totalItems = data?.length ?? 0;
+
+  // Create wrappers that update state AND dispatch callbacks
+  const setCurrentIndex = useCallback(index => {
+    if (totalItems === 0) return;
+    const clampedIndex = Math.max(0, Math.min(index, totalItems - 1));
+    setCurrentIndexRaw(clampedIndex);
+    onIndexChangeDispatcher(clampedIndex);
+  }, [setCurrentIndexRaw, onIndexChangeDispatcher, totalItems]);
+  const openFullScreen = useCallback(() => {
+    setIsFullScreenOpen(true);
+    onFullScreenChangeDispatcher(true);
+  }, [setIsFullScreenOpen, onFullScreenChangeDispatcher]);
+  const closeFullScreen = useCallback(() => {
+    setIsFullScreenOpen(false);
+    onFullScreenChangeDispatcher(false);
+  }, [setIsFullScreenOpen, onFullScreenChangeDispatcher]);
+  return useMemo(() => ({
+    data,
+    totalItems,
+    ...aspectRatio,
+    currentIndex: navigation.currentIndex,
+    registerScrollFn: navigation.registerScrollFn,
+    scrollToIndex: navigation.scrollToIndex,
+    setCurrentIndex,
+    isFullScreenOpen: fullScreen.isFullScreenOpen,
+    hasFullScreen: fullScreen.hasFullScreen,
+    registerFullScreen: fullScreen.registerFullScreen,
+    openFullScreen,
+    closeFullScreen,
+    statusBarStyle,
+    ...callbacks
+  }), [data, totalItems, aspectRatio, navigation.currentIndex, navigation.registerScrollFn, navigation.scrollToIndex, setCurrentIndex, fullScreen.isFullScreenOpen, fullScreen.hasFullScreen, fullScreen.registerFullScreen, openFullScreen, closeFullScreen, statusBarStyle, callbacks]);
+}
+//# sourceMappingURL=use-slider-state.js.map

package/lib/module/hooks/use-slider-state.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useImageAspectRatio","useSliderNavigation","useSliderFullScreen","useSliderCallbacks","useSliderState","data","initialIndex","imageAspectRatio","aspectRatioOverride","statusBarStyle","propCallbacks","firstImageSource","source","callbacks","aspectRatio","navigation","fullScreen","setCurrentIndex","setCurrentIndexRaw","setIsFullScreenOpen","onIndexChange","onIndexChangeDispatcher","onFullScreenChange","onFullScreenChangeDispatcher","totalItems","length","index","clampedIndex","Math","max","min","openFullScreen","closeFullScreen","currentIndex","registerScrollFn","scrollToIndex","isFullScreenOpen","hasFullScreen","registerFullScreen"],"sourceRoot":"../../../src","sources":["hooks/use-slider-state.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAG5C,SACIC,mBAAmB,EACnBC,mBAAmB,EACnBC,mBAAmB,EACnBC,kBAAkB,QACf,yBAAgB;AAEvB,OAAO,SAASC,cAAcA,CAAC;EAC3BC,IAAI;EACJC,YAAY;EACZC,gBAAgB,EAAEC,mBAAmB;EACrCC,cAAc,GAAG,MAAM;EACvB,GAAGC;AACgC,CAAC,EAAe;EACnD;EACA,MAAMC,gBAAgB,GAAGN,IAAI,GAAG,CAAC,CAAC,EAAEO,MAAM;;EAE1C;EACA,MAAMC,SAAS,GAAGV,kBAAkB,CAACO,aAAa,CAAC;EACnD,MAAMI,WAAW,GAAGd,mBAAmB,CAACW,gBAAgB,EAAEH,mBAAmB,CAAC;EAC9E,MAAMO,UAAU,GAAGd,mBAAmB,CAAC;IAAEK;EAAa,CAAC,CAAC;EACxD,MAAMU,UAAU,GAAGd,mBAAmB,CAAC,CAAC;;EAExC;EACA,MAAM;IAAEe,eAAe,EAAEC;EAAmB,CAAC,GAAGH,UAAU;EAC1D,MAAM;IAAEI;EAAoB,CAAC,GAAGH,UAAU;EAC1C,MAAM;IACFI,aAAa,EAAEC,uBAAuB;IACtCC,kBAAkB,EAAEC;EACxB,CAAC,GAAGV,SAAS;EAEb,MAAMW,UAAU,GAAGnB,IAAI,EAAEoB,MAAM,IAAI,CAAC;;EAEpC;EACA,MAAMR,eAAe,GAAGnB,WAAW,CAC9B4B,KAAa,IAAK;IACf,IAAIF,UAAU,KAAK,CAAC,EAAE;IACtB,MAAMG,YAAY,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAACJ,KAAK,EAAEF,UAAU,GAAG,CAAC,CAAC,CAAC;IACjEN,kBAAkB,CAACS,YAAY,CAAC;IAChCN,uBAAuB,CAACM,YAAY,CAAC;EACzC,CAAC,EACD,CAACT,kBAAkB,EAAEG,uBAAuB,EAAEG,UAAU,CAC5D,CAAC;EAED,MAAMO,cAAc,GAAGjC,WAAW,CAAC,MAAM;IACrCqB,mBAAmB,CAAC,IAAI,CAAC;IACzBI,4BAA4B,CAAC,IAAI,CAAC;EACtC,CAAC,EAAE,CAACJ,mBAAmB,EAAEI,4BAA4B,CAAC,CAAC;EAEvD,MAAMS,eAAe,GAAGlC,WAAW,CAAC,MAAM;IACtCqB,mBAAmB,CAAC,KAAK,CAAC;IAC1BI,4BAA4B,CAAC,KAAK,CAAC;EACvC,CAAC,EAAE,CAACJ,mBAAmB,EAAEI,4BAA4B,CAAC,CAAC;EAEvD,OAAOxB,OAAO,CACV,OAAO;IACHM,IAAI;IACJmB,UAAU;IACV,GAAGV,WAAW;IACdmB,YAAY,EAAElB,UAAU,CAACkB,YAAY;IACrCC,gBAAgB,EAAEnB,UAAU,CAACmB,gBAAgB;IAC7CC,aAAa,EAAEpB,UAAU,CAACoB,aAAa;IACvClB,eAAe;IACfmB,gBAAgB,EAAEpB,UAAU,CAACoB,gBAAgB;IAC7CC,aAAa,EAAErB,UAAU,CAACqB,aAAa;IACvCC,kBAAkB,EAAEtB,UAAU,CAACsB,kBAAkB;IACjDP,cAAc;IACdC,eAAe;IACfvB,cAAc;IACd,GAAGI;EACP,CAAC,CAAC,EACF,CACIR,IAAI,EACJmB,UAAU,EACVV,WAAW,EACXC,UAAU,CAACkB,YAAY,EACvBlB,UAAU,CAACmB,gBAAgB,EAC3BnB,UAAU,CAACoB,aAAa,EACxBlB,eAAe,EACfD,UAAU,CAACoB,gBAAgB,EAC3BpB,UAAU,CAACqB,aAAa,EACxBrB,UAAU,CAACsB,kBAAkB,EAC7BP,cAAc,EACdC,eAAe,EACfvB,cAAc,EACdI,SAAS,CAEjB,CAAC;AACL","ignoreList":[]}

package/lib/module/icons/icon-x.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function IconX({
+  size = 24,
+  color = '#1f2937',
+  stroke = 2,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    strokeWidth: stroke,
+    stroke: color,
+    fill: "none",
+    ...props,
+    children: [/*#__PURE__*/_jsx(Path, {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }), /*#__PURE__*/_jsx(Path, {
+      d: "M18 6l-12 12"
+    }), /*#__PURE__*/_jsx(Path, {
+      d: "M6 6l12 12"
+    })]
+  });
+}
+export { IconX };
+//# sourceMappingURL=icon-x.js.map

package/lib/module/icons/icon-x.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Svg","Path","jsx","_jsx","jsxs","_jsxs","IconX","size","color","stroke","props","width","height","viewBox","strokeWidth","fill","children","d"],"sourceRoot":"../../../src","sources":["icons/icon-x.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG7C,SAASC,KAAKA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,SAAS;EAAEC,MAAM,GAAG,CAAC;EAAE,GAAGC;AAAkB,CAAC,EAAE;EAC/E,oBACIL,KAAA,CAACL,GAAG;IACAW,KAAK,EAAEJ,IAAK;IACZK,MAAM,EAAEL,IAAK;IACbM,OAAO,EAAC,WAAW;IACnBC,WAAW,EAAEL,MAAO;IACpBA,MAAM,EAAED,KAAM;IACdO,IAAI,EAAC,MAAM;IAAA,GACPL,KAAK;IAAAM,QAAA,gBAETb,IAAA,CAACF,IAAI;MAACQ,MAAM,EAAC,MAAM;MAACQ,CAAC,EAAC,eAAe;MAACF,IAAI,EAAC;IAAM,CAAE,CAAC,eACpDZ,IAAA,CAACF,IAAI;MAACgB,CAAC,EAAC;IAAc,CAAE,CAAC,eACzBd,IAAA,CAACF,IAAI;MAACgB,CAAC,EAAC;IAAY,CAAE,CAAC;EAAA,CACtB,CAAC;AAEd;AAGA,SAASX,KAAK","ignoreList":[]}

package/lib/module/index.js

@@ -1,10 +1,5 @@
 "use strict";
 
-import SimpleImageSliderThemeProvider, { useSimpleImageSliderTheme } from './SimpleImageSliderThemeProvider';
-import BaseListImageSlider from './BaseSimpleImageSlider';
-import SimpleImageSlider from './SimpleImageSlider';
-import FullScreenImageSlider from './FullScreenImageSlider';
-import PinchToZoom from './PinchToZoom';
-import PageCounter from './PageCounter';
-export { SimpleImageSliderThemeProvider, useSimpleImageSliderTheme, BaseListImageSlider, SimpleImageSlider, FullScreenImageSlider, PinchToZoom, PageCounter };
+export * from "./primitives/index.js";
+export { useSlider } from "./context/slider-context.js";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["SimpleImageSliderThemeProvider","useSimpleImageSliderTheme","BaseListImageSlider","SimpleImageSlider","FullScreenImageSlider","PinchToZoom","PageCounter"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,8BAA8B,IACjCC,yBAAyB,QAGtB,kCAAkC;AACzC,OAAOC,mBAAmB,MAA2C,yBAAyB;AAC9F,OAAOC,iBAAiB,MAAuC,qBAAqB;AACpF,OAAOC,qBAAqB,MAA2C,yBAAyB;AAChG,OAAOC,WAAW,MAAiC,eAAe;AAElE,OAAOC,WAAW,MAAiC,eAAe;AAElE,SACIN,8BAA8B,EAC9BC,yBAAyB,EAGzBC,mBAAmB,EAEnBC,iBAAiB,EAEjBC,qBAAqB,EAErBC,WAAW,EAGXC,WAAW","ignoreList":[]}
+{"version":3,"names":["useSlider"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,uBAAc;AAE5B,SAASA,SAAS,QAAQ,6BAA0B","ignoreList":[]}

package/lib/module/internal/pinch-to-zoom.js

@@ -0,0 +1,202 @@
+"use strict";
+
+import React, { useCallback, useMemo } from 'react';
+import { useWindowDimensions } from 'react-native';
+import Animated, { cancelAnimation, useAnimatedReaction, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { scheduleOnRN } from 'react-native-worklets';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import * as Haptics from 'expo-haptics';
+import { clamp } from "../utils/clamp.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const THROTTLE_MS = 50; // ~3 frames at 60fps
+
+function PinchToZoom({
+  minimumZoomScale = 1,
+  maximumZoomScale = 8,
+  style: propStyle,
+  disabled,
+  onLayout,
+  onStatusChange,
+  onScaleChange,
+  onScaleReset,
+  children,
+  onDismiss
+}) {
+  const {
+    height: windowHeight
+  } = useWindowDimensions();
+  const translationX = useSharedValue(0);
+  const translationY = useSharedValue(0);
+  const originX = useSharedValue(0);
+  const originY = useSharedValue(0);
+  const scale = useSharedValue(1);
+  const isPinching = useSharedValue(false);
+  const viewHeight = useSharedValue(0);
+  const viewWidth = useSharedValue(0);
+  const prevScale = useSharedValue(0);
+  const offsetScale = useSharedValue(0);
+  const prevTranslationX = useSharedValue(0);
+  const prevTranslationY = useSharedValue(0);
+  const isZoomedValue = useSharedValue(false);
+  const lastStatusUpdateTime = useSharedValue(0);
+  const pinchGesture = useMemo(() => {
+    let gesture = Gesture.Pinch().enabled(!disabled).onStart(() => {
+      'worklet';
+
+      cancelAnimation(translationX);
+      cancelAnimation(translationY);
+      cancelAnimation(scale);
+      prevScale.value = scale.value;
+      offsetScale.value = scale.value;
+      isZoomedValue.value = true;
+      if (onScaleChange) scheduleOnRN(onScaleChange);
+    }).onUpdate(e => {
+      'worklet';
+
+      if (e.numberOfPointers === 2) {
+        scale.value = Math.min(prevScale.value * e.scale, maximumZoomScale);
+
+        // reset the origin
+        if (!isPinching.value) {
+          isPinching.value = true;
+          originX.value = e.focalX;
+          originY.value = e.focalY;
+          prevTranslationX.value = translationX.value;
+          prevTranslationY.value = translationY.value;
+          offsetScale.value = scale.value;
+        }
+        if (isPinching.value) {
+          // translate the image to the focal point as we're zooming
+          translationX.value = clamp(prevTranslationX.value + -1 * ((scale.value - offsetScale.value) * (originX.value - viewWidth.value / 2)), -viewWidth.value * (scale.value - minimumZoomScale) / 2, viewWidth.value * (scale.value - minimumZoomScale) / 2);
+          translationY.value = clamp(prevTranslationY.value + -1 * ((scale.value - offsetScale.value) * (originY.value - viewHeight.value / 2)), -viewHeight.value * (scale.value - minimumZoomScale) / 2, viewHeight.value * (scale.value - minimumZoomScale) / 2);
+        }
+      }
+    }).onEnd(() => {
+      'worklet';
+
+      isPinching.value = false;
+      if (scale.value < minimumZoomScale / 2 && prevScale.value <= minimumZoomScale) {
+        if (onDismiss) {
+          scheduleOnRN(onDismiss);
+        }
+      } else if (scale.value < minimumZoomScale) {
+        scheduleOnRN(Haptics.impactAsync, Haptics.ImpactFeedbackStyle.Light);
+        translationX.value = withTiming(0);
+        translationY.value = withTiming(0);
+        scale.value = withTiming(minimumZoomScale);
+        isZoomedValue.value = false;
+        if (onScaleReset) {
+          scheduleOnRN(onScaleReset);
+        }
+      }
+      prevScale.value = scale.value;
+      prevTranslationX.value = translationX.value;
+      prevTranslationY.value = translationY.value;
+    });
+    return gesture;
+  }, [disabled, translationX, translationY, scale, prevScale, offsetScale, onScaleChange, maximumZoomScale, isPinching, originX, originY, prevTranslationX, prevTranslationY, viewWidth, viewHeight, minimumZoomScale, onDismiss, onScaleReset, isZoomedValue]);
+  const panGesture = useMemo(() => {
+    return Gesture.Pan().enabled(!disabled).onStart(() => {
+      'worklet';
+
+      cancelAnimation(translationX);
+      cancelAnimation(translationY);
+      prevTranslationX.value = translationX.value;
+      prevTranslationY.value = translationY.value;
+    }).onUpdate(e => {
+      'worklet';
+
+      if (prevScale.value <= minimumZoomScale) {
+        translationX.value = prevTranslationX.value + e.translationX;
+        translationY.value = prevTranslationY.value + e.translationY;
+      } else {
+        translationX.value = clamp(prevTranslationX.value + e.translationX, -viewWidth.value * (scale.value - minimumZoomScale) / 2, viewWidth.value * (scale.value - minimumZoomScale) / 2);
+        translationY.value = clamp(prevTranslationY.value + e.translationY, -viewHeight.value * (scale.value - minimumZoomScale) / 2, viewHeight.value * (scale.value - minimumZoomScale) / 2);
+      }
+    }).onEnd(() => {
+      'worklet';
+
+      if (scale.value <= minimumZoomScale && prevScale.value <= minimumZoomScale) {
+        if (Math.abs(translationX.value) > viewWidth.value / 2 || Math.abs(translationY.value) > viewHeight.value / 2) {
+          if (onDismiss) {
+            scheduleOnRN(onDismiss);
+          }
+        } else {
+          scheduleOnRN(Haptics.impactAsync, Haptics.ImpactFeedbackStyle.Light);
+          translationX.value = withTiming(0);
+          translationY.value = withTiming(0);
+        }
+      } else if (viewHeight.value * (scale.value - minimumZoomScale) <= windowHeight) {
+        translationX.value = withTiming(clamp(translationX.value, -viewWidth.value * (scale.value - minimumZoomScale) / 2, viewWidth.value * (scale.value - minimumZoomScale) / 2));
+        translationY.value = withTiming(clamp(translationY.value, -viewHeight.value * (scale.value - minimumZoomScale) / 2, viewHeight.value * (scale.value - minimumZoomScale) / 2));
+      }
+    });
+  }, [disabled, minimumZoomScale, onDismiss, prevScale, prevTranslationX, prevTranslationY, scale, windowHeight, translationX, translationY, viewHeight, viewWidth]);
+  const tapGesture = useMemo(() => Gesture.Tap().enabled(!disabled).numberOfTaps(2).onStart(() => {
+    'worklet';
+
+    if (scale.value > minimumZoomScale) {
+      translationX.value = withTiming(0);
+      translationY.value = withTiming(0);
+      scale.value = withTiming(minimumZoomScale);
+      isZoomedValue.value = false;
+      if (onScaleReset) {
+        scheduleOnRN(onScaleReset);
+      }
+    } else {
+      scale.value = withTiming(maximumZoomScale / 2);
+      isZoomedValue.value = true;
+      if (onScaleChange) {
+        scheduleOnRN(onScaleChange);
+      }
+    }
+  }), [disabled, maximumZoomScale, minimumZoomScale, onScaleChange, onScaleReset, scale, translationX, translationY, isZoomedValue]);
+  const compositeGesture = useMemo(() => {
+    return Gesture.Exclusive(Gesture.Simultaneous(pinchGesture, panGesture), tapGesture);
+  }, [panGesture, pinchGesture, tapGesture]);
+  useAnimatedReaction(() => ({
+    scale: scale.value,
+    translationX: translationX.value,
+    translationY: translationY.value
+  }), current => {
+    'worklet';
+
+    const now = Date.now();
+    if (onStatusChange && now - lastStatusUpdateTime.value >= THROTTLE_MS) {
+      lastStatusUpdateTime.value = now;
+      scheduleOnRN(onStatusChange, {
+        scale: current.scale,
+        translation: {
+          x: current.translationX,
+          y: current.translationY
+        }
+      });
+    }
+  }, [onStatusChange]);
+  const style = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        translateX: translationX.value
+      }, {
+        translateY: translationY.value
+      }, {
+        scale: scale.value
+      }]
+    };
+  }, []);
+  const internalOnLayout = useCallback(e => {
+    viewHeight.value = e.nativeEvent.layout.height;
+    viewWidth.value = e.nativeEvent.layout.width;
+    onLayout?.(e);
+  }, [viewHeight, viewWidth, onLayout]);
+  return /*#__PURE__*/_jsx(GestureDetector, {
+    gesture: compositeGesture,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      onLayout: internalOnLayout,
+      style: [style, propStyle],
+      children: children
+    })
+  });
+}
+export { PinchToZoom };
+//# sourceMappingURL=pinch-to-zoom.js.map

package/lib/module/internal/pinch-to-zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useWindowDimensions","Animated","cancelAnimation","useAnimatedReaction","useAnimatedStyle","useSharedValue","withTiming","scheduleOnRN","Gesture","GestureDetector","Haptics","clamp","jsx","_jsx","THROTTLE_MS","PinchToZoom","minimumZoomScale","maximumZoomScale","style","propStyle","disabled","onLayout","onStatusChange","onScaleChange","onScaleReset","children","onDismiss","height","windowHeight","translationX","translationY","originX","originY","scale","isPinching","viewHeight","viewWidth","prevScale","offsetScale","prevTranslationX","prevTranslationY","isZoomedValue","lastStatusUpdateTime","pinchGesture","gesture","Pinch","enabled","onStart","value","onUpdate","e","numberOfPointers","Math","min","focalX","focalY","onEnd","impactAsync","ImpactFeedbackStyle","Light","panGesture","Pan","abs","tapGesture","Tap","numberOfTaps","compositeGesture","Exclusive","Simultaneous","current","now","Date","translation","x","y","transform","translateX","translateY","internalOnLayout","nativeEvent","layout","width","View"],"sourceRoot":"../../../src","sources":["internal/pinch-to-zoom.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/primitives/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+export { Slider } from "./slider.js";
+export { SliderContent } from "./slider-content.js";
+export { SliderPageCounter } from "./slider-page-counter.js";
+export { SliderCorner } from "./slider-corner.js";
+export { SliderFullScreen } from "./slider-full-screen.js";
+export { SliderCloseButton } from "./slider-close-button.js";
+export { SliderDescription } from "./slider-description.js";
+export { SliderEmpty } from "./slider-empty.js";
+//# sourceMappingURL=index.js.map

package/lib/module/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Slider","SliderContent","SliderPageCounter","SliderCorner","SliderFullScreen","SliderCloseButton","SliderDescription","SliderEmpty"],"sourceRoot":"../../../src","sources":["primitives/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU;AACjC,SAASC,aAAa,QAAQ,qBAAkB;AAChD,SAASC,iBAAiB,QAAQ,0BAAuB;AACzD,SAASC,YAAY,QAAQ,oBAAiB;AAC9C,SAASC,gBAAgB,QAAQ,yBAAsB;AACvD,SAASC,iBAAiB,QAAQ,0BAAuB;AACzD,SAASC,iBAAiB,QAAQ,yBAAsB;AACxD,SAASC,WAAW,QAAQ,mBAAgB","ignoreList":[]}

package/lib/module/primitives/slider-close-button.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useSliderContext } from "../context/slider-context.js";
+import { IconX } from "../icons/icon-x.js";
+import { Z_INDEX_OVERLAY, SAFE_AREA_OFFSET } from "../constants/layout.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function SliderCloseButton({
+  children,
+  style,
+  accessibilityLabel = 'Close full screen',
+  accessibilityHint = 'Closes the full screen view'
+}) {
+  const {
+    closeFullScreen
+  } = useSliderContext();
+  const safeAreaInsets = useSafeAreaInsets();
+  const positionStyles = useMemo(() => StyleSheet.create({
+    closeButton: {
+      position: 'absolute',
+      zIndex: Z_INDEX_OVERLAY,
+      top: safeAreaInsets.top,
+      right: safeAreaInsets.right + SAFE_AREA_OFFSET
+    }
+  }), [safeAreaInsets.right, safeAreaInsets.top]);
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    style: [positionStyles.closeButton, style],
+    onPress: closeFullScreen,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    children: children ?? /*#__PURE__*/_jsx(IconX, {
+      color: "#FFFFFF"
+    })
+  });
+}
+export { SliderCloseButton };
+//# sourceMappingURL=slider-close-button.js.map

package/lib/module/primitives/slider-close-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","StyleSheet","TouchableOpacity","useSafeAreaInsets","useSliderContext","IconX","Z_INDEX_OVERLAY","SAFE_AREA_OFFSET","jsx","_jsx","SliderCloseButton","children","style","accessibilityLabel","accessibilityHint","closeFullScreen","safeAreaInsets","positionStyles","create","closeButton","position","zIndex","top","right","onPress","accessibilityRole","color"],"sourceRoot":"../../../src","sources":["primitives/slider-close-button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAE3D,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,gBAAgB,QAAQ,8BAA2B;AAC5D,SAASC,KAAK,QAAQ,oBAAiB;AACvC,SAASC,eAAe,EAAEC,gBAAgB,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASxE,SAASC,iBAAiBA,CAAC;EACvBC,QAAQ;EACRC,KAAK;EACLC,kBAAkB,GAAG,mBAAmB;EACxCC,iBAAiB,GAAG;AACA,CAAC,EAAE;EACvB,MAAM;IAAEC;EAAgB,CAAC,GAAGX,gBAAgB,CAAC,CAAC;EAC9C,MAAMY,cAAc,GAAGb,iBAAiB,CAAC,CAAC;EAE1C,MAAMc,cAAc,GAAGjB,OAAO,CAC1B,MACIC,UAAU,CAACiB,MAAM,CAAC;IACdC,WAAW,EAAE;MACTC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAEf,eAAe;MACvBgB,GAAG,EAAEN,cAAc,CAACM,GAAG;MACvBC,KAAK,EAAEP,cAAc,CAACO,KAAK,GAAGhB;IAClC;EACJ,CAAC,CAAC,EACN,CAACS,cAAc,CAACO,KAAK,EAAEP,cAAc,CAACM,GAAG,CAC7C,CAAC;EAED,oBACIb,IAAA,CAACP,gBAAgB;IACbU,KAAK,EAAE,CAACK,cAAc,CAACE,WAAW,EAAEP,KAAK,CAAE;IAC3CY,OAAO,EAAET,eAAgB;IACzBU,iBAAiB,EAAC,QAAQ;IAC1BZ,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IAAAH,QAAA,EAEpCA,QAAQ,iBAAIF,IAAA,CAACJ,KAAK;MAACqB,KAAK,EAAC;IAAS,CAAE;EAAC,CACxB,CAAC;AAE3B;AAGA,SAAShB,iBAAiB","ignoreList":[]}