@pallasoft/ps-mobile-components 1.11.0 → 1.12.0

package/dist/components/ps-document-highlight-layer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ps-document-highlight-layer';
+export * from './ps-document-highlight-layer-props';

package/dist/components/ps-document-highlight-layer/index.js

@@ -0,0 +1,2 @@
+export * from './ps-document-highlight-layer';
+export * from './ps-document-highlight-layer-props';

package/dist/components/ps-document-highlight-layer/ps-document-highlight-layer-props.d.ts

@@ -0,0 +1,8 @@
+import type { PsDocumentSearchState } from '../../interfaces/ps-document-search-state';
+import type { PsDocumentTextLayer } from '../../interfaces/ps-document-text-layer';
+import type { PsSize } from '../../interfaces/ps-size';
+export interface PsDocumentHighlightLayerProps {
+    layer: PsDocumentTextLayer;
+    search: PsDocumentSearchState;
+    size: PsSize;
+}

package/dist/components/ps-document-highlight-layer/ps-document-highlight-layer-props.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ps-document-highlight-layer/ps-document-highlight-layer.d.ts

@@ -0,0 +1,2 @@
+import type { PsDocumentHighlightLayerProps } from './ps-document-highlight-layer-props';
+export declare const PsDocumentHighlightLayer: ({ layer, search, size, }: PsDocumentHighlightLayerProps) => import("react").JSX.Element;

package/dist/components/ps-document-highlight-layer/ps-document-highlight-layer.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
+import { PsDocumentSearchService } from '../../services/ps-document-search-service';
+import { PsDocumentSearchStyleService } from '../../services/ps-document-search-style-service';
+export const PsDocumentHighlightLayer = ({ layer, search, size, }) => {
+    const theme = usePsMobileTheme();
+    const rects = PsDocumentSearchService.highlights(layer, search.query, size, search.activeIndex);
+    return (_jsx(View, { pointerEvents: 'none', style: { bottom: 0, left: 0, position: 'absolute', right: 0, top: 0 }, testID: 'ps-document-highlight-layer', children: rects.map((rect, index) => (_jsx(View, { style: [
+                PsDocumentSearchStyleService.rect(theme, rect.isActive),
+                {
+                    height: rect.box.height,
+                    left: rect.box.left,
+                    position: 'absolute',
+                    top: rect.box.top,
+                    width: rect.box.width,
+                },
+            ], testID: rect.isActive ? 'ps-document-highlight-active' : 'ps-document-highlight' }, index))) }));
+};

package/dist/components/ps-document-page/ps-document-page-props.d.ts

@@ -1,11 +1,13 @@
 import type { PsDocumentLoadStatus } from '../../constants/ps-document-load-status';
 import type { PsDocumentItem } from '../../interfaces/ps-document-item';
 import type { PsDocumentLabels } from '../../interfaces/ps-document-labels';
+import type { PsDocumentSearchState } from '../../interfaces/ps-document-search-state';
 export interface PsDocumentPageProps {
     item: PsDocumentItem;
     labels: PsDocumentLabels;
     onDismiss: () => void;
     onRetry?: () => void;
     onZoomChange: (isZoomed: boolean) => void;
+    search?: PsDocumentSearchState;
     status?: PsDocumentLoadStatus;
 }

package/dist/components/ps-document-page/ps-document-page.d.ts

@@ -1,2 +1,2 @@
 import type { PsDocumentPageProps } from './ps-document-page-props';
-export declare const PsDocumentPage: ({ item, labels, onDismiss, onRetry, onZoomChange, status, }: PsDocumentPageProps) => import("react").JSX.Element;
+export declare const PsDocumentPage: ({ item, labels, onDismiss, onRetry, onZoomChange, search, status, }: PsDocumentPageProps) => import("react").JSX.Element;

package/dist/components/ps-document-page/ps-document-page.js

@@ -9,7 +9,7 @@ import { PsDocumentTextPage } from '../ps-document-text-page/ps-document-text-pa
 import { PsDocumentUnsupported } from '../ps-document-unsupported/ps-document-unsupported';
 import { PsDocumentZoomImage } from '../ps-document-zoom-image/ps-document-zoom-image';
 import { PsSpinner } from '../ps-spinner/ps-spinner';
-export const PsDocumentPage = ({ item, labels, onDismiss, onRetry, onZoomChange, status = PsDocumentLoadStatus.Ready, }) => {
+export const PsDocumentPage = ({ item, labels, onDismiss, onRetry, onZoomChange, search, status = PsDocumentLoadStatus.Ready, }) => {
     const [attempt, setAttempt] = useState(0);
     const [hasFailed, setHasFailed] = useState(false);
     if (item.kind === PsDocumentKind.Pdf) {
@@ -23,9 +23,9 @@ export const PsDocumentPage = ({ item, labels, onDismiss, onRetry, onZoomChange,
         return hasFailed ? (_jsx(PsDocumentMessage, { actionLabel: labels.retry, iconKey: PsIconKey.Warning, isOnDark: true, onAction: () => {
                 setHasFailed(false);
                 setAttempt((current) => current + 1);
-            }, title: labels.loadFailed })) : (_jsx(PsDocumentZoomImage, { name: item.name, onDismiss: onDismiss, onError: () => setHasFailed(true), onZoomChange: onZoomChange, source: item.source }, attempt));
+            }, title: labels.loadFailed })) : (_jsx(PsDocumentZoomImage, { name: item.name, onDismiss: onDismiss, onError: () => setHasFailed(true), onZoomChange: onZoomChange, search: search, source: item.source, textLayer: item.textLayer }, attempt));
     }
     if (item.kind === PsDocumentKind.Text)
-        return _jsx(PsDocumentTextPage, { item: item, labels: labels });
+        return _jsx(PsDocumentTextPage, { item: item, labels: labels, search: search });
     return _jsx(PsDocumentUnsupported, { isOnDark: true, item: item, labels: labels });
 };

package/dist/components/ps-document-search-bar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ps-document-search-bar';
+export * from './ps-document-search-bar-props';

package/dist/components/ps-document-search-bar/index.js

@@ -0,0 +1,2 @@
+export * from './ps-document-search-bar';
+export * from './ps-document-search-bar-props';

package/dist/components/ps-document-search-bar/ps-document-search-bar-props.d.ts

@@ -0,0 +1,11 @@
+import type { PsDocumentSearchLabels } from '../../interfaces/ps-document-search-labels';
+export interface PsDocumentSearchBarProps {
+    activeIndex: number;
+    labels: PsDocumentSearchLabels;
+    onChange: (query: string) => void;
+    onClose: () => void;
+    onNext: () => void;
+    onPrevious: () => void;
+    query: string;
+    total: number;
+}

package/dist/components/ps-document-search-bar/ps-document-search-bar-props.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ps-document-search-bar/ps-document-search-bar.d.ts

@@ -0,0 +1,2 @@
+import type { PsDocumentSearchBarProps } from './ps-document-search-bar-props';
+export declare const PsDocumentSearchBar: ({ activeIndex, labels, onChange, onClose, onNext, onPrevious, query, total, }: PsDocumentSearchBarProps) => import("react").JSX.Element;

