@pallasoft/ps-mobile-components 1.10.2 → 1.12.0

package/dist/components/ps-menu-popup/ps-menu-popup.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Modal, Pressable, ScrollView, StyleSheet, useWindowDimensions } from 'react-native';
 import Animated from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { PsMenuPopupConfig } from '../../constants/ps-menu-popup-config';
 import { usePsMaterialScheme } from '../../hooks/use-ps-material-scheme';
 import { usePsMenuPopupReveal } from '../../hooks/use-ps-menu-popup-reveal';
@@ -12,34 +13,35 @@ export const PsMenuPopup = ({ anchor, children, isFullWidth = false, onClose, })
     const theme = usePsMobileTheme();
     const scheme = usePsMaterialScheme();
     const window = useWindowDimensions();
+    const insets = useSafeAreaInsets();
     const isMaterial = PsMenuPopupStyleService.isMaterial();
     const [size, setSize] = useState(undefined);
     const layout = size === undefined
-        ? undefined
-        : PsMenuPopupService.layout(anchor, window, size.height, size.width, isFullWidth);
+        ? PsMenuPopupService.layout(anchor, window, insets, Number.POSITIVE_INFINITY, PsMenuPopupConfig.minWidth, isFullWidth)
+        : PsMenuPopupService.layout(anchor, window, insets, size.height, size.width, isFullWidth);
     const container = PsMenuPopupStyleService.container(theme, scheme, isMaterial);
-    const reveal = usePsMenuPopupReveal(layout !== undefined, layout === undefined || layout.isBelow, isMaterial);
+    const reveal = usePsMenuPopupReveal(size !== undefined, layout.isBelow, isMaterial);
     return (_jsxs(Modal, { animationType: isMaterial ? 'none' : 'fade', navigationBarTranslucent: true, onRequestClose: onClose, statusBarTranslucent: true, transparent: true, visible: true, children: [_jsx(Pressable, { accessibilityElementsHidden: true, onPress: onClose, style: StyleSheet.absoluteFill, testID: 'ps-menu-popup-backdrop' }), _jsx(Animated.View, { onLayout: (event) => {
                     if (size === undefined)
                         setSize({
                             height: event.nativeEvent.layout.height,
                             width: event.nativeEvent.layout.width,
                         });
-                }, pointerEvents: layout === undefined ? 'none' : 'auto', style: [
+                }, pointerEvents: size === undefined ? 'none' : 'auto', style: [
                     {
                         backgroundColor: container.backgroundColor,
                         borderColor: container.borderColor,
                         borderRadius: container.borderRadius,
                         borderWidth: container.borderWidth,
                         elevation: container.elevation,
-                        left: layout === undefined ? 0 : layout.left,
-                        maxHeight: layout === undefined ? undefined : layout.maxHeight,
+                        left: layout.left,
+                        maxHeight: layout.maxHeight,
                         maxWidth: PsMenuPopupConfig.maxWidth,
                         minWidth: isFullWidth ? undefined : PsMenuPopupConfig.minWidth,
                         overflow: 'hidden',
                         position: 'absolute',
-                        top: layout === undefined ? 0 : layout.top,
-                        width: layout === undefined ? undefined : layout.width,
+                        top: layout.top,
+                        width: layout.width,
                     },
                     reveal,
                 ], testID: 'ps-menu-popup', children: _jsx(ScrollView, { bounces: false, contentContainerStyle: { paddingVertical: container.paddingVertical }, children: children }) })] }));

package/dist/components/ps-sheet-presenter/ps-sheet-presenter.ios.js

@@ -2,8 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { BottomSheet, Group, RNHostView } from '@expo/ui/swift-ui';
 import { frame, interactiveDismissDisabled, presentationBackground, presentationDetents, presentationDragIndicator, } from '@expo/ui/swift-ui/modifiers';
+import { useWindowDimensions } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { PsNativeTreeContext } from '../../contexts/ps-native-tree-context';
 import { PsSheetMeasureContext } from '../../contexts/ps-sheet-measure-context';
+import { usePsKeyboardHeight } from '../../hooks/use-ps-keyboard-height';
 import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
 import { PsSheetService } from '../../services/ps-sheet-service';
 import { PsHost } from '../ps-host/ps-host';
