zkit-ui 2.0.4 → 2.0.6

package/dist/all.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.actionDialog = exports.ActionDialog = exports.ToastProvider = exports.toast = exports.PickerServiceProvider = exports.pickerService = exports.ZKitCoreProvider = exports.ZKitProvider = exports.useI18n = exports.I18nProvider = exports.resolveSystemBuiltinLocale = exports.resolveBuiltinLocale = exports.DEFAULT_I18N_LOCALE = exports.BUILTIN_I18N_LOCALES = exports.configureZKit = exports.useTheme = exports.ThemeProvider = exports.LinkedScroll = exports.RadioIndicator = exports.RadioGroup = exports.Radio = exports.SliderCaptcha = exports.Switch = exports.DatePicker = exports.AddressCascader = exports.WHEEL_VISIBLE_ITEMS = exports.WHEEL_VIEWPORT_HEIGHT = exports.WHEEL_ITEM_HEIGHT = exports.WHEEL_AREA_VERTICAL_INSET = exports.WHEEL_AREA_HEIGHT = exports.WheelColumn = exports.Picker = exports.BetweenTime = exports.AccordionTrigger = exports.AccordionItem = exports.AccordionIndicator = exports.AccordionContent = exports.Accordion = exports.SheetHeader = exports.SheetFooter = exports.SheetContent = exports.Sheet = exports.TextInputPrimitive = exports.TextInput = exports.Text = exports.CheckboxIndicator = exports.CheckboxGroup = exports.Checkbox = exports.LoadingSpinner = exports.Button = void 0;
-exports.ImagePreviewProvider = exports.ImagePreview = exports.imagePreview = exports.PermissionPurposeDialogProvider = exports.permissionPurposeDialog = exports.LoadingProvider = exports.loading = exports.ActionDialogProvider = void 0;
+exports.ActionDialog = exports.ToastProvider = exports.toast = exports.PickerServiceProvider = exports.pickerService = exports.ZKitCoreProvider = exports.ZKitProvider = exports.useI18n = exports.I18nProvider = exports.resolveSystemBuiltinLocale = exports.resolveBuiltinLocale = exports.DEFAULT_I18N_LOCALE = exports.BUILTIN_I18N_LOCALES = exports.configureZKit = exports.useTheme = exports.ThemeProvider = exports.NativeImagePreview = exports.LinkedScroll = exports.RadioIndicator = exports.RadioGroup = exports.Radio = exports.SliderCaptcha = exports.Switch = exports.DatePicker = exports.AddressCascader = exports.WHEEL_VISIBLE_ITEMS = exports.WHEEL_VIEWPORT_HEIGHT = exports.WHEEL_ITEM_HEIGHT = exports.WHEEL_AREA_VERTICAL_INSET = exports.WHEEL_AREA_HEIGHT = exports.WheelColumn = exports.Picker = exports.BetweenTime = exports.AccordionTrigger = exports.AccordionItem = exports.AccordionIndicator = exports.AccordionContent = exports.Accordion = exports.SheetHeader = exports.SheetFooter = exports.SheetContent = exports.Sheet = exports.TextInputPrimitive = exports.TextInput = exports.Text = exports.CheckboxIndicator = exports.CheckboxGroup = exports.Checkbox = exports.LoadingSpinner = exports.Button = void 0;
+exports.ImagePreviewProvider = exports.ImagePreview = exports.imagePreview = exports.PermissionPurposeDialogProvider = exports.permissionPurposeDialog = exports.LoadingProvider = exports.loading = exports.ActionDialogProvider = exports.actionDialog = void 0;
 var index_1 = require("./ui/Button/index");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return index_1.Button; } });
 var index_2 = require("./ui/LoadingSpinner/index");