package/dist/components/ps-document-search-bar/ps-document-search-bar.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsIconKey } from '@pallasoft/ps-icons';
+import { Platform, Pressable, TextInput, View } from 'react-native';
+import { PsDocumentConfig } from '../../constants/ps-document-config';
+import { PsDocumentSearchConfig } from '../../constants/ps-document-search-config';
+import { PsLayoutConfig } from '../../constants/ps-layout-config';
+import { PsMobileControlConfig } from '../../constants/ps-mobile-control-config';
+import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
+import { PsDocumentSearchService } from '../../services/ps-document-search-service';
+import { PsDocumentSearchStyleService } from '../../services/ps-document-search-style-service';
+import { PsMobileColorService } from '../../services/ps-mobile-color-service';
+import { PsDocumentSearchStep } from '../ps-document-search-step/ps-document-search-step';
+import { PsIconButton } from '../ps-icon-button/ps-icon-button';
+import { PsIcon } from '../ps-icon/ps-icon';
+import { PsText } from '../ps-text/ps-text';
+export const PsDocumentSearchBar = ({ activeIndex, labels, onChange, onClose, onNext, onPrevious, query, total, }) => {
+    const theme = usePsMobileTheme();
+    const isMaterial = Platform.OS === 'android';
+    const hasQuery = PsDocumentSearchService.terms(query).length > 0;
+    const status = !hasQuery
+        ? null
+        : total === 0
+            ? labels.noMatches
+            : PsDocumentSearchService.countLabel(labels.matchCount, activeIndex + 1, total);
+    return (_jsxs(View, { style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: PsDocumentSearchConfig.barGap,
+            paddingHorizontal: PsDocumentConfig.barPaddingHorizontal,
+            paddingVertical: PsDocumentConfig.barPaddingVertical,
+        }, testID: 'ps-document-search-bar', children: [_jsxs(View, { style: {
+                    alignItems: 'center',
+                    backgroundColor: PsMobileColorService.withAlpha(theme.white, PsDocumentSearchConfig.fieldAlpha),
+                    borderRadius: PsDocumentSearchStyleService.fieldRadius(isMaterial),
+                    flex: 1,
+                    flexDirection: 'row',
+                    gap: PsMobileControlConfig.buttonIconSpacing,
+                    height: PsMobileControlConfig.controlHeights.compact,
+                    paddingHorizontal: PsDocumentSearchConfig.fieldPaddingX,
+                }, children: [_jsx(PsIcon, { color: theme.white, iconKey: PsIconKey.Search, size: PsMobileControlConfig.iconSizeInline }), _jsx(TextInput, { accessibilityLabel: labels.searchPlaceholder, autoCapitalize: 'none', autoCorrect: false, autoFocus: true, clearButtonMode: 'while-editing', onChangeText: onChange, onSubmitEditing: onNext, placeholder: labels.searchPlaceholder, placeholderTextColor: PsMobileColorService.withAlpha(theme.white, PsDocumentConfig.chromeAlpha), returnKeyType: 'search', selectionColor: theme.primary, style: {
+                            color: theme.white,
+                            flex: 1,
+                            fontSize: PsMobileControlConfig.controlFontSize,
+                            padding: 0,
+                        }, testID: 'ps-document-search-input', value: query }), status === null ? null : (_jsx(PsText, { tone: 'white', variant: 'caption', children: status }))] }), _jsx(PsDocumentSearchStep, { isDisabled: total === 0, isUp: true, label: labels.previousMatch, onPress: onPrevious, testID: 'ps-document-search-previous' }), _jsx(PsDocumentSearchStep, { isDisabled: total === 0, isUp: false, label: labels.nextMatch, onPress: onNext, testID: 'ps-document-search-next' }), isMaterial ? (_jsx(PsIconButton, { color: theme.white, iconKey: PsIconKey.Close, label: labels.closeSearch, onPress: onClose, size: 'compact', testID: 'ps-document-search-close' })) : (_jsx(Pressable, { accessibilityLabel: labels.closeSearch, accessibilityRole: 'button', hitSlop: PsLayoutConfig.hitSlop, onPress: onClose, testID: 'ps-document-search-close', children: _jsx(PsText, { tone: 'white', weight: 'semibold', children: labels.closeSearch }) }))] }));
+};

package/dist/components/ps-document-search-step/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ps-document-search-step';
+export * from './ps-document-search-step-props';

package/dist/components/ps-document-search-step/index.js

@@ -0,0 +1,2 @@
+export * from './ps-document-search-step';
+export * from './ps-document-search-step-props';

package/dist/components/ps-document-search-step/ps-document-search-step-props.d.ts

@@ -0,0 +1,7 @@
+export interface PsDocumentSearchStepProps {
+    isDisabled: boolean;
+    isUp: boolean;
+    label: string;
+    onPress: () => void;
+    testID: string;
+}

package/dist/components/ps-document-search-step/ps-document-search-step-props.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ps-document-search-step/ps-document-search-step.d.ts

@@ -0,0 +1,2 @@
+import type { PsDocumentSearchStepProps } from './ps-document-search-step-props';
+export declare const PsDocumentSearchStep: ({ isDisabled, isUp, label, onPress, testID, }: PsDocumentSearchStepProps) => import("react").JSX.Element;

package/dist/components/ps-document-search-step/ps-document-search-step.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PsIconKey } from '@pallasoft/ps-icons';
+import { Pressable, View } from 'react-native';
+import { PsDocumentSearchConfig } from '../../constants/ps-document-search-config';
+import { PsLayoutConfig } from '../../constants/ps-layout-config';
+import { PsMobileControlConfig } from '../../constants/ps-mobile-control-config';
+import { PsRippleKind } from '../../constants/ps-ripple-kind';
+import { usePsHaptics } from '../../hooks/use-ps-haptics';
+import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
+import { PsRippleService } from '../../services/ps-ripple-service';
+import { PsStateService } from '../../services/ps-state-service';
+import { PsIcon } from '../ps-icon/ps-icon';
+export const PsDocumentSearchStep = ({ isDisabled, isUp, label, onPress, testID, }) => {
+    const haptic = usePsHaptics();
+    const theme = usePsMobileTheme();
+    return (_jsx(Pressable, { android_ripple: PsRippleService.resolve(theme, PsRippleKind.Borderless), accessibilityLabel: label, accessibilityRole: 'button', accessibilityState: { disabled: isDisabled }, disabled: isDisabled, hitSlop: PsLayoutConfig.hitSlop, onPress: () => {
+            haptic('light');
+            onPress();
+        }, style: {
+            alignItems: 'center',
+            height: PsMobileControlConfig.controlHeights.compact,
+            justifyContent: 'center',
+            opacity: isDisabled ? PsStateService.disabledOpacity() : 1,
+            width: PsMobileControlConfig.controlHeights.compact,
+        }, testID: testID, children: _jsx(View, { style: {
+                transform: [
+                    { rotate: isUp ? PsDocumentSearchConfig.rotateUp : PsDocumentSearchConfig.rotateDown },
+                ],
+            }, children: _jsx(PsIcon, { color: theme.white, iconKey: PsIconKey.Chevron }) }) }));
+};

package/dist/components/ps-document-text-page/ps-document-text-page-props.d.ts

@@ -1,6 +1,8 @@
 import type { PsDocumentItem } from '../../interfaces/ps-document-item';
 import type { PsDocumentLabels } from '../../interfaces/ps-document-labels';
+import type { PsDocumentSearchState } from '../../interfaces/ps-document-search-state';
 export interface PsDocumentTextPageProps {
     item: PsDocumentItem;
     labels: PsDocumentLabels;
+    search?: PsDocumentSearchState;
 }

