react-native-system-ui 1.0.1 → 1.0.3

package/dist/cjs/components/image-preview/ImagePreview.js

@@ -1,398 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _popup = _interopRequireDefault(require("../popup"));
-var _swiper = _interopRequireDefault(require("../swiper"));
-var _tokens = require("./tokens");
-var _validate = require("../../utils/validate");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const clampIndex = (index, total) => total <= 0 ? 0 : Math.max(0, Math.min(total - 1, index));
-const indicatorSpacing = {
-  bottom: 32
-};
-const IS_WEB = _reactNative().Platform.OS === 'web';
-const TOUCH_MOVE_THRESHOLD = 8;
-const TOUCH_MOVE_THRESHOLD_SQUARED = TOUCH_MOVE_THRESHOLD * TOUCH_MOVE_THRESHOLD;
-const ImageSlide = /*#__PURE__*/_react().default.memo(props => {
-  const {
-    source,
-    rendered,
-    pressableHandlers,
-    index,
-    total
-  } = props;
-  return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({
-    accessibilityRole: "image",
-    accessibilityLabel: `image ${index + 1} of ${total}`,
-    style: S.slidePressable
-  }, pressableHandlers), rendered ? /*#__PURE__*/_react().default.createElement(_reactNative().Image, {
-    source: source,
-    resizeMode: "contain",
-    style: S.image,
-    accessible: true,
-    accessibilityRole: "image"
-  }) : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: S.imagePlaceholder
-  }));
-}, (prev, next) => prev.source === next.source && prev.rendered === next.rendered && prev.pressableHandlers === next.pressableHandlers && prev.index === next.index && prev.total === next.total);
-const ImagePreviewImpl = (props, ref) => {
-  const {
-    visible,
-    images = [],
-    startPosition = 0,
-    tokensOverride,
-    lazyRender = false,
-    lazyRenderBuffer = 1,
-    showIndex = true,
-    indexRender,
-    showIndicators = false,
-    closeable = false,
-    closeIcon,
-    closeIconPosition = 'top-right',
-    closeOnlyClickCloseIcon = false,
-    overlay = true,
-    overlayStyle,
-    closeOnBackPress,
-    closeOnPopstate,
-    zIndex,
-    duration,
-    safeAreaInsetTop = true,
-    safeAreaInsetBottom = true,
-    onChange,
-    onClose,
-    onClosed,
-    beforeClose
-  } = props;
-  const {
-    colors,
-    layout,
-    radii,
-    typography,
-    spacing
-  } = (0, _tokens.useImagePreviewTokens)(tokensOverride);
-  const swiperRef = (0, _react().useRef)(null);
-  const pendingCloseReason = (0, _react().useRef)('close');
-  const touchStartRef = (0, _react().useRef)(null);
-  const touchMovedRef = (0, _react().useRef)(false);
-  const imgLen = images.length;
-  const [activeIndex, setActiveIndex] = (0, _react().useState)(() => clampIndex(startPosition, imgLen));
-  const safeIdx = clampIndex(activeIndex, imgLen);
-  const latestRef = (0, _react().useRef)({
-    images,
-    index: safeIdx,
-    beforeClose,
-    onClose
-  });
-  latestRef.current = {
-    images,
-    index: safeIdx,
-    beforeClose,
-    onClose
-  };
-  const resolvedImages = (0, _react().useMemo)(() => images.map(img => (0, _validate.isString)(img) ? {
-    uri: img
-  } : img), [images]);
-  (0, _react().useEffect)(() => {
-    setActiveIndex(cur => clampIndex(cur, imgLen));
-  }, [imgLen]);
-  (0, _react().useEffect)(() => {
-    if (!visible) return;
-    const next = clampIndex(startPosition, imgLen);
-    setActiveIndex(next);
-    if (typeof requestAnimationFrame !== 'undefined') {
-      const raf = requestAnimationFrame(() => {
-        swiperRef.current?.swipeTo(next, false);
-      });
-      return () => cancelAnimationFrame(raf);
-    }
-  }, [imgLen, startPosition, visible]);
-  const runBeforeClose = (0, _react().useCallback)(async reason => {
-    const {
-      beforeClose: bc,
-      images: imgs,
-      index
-    } = latestRef.current;
-    if (!bc) return true;
-    const res = await bc({
-      reason,
-      index,
-      image: imgs[index]
-    });
-    return res !== false;
-  }, []);
-  const executeClose = (0, _react().useCallback)(async (reason, bypassBeforeClose = false) => {
-    const {
-      onClose: oc,
-      images: imgs,
-      index
-    } = latestRef.current;
-    if (!bypassBeforeClose) {
-      const allowed = await runBeforeClose(reason);
-      if (!allowed) return;
-    }
-    oc?.({
-      index,
-      image: imgs[index]
-    });
-  }, [runBeforeClose]);
-  const handlePopupBeforeClose = (0, _react().useCallback)(async reason => {
-    pendingCloseReason.current = reason;
-    return runBeforeClose(reason);
-  }, [runBeforeClose]);
-  const handlePopupClose = (0, _react().useCallback)(() => {
-    void executeClose(pendingCloseReason.current, true);
-  }, [executeClose]);
-  (0, _react().useImperativeHandle)(ref, () => ({
-    swipeTo: (index, anim = true) => {
-      const next = clampIndex(index, imgLen);
-      setActiveIndex(next);
-      swiperRef.current?.swipeTo(next, anim);
-    }
-  }), [imgLen]);
-  const onChangeRef = (0, _react().useRef)(onChange);
-  onChangeRef.current = onChange;
-  const safeIdxRef = (0, _react().useRef)(safeIdx);
-  safeIdxRef.current = safeIdx;
-  const handleSwiperChange = (0, _react().useCallback)(index => {
-    if (safeIdxRef.current === index) return;
-    setActiveIndex(index);
-    onChangeRef.current?.(index);
-  }, []);
-  const handleImagePress = (0, _react().useCallback)(() => {
-    if (closeOnlyClickCloseIcon) return;
-    void executeClose('content');
-  }, [closeOnlyClickCloseIcon, executeClose]);
-  const resetTouch = (0, _react().useCallback)(() => {
-    touchStartRef.current = null;
-    touchMovedRef.current = false;
-  }, []);
-  const handleTouchStart = (0, _react().useCallback)((x, y) => {
-    touchStartRef.current = {
-      x,
-      y
-    };
-    touchMovedRef.current = false;
-  }, []);
-  const handleTouchMove = (0, _react().useCallback)((x, y) => {
-    const start = touchStartRef.current;
-    if (!start) return;
-    const dx = x - start.x;
-    const dy = y - start.y;
-    if (dx * dx + dy * dy >= TOUCH_MOVE_THRESHOLD_SQUARED) touchMovedRef.current = true;
-  }, []);
-  const handleTouchEnd = (0, _react().useCallback)((x, y) => {
-    const start = touchStartRef.current;
-    const moved = touchMovedRef.current;
-    resetTouch();
-    if (!start || moved) return;
-    const dx = x - start.x;
-    const dy = y - start.y;
-    if (dx * dx + dy * dy >= TOUCH_MOVE_THRESHOLD_SQUARED) return;
-    handleImagePress();
-  }, [handleImagePress, resetTouch]);
-  const pressableHandlers = (0, _react().useMemo)(() => {
-    const handlers = {
-      onTouchStart: e => {
-        const {
-          pageX,
-          pageY
-        } = e.nativeEvent;
-        if (pageX != null && pageY != null) handleTouchStart(pageX, pageY);
-      },
-      onTouchMove: e => {
-        const {
-          pageX,
-          pageY
-        } = e.nativeEvent;
-        if (pageX != null && pageY != null) handleTouchMove(pageX, pageY);
-      },
-      onTouchEnd: e => {
-        const {
-          pageX,
-          pageY
-        } = e.nativeEvent;
-        if (pageX != null && pageY != null) handleTouchEnd(pageX, pageY);
-      },
-      onTouchCancel: resetTouch
-    };
-    if (IS_WEB) {
-      handlers.onMouseDown = e => {
-        const nativeEvent = e.nativeEvent;
-        if (nativeEvent?.pageX != null && nativeEvent?.pageY != null) handleTouchStart(nativeEvent.pageX, nativeEvent.pageY);
-      };
-      handlers.onMouseMove = e => {
-        const nativeEvent = e.nativeEvent;
-        if (nativeEvent?.buttons !== 1) return;
-        if (nativeEvent?.pageX != null && nativeEvent?.pageY != null) handleTouchMove(nativeEvent.pageX, nativeEvent.pageY);
-      };
-      handlers.onMouseUp = e => {
-        const nativeEvent = e.nativeEvent;
-        if (nativeEvent?.pageX != null && nativeEvent?.pageY != null) handleTouchEnd(nativeEvent.pageX, nativeEvent.pageY);
-      };
-    }
-    return handlers;
-  }, [handleTouchMove, handleTouchStart, resetTouch, handleTouchEnd]);
-  const renderIndex = (0, _react().useCallback)((current, total) => {
-    if (!showIndex || total === 0) return null;
-    const indexText = `${current + 1} / ${total}`;
-    return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: [S.index, {
-        top: spacing.indexTop
-      }],
-      testID: "rv-image-preview-index"
-    }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: [S.indexBadge, {
-        backgroundColor: colors.indexBackground,
-        borderRadius: radii.indexBadge,
-        paddingHorizontal: spacing.indexPaddingHorizontal,
-        paddingVertical: spacing.indexPaddingVertical
-      }]
-    }, indexRender ? indexRender({
-      index: current,
-      len: total
-    }) : /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-      style: [S.indexText, {
-        color: colors.indexText,
-        fontFamily: typography.fontFamily,
-        fontSize: typography.indexTextSize
-      }]
-    }, indexText)));
-  }, [colors.indexBackground, colors.indexText, indexRender, radii.indexBadge, showIndex, spacing.indexPaddingHorizontal, spacing.indexPaddingVertical, spacing.indexTop, typography.indexTextSize]);
-  const lazyBuffer = lazyRender ? Math.max(0, lazyRenderBuffer | 0) : 0;
-  const renderIndicator = (0, _react().useCallback)((total, current) => /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, renderIndex(current, total), showIndicators && total > 1 && /*#__PURE__*/_react().default.createElement(_swiper.default.PagIndicator, {
-    total: total,
-    current: current,
-    activeColor: colors.indicatorActive,
-    inactiveColor: colors.indicatorInactive,
-    style: indicatorSpacing,
-    testID: "rv-image-preview-indicators"
-  })), [colors.indicatorActive, colors.indicatorInactive, renderIndex, showIndicators]);
-  return /*#__PURE__*/_react().default.createElement(_popup.default, {
-    visible: visible,
-    overlay: overlay,
-    overlayStyle: overlayStyle,
-    closeOnOverlayPress: !closeOnlyClickCloseIcon,
-    closeOnBackPress: closeOnBackPress,
-    closeOnPopstate: closeOnPopstate,
-    zIndex: zIndex,
-    duration: duration,
-    closeable: closeable,
-    closeIcon: closeIcon,
-    closeIconPosition: closeIconPosition,
-    stopPropagation: false,
-    round: false,
-    safeAreaInsetTop: safeAreaInsetTop,
-    safeAreaInsetBottom: safeAreaInsetBottom,
-    overlayTestID: "rv-image-preview-overlay",
-    style: [S.popup, {
-      backgroundColor: colors.transparent,
-      padding: layout.popupPadding,
-      borderRadius: layout.popupRadius
-    }],
-    beforeClose: handlePopupBeforeClose,
-    onClose: handlePopupClose,
-    onClosed: onClosed
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [S.content, {
-      backgroundColor: colors.background
-    }]
-  }, imgLen === 1 && renderIndex(0, 1), imgLen === 0 ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: S.empty,
-    testID: "rv-image-preview-empty"
-  }) : /*#__PURE__*/_react().default.createElement(_swiper.default, {
-    ref: swiperRef,
-    style: S.swiper,
-    initialSwipe: clampIndex(startPosition, imgLen),
-    loop: false,
-    autoplay: false,
-    touchable: imgLen > 1,
-    indicator: renderIndicator,
-    onChange: handleSwiperChange,
-    testID: "rv-image-preview-swiper"
-  }, resolvedImages.map((source, index) => /*#__PURE__*/_react().default.createElement(_swiper.default.Item, {
-    key: index,
-    style: S.slide,
-    testID: `rv-image-preview-slide-${index}`
-  }, /*#__PURE__*/_react().default.createElement(ImageSlide, {
-    source: source,
-    rendered: !lazyRender || Math.abs(index - safeIdx) <= lazyBuffer,
-    pressableHandlers: pressableHandlers,
-    index: index,
-    total: resolvedImages.length
-  }))))));
-};
-const ImagePreviewForwardRef = /*#__PURE__*/_react().default.forwardRef(ImagePreviewImpl);
-const ImagePreview = /*#__PURE__*/_react().default.memo(ImagePreviewForwardRef);
-var _default = exports.default = ImagePreview;
-const S = _reactNative().StyleSheet.create({
-  popup: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: '100%',
-    height: '100%',
-    maxWidth: '100%',
-    maxHeight: '100%'
-  },
-  content: {
-    flex: 1
-  },
-  swiper: {
-    flex: 1
-  },
-  slide: {
-    justifyContent: 'center',
-    alignItems: 'center',
-    flex: 1
-  },
-  slidePressable: {
-    flex: 1,
-    width: '100%',
-    height: '100%',
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  image: {
-    width: '100%',
-    height: '100%'
-  },
-  imagePlaceholder: {
-    width: '100%',
-    height: '100%'
-  },
-  empty: {
-    flex: 1
-  },
-  index: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    alignItems: 'center',
-    zIndex: 1
-  },
-  indexBadge: {},
-  indexText: {
-    fontWeight: '500'
-  }
-});
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _popup=_interopRequireDefault(require("../popup")),_swiper=_interopRequireDefault(require("../swiper")),_tokens=require("./tokens"),_validate=require("../../utils/validate");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(o,t,i):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const clampIndex=(e,t)=>t<=0?0:Math.max(0,Math.min(t-1,e)),indicatorSpacing={bottom:32},IS_WEB="web"===_reactNative().Platform.OS,TOUCH_MOVE_THRESHOLD=8,TOUCH_MOVE_THRESHOLD_SQUARED=64,ImageSlide=_react().default.memo(e=>{const{source:t,rendered:a,pressableHandlers:r,index:n,total:i}=e;return _react().default.createElement(_reactNative().Pressable,_extends({accessibilityRole:"image",accessibilityLabel:`image ${n+1} of ${i}`,style:S.slidePressable},r),a?_react().default.createElement(_reactNative().Image,{source:t,resizeMode:"contain",style:S.image,accessible:!0,accessibilityRole:"image"}):_react().default.createElement(_reactNative().View,{style:S.imagePlaceholder}))},(e,t)=>e.source===t.source&&e.rendered===t.rendered&&e.pressableHandlers===t.pressableHandlers&&e.index===t.index&&e.total===t.total),ImagePreviewImpl=(e,t)=>{const{visible:a,images:r=[],startPosition:n=0,tokensOverride:i,lazyRender:o=!1,lazyRenderBuffer:l=1,showIndex:c=!0,indexRender:s,showIndicators:u=!1,closeable:d=!1,closeIcon:p,closeIconPosition:f="top-right",closeOnlyClickCloseIcon:_=!1,overlay:g=!0,overlayStyle:m,closeOnBackPress:x,closeOnPopstate:v,zIndex:y,duration:b,safeAreaInsetTop:I=!0,safeAreaInsetBottom:w=!0,onChange:h,onClose:C,onClosed:P,beforeClose:E}=e,{colors:k,layout:T,radii:R,typography:O,spacing:M}=(0,_tokens.useImagePreviewTokens)(i),H=(0,_react().useRef)(null),q=(0,_react().useRef)("close"),z=(0,_react().useRef)(null),D=(0,_react().useRef)(!1),B=r.length,[N,A]=(0,_react().useState)(()=>clampIndex(n,B)),F=clampIndex(N,B),V=(0,_react().useRef)({images:r,index:F,beforeClose:E,onClose:C});V.current={images:r,index:F,beforeClose:E,onClose:C};const W=(0,_react().useMemo)(()=>r.map(e=>(0,_validate.isString)(e)?{uri:e}:e),[r]);(0,_react().useEffect)(()=>{A(e=>clampIndex(e,B))},[B]),(0,_react().useEffect)(()=>{if(!a)return;const e=clampIndex(n,B);if(A(e),"undefined"!=typeof requestAnimationFrame){const t=requestAnimationFrame(()=>{H.current?.swipeTo(e,!1)});return()=>cancelAnimationFrame(t)}},[B,n,a]);const X=(0,_react().useCallback)(async e=>{const{beforeClose:t,images:a,index:r}=V.current;if(!t)return!0;return!1!==await t({reason:e,index:r,image:a[r]})},[]),Y=(0,_react().useCallback)(async(e,t=!1)=>{const{onClose:a,images:r,index:n}=V.current;if(!t){if(!await X(e))return}a?.({index:n,image:r[n]})},[X]),j=(0,_react().useCallback)(async e=>(q.current=e,X(e)),[X]),$=(0,_react().useCallback)(()=>{Y(q.current,!0)},[Y]);(0,_react().useImperativeHandle)(t,()=>({swipeTo:(e,t=!0)=>{const a=clampIndex(e,B);A(a),H.current?.swipeTo(a,t)}}),[B]);const U=(0,_react().useRef)(h);U.current=h;const L=(0,_react().useRef)(F);L.current=F;const Q=(0,_react().useCallback)(e=>{L.current!==e&&(A(e),U.current?.(e))},[]),G=(0,_react().useCallback)(()=>{_||Y("content")},[_,Y]),J=(0,_react().useCallback)(()=>{z.current=null,D.current=!1},[]),K=(0,_react().useCallback)((e,t)=>{z.current={x:e,y:t},D.current=!1},[]),Z=(0,_react().useCallback)((e,t)=>{const a=z.current;if(!a)return;const r=e-a.x,n=t-a.y;r*r+n*n>=64&&(D.current=!0)},[]),ee=(0,_react().useCallback)((e,t)=>{const a=z.current,r=D.current;if(J(),!a||r)return;const n=e-a.x,i=t-a.y;n*n+i*i>=64||G()},[G,J]),te=(0,_react().useMemo)(()=>{const e={onTouchStart:e=>{const{pageX:t,pageY:a}=e.nativeEvent;null!=t&&null!=a&&K(t,a)},onTouchMove:e=>{const{pageX:t,pageY:a}=e.nativeEvent;null!=t&&null!=a&&Z(t,a)},onTouchEnd:e=>{const{pageX:t,pageY:a}=e.nativeEvent;null!=t&&null!=a&&ee(t,a)},onTouchCancel:J};return IS_WEB&&(e.onMouseDown=e=>{const t=e.nativeEvent;null!=t?.pageX&&null!=t?.pageY&&K(t.pageX,t.pageY)},e.onMouseMove=e=>{const t=e.nativeEvent;1===t?.buttons&&null!=t?.pageX&&null!=t?.pageY&&Z(t.pageX,t.pageY)},e.onMouseUp=e=>{const t=e.nativeEvent;null!=t?.pageX&&null!=t?.pageY&&ee(t.pageX,t.pageY)}),e},[Z,K,J,ee]),ae=(0,_react().useCallback)((e,t)=>{if(!c||0===t)return null;const a=`${e+1} / ${t}`;return _react().default.createElement(_reactNative().View,{style:[S.index,{top:M.indexTop}],testID:"rv-image-preview-index"},_react().default.createElement(_reactNative().View,{style:[S.indexBadge,{backgroundColor:k.indexBackground,borderRadius:R.indexBadge,paddingHorizontal:M.indexPaddingHorizontal,paddingVertical:M.indexPaddingVertical}]},(()=>{if(!s)return _react().default.createElement(_reactNative().Text,{style:[S.indexText,{color:k.indexText,fontFamily:O.fontFamily,fontSize:O.indexTextSize}]},a);const r=s({index:e,len:t});return(0,_validate.isText)(r)?_react().default.createElement(_reactNative().Text,{style:[S.indexText,{color:k.indexText,fontFamily:O.fontFamily,fontSize:O.indexTextSize}]},r):r})()))},[k.indexBackground,k.indexText,s,R.indexBadge,c,M.indexPaddingHorizontal,M.indexPaddingVertical,M.indexTop,O.indexTextSize]),re=o?Math.max(0,0|l):0,ne=(0,_react().useCallback)((e,t)=>_react().default.createElement(_react().default.Fragment,null,ae(t,e),u&&e>1&&_react().default.createElement(_swiper.default.PagIndicator,{total:e,current:t,activeColor:k.indicatorActive,inactiveColor:k.indicatorInactive,style:indicatorSpacing,testID:"rv-image-preview-indicators"})),[k.indicatorActive,k.indicatorInactive,ae,u]);return _react().default.createElement(_popup.default,{visible:a,overlay:g,overlayStyle:m,closeOnOverlayPress:!_,closeOnBackPress:x,closeOnPopstate:v,zIndex:y,duration:b,closeable:d,closeIcon:p,closeIconPosition:f,stopPropagation:!1,round:!1,safeAreaInsetTop:I,safeAreaInsetBottom:w,overlayTestID:"rv-image-preview-overlay",style:[S.popup,{backgroundColor:k.transparent,padding:T.popupPadding,borderRadius:T.popupRadius}],beforeClose:j,onClose:$,onClosed:P},_react().default.createElement(_reactNative().View,{style:[S.content,{backgroundColor:k.background}]},1===B&&ae(0,1),0===B?_react().default.createElement(_reactNative().View,{style:S.empty,testID:"rv-image-preview-empty"}):_react().default.createElement(_swiper.default,{ref:H,style:S.swiper,initialSwipe:clampIndex(n,B),loop:!1,autoplay:!1,touchable:B>1,indicator:ne,onChange:Q,testID:"rv-image-preview-swiper"},W.map((e,t)=>_react().default.createElement(_swiper.default.Item,{key:t,style:S.slide,testID:`rv-image-preview-slide-${t}`},_react().default.createElement(ImageSlide,{source:e,rendered:!o||Math.abs(t-F)<=re,pressableHandlers:te,index:t,total:W.length}))))))},ImagePreviewForwardRef=_react().default.forwardRef(ImagePreviewImpl),ImagePreview=_react().default.memo(ImagePreviewForwardRef);var _default=exports.default=ImagePreview;const S=_reactNative().StyleSheet.create({popup:{position:"absolute",top:0,left:0,right:0,bottom:0,width:"100%",height:"100%",maxWidth:"100%",maxHeight:"100%"},content:{flex:1},swiper:{flex:1},slide:{justifyContent:"center",alignItems:"center",flex:1},slidePressable:{flex:1,width:"100%",height:"100%",justifyContent:"center",alignItems:"center"},image:{width:"100%",height:"100%"},imagePlaceholder:{width:"100%",height:"100%"},empty:{flex:1},index:{position:"absolute",left:0,right:0,alignItems:"center",zIndex:1},indexBadge:{},indexText:{fontWeight:"500"}});