@@ -51,6 +51,8 @@ Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function (
 Object.defineProperty(exports, "RadioIndicator", { enumerable: true, get: function () { return index_15.RadioIndicator; } });
 var index_16 = require("./ui/LinkedScroll/index");
 Object.defineProperty(exports, "LinkedScroll", { enumerable: true, get: function () { return index_16.LinkedScroll; } });
+var index_17 = require("./ui/NativeImagePreview/index");
+Object.defineProperty(exports, "NativeImagePreview", { enumerable: true, get: function () { return index_17.NativeImagePreview; } });
 var ThemeProvider_1 = require("./theme/ThemeProvider");
 Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
 var useTheme_1 = require("./theme/useTheme");
@@ -70,23 +72,23 @@ var ZKitProvider_1 = require("./ZKitProvider");
 Object.defineProperty(exports, "ZKitProvider", { enumerable: true, get: function () { return ZKitProvider_1.ZKitProvider; } });
 var ZKitCoreProvider_1 = require("./ZKitCoreProvider");
 Object.defineProperty(exports, "ZKitCoreProvider", { enumerable: true, get: function () { return ZKitCoreProvider_1.ZKitCoreProvider; } });
-var index_17 = require("./services/PickerService/index");
-Object.defineProperty(exports, "pickerService", { enumerable: true, get: function () { return index_17.pickerService; } });
-Object.defineProperty(exports, "PickerServiceProvider", { enumerable: true, get: function () { return index_17.PickerServiceProvider; } });
-var index_18 = require("./services/CardToastService/index");
-Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return index_18.toast; } });
-Object.defineProperty(exports, "ToastProvider", { enumerable: true, get: function () { return index_18.ToastProvider; } });
-var index_19 = require("./services/ActionDialogService/index");
-Object.defineProperty(exports, "ActionDialog", { enumerable: true, get: function () { return index_19.ActionDialog; } });
-Object.defineProperty(exports, "actionDialog", { enumerable: true, get: function () { return index_19.actionDialog; } });
-Object.defineProperty(exports, "ActionDialogProvider", { enumerable: true, get: function () { return index_19.ActionDialogProvider; } });
-var index_20 = require("./services/LoadingService/index");
-Object.defineProperty(exports, "loading", { enumerable: true, get: function () { return index_20.loading; } });
-Object.defineProperty(exports, "LoadingProvider", { enumerable: true, get: function () { return index_20.LoadingProvider; } });
-var index_21 = require("./services/PermissionPurposeDialogService/index");
-Object.defineProperty(exports, "permissionPurposeDialog", { enumerable: true, get: function () { return index_21.permissionPurposeDialog; } });
-Object.defineProperty(exports, "PermissionPurposeDialogProvider", { enumerable: true, get: function () { return index_21.PermissionPurposeDialogProvider; } });
-var index_22 = require("./services/ImagePreviewService/index");
-Object.defineProperty(exports, "imagePreview", { enumerable: true, get: function () { return index_22.imagePreview; } });
-Object.defineProperty(exports, "ImagePreview", { enumerable: true, get: function () { return index_22.ImagePreview; } });
-Object.defineProperty(exports, "ImagePreviewProvider", { enumerable: true, get: function () { return index_22.ImagePreviewProvider; } });
+var index_18 = require("./services/PickerService/index");
+Object.defineProperty(exports, "pickerService", { enumerable: true, get: function () { return index_18.pickerService; } });
+Object.defineProperty(exports, "PickerServiceProvider", { enumerable: true, get: function () { return index_18.PickerServiceProvider; } });
+var index_19 = require("./services/CardToastService/index");
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return index_19.toast; } });
+Object.defineProperty(exports, "ToastProvider", { enumerable: true, get: function () { return index_19.ToastProvider; } });
+var index_20 = require("./services/ActionDialogService/index");
+Object.defineProperty(exports, "ActionDialog", { enumerable: true, get: function () { return index_20.ActionDialog; } });
+Object.defineProperty(exports, "actionDialog", { enumerable: true, get: function () { return index_20.actionDialog; } });
+Object.defineProperty(exports, "ActionDialogProvider", { enumerable: true, get: function () { return index_20.ActionDialogProvider; } });
+var index_21 = require("./services/LoadingService/index");
+Object.defineProperty(exports, "loading", { enumerable: true, get: function () { return index_21.loading; } });
+Object.defineProperty(exports, "LoadingProvider", { enumerable: true, get: function () { return index_21.LoadingProvider; } });
+var index_22 = require("./services/PermissionPurposeDialogService/index");
+Object.defineProperty(exports, "permissionPurposeDialog", { enumerable: true, get: function () { return index_22.permissionPurposeDialog; } });
+Object.defineProperty(exports, "PermissionPurposeDialogProvider", { enumerable: true, get: function () { return index_22.PermissionPurposeDialogProvider; } });
+var index_23 = require("./services/ImagePreviewService/index");
+Object.defineProperty(exports, "imagePreview", { enumerable: true, get: function () { return index_23.imagePreview; } });
+Object.defineProperty(exports, "ImagePreview", { enumerable: true, get: function () { return index_23.ImagePreview; } });
+Object.defineProperty(exports, "ImagePreviewProvider", { enumerable: true, get: function () { return index_23.ImagePreviewProvider; } });