package/dist/components/ps-document-text-page/ps-document-text-page.d.ts

@@ -1,2 +1,2 @@
 import type { PsDocumentTextPageProps } from './ps-document-text-page-props';
-export declare const PsDocumentTextPage: ({ item, labels }: PsDocumentTextPageProps) => import("react").JSX.Element;
+export declare const PsDocumentTextPage: ({ item, labels, search }: PsDocumentTextPageProps) => import("react").JSX.Element;

package/dist/components/ps-document-text-page/ps-document-text-page.js

@@ -1,18 +1,42 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
 import { PsIconKey } from '@pallasoft/ps-icons';
-import { ScrollView, View } from 'react-native';
+import { ScrollView, Text, View } from 'react-native';
 import { PsDocumentConfig } from '../../constants/ps-document-config';
 import { PsDocumentLoadStatus } from '../../constants/ps-document-load-status';
+import { PsDocumentSearchConfig } from '../../constants/ps-document-search-config';
 import { usePsDocumentText } from '../../hooks/use-ps-document-text';
+import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
+import { PsDocumentSearchService } from '../../services/ps-document-search-service';
+import { PsDocumentSearchStyleService } from '../../services/ps-document-search-style-service';
 import { PsDocumentMessage } from '../ps-document-message/ps-document-message';
 import { PsDocumentUnsupported } from '../ps-document-unsupported/ps-document-unsupported';
 import { PsSpinner } from '../ps-spinner/ps-spinner';
 import { PsText } from '../ps-text/ps-text';