package/dist/cjs/components/image-preview/imperative.js

@@ -1,72 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImagePreviewImperative = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-var _Portal = _interopRequireDefault(require("../portal/Portal"));
-var _ImagePreview = _interopRequireDefault(require("./ImagePreview"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const activeKeys = new Set();
-const closers = new Map();
-const removeInstance = key => {
-  _Portal.default.remove(key);
-  activeKeys.delete(key);
-  closers.delete(key);
-};
-const requestClose = key => {
-  const c = closers.get(key);
-  c ? c() : removeInstance(key);
-};
-const ImagePreviewPortal = ({
-  id,
-  options
-}) => {
-  const [visible, setVisible] = (0, _react().useState)(true);
-  const close = (0, _react().useCallback)(() => setVisible(false), []);
-  (0, _react().useEffect)(() => {
-    closers.set(id, close);
-    return () => {
-      if (closers.get(id) === close) closers.delete(id);
-    };
-  }, [close, id]);
-  const handleClose = (0, _react().useCallback)(params => {
-    options.onClose?.(params);
-    setVisible(false);
-  }, [options]);
-  const handleClosed = (0, _react().useCallback)(() => {
-    options.onClosed?.();
-    removeInstance(id);
-  }, [id, options]);
-  return /*#__PURE__*/_react().default.createElement(_ImagePreview.default, _extends({}, options, {
-    visible: visible,
-    onClose: handleClose,
-    onClosed: handleClosed
-  }));
-};
-const ImagePreviewImperative = exports.ImagePreviewImperative = {
-  open: (options = {}) => {
-    activeKeys.forEach(key => requestClose(key));
-    activeKeys.clear();
-    const key = _Portal.default.add(null);
-    activeKeys.add(key);
-    _Portal.default.update(key, /*#__PURE__*/_react().default.createElement(ImagePreviewPortal, {
-      id: key,
-      options: options
-    }));
-    return () => requestClose(key);
-  },
-  clear: () => {
-    activeKeys.forEach(key => requestClose(key));
-    activeKeys.clear();
-  }
-};
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.ImagePreviewImperative=void 0;var _Portal=_interopRequireDefault(require("../portal/Portal")),_ImagePreview=_interopRequireDefault(require("./ImagePreview"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,o,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?n(s,t,o):s[t]=e[t]);return s})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const activeKeys=new Set,closers=new Map,removeInstance=e=>{_Portal.default.remove(e),activeKeys.delete(e),closers.delete(e)},requestClose=e=>{const t=closers.get(e);t?t():removeInstance(e)},ImagePreviewPortal=({id:e,options:t})=>{const[r,a]=(0,_react().useState)(!0),n=(0,_react().useCallback)(()=>a(!1),[]);(0,_react().useEffect)(()=>(closers.set(e,n),()=>{closers.get(e)===n&&closers.delete(e)}),[n,e]);const o=(0,_react().useCallback)(e=>{t.onClose?.(e),a(!1)},[t]),s=(0,_react().useCallback)(()=>{t.onClosed?.(),removeInstance(e)},[e,t]);return _react().default.createElement(_ImagePreview.default,_extends({},t,{visible:r,onClose:o,onClosed:s}))},ImagePreviewImperative=exports.ImagePreviewImperative={open:(e={})=>{activeKeys.forEach(e=>requestClose(e)),activeKeys.clear();const t=_Portal.default.add(null);return activeKeys.add(t),_Portal.default.update(t,_react().default.createElement(ImagePreviewPortal,{id:t,options:e})),()=>requestClose(t)},clear:()=>{activeKeys.forEach(e=>requestClose(e)),activeKeys.clear()}};

package/dist/cjs/components/image-preview/index.js

@@ -1,17 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ImagePreview = void 0;
-var _ImagePreview = _interopRequireDefault(require("./ImagePreview"));
-var _portal = require("../portal");
-var _imperative = require("./imperative");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ImagePreviewWithStatics = Object.assign(_ImagePreview.default, {
-  Host: _portal.PortalHost,
-  open: _imperative.ImagePreviewImperative.open,
-  clear: _imperative.ImagePreviewImperative.clear
-});
-const ImagePreview = exports.ImagePreview = ImagePreviewWithStatics;
-var _default = exports.default = ImagePreview;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ImagePreview=void 0;var _ImagePreview=_interopRequireDefault(require("./ImagePreview")),_portal=require("../portal"),_imperative=require("./imperative");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const ImagePreviewWithStatics=Object.assign(_ImagePreview.default,{Host:_portal.PortalHost,open:_imperative.ImagePreviewImperative.open,clear:_imperative.ImagePreviewImperative.clear}),ImagePreview=exports.ImagePreview=ImagePreviewWithStatics;var _default=exports.default=ImagePreview;

package/dist/cjs/components/image-preview/tokens.js

@@ -1,43 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useImagePreviewTokens = void 0;
-var _designSystem = require("../../design-system");
-const createTokens = foundations => {
-  const {
-    palette,
-    radii,
-    fontSize,
-    spacing,
-    typography
-  } = foundations;
-  return {
-    colors: {
-      background: 'rgba(0,0,0,0.95)',
-      indexBackground: 'rgba(0,0,0,0.35)',
-      indexText: '#fff',
-      indicatorActive: palette.primary?.[500] ?? '#1989fa',
-      indicatorInactive: 'rgba(255,255,255,0.4)',
-      transparent: 'transparent'
-    },
-    spacing: {
-      indexTop: 24,
-      indexPaddingHorizontal: spacing.lg,
-      indexPaddingVertical: spacing.xs
-    },
-    layout: {
-      popupPadding: 0,
-      popupRadius: 0
-    },
-    radii: {
-      indexBadge: radii.pill
-    },
-    typography: {
-      fontFamily: typography.fontFamily,
-      indexTextSize: fontSize.sm
-    }
-  };
-};
-const useImagePreviewTokens = exports.useImagePreviewTokens = (0, _designSystem.createComponentTokensHook)('imagePreview', createTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useImagePreviewTokens=void 0;var _designSystem=require("../../design-system");const createTokens=e=>{const{palette:i,radii:a,fontSize:n,spacing:r,typography:t}=e;return{colors:{background:"rgba(0,0,0,0.95)",indexBackground:"rgba(0,0,0,0.35)",indexText:"#fff",indicatorActive:i.primary?.[500]??"#1989fa",indicatorInactive:"rgba(255,255,255,0.4)",transparent:"transparent"},spacing:{indexTop:24,indexPaddingHorizontal:r.lg,indexPaddingVertical:r.xs},layout:{popupPadding:0,popupRadius:0},radii:{indexBadge:a.pill},typography:{fontFamily:t.fontFamily,indexTextSize:n.sm}}},useImagePreviewTokens=exports.useImagePreviewTokens=(0,_designSystem.createComponentTokensHook)("imagePreview",createTokens);