package/dist/ui/NativeImagePreview/NativeImagePreview.d.ts

@@ -0,0 +1,3 @@
+import type { NativeImagePreviewComponent } from './types';
+export declare const NativeImagePreview: NativeImagePreviewComponent;
+//# sourceMappingURL=NativeImagePreview.d.ts.map

package/dist/ui/NativeImagePreview/NativeImagePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeImagePreview.d.ts","sourceRoot":"","sources":["../../../src/ui/NativeImagePreview/NativeImagePreview.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAEV,2BAA2B,EAI5B,MAAM,SAAS,CAAC;AAgIjB,eAAO,MAAM,kBAAkB,EAEzB,2BAA2B,CAAC"}

package/dist/ui/NativeImagePreview/NativeImagePreview.js

@@ -0,0 +1,99 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeImagePreview = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const expo_1 = require("expo");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_is_edge_to_edge_1 = require("react-native-is-edge-to-edge");
+const context_1 = require("./context");
+const utils_1 = require("./utils");
+const NativePreviewView = (0, expo_1.requireNativeView)('ZKitNativeImagePreview');
+const ANDROID_EDGE_TO_EDGE = react_native_1.Platform.OS === 'android' ? (0, react_native_is_edge_to_edge_1.isEdgeToEdge)() : false;
+function createPreviewGroupId() {
+    return `zkit-native-image-preview-${Date.now().toString(36)}-${Math.random()
+        .toString(36)
+        .slice(2, 10)}`;
+}
+const NativeImagePreviewRoot = React.memo(function NativeImagePreview({ children, colorScheme = 'dark', disabled = false, edgeToEdge = false, items, nativeProps, onChange, }) {
+    const systemColorScheme = (0, react_native_1.useColorScheme)();
+    const previewGroupIdRef = React.useRef(null);
+    if (previewGroupIdRef.current == null) {
+        previewGroupIdRef.current = createPreviewGroupId();
+    }
+    const resolvedItems = React.useMemo(() => (0, utils_1.normalizeNativeImagePreviewItems)(items), [items]);
+    const nativeItems = React.useMemo(() => (0, utils_1.toNativePreviewItems)(resolvedItems), [resolvedItems]);
+    const resolvedColorScheme = (0, utils_1.resolveNativeImagePreviewColorScheme)(colorScheme, systemColorScheme);
+    const contextValue = React.useMemo(() => ({
+        previewGroupId: previewGroupIdRef.current,
+        items: resolvedItems,
+        nativeItems,
+        colorScheme: resolvedColorScheme,
+        disabled,
+        edgeToEdge,
+        nativeProps,
+        onChange,
+    }), [disabled, edgeToEdge, nativeItems, nativeProps, onChange, resolvedColorScheme, resolvedItems]);
+    return ((0, jsx_runtime_1.jsx)(context_1.NativeImagePreviewContext.Provider, { value: contextValue, children: children }));
+});
+const NativeImagePreviewItem = React.memo(function NativeImagePreviewItem({ children, disabled = false, index, onChange, style, }) {
+    var _a;
+    const context = React.useContext(context_1.NativeImagePreviewContext);
+    const handleIndexChange = React.useCallback((event) => {
+        var _a, _b;
+        if (!context)
+            return;
+        const value = event.nativeEvent.currentIndex;
+        const meta = {
+            reason: 'swipe',
+            item: (_a = context.items[value]) !== null && _a !== void 0 ? _a : null,
+            nativeEvent: event,
+        };
+        (_b = context.onChange) === null || _b === void 0 ? void 0 : _b.call(context, value, meta);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value, meta);
+    }, [context, onChange]);
+    if (!context || context.disabled || disabled || context.nativeItems.length === 0) {
+        return (0, jsx_runtime_1.jsx)(react_native_1.View, { style: style, children: children });
+    }
+    const resolvedEdgeToEdge = ANDROID_EDGE_TO_EDGE || context.edgeToEdge;
+    if (__DEV__ && react_native_1.Platform.OS === 'android') {
+        (0, react_native_is_edge_to_edge_1.controlEdgeToEdgeValues)({ edgeToEdge: resolvedEdgeToEdge });
+    }
+    return ((0, jsx_runtime_1.jsx)(NativePreviewView, { closeIconName: (_a = context.nativeProps) === null || _a === void 0 ? void 0 : _a.iosCloseIconName, edgeToEdge: resolvedEdgeToEdge, previewGroupId: context.previewGroupId, index: (0, utils_1.clampPreviewIndex)(index, context.nativeItems.length), items: context.nativeItems, onIndexChange: handleIndexChange, style: style, theme: context.colorScheme, children: children }));
+});
+exports.NativeImagePreview = Object.assign(NativeImagePreviewRoot, {
+    Item: NativeImagePreviewItem,
+});