-export const PsDocumentTextPage = ({ item, labels }) => {
+export const PsDocumentTextPage = ({ item, labels, search }) => {
     const loaded = usePsDocumentText(item);
+    const theme = usePsMobileTheme();
+    const scroll = useRef(null);
+    const [lines, setLines] = useState([]);
+    const matches = loaded.text === null || search === undefined
+        ? []
+        : PsDocumentSearchService.matches(loaded.text, search.query);
+    const active = search === undefined ? undefined : matches[search.activeIndex];
+    useEffect(() => {
+        if (active === undefined)
+            return;
+        scroll.current?.scrollTo({
+            animated: true,
+            y: Math.max(0, PsDocumentSearchService.scrollOffset(lines, active.start) +
+                PsDocumentConfig.pageGutter -
+                PsDocumentSearchConfig.scrollMargin),
+        });
+    }, [active?.start, lines, search?.query]);
     if (loaded.status === PsDocumentLoadStatus.Loading)
         return (_jsx(View, { style: { alignItems: 'center', flex: 1, justifyContent: 'center' }, children: _jsx(PsSpinner, {}) }));
     if (loaded.text === null)
         return item.source === null ? (_jsx(PsDocumentUnsupported, { isOnDark: true, item: item, labels: labels })) : (_jsx(PsDocumentMessage, { description: item.name, iconKey: PsIconKey.Warning, isOnDark: true, title: labels.loadFailed }));
-    return (_jsx(View, { style: { flex: 1 }, testID: 'ps-document-text-page', children: _jsx(ScrollView, { contentContainerStyle: { padding: PsDocumentConfig.pageGutter }, showsVerticalScrollIndicator: true, children: _jsx(PsText, { isSelectable: true, tone: 'white', children: loaded.text }) }) }));
+    return (_jsx(View, { style: { flex: 1 }, testID: 'ps-document-text-page', children: _jsx(ScrollView, { contentContainerStyle: { padding: PsDocumentConfig.pageGutter }, ref: scroll, showsVerticalScrollIndicator: true, children: _jsx(PsText, { isSelectable: true, onTextLayout: (event) => setLines(event.nativeEvent.lines.map((line) => ({ text: line.text, y: line.y }))), tone: 'white', children: matches.length === 0
+                    ? loaded.text
+                    : PsDocumentSearchService.segments(loaded.text, matches).map((segment, index) => segment.matchIndex === null ? (segment.text) : (_jsx(Text, { style: PsDocumentSearchStyleService.span(theme, segment.matchIndex === search?.activeIndex), children: segment.text }, index))) }) }) }));
 };

package/dist/components/ps-document-viewer/ps-document-viewer.js

@@ -5,13 +5,17 @@ import { FlatList, Modal, StatusBar, View } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { PsDocumentConfig } from '../../constants/ps-document-config';
+import { PsDocumentSearchConfig } from '../../constants/ps-document-search-config';
 import { PsMobileControlConfig } from '../../constants/ps-mobile-control-config';
 import { usePsDocumentPdfPages } from '../../hooks/use-ps-document-pdf-pages';
+import { usePsDocumentSearchTexts } from '../../hooks/use-ps-document-search-texts';
 import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
 import { PsDocumentPagerService } from '../../services/ps-document-pager-service';
+import { PsDocumentSearchService } from '../../services/ps-document-search-service';
 import { PsDocumentViewerEntryService } from '../../services/ps-document-viewer-entry-service';
 import { PsDocumentPageStrip } from '../ps-document-page-strip/ps-document-page-strip';
 import { PsDocumentPage } from '../ps-document-page/ps-document-page';
+import { PsDocumentSearchBar } from '../ps-document-search-bar/ps-document-search-bar';
 import { PsIconButton } from '../ps-icon-button/ps-icon-button';
 import { PsText } from '../ps-text/ps-text';
 export const PsDocumentViewer = ({ initialIndex = 0, isOpen, items, labels, onClose, }) => {
@@ -27,6 +31,43 @@ export const PsDocumentViewer = ({ initialIndex = 0, isOpen, items, labels, onCl
         ? PsDocumentViewerEntryService.startIndex(items, entries, initialIndex)
         : PsDocumentViewerEntryService.resolveIndex(currentEntry, entries, 0);
     const current = entries[index];
+    const searchLabels = PsDocumentSearchService.labels(labels);
+    const [isSearching, setIsSearching] = useState(false);
+    const [query, setQuery] = useState('');
+    const [activeMatch, setActiveMatch] = useState(PsDocumentSearchConfig.noActive);
+    const searchTexts = usePsDocumentSearchTexts(items, isSearching);
+    const counts = PsDocumentSearchService.counts(entries, searchTexts, query);
+    const total = PsDocumentSearchService.total(counts);
+    const canSearch = searchLabels !== null && PsDocumentSearchService.isSearchable(items);
+    const showMatch = (match, nextCounts) => {
+        setActiveMatch(match);
+        const location = PsDocumentSearchService.locate(nextCounts, match);
+        if (location === null)
+            return;
+        const entry = entries[location.entryIndex];
+        if (entry !== undefined && location.entryIndex !== index)
+            setCurrentEntry(entry);
+    };
+    const closeSearch = () => {
+        setIsSearching(false);
+        setQuery('');
+        setActiveMatch(PsDocumentSearchConfig.noActive);
+    };
+    useEffect(() => {
+        if (!isSearching)
+            return;
+        if (total === 0) {
+            if (activeMatch !== PsDocumentSearchConfig.noActive)
+                setActiveMatch(PsDocumentSearchConfig.noActive);
+            return;
+        }
+        if (activeMatch < 0 || activeMatch >= total)
+            showMatch(PsDocumentSearchService.startIndex(counts, index), counts);
+    }, [isSearching, total, activeMatch]);
+    useEffect(() => {
+        if (!isOpen && isSearching)
+            closeSearch();
+    }, [isOpen]);
     useEffect(() => {
         if (width > 0 && entries.length > 0)
             list.current?.scrollToIndex({ animated: false, index });
@@ -41,7 +82,10 @@ export const PsDocumentViewer = ({ initialIndex = 0, isOpen, items, labels, onCl
                             flexDirection: 'row',
                             paddingHorizontal: PsDocumentConfig.barPaddingHorizontal,
                             paddingVertical: PsDocumentConfig.barPaddingVertical,
-                        }, children: [_jsx(PsIconButton, { color: theme.white, iconKey: PsIconKey.Close, label: labels.close, onPress: onClose }), _jsxs(View, { style: { alignItems: 'center', flex: 1 }, children: [PsDocumentPagerService.hasMany(entries.length) ? (_jsx(PsText, { tone: 'white', weight: 'semibold', children: PsDocumentPagerService.counter(index, entries.length) })) : null, current === undefined ? null : (_jsx(PsText, { numberOfLines: 1, tone: 'white', variant: 'caption', children: current.item.name }))] }), _jsx(View, { style: { width: PsMobileControlConfig.controlHeights.default } })] }), _jsx(View, { onLayout: (event) => setWidth(event.nativeEvent.layout.width), style: { flex: 1 }, testID: 'ps-document-viewer-pager', children: width === 0 ? null : (_jsx(FlatList, { data: entries, getItemLayout: (_data, position) => ({
+                        }, children: [_jsx(PsIconButton, { color: theme.white, iconKey: PsIconKey.Close, label: labels.close, onPress: onClose }), _jsxs(View, { style: { alignItems: 'center', flex: 1 }, children: [PsDocumentPagerService.hasMany(entries.length) ? (_jsx(PsText, { tone: 'white', weight: 'semibold', children: PsDocumentPagerService.counter(index, entries.length) })) : null, current === undefined ? null : (_jsx(PsText, { numberOfLines: 1, tone: 'white', variant: 'caption', children: current.item.name }))] }), canSearch && !isSearching ? (_jsx(PsIconButton, { color: theme.white, iconKey: PsIconKey.Search, label: searchLabels.search, onPress: () => setIsSearching(true), testID: 'ps-document-search-button' })) : (_jsx(View, { style: { width: PsMobileControlConfig.controlHeights.default } }))] }), canSearch && isSearching ? (_jsx(PsDocumentSearchBar, { activeIndex: activeMatch, labels: searchLabels, onChange: (value) => {
+                            setQuery(value);
+                            setActiveMatch(PsDocumentSearchConfig.noActive);
+                        }, onClose: closeSearch, onNext: () => showMatch(PsDocumentSearchService.step(activeMatch, total, 1), counts), onPrevious: () => showMatch(PsDocumentSearchService.step(activeMatch, total, -1), counts), query: query, total: total })) : null, _jsx(View, { onLayout: (event) => setWidth(event.nativeEvent.layout.width), style: { flex: 1 }, testID: 'ps-document-viewer-pager', children: width === 0 ? null : (_jsx(FlatList, { data: entries, extraData: `${isSearching}|${query}|${activeMatch}|${total}`, getItemLayout: (_data, position) => ({
                                 index: position,
                                 length: width,
                                 offset: PsDocumentPagerService.offset(position, width),
@@ -50,7 +94,12 @@ export const PsDocumentViewer = ({ initialIndex = 0, isOpen, items, labels, onCl
                                 if (next !== undefined)
                                     setCurrentEntry(next);
                                 setIsZoomed(false);
-                            }, pagingEnabled: true, ref: list, renderItem: ({ item: entry }) => (_jsx(View, { style: { width }, children: _jsx(PsDocumentPage, { item: entry.item, labels: labels, onDismiss: onClose, onRetry: pdf.retry, onZoomChange: setIsZoomed, status: entry.status }) })), scrollEnabled: !isZoomed, showsHorizontalScrollIndicator: false, testID: 'ps-document-viewer-list' })) }), PsDocumentViewerEntryService.hasStrip(items, entries) ? (_jsx(PsDocumentPageStrip, { entries: entries, index: index, onSelect: (position) => {
+                            }, pagingEnabled: true, ref: list, renderItem: ({ index: position, item: entry }) => (_jsx(View, { style: { width }, children: _jsx(PsDocumentPage, { item: entry.item, labels: labels, onDismiss: onClose, onRetry: pdf.retry, onZoomChange: setIsZoomed, search: isSearching
+                                        ? {
+                                            activeIndex: PsDocumentSearchService.activeFor(counts, activeMatch, position),
+                                            query,
+                                        }
+                                        : undefined, status: entry.status }) })), scrollEnabled: !isZoomed, showsHorizontalScrollIndicator: false, testID: 'ps-document-viewer-list' })) }), PsDocumentViewerEntryService.hasStrip(items, entries) ? (_jsx(PsDocumentPageStrip, { entries: entries, index: index, onSelect: (position) => {
                             const entry = entries[position];
                             if (entry !== undefined)
                                 setCurrentEntry(entry);

package/dist/components/ps-document-zoom-image/ps-document-zoom-image-props.d.ts

@@ -1,8 +1,12 @@
+import type { PsDocumentSearchState } from '../../interfaces/ps-document-search-state';
 import type { PsDocumentSource } from '../../interfaces/ps-document-source';
+import type { PsDocumentTextLayer } from '../../interfaces/ps-document-text-layer';
 export interface PsDocumentZoomImageProps {
     name: string;
     onDismiss: () => void;
     onError: () => void;
     onZoomChange: (isZoomed: boolean) => void;
+    search?: PsDocumentSearchState;
     source: PsDocumentSource;
+    textLayer?: PsDocumentTextLayer;
 }

package/dist/components/ps-document-zoom-image/ps-document-zoom-image.d.ts

@@ -1,2 +1,2 @@
 import type { PsDocumentZoomImageProps } from './ps-document-zoom-image-props';
-export declare const PsDocumentZoomImage: ({ name, onDismiss, onError, onZoomChange, source, }: PsDocumentZoomImageProps) => import("react").JSX.Element;
+export declare const PsDocumentZoomImage: ({ name, onDismiss, onError, onZoomChange, search, source, textLayer, }: PsDocumentZoomImageProps) => import("react").JSX.Element;

package/dist/components/ps-document-zoom-image/ps-document-zoom-image.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { Image, View } from 'react-native';
 import { GestureDetector, usePanGesture, usePinchGesture, useSimultaneousGestures, useTapGesture, } from 'react-native-gesture-handler';
 import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 import { PsDocumentConfig } from '../../constants/ps-document-config';
+import { PsDocumentSearchService } from '../../services/ps-document-search-service';
 import { PsDocumentZoomService } from '../../services/ps-document-zoom-service';
+import { PsDocumentHighlightLayer } from '../ps-document-highlight-layer/ps-document-highlight-layer';
 import { PsSpinner } from '../ps-spinner/ps-spinner';
-export const PsDocumentZoomImage = ({ name, onDismiss, onError, onZoomChange, source, }) => {
+export const PsDocumentZoomImage = ({ name, onDismiss, onError, onZoomChange, search, source, textLayer, }) => {
     const [size, setSize] = useState({ height: 0, width: 0 });
     const [isZoomed, setIsZoomed] = useState(false);
     const [isLoaded, setIsLoaded] = useState(false);
@@ -83,6 +85,21 @@ export const PsDocumentZoomImage = ({ name, onDismiss, onError, onZoomChange, so
         },
         runOnJS: true,
     });
+    const hasSearch = search !== undefined && textLayer !== undefined && search.activeIndex >= 0;
+    useEffect(() => {
+        if (!hasSearch || !isZoomed || size.width === 0)
+            return;
+        const active = PsDocumentSearchService.highlights(textLayer, search.query, size, search.activeIndex).find((rect) => rect.isActive);
+        if (active === undefined)
+            return;
+        const center = PsDocumentSearchService.center(active.box);
+        const nextX = PsDocumentZoomService.centerOffset(center.x, size.width, scale.value);
+        const nextY = PsDocumentZoomService.centerOffset(center.y, size.height, scale.value);
+        x.value = withTiming(nextX, { duration: PsDocumentConfig.settleMs });
+        y.value = withTiming(nextY, { duration: PsDocumentConfig.settleMs });
+        baseX.value = nextX;
+        baseY.value = nextY;
+    }, [search?.activeIndex, search?.query]);
     const gesture = useSimultaneousGestures(pinch, move, dismiss, doubleTap);
     const animatedStyle = useAnimatedStyle(() => ({
         transform: [
@@ -92,7 +109,7 @@ export const PsDocumentZoomImage = ({ name, onDismiss, onError, onZoomChange, so
             { scale: scale.value },
         ],
     }));
-    return (_jsx(GestureDetector, { gesture: gesture, children: _jsxs(View, { onLayout: (event) => setSize(event.nativeEvent.layout), style: { flex: 1, overflow: 'hidden' }, testID: 'ps-document-zoom-image', children: [_jsx(Animated.View, { style: [{ flex: 1 }, animatedStyle], children: _jsx(Image, { accessibilityLabel: name, onError: onError, onLoad: () => setIsLoaded(true), resizeMode: 'contain', source: { headers: source.headers, uri: source.uri }, style: { flex: 1 } }) }), isLoaded ? null : (_jsx(View, { pointerEvents: 'none', style: {
+    return (_jsx(GestureDetector, { gesture: gesture, children: _jsxs(View, { onLayout: (event) => setSize(event.nativeEvent.layout), style: { flex: 1, overflow: 'hidden' }, testID: 'ps-document-zoom-image', children: [_jsxs(Animated.View, { style: [{ flex: 1 }, animatedStyle], children: [_jsx(Image, { accessibilityLabel: name, onError: onError, onLoad: () => setIsLoaded(true), resizeMode: 'contain', source: { headers: source.headers, uri: source.uri }, style: { flex: 1 } }), search === undefined || textLayer === undefined ? null : (_jsx(PsDocumentHighlightLayer, { layer: textLayer, search: search, size: size }))] }), isLoaded ? null : (_jsx(View, { pointerEvents: 'none', style: {
                         alignItems: 'center',
                         bottom: 0,
                         justifyContent: 'center',

package/dist/components/ps-text/ps-text-props.d.ts

@@ -12,6 +12,7 @@ export interface PsTextProps {
     isSelectable?: boolean;
     numberOfLines?: number;
     onPress?: () => void;
+    onTextLayout?: TextProps['onTextLayout'];
     style?: StyleProp<TextStyle>;
     testID?: string;
     tone?: PsTextTone;

package/dist/components/ps-text/ps-text.d.ts

@@ -1,2 +1,2 @@
 import type { PsTextProps } from './ps-text-props';
-export declare const PsText: ({ accessibilityRole, align, children, ellipsizeMode, isSelectable, numberOfLines, onPress, style, testID, tone, variant, weight, }: PsTextProps) => import("react").JSX.Element;
+export declare const PsText: ({ accessibilityRole, align, children, ellipsizeMode, isSelectable, numberOfLines, onPress, onTextLayout, style, testID, tone, variant, weight, }: PsTextProps) => import("react").JSX.Element;

package/dist/components/ps-text/ps-text.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { StyleSheet, Text } from 'react-native';
 import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
 import { PsTextService } from '../../services/ps-text-service';
-export const PsText = ({ accessibilityRole, align, children, ellipsizeMode = 'tail', isSelectable = false, numberOfLines, onPress, style, testID, tone = 'ink', variant = 'body', weight, }) => {
+export const PsText = ({ accessibilityRole, align, children, ellipsizeMode = 'tail', isSelectable = false, numberOfLines, onPress, onTextLayout, style, testID, tone = 'ink', variant = 'body', weight, }) => {
     const theme = usePsMobileTheme();
-    return (_jsx(Text, { accessibilityRole: accessibilityRole, ellipsizeMode: ellipsizeMode, numberOfLines: numberOfLines, onPress: onPress, selectable: isSelectable, style: StyleSheet.flatten([
+    return (_jsx(Text, { accessibilityRole: accessibilityRole, ellipsizeMode: ellipsizeMode, numberOfLines: numberOfLines, onPress: onPress, onTextLayout: onTextLayout, selectable: isSelectable, style: StyleSheet.flatten([
             PsTextService.style(variant, tone, weight, theme),
             { textAlign: align },
             style,

package/dist/constants/ps-document-search-config.d.ts

@@ -0,0 +1,19 @@
+export declare const PsDocumentSearchConfig: {
+    readonly activeAlpha: 0.9;
+    readonly androidFieldRadius: 999;
+    readonly barGap: 8;
+    readonly combiningMarkPattern: RegExp;
+    readonly currentToken: "{current}";
+    readonly fieldAlpha: 0.14;
+    readonly fieldPaddingX: 12;
+    readonly highlightAlpha: 0.4;
+    readonly highlightRadius: 3;
+    readonly iosFieldRadius: 10;
+    readonly noActive: -1;
+    readonly rotateDown: "0deg";
+    readonly rotateUp: "180deg";
+    readonly scrollMargin: 48;
+    readonly termSeparatorPattern: RegExp;
+    readonly totalToken: "{total}";
+    readonly wordSeparator: " ";
+};

package/dist/constants/ps-document-search-config.js

@@ -0,0 +1,19 @@
+export const PsDocumentSearchConfig = {
+    activeAlpha: 0.9,
+    androidFieldRadius: 999,
+    barGap: 8,
+    combiningMarkPattern: /\p{M}/gu,
+    currentToken: '{current}',
+    fieldAlpha: 0.14,
+    fieldPaddingX: 12,
+    highlightAlpha: 0.4,
+    highlightRadius: 3,
+    iosFieldRadius: 10,
+    noActive: -1,
+    rotateDown: '0deg',
+    rotateUp: '180deg',
+    scrollMargin: 48,
+    termSeparatorPattern: /\s+/u,
+    totalToken: '{total}',
+    wordSeparator: ' ',
+};

package/dist/hooks/use-ps-document-search-texts.d.ts

@@ -0,0 +1,2 @@
+import type { PsDocumentItem } from '../interfaces/ps-document-item';
+export declare const usePsDocumentSearchTexts: (items: PsDocumentItem[], isActive: boolean) => Record<string, string>;

package/dist/hooks/use-ps-document-search-texts.js

@@ -0,0 +1,26 @@
+import { useEffect, useState } from 'react';
+import { PsDocumentTextService } from '../services/ps-document-text-service';
+export const usePsDocumentSearchTexts = (items, isActive) => {
+    const [texts, setTexts] = useState({});
+    const key = items
+        .filter((item) => PsDocumentTextService.needsLoad(item))
+        .map((item) => item.id)
+        .join('|');
+    useEffect(() => {
+        if (!isActive || key === '')
+            return undefined;
+        let isCurrent = true;
+        items
+            .filter((item) => PsDocumentTextService.needsLoad(item))
+            .forEach((item) => {
+            void PsDocumentTextService.load(item).then((text) => {
+                if (isCurrent && text !== null)
+                    setTexts((previous) => ({ ...previous, [item.id]: text }));
+            });
+        });
+        return () => {
+            isCurrent = false;
+        };
+    }, [isActive, key]);
+    return texts;
+};

package/dist/index.d.ts

@@ -77,7 +77,11 @@ export * from './interfaces/ps-device-file';
 export * from './interfaces/ps-document-item';
 export * from './interfaces/ps-document-labels';
 export * from './interfaces/ps-document-scanner-options';
+export * from './interfaces/ps-document-search-labels';
 export * from './interfaces/ps-document-source';
+export * from './interfaces/ps-document-text-box';
+export * from './interfaces/ps-document-text-layer';
+export * from './interfaces/ps-document-text-layer-word';
 export * from './interfaces/ps-file-upload-options';
 export * from './interfaces/use-ps-file-upload-result';
 export * from './interfaces/ps-tab-bar-context-data';
@@ -107,6 +111,7 @@ export { PsActionMenuService } from './services/ps-action-menu-service';
 export { PsSelectionService } from './services/ps-selection-service';
 export { PsSortableGridService } from './services/ps-sortable-grid-service';
 export { PsDocumentPagerService } from './services/ps-document-pager-service';
+export { PsDocumentSearchService } from './services/ps-document-search-service';
 export { PsDocumentZoomService } from './services/ps-document-zoom-service';
 export { PsDocumentScannerService } from './services/ps-document-scanner-service';
 export { PsCapturePickerService } from './services/ps-capture-picker-service';

package/dist/index.js

@@ -76,7 +76,11 @@ export * from './interfaces/ps-device-file';
 export * from './interfaces/ps-document-item';
 export * from './interfaces/ps-document-labels';
 export * from './interfaces/ps-document-scanner-options';
+export * from './interfaces/ps-document-search-labels';
 export * from './interfaces/ps-document-source';
+export * from './interfaces/ps-document-text-box';
+export * from './interfaces/ps-document-text-layer';
+export * from './interfaces/ps-document-text-layer-word';
 export * from './interfaces/ps-file-upload-options';
 export * from './interfaces/use-ps-file-upload-result';
 export * from './interfaces/ps-tab-bar-context-data';
@@ -106,6 +110,7 @@ export { PsActionMenuService } from './services/ps-action-menu-service';
 export { PsSelectionService } from './services/ps-selection-service';
 export { PsSortableGridService } from './services/ps-sortable-grid-service';
 export { PsDocumentPagerService } from './services/ps-document-pager-service';
+export { PsDocumentSearchService } from './services/ps-document-search-service';
 export { PsDocumentZoomService } from './services/ps-document-zoom-service';
 export { PsDocumentScannerService } from './services/ps-document-scanner-service';
 export { PsCapturePickerService } from './services/ps-capture-picker-service';

package/dist/interfaces/ps-document-highlight-rect.d.ts

@@ -0,0 +1,5 @@
+import type { PsDocumentTextBox } from './ps-document-text-box';
+export interface PsDocumentHighlightRect {
+    box: PsDocumentTextBox;
+    isActive: boolean;
+}

package/dist/interfaces/ps-document-highlight-rect.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-document-item.d.ts

@@ -1,9 +1,12 @@
 import type { PsDocumentKind } from '../constants/ps-document-kind';
 import type { PsDocumentSource } from './ps-document-source';
+import type { PsDocumentTextLayer } from './ps-document-text-layer';
 export interface PsDocumentItem {
     id: string;
     kind: PsDocumentKind;
     name: string;
+    pageTextLayers?: PsDocumentTextLayer[];
     source: PsDocumentSource | null;
     text: string | null;
+    textLayer?: PsDocumentTextLayer;
 }

package/dist/interfaces/ps-document-labels.d.ts

@@ -1,10 +1,17 @@
 export interface PsDocumentLabels {
     close: string;
+    closeSearch?: string;
     empty: string;
     error: string;
     expand: string;
     loadFailed: string;
+    matchCount?: string;
+    nextMatch?: string;
+    noMatches?: string;
     open?: string;
+    previousMatch?: string;
     retry: string;
+    search?: string;
+    searchPlaceholder?: string;
     unsupported: string;
 }

package/dist/interfaces/ps-document-normalized-text.d.ts

@@ -0,0 +1,5 @@
+export interface PsDocumentNormalizedText {
+    ends: number[];
+    starts: number[];
+    value: string;
+}

package/dist/interfaces/ps-document-normalized-text.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-document-point.d.ts

@@ -0,0 +1,4 @@
+export interface PsDocumentPoint {
+    x: number;
+    y: number;
+}

package/dist/interfaces/ps-document-point.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-document-search-labels.d.ts

@@ -0,0 +1,9 @@
+export interface PsDocumentSearchLabels {
+    closeSearch: string;
+    matchCount: string;
+    nextMatch: string;
+    noMatches: string;
+    previousMatch: string;
+    search: string;
+    searchPlaceholder: string;
+}

package/dist/interfaces/ps-document-search-labels.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-document-search-location.d.ts

@@ -0,0 +1,4 @@
+export interface PsDocumentSearchLocation {
+    entryIndex: number;
+    localIndex: number;
+}

package/dist/interfaces/ps-document-search-location.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-document-search-match.d.ts

@@ -0,0 +1,4 @@
+export interface PsDocumentSearchMatch {
+    end: number;
+    start: number;
+}

package/dist/interfaces/ps-document-search-match.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-document-search-state.d.ts

@@ -0,0 +1,4 @@
+export interface PsDocumentSearchState {
+    activeIndex: number;
+    query: string;
+}

package/dist/interfaces/ps-document-search-state.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-document-text-box.d.ts

@@ -0,0 +1,6 @@
+export interface PsDocumentTextBox {
+    height: number;
+    left: number;
+    top: number;
+    width: number;
+}

package/dist/interfaces/ps-document-text-box.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-document-text-layer-word.d.ts

@@ -0,0 +1,5 @@
+import type { PsDocumentTextBox } from './ps-document-text-box';
+export interface PsDocumentTextLayerWord {
+    box: PsDocumentTextBox;
+    text: string;
+}

package/dist/interfaces/ps-document-text-layer-word.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-document-text-layer.d.ts

@@ -0,0 +1,6 @@
+import type { PsDocumentTextLayerWord } from './ps-document-text-layer-word';
+export interface PsDocumentTextLayer {
+    height: number;
+    width: number;
+    words: PsDocumentTextLayerWord[];
+}

package/dist/interfaces/ps-document-text-layer.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-document-text-line.d.ts

@@ -0,0 +1,4 @@
+export interface PsDocumentTextLine {
+    text: string;
+    y: number;
+}

package/dist/interfaces/ps-document-text-line.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-document-text-segment.d.ts

@@ -0,0 +1,4 @@
+export interface PsDocumentTextSegment {
+    matchIndex: number | null;
+    text: string;
+}

package/dist/interfaces/ps-document-text-segment.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/ps-document-word-match.d.ts

@@ -0,0 +1,3 @@
+export interface PsDocumentWordMatch {
+    wordIndices: number[];
+}

package/dist/interfaces/ps-document-word-match.js

@@ -0,0 +1 @@
+export {};

package/dist/services/ps-document-search-service.d.ts

@@ -0,0 +1,40 @@
+import type { PsDocumentHighlightRect } from '../interfaces/ps-document-highlight-rect';
+import type { PsDocumentItem } from '../interfaces/ps-document-item';
+import type { PsDocumentLabels } from '../interfaces/ps-document-labels';
+import type { PsDocumentNormalizedText } from '../interfaces/ps-document-normalized-text';
+import type { PsDocumentPoint } from '../interfaces/ps-document-point';
+import type { PsDocumentSearchLabels } from '../interfaces/ps-document-search-labels';
+import type { PsDocumentSearchLocation } from '../interfaces/ps-document-search-location';
+import type { PsDocumentSearchMatch } from '../interfaces/ps-document-search-match';
+import type { PsDocumentTextBox } from '../interfaces/ps-document-text-box';
+import type { PsDocumentTextLayer } from '../interfaces/ps-document-text-layer';
+import type { PsDocumentTextLine } from '../interfaces/ps-document-text-line';
+import type { PsDocumentTextSegment } from '../interfaces/ps-document-text-segment';
+import type { PsDocumentViewerEntry } from '../interfaces/ps-document-viewer-entry';
+import type { PsDocumentWordMatch } from '../interfaces/ps-document-word-match';
+import type { PsSize } from '../interfaces/ps-size';
+export declare class PsDocumentSearchService {
+    static normalize(text: string): PsDocumentNormalizedText;
+    static terms(query: string): string[];
+    static matches(text: string, query: string): PsDocumentSearchMatch[];
+    static segments(text: string, matches: PsDocumentSearchMatch[]): PsDocumentTextSegment[];
+    static joinedWords(layer: PsDocumentTextLayer): string;
+    static wordMatches(layer: PsDocumentTextLayer, query: string): PsDocumentWordMatch[];
+    static fit(layer: PsDocumentTextLayer, container: PsSize): PsDocumentTextBox;
+    static rect(box: PsDocumentTextBox, layer: PsDocumentTextLayer, container: PsSize): PsDocumentTextBox;
+    static highlights(layer: PsDocumentTextLayer, query: string, container: PsSize, activeIndex: number): PsDocumentHighlightRect[];
+    static center(box: PsDocumentTextBox): PsDocumentPoint;
+    static scrollOffset(lines: PsDocumentTextLine[], start: number): number;
+    static entryMatchCount(entry: PsDocumentViewerEntry, texts: Record<string, string>, query: string): number;
+    static counts(entries: PsDocumentViewerEntry[], texts: Record<string, string>, query: string): number[];
+    static total(counts: number[]): number;
+    static locate(counts: number[], active: number): PsDocumentSearchLocation | null;
+    static activeFor(counts: number[], active: number, entryIndex: number): number;
+    static firstIndexOf(counts: number[], entryIndex: number): number;
+    static step(active: number, total: number, direction: 1 | -1): number;
+    static startIndex(counts: number[], entryIndex: number): number;
+    static countLabel(template: string, current: number, total: number): string;
+    static labels(labels: PsDocumentLabels): PsDocumentSearchLabels | null;
+    static isSearchable(items: PsDocumentItem[]): boolean;
+    private static merge;
+}

package/dist/services/ps-document-search-service.js

@@ -0,0 +1,201 @@
+import { PsDocumentKind } from '../constants/ps-document-kind';
+import { PsDocumentSearchConfig } from '../constants/ps-document-search-config';
+export class PsDocumentSearchService {
+    static normalize(text) {
+        const starts = [];
+        const ends = [];
+        let value = '';
+        let offset = 0;
+        for (const character of Array.from(text)) {
+            const folded = character
+                .normalize('NFD')
+                .replace(PsDocumentSearchConfig.combiningMarkPattern, '')
+                .toLowerCase();
+            for (let position = 0; position < folded.length; position += 1) {
+                starts.push(offset);
+                ends.push(offset + character.length);
+            }
+            value += folded;
+            offset += character.length;
+        }
+        return { ends, starts, value };
+    }
+    static terms(query) {
+        return PsDocumentSearchService.normalize(query)
+            .value.split(PsDocumentSearchConfig.termSeparatorPattern)
+            .filter((term) => term !== '');
+    }
+    static matches(text, query) {
+        const terms = PsDocumentSearchService.terms(query);
+        if (terms.length === 0)
+            return [];
+        const normalized = PsDocumentSearchService.normalize(text);
+        const ranges = [];
+        for (const term of terms) {
+            let from = normalized.value.indexOf(term);
+            while (from >= 0) {
+                ranges.push({ end: from + term.length, start: from });
+                from = normalized.value.indexOf(term, from + term.length);
+            }
+        }
+        return PsDocumentSearchService.merge(ranges).map((range) => ({
+            end: normalized.ends[range.end - 1],
+            start: normalized.starts[range.start],
+        }));
+    }
+    static segments(text, matches) {
+        const segments = [];
+        let cursor = 0;
+        matches.forEach((match, index) => {
+            if (match.start > cursor)
+                segments.push({ matchIndex: null, text: text.slice(cursor, match.start) });
+            segments.push({ matchIndex: index, text: text.slice(match.start, match.end) });
+            cursor = match.end;
+        });
+        if (cursor < text.length)
+            segments.push({ matchIndex: null, text: text.slice(cursor) });
+        return segments;
+    }
+    static joinedWords(layer) {
+        return layer.words.map((word) => word.text).join(PsDocumentSearchConfig.wordSeparator);
+    }
+    static wordMatches(layer, query) {
+        const matches = PsDocumentSearchService.matches(PsDocumentSearchService.joinedWords(layer), query);
+        const bounds = [];
+        let cursor = 0;
+        for (const word of layer.words) {
+            bounds.push({ end: cursor + word.text.length, start: cursor });
+            cursor += word.text.length + PsDocumentSearchConfig.wordSeparator.length;
+        }
+        return matches.map((match) => ({
+            wordIndices: bounds.flatMap((bound, index) => bound.start < match.end && bound.end > match.start ? [index] : []),
+        }));
+    }
+    static fit(layer, container) {
+        if (layer.width <= 0 || layer.height <= 0)
+            return { height: 0, left: 0, top: 0, width: 0 };
+        const scale = Math.min(container.width / layer.width, container.height / layer.height);
+        const width = layer.width * scale;
+        const height = layer.height * scale;
+        return {
+            height,
+            left: (container.width - width) / 2,
+            top: (container.height - height) / 2,
+            width,
+        };
+    }
+    static rect(box, layer, container) {
+        const fitted = PsDocumentSearchService.fit(layer, container);
+        const scale = layer.width <= 0 ? 0 : fitted.width / layer.width;
+        return {
+            height: box.height * scale,
+            left: fitted.left + box.left * scale,
+            top: fitted.top + box.top * scale,
+            width: box.width * scale,
+        };
+    }
+    static highlights(layer, query, container, activeIndex) {
+        return PsDocumentSearchService.wordMatches(layer, query).flatMap((match, matchIndex) => match.wordIndices.map((wordIndex) => ({
+            box: PsDocumentSearchService.rect(layer.words[wordIndex].box, layer, container),
+            isActive: matchIndex === activeIndex,
+        })));
+    }
+    static center(box) {
+        return { x: box.left + box.width / 2, y: box.top + box.height / 2 };
+    }
+    static scrollOffset(lines, start) {
+        let cursor = 0;
+        for (const line of lines) {
+            cursor += line.text.length;
+            if (start < cursor)
+                return line.y;
+        }
+        const last = lines[lines.length - 1];
+        return last === undefined ? 0 : last.y;
+    }
+    static entryMatchCount(entry, texts, query) {
+        if (entry.item.kind === PsDocumentKind.Text) {
+            const text = entry.item.text === null ? texts[entry.item.id] : entry.item.text;
+            return text === undefined ? 0 : PsDocumentSearchService.matches(text, query).length;
+        }
+        const layer = entry.item.textLayer;
+        return layer === undefined ? 0 : PsDocumentSearchService.wordMatches(layer, query).length;
+    }
+    static counts(entries, texts, query) {
+        return entries.map((entry) => PsDocumentSearchService.entryMatchCount(entry, texts, query));
+    }
+    static total(counts) {
+        return counts.reduce((sum, count) => sum + count, 0);
+    }
+    static locate(counts, active) {
+        let remaining = active;
+        for (let entryIndex = 0; entryIndex < counts.length; entryIndex += 1) {
+            if (remaining < counts[entryIndex])
+                return { entryIndex, localIndex: remaining };
+            remaining -= counts[entryIndex];
+        }
+        return null;
+    }
+    static activeFor(counts, active, entryIndex) {
+        const location = PsDocumentSearchService.locate(counts, active);
+        return location !== null && location.entryIndex === entryIndex
+            ? location.localIndex
+            : PsDocumentSearchConfig.noActive;
+    }
+    static firstIndexOf(counts, entryIndex) {
+        return counts.slice(0, entryIndex).reduce((sum, count) => sum + count, 0);
+    }
+    static step(active, total, direction) {
+        if (total <= 0)
+            return PsDocumentSearchConfig.noActive;
+        return (active + direction + total) % total;
+    }
+    static startIndex(counts, entryIndex) {
+        const total = PsDocumentSearchService.total(counts);
+        if (total === 0)
+            return PsDocumentSearchConfig.noActive;
+        return counts[entryIndex] > 0 ? PsDocumentSearchService.firstIndexOf(counts, entryIndex) : 0;
+    }
+    static countLabel(template, current, total) {
+        return template
+            .replace(PsDocumentSearchConfig.currentToken, String(current))
+            .replace(PsDocumentSearchConfig.totalToken, String(total));
+    }
+    static labels(labels) {
+        const { closeSearch, matchCount, nextMatch, noMatches, previousMatch, search, searchPlaceholder, } = labels;
+        if (closeSearch === undefined ||
+            matchCount === undefined ||
+            nextMatch === undefined ||
+            noMatches === undefined ||
+            previousMatch === undefined ||
+            search === undefined ||
+            searchPlaceholder === undefined)
+            return null;
+        return {
+            closeSearch,
+            matchCount,
+            nextMatch,
+            noMatches,
+            previousMatch,
+            search,
+            searchPlaceholder,
+        };
+    }
+    static isSearchable(items) {
+        return items.some((item) => (item.kind === PsDocumentKind.Text && (item.text !== null || item.source !== null)) ||
+            item.textLayer !== undefined ||
+            (item.pageTextLayers !== undefined && item.pageTextLayers.length > 0));
+    }
+    static merge(ranges) {
+        const sorted = [...ranges].sort((a, b) => a.start === b.start ? a.end - b.end : a.start - b.start);
+        const merged = [];
+        for (const range of sorted) {
+            const last = merged[merged.length - 1];
+            if (last !== undefined && range.start < last.end)
+                merged[merged.length - 1] = { end: Math.max(last.end, range.end), start: last.start };
+            else
+                merged.push({ ...range });
+        }
+        return merged;
+    }
+}

package/dist/services/ps-document-search-style-service.d.ts

@@ -0,0 +1,7 @@
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { PsMobileTheme } from '../interfaces/ps-mobile-theme';
+export declare class PsDocumentSearchStyleService {
+    static span(theme: PsMobileTheme, isActive: boolean): TextStyle;
+    static rect(theme: PsMobileTheme, isActive: boolean): ViewStyle;
+    static fieldRadius(isMaterial: boolean): number;
+}

package/dist/services/ps-document-search-style-service.js

@@ -0,0 +1,22 @@
+import { PsDocumentSearchConfig } from '../constants/ps-document-search-config';
+import { PsMobileColorService } from './ps-mobile-color-service';
+export class PsDocumentSearchStyleService {
+    static span(theme, isActive) {
+        return isActive
+            ? { backgroundColor: theme.primary, color: theme.primaryContrast }
+            : {
+                backgroundColor: PsMobileColorService.withAlpha(theme.primary, PsDocumentSearchConfig.highlightAlpha),
+            };
+    }
+    static rect(theme, isActive) {
+        return {
+            backgroundColor: PsMobileColorService.withAlpha(theme.primary, isActive ? PsDocumentSearchConfig.activeAlpha : PsDocumentSearchConfig.highlightAlpha),
+            borderRadius: PsDocumentSearchConfig.highlightRadius,
+        };
+    }
+    static fieldRadius(isMaterial) {
+        return isMaterial
+            ? PsDocumentSearchConfig.androidFieldRadius
+            : PsDocumentSearchConfig.iosFieldRadius;
+    }
+}

package/dist/services/ps-document-viewer-entry-service.js

@@ -63,6 +63,7 @@ export class PsDocumentViewerEntryService {
                     name: item.name,
                     source: { headers: {}, uri: page.uri },
                     text: null,
+                    textLayer: item.pageTextLayers === undefined ? undefined : item.pageTextLayers[index],
                 },
                 sourceId: item.id,
                 status: PsDocumentLoadStatus.Ready,

package/dist/services/ps-document-zoom-service.d.ts

@@ -1,5 +1,6 @@
 export declare class PsDocumentZoomService {
     static clampAxis(value: number, container: number, scale: number): number;
+    static centerOffset(point: number, container: number, scale: number): number;
     static clampScale(scale: number): number;
     static dragOffset(translationY: number): number;
     static focalOffset(tap: number, container: number, scale: number): number;

package/dist/services/ps-document-zoom-service.js

@@ -4,6 +4,9 @@ export class PsDocumentZoomService {
         const limit = (container * (scale - 1)) / 2;
         return Math.min(limit, Math.max(-limit, value));
     }
+    static centerOffset(point, container, scale) {
+        return PsDocumentZoomService.clampAxis((container / 2 - point) * scale, container, scale);
+    }
     static clampScale(scale) {
         return Math.min(PsDocumentConfig.maxZoom, Math.max(PsDocumentConfig.minZoom, scale));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-mobile-components",
-	"version": "1.11.0",
+	"version": "1.12.0",
 	"private": false,
 	"description": "Native iOS (SwiftUI) and Android (Jetpack Compose) Ps components for Pallasoft mobile apps",
 	"main": "./dist/index.js",