@@ -12,6 +15,10 @@ export const PsSheetPresenter = ({ children, isDismissBlocked, isOpen, onClose,
     const isOpenRef = useRef(isOpen);
     const isBlockedRef = useRef(isDismissBlocked);
     const [height, setHeight] = useState(0);
+    const keyboardHeight = usePsKeyboardHeight();
+    const window = useWindowDimensions();
+    const insets = useSafeAreaInsets();
+    const detentHeight = height > 0 ? PsSheetService.raisedHeight(height, keyboardHeight, window.height, insets.top) : 0;
     isOpenRef.current = isOpen;
     isBlockedRef.current = isDismissBlocked;
     const measure = useCallback((next) => {
@@ -27,7 +34,7 @@ export const PsSheetPresenter = ({ children, isDismissBlocked, isOpen, onClose,
                 }
             }, children: _jsx(Group, { modifiers: [
                     frame({ alignment: 'top', maxHeight: Infinity, maxWidth: Infinity }),
-                    presentationDetents(height > 0 ? [{ height }] : ['medium']),
+                    presentationDetents(detentHeight > 0 ? [{ height: detentHeight }] : ['medium']),
                     presentationDragIndicator('visible'),
                     presentationBackground(theme.background),
                     interactiveDismissDisabled(isDismissBlocked),

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

@@ -2,6 +2,7 @@ export interface PsSparklineProps {
     color?: string;
     height?: number;
     isLoading?: boolean;
+    revealKey?: string;
     showArea?: boolean;
     values: number[];
 }

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

@@ -1,2 +1,2 @@
 import type { PsSparklineProps } from './ps-sparkline-props';
-export declare const PsSparkline: ({ color, height: baseHeight, isLoading, showArea, values, }: PsSparklineProps) => import("react").JSX.Element;
+export declare const PsSparkline: ({ color, height: baseHeight, isLoading, revealKey, showArea, values, }: PsSparklineProps) => import("react").JSX.Element;

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

@@ -10,11 +10,11 @@ import { usePsWidgetFill } from '../../hooks/use-ps-widget-fill';
 import { PsChartScaleService } from '../../services/ps-chart-scale-service';
 import { PsChartLine } from '../ps-chart-line/ps-chart-line';
 import { PsChartSkeleton } from '../ps-chart-skeleton/ps-chart-skeleton';
-export const PsSparkline = ({ color, height: baseHeight = PsChartConfig.sparklineHeight, isLoading = false, showArea = true, values, }) => {
+export const PsSparkline = ({ color, height: baseHeight = PsChartConfig.sparklineHeight, isLoading = false, revealKey, showArea = true, values, }) => {
     const theme = usePsMobileTheme();
     const height = baseHeight + usePsWidgetFill();
     const { onLayout, width } = usePsChartWidth();
-    const progress = usePsChartReveal(values.join(','));
+    const progress = usePsChartReveal(!isLoading && width > 0, revealKey);
     if (isLoading)
         return _jsx(PsChartSkeleton, { height: height, variant: PsChartSkeletonVariant.Line });
     if (values.length === 0)

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/components/ps-waterfall-chart/ps-waterfall-chart-props.d.ts

@@ -6,4 +6,5 @@ export interface PsWaterfallChartProps {
     formatValue: (value: number) => string;
     height?: number;
     isLoading?: boolean;
+    revealKey?: string;
 }

package/dist/components/ps-waterfall-chart/ps-waterfall-chart.d.ts

@@ -1,2 +1,2 @@
 import type { PsWaterfallChartProps } from './ps-waterfall-chart-props';
-export declare const PsWaterfallChart: ({ data, emptyLabel, formatTick, formatValue, height: baseHeight, isLoading, }: PsWaterfallChartProps) => import("react").JSX.Element;
+export declare const PsWaterfallChart: ({ data, emptyLabel, formatTick, formatValue, height: baseHeight, isLoading, revealKey, }: PsWaterfallChartProps) => import("react").JSX.Element;

package/dist/components/ps-waterfall-chart/ps-waterfall-chart.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { StyleSheet, View } from 'react-native';
+import { GestureDetector } from 'react-native-gesture-handler';
 import Svg, { G, Line, Text as SvgText } from 'react-native-svg';
 import { PsChartConfig } from '../../constants/ps-chart-config';
 import { PsChartSkeletonVariant } from '../../constants/ps-chart-skeleton-variant';
@@ -16,7 +17,7 @@ import { PsChartBar } from '../ps-chart-bar/ps-chart-bar';
 import { PsChartEmptyState } from '../ps-chart-empty-state/ps-chart-empty-state';
 import { PsChartReadout } from '../ps-chart-readout/ps-chart-readout';
 import { PsChartSkeleton } from '../ps-chart-skeleton/ps-chart-skeleton';
-export const PsWaterfallChart = ({ data, emptyLabel, formatTick, formatValue, height: baseHeight = PsChartConfig.chartHeight, isLoading = false, }) => {
+export const PsWaterfallChart = ({ data, emptyLabel, formatTick, formatValue, height: baseHeight = PsChartConfig.chartHeight, isLoading = false, revealKey, }) => {
     const theme = usePsMobileTheme();
     const { onLayout, width } = usePsChartWidth();
     const height = baseHeight + usePsWidgetFill();
@@ -24,8 +25,8 @@ export const PsWaterfallChart = ({ data, emptyLabel, formatTick, formatValue, he
     const domain = PsChartScaleService.domain(PsWaterfallService.values(steps));
     const tickLabels = PsChartScaleService.ticks(domain).map((tick) => formatTick(tick));
     const plot = PsChartScaleService.plot(width, height, PsChartAxisService.yAxisWidth(tickLabels, width));
-    const { index, panHandlers } = usePsChartScrub(data.length, true, plot);
-    const progress = usePsChartReveal(`waterfall:${PsWaterfallService.values(steps).join(',')}`);
+    const { gesture, index } = usePsChartScrub(data.length, true, plot);
+    const progress = usePsChartReveal(!isLoading && width > 0, revealKey);
     if (isLoading)
         return _jsx(PsChartSkeleton, { height: baseHeight, variant: PsChartSkeletonVariant.Bars });
     if (steps.length === 0 || PsWaterfallService.values(steps).every((value) => value === 0))
@@ -36,8 +37,8 @@ export const PsWaterfallChart = ({ data, emptyLabel, formatTick, formatValue, he
     const step = steps[selected];
     const rects = PsWaterfallService.rects(steps, colors, domain, plot);
     const color = step.isTotal ? colors[2] : step.value < 0 ? colors[1] : colors[0];
-    return (_jsxs(View, { style: { gap: 8 }, children: [_jsx(PsChartReadout, { items: [{ color, label: step.label, value: formatValue(step.value) }], title: step.label }), _jsx(View, { accessible: true, accessibilityLabel: `${step.label}, ${formatValue(step.value)}`, accessibilityRole: 'image', onLayout: onLayout, style: { height }, children: width === 0 ? null : (_jsxs(_Fragment, { children: [_jsxs(Svg, { height: height, pointerEvents: 'none', width: width, children: [PsChartScaleService.ticks(domain).map((tick, tickIndex) => {
+    return (_jsxs(View, { style: { gap: 8 }, children: [_jsx(PsChartReadout, { items: [{ color, label: step.label, value: formatValue(step.value) }], title: step.label }), _jsx(View, { accessible: true, accessibilityLabel: `${step.label}, ${formatValue(step.value)}`, accessibilityRole: 'image', onLayout: onLayout, style: { height }, children: width === 0 ? (_jsx(PsChartSkeleton, { height: baseHeight, variant: PsChartSkeletonVariant.Bars })) : (_jsxs(_Fragment, { children: [_jsxs(Svg, { height: height, pointerEvents: 'none', width: width, children: [PsChartScaleService.ticks(domain).map((tick, tickIndex) => {
                                     const y = PsChartScaleService.y(tick, domain, plot);
                                     return (_jsxs(G, { children: [_jsx(Line, { stroke: theme.line, strokeWidth: PsChartConfig.gridLineWidth, x1: plot.left, x2: plot.right, y1: y, y2: y }), _jsx(SvgText, { fill: theme.muted, fontFamily: theme.fonts.medium, fontSize: PsChartConfig.axisLabelSize, textAnchor: 'end', x: plot.left - PsChartConfig.axisTickGap, y: y + PsChartConfig.axisLabelSize / 3, children: PsChartTextService.fit(tickLabels[tickIndex], plot.left - PsChartConfig.axisTickGap, PsChartConfig.axisLabelSize) })] }, tick));
-                                }), xLabels.indexes.map((position) => (_jsx(SvgText, { fill: theme.muted, fontFamily: theme.fonts.medium, fontSize: PsChartConfig.axisLabelSize, textAnchor: 'middle', x: PsChartScaleService.categoryX(position, steps.length, plot, true), y: height - 6, children: PsChartTextService.fit(steps[position].label, xLabels.maxWidth, PsChartConfig.axisLabelSize) }, steps[position].label))), rects.map((rect) => (_jsx(PsChartBar, { progress: progress, rect: rect }, rect.id)))] }), _jsx(View, { ...panHandlers, style: StyleSheet.absoluteFill, testID: 'ps-chart-touch' })] })) })] }));
+                                }), xLabels.indexes.map((position) => (_jsx(SvgText, { fill: theme.muted, fontFamily: theme.fonts.medium, fontSize: PsChartConfig.axisLabelSize, textAnchor: 'middle', x: PsChartScaleService.categoryX(position, steps.length, plot, true), y: height - 6, children: PsChartTextService.fit(steps[position].label, xLabels.maxWidth, PsChartConfig.axisLabelSize) }, steps[position].label))), rects.map((rect) => (_jsx(PsChartBar, { progress: progress, rect: rect }, rect.id)))] }), _jsx(GestureDetector, { gesture: gesture, children: _jsx(View, { style: StyleSheet.absoluteFill, testID: 'ps-chart-touch' }) })] })) })] }));
 };

package/dist/constants/ps-chart-config.d.ts

@@ -45,7 +45,10 @@ export declare const PsChartConfig: {
     readonly readoutLineHeight: 22;
     readonly readoutRowGap: 2;
     readonly readoutValueSize: 15;
+    readonly scrubActiveOffset: 8;
+    readonly scrubFailOffsetY: 10;
     readonly scrubLineWidth: 1;
+    readonly scrubTestId: "ps-chart-scrub";
     readonly skeletonBarHeights: readonly [0.45, 0.7, 0.55, 0.85, 0.65, 0.95, 0.75];
     readonly skeletonPulseMs: 900;
     readonly sparklineHeight: 40;

package/dist/constants/ps-chart-config.js

@@ -45,7 +45,10 @@ export const PsChartConfig = {
     readoutLineHeight: 22,
     readoutRowGap: 2,
     readoutValueSize: 15,
+    scrubActiveOffset: 8,
+    scrubFailOffsetY: 10,
     scrubLineWidth: 1,
+    scrubTestId: 'ps-chart-scrub',
     skeletonBarHeights: [0.45, 0.7, 0.55, 0.85, 0.65, 0.95, 0.75],
     skeletonPulseMs: 900,
     sparklineHeight: 40,

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-chart-reveal.d.ts

@@ -1,2 +1,2 @@
 import { type SharedValue } from 'react-native-reanimated';
-export declare const usePsChartReveal: (signature: string) => SharedValue<number>;
+export declare const usePsChartReveal: (isReady: boolean, revealKey: string | undefined) => SharedValue<number>;

package/dist/hooks/use-ps-chart-reveal.js

@@ -2,7 +2,7 @@ import { useEffect } from 'react';
 import { useSharedValue, withTiming } from 'react-native-reanimated';
 import { PsChartConfig } from '../constants/ps-chart-config';
 import { usePsMobileTheme } from './use-ps-mobile-theme';
-export const usePsChartReveal = (signature) => {
+export const usePsChartReveal = (isReady, revealKey) => {
     const { isReduceMotion: isReduced } = usePsMobileTheme();
     const progress = useSharedValue(isReduced ? 1 : 0);
     useEffect(() => {
@@ -10,8 +10,10 @@ export const usePsChartReveal = (signature) => {
             progress.set(1);
             return;
         }
+        if (!isReady)
+            return;
         progress.set(0);
         progress.set(withTiming(1, { duration: PsChartConfig.drawMs }));
-    }, [isReduced, progress, signature]);
+    }, [isReady, isReduced, progress, revealKey]);
     return progress;
 };

package/dist/hooks/use-ps-chart-scrub.js

@@ -1,23 +1,22 @@
-import { useMemo, useState } from 'react';
-import { PanResponder } from 'react-native';
+import { useState } from 'react';
+import { usePanGesture } from 'react-native-gesture-handler';
+import { PsChartConfig } from '../constants/ps-chart-config';
 import { PsChartScrubService } from '../services/ps-chart-scrub-service';
 export const usePsChartScrub = (count, isBand, plot) => {
     const [index, setIndex] = useState(null);
     const { bottom, left, right, top } = plot;
-    const panHandlers = useMemo(() => {
-        const area = { bottom, left, right, top };
-        const find = (x) => isBand
-            ? PsChartScrubService.bandIndex(x, area, count)
-            : PsChartScrubService.pointIndex(x, area, count);
-        return PanResponder.create({
-            onMoveShouldSetPanResponder: (_event, gesture) => Math.abs(gesture.dx) > Math.abs(gesture.dy),
-            onPanResponderGrant: (event) => setIndex(find(event.nativeEvent.locationX)),
-            onPanResponderMove: (event) => setIndex(find(event.nativeEvent.locationX)),
-            onPanResponderRelease: () => setIndex(null),
-            onPanResponderTerminate: () => setIndex(null),
-            onPanResponderTerminationRequest: () => true,
-            onStartShouldSetPanResponder: () => true,
-        }).panHandlers;
-    }, [bottom, count, isBand, left, right, top]);
-    return { index, panHandlers };
+    const area = { bottom, left, right, top };
+    const find = (x) => isBand
+        ? PsChartScrubService.bandIndex(x, area, count)
+        : PsChartScrubService.pointIndex(x, area, count);
+    const gesture = usePanGesture({
+        activeOffsetX: [-PsChartConfig.scrubActiveOffset, PsChartConfig.scrubActiveOffset],
+        failOffsetY: [-PsChartConfig.scrubFailOffsetY, PsChartConfig.scrubFailOffsetY],
+        onActivate: (event) => setIndex(find(event.x)),
+        onFinalize: () => setIndex(null),
+        onUpdate: (event) => setIndex(find(event.x)),
+        runOnJS: true,
+        testID: PsChartConfig.scrubTestId,
+    });
+    return { gesture, index };
 };

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/hooks/use-ps-infinite-data.d.ts

@@ -1,3 +1,3 @@
 import type { PsInfiniteDataOptions } from '../interfaces/ps-infinite-data-options';
 import type { PsInfiniteDataResult } from '../interfaces/ps-infinite-data-result';
-export declare const usePsInfiniteData: <T>({ getKey, isEnabled, key, loadPage, onSettled, onWriteFailed, refreshKey, }: PsInfiniteDataOptions<T>) => PsInfiniteDataResult<T>;
+export declare const usePsInfiniteData: <T>({ getKey, isEnabled, key, keepPreviousOnKeyChange, loadPage, onSettled, onWriteFailed, refreshKey, }: PsInfiniteDataOptions<T>) => PsInfiniteDataResult<T>;

package/dist/hooks/use-ps-infinite-data.js

@@ -1,17 +1,25 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { usePsChangeQueue, usePsOptimisticRows } from '@pallasoft/ps-utilities/react';
 import { PsInfiniteDataService } from '../services/ps-infinite-data-service';
-export const usePsInfiniteData = ({ getKey, isEnabled = true, key, loadPage, onSettled, onWriteFailed, refreshKey, }) => {
+export const usePsInfiniteData = ({ getKey, isEnabled = true, key, keepPreviousOnKeyChange = false, loadPage, onSettled, onWriteFailed, refreshKey, }) => {
     const [state, setState] = useState(() => PsInfiniteDataService.initial());
     const [isSaving, setIsSaving] = useState(false);
+    const [isRefreshing, setIsRefreshing] = useState(false);
     const isSavingRef = useRef(false);
     const submittedRef = useRef(0);
     const stateRef = useRef(state);
     const committedRef = useRef([]);
     const versionRef = useRef(0);
-    const latestRef = useRef({ getKey, loadPage, onSettled, onWriteFailed });
+    const latestRef = useRef({
+        getKey,
+        keepPreviousOnKeyChange,
+        loadPage,
+        onSettled,
+        onWriteFailed,
+    });
+    const loadedKeyRef = useRef(key);
     useEffect(() => {
-        latestRef.current = { getKey, loadPage, onSettled, onWriteFailed };
+        latestRef.current = { getKey, keepPreviousOnKeyChange, loadPage, onSettled, onWriteFailed };
     });
     const commit = useCallback((next) => {
         stateRef.current = next(stateRef.current);
@@ -21,15 +29,17 @@ export const usePsInfiniteData = ({ getKey, isEnabled = true, key, loadPage, onS
         isSavingRef.current = value;
         setIsSaving(value);
     }, []);
-    const fetchFirst = useCallback(async (isSilent) => {
+    const fetchFirst = useCallback(async (isSilent, isTracked) => {
         versionRef.current += 1;
         const version = versionRef.current;
         if (!isSilent)
             commit(() => PsInfiniteDataService.initial());
+        setIsRefreshing(isTracked);
         try {
             const page = await latestRef.current.loadPage(null);
             if (version !== versionRef.current)
                 return;
+            setIsRefreshing(false);
             commit(() => ({
                 error: false,
                 isLoading: false,
@@ -42,6 +52,7 @@ export const usePsInfiniteData = ({ getKey, isEnabled = true, key, loadPage, onS
         catch {
             if (version !== versionRef.current)
                 return;
+            setIsRefreshing(false);
             commit((current) => ({ ...current, error: true, isLoading: false, isLoadingMore: false }));
         }
     }, [commit]);
@@ -83,10 +94,14 @@ export const usePsInfiniteData = ({ getKey, isEnabled = true, key, loadPage, onS
         setSaving(false);
         if (!isEnabled) {
             versionRef.current += 1;
+            setIsRefreshing(false);
             commit(() => PsInfiniteDataService.initial());
             return undefined;
         }
-        void fetchFirst(false);
+        const isKept = stateRef.current.items.length > 0 &&
+            PsInfiniteDataService.keepsPrevious(latestRef.current.keepPreviousOnKeyChange, loadedKeyRef.current, key);
+        loadedKeyRef.current = key;
+        void fetchFirst(isKept, isKept);
         return () => {
             versionRef.current += 1;
         };
@@ -125,7 +140,7 @@ export const usePsInfiniteData = ({ getKey, isEnabled = true, key, loadPage, onS
             commit((value) => ({ ...value, error: true, isLoadingMore: false }));
         }
     }, [commit]);
-    const refresh = useCallback(() => fetchFirst(true), [fetchFirst]);
+    const refresh = useCallback(() => fetchFirst(true, false), [fetchFirst]);
     const apply = useCallback((rows, updates) => PsInfiniteDataService.apply(rows, updates), []);
     const optimistic = usePsOptimisticRows({
         apply,
@@ -184,9 +199,10 @@ export const usePsInfiniteData = ({ getKey, isEnabled = true, key, loadPage, onS
         hasMore: PsInfiniteDataService.hasMore(state),
         isLoading: state.isLoading,
         isLoadingMore: state.isLoadingMore,
+        isRefreshing,
         items: optimistic.rows,
         loadMore,
         refresh,
         write,
-    }), [loadMore, optimistic.rows, refresh, state, write]);
+    }), [isRefreshing, loadMore, optimistic.rows, refresh, state, write]);
 };

package/dist/hooks/use-ps-keyboard-height.d.ts

@@ -0,0 +1 @@
+export declare const usePsKeyboardHeight: () => number;

package/dist/hooks/use-ps-keyboard-height.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from 'react';
+import { Keyboard } from 'react-native';
+export const usePsKeyboardHeight = () => {
+    const [height, setHeight] = useState(0);
+    useEffect(() => {
+        const show = Keyboard.addListener('keyboardWillShow', (event) => setHeight(event.endCoordinates.height));
+        const hide = Keyboard.addListener('keyboardWillHide', () => setHeight(0));
+        return () => {
+            show.remove();
+            hide.remove();
+        };
+    }, []);
+    return height;
+};

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-chart-scrub-result.d.ts

@@ -1,5 +1,5 @@
-import type { GestureResponderHandlers } from 'react-native';
+import type { PanGesture } from 'react-native-gesture-handler';
 export interface PsChartScrubResult {
+    gesture: PanGesture;
     index: number | null;
-    panHandlers: GestureResponderHandlers;
 }

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 {};