package/dist/ui/NativeImagePreview/NativeImagePreview.web.d.ts

@@ -0,0 +1,4 @@
+import './web/styles.css';
+import type { NativeImagePreviewComponent } from './types';
+export declare const NativeImagePreview: NativeImagePreviewComponent;
+//# sourceMappingURL=NativeImagePreview.web.d.ts.map

package/dist/ui/NativeImagePreview/NativeImagePreview.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeImagePreview.web.d.ts","sourceRoot":"","sources":["../../../src/ui/NativeImagePreview/NativeImagePreview.web.tsx"],"names":[],"mappings":"AAEA,OAAO,kBAAkB,CAAC;AAK1B,OAAO,KAAK,EAEV,2BAA2B,EAI5B,MAAM,SAAS,CAAC;AAyLjB,eAAO,MAAM,kBAAkB,EAEzB,2BAA2B,CAAC"}

package/dist/ui/NativeImagePreview/NativeImagePreview.web.js

@@ -0,0 +1,150 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeImagePreview = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/// <reference lib="dom" />
+require("./web/styles.css");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const utils_1 = require("./utils");
+const viewer_1 = require("./web/viewer");
+const NativeImagePreviewWebContext = React.createContext(null);
+const WebView = react_native_1.View;
+function toWebPreviewItems(items) {
+    return items.map(({ alt, height, id, poster, type, url, width }) => ({
+        alt: alt !== null && alt !== void 0 ? alt : id,
+        height,
+        id,
+        poster,
+        type,
+        url,
+        width,
+    }));
+}
+function findPreviewSourceElement(element) {
+    var _a;
+    if (!element)
+        return null;
+    if (element instanceof HTMLImageElement || element instanceof HTMLVideoElement) {
+        return element;
+    }
+    return (_a = element.querySelector('img, video')) !== null && _a !== void 0 ? _a : element;
+}
+function toChangeMeta(meta, items) {
+    var _a;
+    return {
+        reason: meta.reason,
+        item: (_a = items[meta.index]) !== null && _a !== void 0 ? _a : null,
+    };
+}
+const NativeImagePreviewRoot = React.memo(function NativeImagePreview({ children, colorScheme = 'dark', disabled = false, items, onChange, }) {
+    const systemColorScheme = (0, react_native_1.useColorScheme)();
+    const controllerRef = React.useRef(null);
+    const sourceElementsRef = React.useRef([]);
+    const resolvedItems = React.useMemo(() => (0, utils_1.normalizeNativeImagePreviewItems)(items), [items]);
+    const webItems = React.useMemo(() => toWebPreviewItems(resolvedItems), [resolvedItems]);
+    const resolvedColorScheme = (0, utils_1.resolveNativeImagePreviewColorScheme)(colorScheme, systemColorScheme);
+    React.useEffect(() => {
+        const controller = (0, viewer_1.createNativeImagePreviewWeb)();
+        controllerRef.current = controller;
+        return () => {
+            controller.destroy();
+            controllerRef.current = null;
+        };
+    }, []);
+    const open = React.useCallback((index, onItemChange) => {
+        var _a, _b;
+        const controller = controllerRef.current;
+        if (disabled || !controller || webItems.length === 0)
+            return;
+        const value = (0, utils_1.clampPreviewIndex)(index, webItems.length);
+        const getSourceElement = (nextIndex) => { var _a; return findPreviewSourceElement((_a = sourceElementsRef.current[nextIndex]) !== null && _a !== void 0 ? _a : null); };
+        void controller.open({
+            getSourceElement,
+            index: value,
+            items: webItems,
+            objectFit: 'cover',
+            sourceElement: getSourceElement(value),
+            sourceImageSize: resolvedItems[value]
+                ? {
+                    width: (_a = resolvedItems[value].width) !== null && _a !== void 0 ? _a : 0,
+                    height: (_b = resolvedItems[value].height) !== null && _b !== void 0 ? _b : 0,
+                }
+                : null,
+            sourceObjectFit: 'cover',
+            sourceVisibility: 'hidden',
+            theme: resolvedColorScheme,
+            onChange: (nextValue, meta) => {
+                const changeMeta = toChangeMeta(meta, resolvedItems);
+                onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, changeMeta);
+                onItemChange === null || onItemChange === void 0 ? void 0 : onItemChange(nextValue, changeMeta);
+            },
+        });
+    }, [disabled, onChange, resolvedColorScheme, resolvedItems, webItems]);
+    const contextValue = React.useMemo(() => ({
+        disabled,
+        items: resolvedItems,
+        open,
+        sourceElementsRef,
+    }), [disabled, open, resolvedItems]);
+    return ((0, jsx_runtime_1.jsx)(NativeImagePreviewWebContext.Provider, { value: contextValue, children: children }));
+});
+const NativeImagePreviewItem = React.memo(function NativeImagePreviewItem({ children, disabled = false, index, onChange, style, }) {
+    const context = React.useContext(NativeImagePreviewWebContext);
+    const sourceRef = React.useCallback((node) => {
+        if (!context)
+            return;
+        context.sourceElementsRef.current[index] = node;
+    }, [context, index]);
+    const itemDisabled = !context || context.disabled || disabled || context.items.length === 0;
+    const open = React.useCallback(() => {
+        if (itemDisabled)
+            return;
+        context.open(index, onChange);
+    }, [context, index, itemDisabled, onChange]);
+    const handleKeyDown = React.useCallback((event) => {
+        if (itemDisabled)
+            return;
+        if (event.key !== 'Enter' && event.key !== ' ')
+            return;
+        event.preventDefault();
+        open();
+    }, [itemDisabled, open]);
+    return ((0, jsx_runtime_1.jsx)(WebView, { ref: sourceRef, "aria-label": itemDisabled ? undefined : 'Open image preview', onClick: itemDisabled ? undefined : open, onKeyDown: itemDisabled ? undefined : handleKeyDown, role: itemDisabled ? undefined : 'button', style: style, tabIndex: itemDisabled ? undefined : 0, children: children }));
+});
+exports.NativeImagePreview = Object.assign(NativeImagePreviewRoot, {
+    Item: NativeImagePreviewItem,
+});

package/dist/ui/NativeImagePreview/context.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { NativeImagePreviewChangeMeta, NativeImagePreviewNativeItem, NativeImagePreviewNativeProps, NativeImagePreviewResolvedItem, NativeImagePreviewResolvedColorScheme } from './types';
+export type NativeImagePreviewContextValue = {
+    previewGroupId: string;
+    items: readonly NativeImagePreviewResolvedItem[];
+    nativeItems: readonly NativeImagePreviewNativeItem[];
+    colorScheme: NativeImagePreviewResolvedColorScheme;
+    disabled: boolean;
+    edgeToEdge: boolean;
+    nativeProps?: NativeImagePreviewNativeProps;
+    onChange?: (value: number, meta: NativeImagePreviewChangeMeta) => void;
+};
+export declare const NativeImagePreviewContext: React.Context<NativeImagePreviewContextValue | null>;
+//# sourceMappingURL=context.d.ts.map

package/dist/ui/NativeImagePreview/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/ui/NativeImagePreview/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,4BAA4B,EAC5B,4BAA4B,EAC5B,6BAA6B,EAC7B,8BAA8B,EAC9B,qCAAqC,EACtC,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,8BAA8B,GAAG;IAC3C,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,SAAS,8BAA8B,EAAE,CAAC;IACjD,WAAW,EAAE,SAAS,4BAA4B,EAAE,CAAC;IACrD,WAAW,EAAE,qCAAqC,CAAC;IACnD,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,6BAA6B,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,4BAA4B,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,yBAAyB,sDAC4B,CAAC"}

package/dist/ui/NativeImagePreview/context.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeImagePreviewContext = void 0;
+const React = __importStar(require("react"));
+exports.NativeImagePreviewContext = React.createContext(null);

package/dist/ui/NativeImagePreview/index.d.ts

@@ -0,0 +1,3 @@
+export { NativeImagePreview } from './NativeImagePreview';
+export type { NativeImagePreviewChangeEvent, NativeImagePreviewChangeEventPayload, NativeImagePreviewChangeMeta, NativeImagePreviewChangeReason, NativeImagePreviewColorScheme, NativeImagePreviewComponent, NativeImagePreviewItem, NativeImagePreviewItemDescriptor, NativeImagePreviewItemProps, NativeImagePreviewMediaType, NativeImagePreviewNativeProps, NativeImagePreviewProps, NativeImagePreviewResolvedItem, NativeImagePreviewResolvedColorScheme, NativeImagePreviewSource, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/NativeImagePreview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/NativeImagePreview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,6BAA6B,EAC7B,oCAAoC,EACpC,4BAA4B,EAC5B,8BAA8B,EAC9B,6BAA6B,EAC7B,2BAA2B,EAC3B,sBAAsB,EACtB,gCAAgC,EAChC,2BAA2B,EAC3B,2BAA2B,EAC3B,6BAA6B,EAC7B,uBAAuB,EACvB,8BAA8B,EAC9B,qCAAqC,EACrC,wBAAwB,GACzB,MAAM,SAAS,CAAC"}

package/dist/ui/NativeImagePreview/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeImagePreview = void 0;
+var NativeImagePreview_1 = require("./NativeImagePreview");
+Object.defineProperty(exports, "NativeImagePreview", { enumerable: true, get: function () { return NativeImagePreview_1.NativeImagePreview; } });

package/dist/ui/NativeImagePreview/types.d.ts

@@ -0,0 +1,68 @@
+import type * as React from 'react';
+import type { ImageSourcePropType, NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
+export type NativeImagePreviewResolvedColorScheme = 'dark' | 'light';
+export type NativeImagePreviewColorScheme = NativeImagePreviewResolvedColorScheme | 'system';
+export type NativeImagePreviewMediaType = 'image' | 'video';
+export type NativeImagePreviewSource = ImageSourcePropType | string;
+export type NativeImagePreviewItemDescriptor = {
+    id?: string;
+    alt?: string;
+    type?: NativeImagePreviewMediaType;
+    url?: string;
+    source?: NativeImagePreviewSource;
+    poster?: NativeImagePreviewSource;
+    width?: number;
+    height?: number;
+};
+export type NativeImagePreviewItem = NativeImagePreviewSource | NativeImagePreviewItemDescriptor;
+export type NativeImagePreviewResolvedItem = {
+    id: string;
+    type: NativeImagePreviewMediaType;
+    url: string;
+    poster?: string;
+    width?: number;
+    height?: number;
+    alt?: string;
+    raw: NativeImagePreviewItem;
+};
+export type NativeImagePreviewNativeItem = {
+    id: string;
+    type: NativeImagePreviewMediaType;
+    url: string;
+    poster?: string;
+    width?: number;
+    height?: number;
+};
+export type NativeImagePreviewChangeReason = 'api' | 'swipe';
+export type NativeImagePreviewChangeEventPayload = {
+    currentIndex: number;
+};
+export type NativeImagePreviewChangeEvent = NativeSyntheticEvent<NativeImagePreviewChangeEventPayload>;
+export type NativeImagePreviewChangeMeta = {
+    reason: NativeImagePreviewChangeReason;
+    item: NativeImagePreviewResolvedItem | null;
+    nativeEvent?: NativeImagePreviewChangeEvent;
+};
+export type NativeImagePreviewNativeProps = {
+    iosCloseIconName?: string;
+};
+export type NativeImagePreviewProps = {
+    items: readonly NativeImagePreviewItem[];
+    children: React.ReactNode;
+    colorScheme?: NativeImagePreviewColorScheme;
+    disabled?: boolean;
+    edgeToEdge?: boolean;
+    nativeProps?: NativeImagePreviewNativeProps;
+    onChange?: (value: number, meta: NativeImagePreviewChangeMeta) => void;
+};
+export type NativeImagePreviewItemProps = {
+    index: number;
+    children: React.ReactElement;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    onChange?: (value: number, meta: NativeImagePreviewChangeMeta) => void;
+};
+export type NativeImagePreviewComponent = React.MemoExoticComponent<(props: NativeImagePreviewProps) => React.ReactElement> & {
+    Item: React.MemoExoticComponent<(props: NativeImagePreviewItemProps) => React.ReactElement>;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/NativeImagePreview/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/NativeImagePreview/types.ts"],"names":[],"mappings":"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"}

package/dist/ui/NativeImagePreview/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/ui/NativeImagePreview/utils.d.ts

@@ -0,0 +1,8 @@
+import { type ColorSchemeName } from 'react-native';
+import type { NativeImagePreviewColorScheme, NativeImagePreviewItem, NativeImagePreviewNativeItem, NativeImagePreviewResolvedItem, NativeImagePreviewResolvedColorScheme, NativeImagePreviewSource } from './types';
+export declare function resolvePreviewSourceUri(source: NativeImagePreviewSource | undefined): string | undefined;
+export declare function normalizeNativeImagePreviewItems(items: readonly NativeImagePreviewItem[]): NativeImagePreviewResolvedItem[];
+export declare function toNativePreviewItems(items: readonly NativeImagePreviewResolvedItem[]): NativeImagePreviewNativeItem[];
+export declare function clampPreviewIndex(index: number, length: number): number;
+export declare function resolveNativeImagePreviewColorScheme(colorScheme: NativeImagePreviewColorScheme | undefined, systemColorScheme: ColorSchemeName): NativeImagePreviewResolvedColorScheme;
+//# sourceMappingURL=utils.d.ts.map

package/dist/ui/NativeImagePreview/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/NativeImagePreview/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,EAErB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EACV,6BAA6B,EAC7B,sBAAsB,EAEtB,4BAA4B,EAC5B,8BAA8B,EAC9B,qCAAqC,EACrC,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAejB,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,wBAAwB,GAAG,SAAS,sBAQ7C;AAqCD,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,SAAS,sBAAsB,EAAE,oCAKzC;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,SAAS,8BAA8B,EAAE,GAC/C,4BAA4B,EAAE,CAShC;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAG9D;AAED,wBAAgB,oCAAoC,CAClD,WAAW,EAAE,6BAA6B,GAAG,SAAS,EACtD,iBAAiB,EAAE,eAAe,GACjC,qCAAqC,CAIvC"}

package/dist/ui/NativeImagePreview/utils.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolvePreviewSourceUri = resolvePreviewSourceUri;
+exports.normalizeNativeImagePreviewItems = normalizeNativeImagePreviewItems;
+exports.toNativePreviewItems = toNativePreviewItems;
+exports.clampPreviewIndex = clampPreviewIndex;
+exports.resolveNativeImagePreviewColorScheme = resolveNativeImagePreviewColorScheme;
+const react_native_1 = require("react-native");
+function isDescriptor(item) {
+    if (item == null || typeof item !== 'object' || Array.isArray(item))
+        return false;
+    return ('source' in item ||
+        'url' in item ||
+        'poster' in item ||
+        'type' in item ||
+        'id' in item);
+}
+function resolvePreviewSourceUri(source) {
+    if (source == null)
+        return undefined;
+    if (typeof source === 'string')
+        return source;
+    const normalizedSource = Array.isArray(source) ? source[0] : source;
+    const resolved = react_native_1.Image.resolveAssetSource(normalizedSource);
+    return resolved === null || resolved === void 0 ? void 0 : resolved.uri;
+}
+function normalizePreviewItem(item, index) {
+    var _a, _b, _c, _d;
+    if (isDescriptor(item)) {
+        const type = (_a = item.type) !== null && _a !== void 0 ? _a : 'image';
+        const sourceUrl = resolvePreviewSourceUri(item.source);
+        const url = (_b = item.url) !== null && _b !== void 0 ? _b : sourceUrl;
+        if (!url)
+            return null;
+        const poster = (_c = resolvePreviewSourceUri(item.poster)) !== null && _c !== void 0 ? _c : (type === 'video' ? sourceUrl : undefined);
+        return {
+            id: (_d = item.id) !== null && _d !== void 0 ? _d : `${index}`,
+            type,
+            url,
+            poster,
+            width: item.width,
+            height: item.height,
+            alt: item.alt,
+            raw: item,
+        };
+    }
+    const url = resolvePreviewSourceUri(item);
+    if (!url)
+        return null;
+    return {
+        id: `${index}`,
+        type: 'image',
+        url,
+        raw: item,
+    };
+}
+function normalizeNativeImagePreviewItems(items) {
+    return items
+        .map((item, index) => normalizePreviewItem(item, index))
+        .filter((item) => item != null);
+}
+function toNativePreviewItems(items) {
+    return items.map(({ id, type, url, poster, width, height }) => ({
+        id,
+        type,
+        url,
+        poster,
+        width,
+        height,
+    }));
+}
+function clampPreviewIndex(index, length) {
+    if (!Number.isFinite(index))
+        return 0;
+    return Math.max(0, Math.min(Math.round(index), Math.max(0, length - 1)));
+}
+function resolveNativeImagePreviewColorScheme(colorScheme, systemColorScheme) {
+    if (colorScheme === 'light' || colorScheme === 'dark')
+        return colorScheme;
+    if (colorScheme === 'system')
+        return systemColorScheme === 'light' ? 'light' : 'dark';
+    return 'dark';
+}

package/dist/ui/NativeImagePreview/web/geometry.d.ts

@@ -0,0 +1,20 @@
+import type { NativeImagePreviewWebImageSize, NativeImagePreviewWebObjectFit, NativeImagePreviewWebRect } from './types';
+export type SharedElementGeometry = {
+    visibleFrame: NativeImagePreviewWebRect;
+    contentFrame: NativeImagePreviewWebRect;
+};
+export declare function rectFromDOMRect(rect: DOMRectReadOnly | NativeImagePreviewWebRect): NativeImagePreviewWebRect;
+export declare function rectFromElement(element: Element): NativeImagePreviewWebRect;
+export declare function viewportRect(): NativeImagePreviewWebRect;
+export declare function normalizeRect(input: Pick<NativeImagePreviewWebRect, 'left' | 'top' | 'width' | 'height'>): NativeImagePreviewWebRect;
+export declare function isUsableRect(rect: NativeImagePreviewWebRect | null | undefined): rect is NativeImagePreviewWebRect;
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function fitRect(mediaSize: NativeImagePreviewWebImageSize, container: NativeImagePreviewWebRect, objectFit: NativeImagePreviewWebObjectFit): NativeImagePreviewWebRect;
+export declare function sharedGeometryFor(container: NativeImagePreviewWebRect, mediaSize: NativeImagePreviewWebImageSize, objectFit: NativeImagePreviewWebObjectFit): SharedElementGeometry;
+export declare function targetGeometryFor(mediaSize: NativeImagePreviewWebImageSize, container: NativeImagePreviewWebRect): SharedElementGeometry;
+export declare function intersectRects(first: NativeImagePreviewWebRect, second: NativeImagePreviewWebRect): NativeImagePreviewWebRect | null;
+export declare function lerp(start: number, end: number, progress: number): number;
+export declare function lerpRect(start: NativeImagePreviewWebRect, end: NativeImagePreviewWebRect, progress: number): NativeImagePreviewWebRect;
+export declare function easeOutCubic(t: number): number;
+export declare function easeOutQuart(t: number): number;
+//# sourceMappingURL=geometry.d.ts.map

package/dist/ui/NativeImagePreview/web/geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../../src/ui/NativeImagePreview/web/geometry.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,8BAA8B,EAAE,8BAA8B,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzH,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,EAAE,yBAAyB,CAAC;IACxC,YAAY,EAAE,yBAAyB,CAAC;CACzC,CAAC;AAEF,wBAAgB,eAAe,CAAC,IAAI,EAAE,eAAe,GAAG,yBAAyB,GAAG,yBAAyB,CAO5G;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,GAAG,yBAAyB,CAE3E;AAED,wBAAgB,YAAY,IAAI,yBAAyB,CAOxD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC,GAAG,yBAAyB,CASpI;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,yBAAyB,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,yBAAyB,CAElH;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,wBAAgB,OAAO,CACrB,SAAS,EAAE,8BAA8B,EACzC,SAAS,EAAE,yBAAyB,EACpC,SAAS,EAAE,8BAA8B,GACxC,yBAAyB,CAkB3B;AAED,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,yBAAyB,EACpC,SAAS,EAAE,8BAA8B,EACzC,SAAS,EAAE,8BAA8B,GACxC,qBAAqB,CAUvB;AAED,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,8BAA8B,EAAE,SAAS,EAAE,yBAAyB,GAAG,qBAAqB,CAWxI;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,yBAAyB,EAAE,MAAM,EAAE,yBAAyB,GAAG,yBAAyB,GAAG,IAAI,CASpI;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEzE;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,yBAAyB,EAAE,GAAG,EAAE,yBAAyB,EAAE,QAAQ,EAAE,MAAM,GAAG,yBAAyB,CAOtI;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE9C"}