@pallasoft/ps-mobile-components 1.6.0 → 1.7.0

package/dist/components/ps-list/ps-list-select-row.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PsIconKey } from '@pallasoft/ps-icons';
-import { View } from 'react-native';
+import { Pressable, View } from 'react-native';
 import { PsLayoutConfig } from '../../constants/ps-layout-config';
 import { PsMobileControlConfig } from '../../constants/ps-mobile-control-config';
+import { PsRippleKind } from '../../constants/ps-ripple-kind';
 import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
 import { PsNativeMenuService } from '../../services/ps-native-menu-service';
+import { PsRippleService } from '../../services/ps-ripple-service';
 import { PsSelectService } from '../../services/ps-select-service';
 import { PsStateService } from '../../services/ps-state-service';
 import { PsIcon } from '../ps-icon/ps-icon';
@@ -15,14 +17,16 @@ export const PsListSelectRow = ({ isDisabled = false, isLoading = false, onChang
     const theme = usePsMobileTheme();
     if (isLoading)
         return _jsx(PsListRowSkeleton, { subtitle: subtitle, value: value });
-    return (_jsx(PsNativeMenu, { isDisabled: isDisabled, isFullWidth: true, items: PsNativeMenuService.items(options, value), label: title, onSelect: onChange, children: () => (_jsxs(View, { accessibilityRole: 'button', accessibilityValue: { text: PsSelectService.selectedLabel(options, value) }, style: {
+    return (_jsx(PsNativeMenu, { isDisabled: isDisabled, isFullWidth: true, items: PsNativeMenuService.items(options, value), label: title, onSelect: onChange, children: ({ open }) => (_jsxs(Pressable, { accessibilityLabel: title, accessibilityRole: 'button', accessibilityState: { disabled: isDisabled }, accessibilityValue: { text: PsSelectService.selectedLabel(options, value) }, android_ripple: PsRippleService.resolve(theme, PsRippleKind.Surface), disabled: isDisabled, onPress: open, style: ({ pressed }) => ({
                 alignItems: 'center',
-                backgroundColor: theme.surface,
+                backgroundColor: pressed
+                    ? PsStateService.pressedFill(theme, theme.surface)
+                    : theme.surface,
                 flexDirection: 'row',
                 gap: PsLayoutConfig.headerSlotGap,
                 minHeight: PsLayoutConfig.rowMinHeight,
                 opacity: isDisabled ? PsStateService.disabledOpacity() : 1,
                 paddingHorizontal: PsLayoutConfig.gutter,
                 paddingVertical: PsLayoutConfig.rowPaddingVertical,
-            }, testID: 'ps-list-select-row', children: [_jsxs(View, { style: { flex: 1, gap: PsLayoutConfig.rowLineGap }, children: [_jsx(PsText, { numberOfLines: 1, weight: 'semibold', children: title }), subtitle === undefined ? null : (_jsx(PsText, { tone: 'muted', variant: 'small', children: subtitle }))] }), valueAccessory, _jsx(PsText, { numberOfLines: 1, style: { maxWidth: PsLayoutConfig.rowValueMaxWidth }, tone: 'muted', children: PsSelectService.selectedLabel(options, value) }), _jsx(PsIcon, { color: theme.muted, iconKey: PsIconKey.Sort, size: PsMobileControlConfig.iconSizeInline })] })) }));
+            }), testID: 'ps-list-select-row', children: [_jsxs(View, { style: { flex: 1, gap: PsLayoutConfig.rowLineGap }, children: [_jsx(PsText, { numberOfLines: 1, weight: 'semibold', children: title }), subtitle === undefined ? null : (_jsx(PsText, { tone: 'muted', variant: 'small', children: subtitle }))] }), valueAccessory, _jsx(PsText, { numberOfLines: 1, style: { maxWidth: PsLayoutConfig.rowValueMaxWidth }, tone: 'muted', children: PsSelectService.selectedLabel(options, value) }), _jsx(PsIcon, { color: theme.muted, iconKey: PsIconKey.Sort, size: PsMobileControlConfig.iconSizeInline })] })) }));
 };

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

@@ -1,7 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { View } from 'react-native';
+import { usePsMaterialScheme } from '../../hooks/use-ps-material-scheme';
 import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
+import { PsMenuPopupStyleService } from '../../services/ps-menu-popup-style-service';
 export const PsMenuPopupDivider = () => {
-    const theme = usePsMobileTheme();
-    return _jsx(View, { style: { backgroundColor: theme.line, height: 1 } });
+    const divider = PsMenuPopupStyleService.divider(usePsMobileTheme(), usePsMaterialScheme(), PsMenuPopupStyleService.isMaterial());
+    return (_jsx(View, { style: {
+            backgroundColor: divider.backgroundColor,
+            height: 1,
+            marginVertical: divider.marginVertical,
+        } }));
 };

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

@@ -3,20 +3,32 @@ import { PsIconKey } from '@pallasoft/ps-icons';
 import { Pressable, View } from 'react-native';
 import { PsMenuPopupConfig } from '../../constants/ps-menu-popup-config';
 import { PsMobileControlConfig } from '../../constants/ps-mobile-control-config';
+import { PsRippleKind } from '../../constants/ps-ripple-kind';
+import { usePsMaterialScheme } from '../../hooks/use-ps-material-scheme';
 import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
+import { PsMenuPopupStyleService } from '../../services/ps-menu-popup-style-service';
+import { PsRippleService } from '../../services/ps-ripple-service';
 import { PsStateService } from '../../services/ps-state-service';
 import { PsIcon } from '../ps-icon/ps-icon';
 import { PsText } from '../ps-text/ps-text';
 export const PsMenuPopupRow = ({ iconKey, isChecked = false, isDanger = false, isDisabled = false, isWarning = false, label, onPress, subtitle, }) => {
     const theme = usePsMobileTheme();
+    const scheme = usePsMaterialScheme();
+    const isMaterial = PsMenuPopupStyleService.isMaterial();
     const tint = isDanger ? theme.danger : theme.ink;
-    return (_jsxs(Pressable, { accessibilityRole: 'menuitem', accessibilityState: { disabled: isDisabled, selected: isChecked }, disabled: isDisabled, onPress: onPress, style: ({ pressed }) => ({
-            alignItems: 'center',
-            backgroundColor: pressed ? theme.primarySoft : 'transparent',
-            flexDirection: 'row',
-            gap: PsMobileControlConfig.rowSpacing,
-            minHeight: PsMenuPopupConfig.rowHeight,
-            opacity: isDisabled ? PsStateService.disabledOpacity() : 1,
-            paddingHorizontal: PsMenuPopupConfig.rowPaddingHorizontal,
-        }), children: [iconKey === undefined ? null : _jsx(PsIcon, { color: tint, iconKey: iconKey }), _jsxs(View, { style: { flex: 1 }, children: [_jsx(PsText, { numberOfLines: 1, tone: isDanger ? 'danger' : 'ink', weight: isChecked ? 'semibold' : 'regular', children: label }), subtitle === undefined ? null : (_jsx(PsText, { numberOfLines: 1, tone: isWarning ? 'warning' : 'muted', variant: 'small', children: subtitle }))] }), isChecked ? _jsx(PsIcon, { color: theme.primaryText, iconKey: PsIconKey.Check }) : null] }));
+    return (_jsxs(Pressable, { accessibilityRole: 'menuitem', accessibilityState: { disabled: isDisabled, selected: isChecked }, android_ripple: PsRippleService.resolve(theme, isDanger ? PsRippleKind.Danger : PsRippleKind.Surface), disabled: isDisabled, onPress: onPress, style: ({ pressed }) => {
+            const row = PsMenuPopupStyleService.row(theme, scheme, isMaterial, isChecked, pressed);
+            return {
+                alignItems: 'center',
+                backgroundColor: row.backgroundColor,
+                borderRadius: row.borderRadius,
+                flexDirection: 'row',
+                gap: PsMobileControlConfig.rowSpacing,
+                marginHorizontal: row.marginHorizontal,
+                minHeight: PsMenuPopupConfig.rowHeight,
+                opacity: isDisabled ? PsStateService.disabledOpacity() : 1,
+                overflow: 'hidden',
+                paddingHorizontal: row.paddingHorizontal,
+            };
+        }, children: [iconKey === undefined ? null : _jsx(PsIcon, { color: tint, iconKey: iconKey }), _jsxs(View, { style: { flex: 1 }, children: [_jsx(PsText, { numberOfLines: 1, tone: isDanger ? 'danger' : 'ink', weight: PsMenuPopupStyleService.labelWeight(isMaterial, isChecked), children: label }), subtitle === undefined ? null : (_jsx(PsText, { numberOfLines: 1, tone: isWarning ? 'warning' : 'muted', variant: 'small', children: subtitle }))] }), isChecked ? _jsx(PsIcon, { color: theme.primaryText, iconKey: PsIconKey.Check }) : null] }));
 };

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

@@ -1,35 +1,46 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Modal, Pressable, ScrollView, StyleSheet, View, useWindowDimensions } from 'react-native';
+import { Modal, Pressable, ScrollView, StyleSheet, useWindowDimensions } from 'react-native';
+import Animated from 'react-native-reanimated';
 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';
 import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
 import { PsMenuPopupService } from '../../services/ps-menu-popup-service';
+import { PsMenuPopupStyleService } from '../../services/ps-menu-popup-style-service';
 export const PsMenuPopup = ({ anchor, children, isFullWidth = false, onClose, }) => {
     const theme = usePsMobileTheme();
+    const scheme = usePsMaterialScheme();
     const window = useWindowDimensions();
+    const isMaterial = PsMenuPopupStyleService.isMaterial();
     const [size, setSize] = useState(undefined);
     const layout = size === undefined
         ? undefined
         : PsMenuPopupService.layout(anchor, window, size.height, size.width, isFullWidth);
-    return (_jsxs(Modal, { animationType: '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(View, { onLayout: (event) => {
+    const container = PsMenuPopupStyleService.container(theme, scheme, isMaterial);
+    const reveal = usePsMenuPopupReveal(layout !== undefined, layout === 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: {
-                    backgroundColor: theme.surface,
-                    borderColor: theme.line,
-                    borderRadius: PsMenuPopupConfig.radius,
-                    borderWidth: 1,
-                    left: layout === undefined ? 0 : layout.left,
-                    maxHeight: layout === undefined ? undefined : layout.maxHeight,
-                    maxWidth: PsMenuPopupConfig.maxWidth,
-                    minWidth: isFullWidth ? undefined : PsMenuPopupConfig.minWidth,
-                    opacity: layout === undefined ? 0 : 1,
-                    overflow: 'hidden',
-                    position: 'absolute',
-                    top: layout === undefined ? 0 : layout.top,
-                    width: layout === undefined ? undefined : layout.width,
-                }, testID: 'ps-menu-popup', children: _jsx(ScrollView, { bounces: false, contentContainerStyle: { paddingVertical: PsMenuPopupConfig.paddingVertical }, children: children }) })] }));
+                }, pointerEvents: layout === 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,
+                        maxWidth: PsMenuPopupConfig.maxWidth,
+                        minWidth: isFullWidth ? undefined : PsMenuPopupConfig.minWidth,
+                        overflow: 'hidden',
+                        position: 'absolute',
+                        top: layout === undefined ? 0 : layout.top,
+                        width: layout === undefined ? undefined : layout.width,
+                    },
+                    reveal,
+                ], testID: 'ps-menu-popup', children: _jsx(ScrollView, { bounces: false, contentContainerStyle: { paddingVertical: container.paddingVertical }, children: children }) })] }));
 };

package/dist/constants/ps-material-menu-config.d.ts

@@ -0,0 +1,12 @@
+export declare const PsMaterialMenuConfig: {
+    readonly dividerInset: 8;
+    readonly elevation: 3;
+    readonly enterEasing: readonly [0.05, 0.7, 0.1, 1];
+    readonly enterDurationMs: 150;
+    readonly enterScale: 0.8;
+    readonly itemInset: 4;
+    readonly itemRadius: 12;
+    readonly paddingVertical: 4;
+    readonly radius: 16;
+    readonly rowPaddingHorizontal: 12;
+};

package/dist/constants/ps-material-menu-config.js

@@ -0,0 +1,12 @@
+export const PsMaterialMenuConfig = {
+    dividerInset: 8,
+    elevation: 3,
+    enterEasing: [0.05, 0.7, 0.1, 1],
+    enterDurationMs: 150,
+    enterScale: 0.8,
+    itemInset: 4,
+    itemRadius: 12,
+    paddingVertical: 4,
+    radius: 16,
+    rowPaddingHorizontal: 12,
+};

package/dist/constants/ps-scan-format.d.ts

@@ -0,0 +1,4 @@
+export declare enum PsScanFormat {
+    Pdf = "pdf",
+    Png = "png"
+}

package/dist/constants/ps-scan-format.js

@@ -0,0 +1,5 @@
+export var PsScanFormat;
+(function (PsScanFormat) {
+    PsScanFormat["Pdf"] = "pdf";
+    PsScanFormat["Png"] = "png";
+})(PsScanFormat || (PsScanFormat = {}));

package/dist/constants/ps-scan-output-config.d.ts

@@ -0,0 +1,17 @@
+import { PsScanFormat } from './ps-scan-format';
+export declare const PsScanOutputConfig: {
+    readonly extensions: Record<PsScanFormat, string>;
+    readonly jpegMarkerPrefix: 255;
+    readonly jpegSizeMarkers: readonly [192, 193, 194, 195, 197, 198, 199, 201, 202, 203, 205, 206, 207];
+    readonly jpegStartMarker: 216;
+    readonly jpegSegmentHeaderLength: 2;
+    readonly jpegSizeOffset: 3;
+    readonly pdfBinaryComment: readonly [37, 226, 227, 207, 211, 10];
+    readonly pdfLongEdgePoints: 842;
+    readonly pdfObjectsPerPage: 3;
+    readonly pdfPageObjectBase: 3;
+    readonly pdfType: "application/pdf";
+    readonly pngType: "image/png";
+    readonly promptDelayMs: 400;
+    readonly types: Record<PsScanFormat, string>;
+};

package/dist/constants/ps-scan-output-config.js

@@ -0,0 +1,23 @@
+import { PsScanFormat } from './ps-scan-format';
+export const PsScanOutputConfig = {
+    extensions: {
+        [PsScanFormat.Pdf]: 'pdf',
+        [PsScanFormat.Png]: 'png',
+    },
+    jpegMarkerPrefix: 0xff,
+    jpegSizeMarkers: [0xc0, 0xc1, 0xc2, 0xc3, 0xc5, 0xc6, 0xc7, 0xc9, 0xca, 0xcb, 0xcd, 0xce, 0xcf],
+    jpegStartMarker: 0xd8,
+    jpegSegmentHeaderLength: 2,
+    jpegSizeOffset: 3,
+    pdfBinaryComment: [0x25, 0xe2, 0xe3, 0xcf, 0xd3, 0x0a],
+    pdfLongEdgePoints: 842,
+    pdfObjectsPerPage: 3,
+    pdfPageObjectBase: 3,
+    pdfType: 'application/pdf',
+    pngType: 'image/png',
+    promptDelayMs: 400,
+    types: {
+        [PsScanFormat.Pdf]: 'application/pdf',
+        [PsScanFormat.Png]: 'image/png',
+    },
+};

package/dist/hooks/use-ps-document-scanner.js

@@ -3,12 +3,13 @@ import { PsDocumentScannerService } from '../services/ps-document-scanner-servic
 export const usePsDocumentScanner = (defaults = {}) => {
     const [isScanning, setIsScanning] = useState(false);
     const isAvailable = useMemo(() => PsDocumentScannerService.isAvailable(), []);
-    const { fileName, jpegQuality, maxPages } = defaults;
+    const { fileName, formatLabels, jpegQuality, maxPages } = defaults;
     const scan = useCallback(async (options = {}) => {
         setIsScanning(true);
         try {
             return await PsDocumentScannerService.scan({
                 fileName: options.fileName === undefined ? fileName : options.fileName,
+                formatLabels: options.formatLabels === undefined ? formatLabels : options.formatLabels,
                 jpegQuality: options.jpegQuality === undefined ? jpegQuality : options.jpegQuality,
                 maxPages: options.maxPages === undefined ? maxPages : options.maxPages,
             });
@@ -16,6 +17,6 @@ export const usePsDocumentScanner = (defaults = {}) => {
         finally {
             setIsScanning(false);
         }
-    }, [fileName, jpegQuality, maxPages]);
+    }, [fileName, formatLabels, jpegQuality, maxPages]);
     return { isAvailable, isScanning, scan };
 };

package/dist/hooks/use-ps-menu-popup-reveal.d.ts

@@ -0,0 +1,3 @@
+import type { ViewStyle } from 'react-native';
+import { type AnimatedStyle } from 'react-native-reanimated';
+export declare const usePsMenuPopupReveal: (isPlaced: boolean, isBelow: boolean, isMaterial: boolean) => AnimatedStyle<ViewStyle>;

package/dist/hooks/use-ps-menu-popup-reveal.js

@@ -0,0 +1,28 @@
+import { useEffect } from 'react';
+import { Easing, interpolate, useAnimatedStyle, useSharedValue, withTiming, } from 'react-native-reanimated';
+import { PsMaterialMenuConfig } from '../constants/ps-material-menu-config';
+import { usePsMobileTheme } from './use-ps-mobile-theme';
+export const usePsMenuPopupReveal = (isPlaced, isBelow, isMaterial) => {
+    const { isReduceMotion } = usePsMobileTheme();
+    const isInstant = isReduceMotion || !isMaterial;
+    const progress = useSharedValue(isInstant ? 1 : 0);
+    useEffect(() => {
+        if (!isPlaced)
+            return;
+        if (isInstant) {
+            progress.set(1);
+            return;
+        }
+        progress.set(withTiming(1, {
+            duration: PsMaterialMenuConfig.enterDurationMs,
+            easing: Easing.bezier(...PsMaterialMenuConfig.enterEasing),
+        }));
+    }, [isInstant, isPlaced, progress]);
+    return useAnimatedStyle(() => ({
+        opacity: isPlaced ? progress.get() : 0,
+        transform: [
+            { scaleY: interpolate(progress.get(), [0, 1], [PsMaterialMenuConfig.enterScale, 1]) },
+        ],
+        transformOrigin: isBelow ? 'top' : 'bottom',
+    }));
+};

package/dist/index.d.ts

@@ -49,6 +49,8 @@ export * from './constants/ps-capture-source';
 export * from './constants/ps-document-kind';
 export * from './constants/ps-document-load-status';
 export * from './constants/ps-document-scanner-config';
+export * from './constants/ps-scan-format';
+export * from './interfaces/ps-scan-format-labels';
 export * from './constants/ps-chart-delta';
 export * from './constants/ps-cartesian-series-shape';
 export * from './constants/ps-chart-kind';

package/dist/index.js

@@ -49,6 +49,8 @@ export * from './constants/ps-capture-source';
 export * from './constants/ps-document-kind';
 export * from './constants/ps-document-load-status';
 export * from './constants/ps-document-scanner-config';
+export * from './constants/ps-scan-format';
+export * from './interfaces/ps-scan-format-labels';
 export * from './constants/ps-chart-delta';
 export * from './constants/ps-cartesian-series-shape';
 export * from './constants/ps-chart-kind';

package/dist/interfaces/ps-capture-options.d.ts

@@ -1,6 +1,8 @@
+import type { PsScanFormatLabels } from './ps-scan-format-labels';
 export interface PsCaptureOptions {
     documentTypes?: string[];
     imageQuality?: number;
     scanFileName?: string;
+    scanFormatLabels?: PsScanFormatLabels;
     scanQuality?: number;
 }

package/dist/interfaces/ps-document-scanner-options.d.ts

@@ -1,5 +1,7 @@
+import type { PsScanFormatLabels } from './ps-scan-format-labels';
 export interface PsDocumentScannerOptions {
     fileName?: string;
+    formatLabels?: PsScanFormatLabels;
     jpegQuality?: number;
     maxPages?: number;
 }

package/dist/interfaces/ps-image-manipulator-native.d.ts

@@ -0,0 +1,19 @@
+export interface PsImageManipulatorResult {
+    uri: string;
+}
+export interface PsImageManipulatorContext {
+    renderAsync: () => Promise<PsImageManipulatorRendered>;
+}
+export interface PsImageManipulatorRendered {
+    saveAsync: (options: {
+        format: string;
+    }) => Promise<PsImageManipulatorResult>;
+}
+export interface PsImageManipulatorModule {
+    ImageManipulator: {
+        manipulate: (uri: string) => PsImageManipulatorContext;
+    };
+    SaveFormat: {
+        PNG: string;
+    };
+}

package/dist/interfaces/ps-image-manipulator-native.js

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

package/dist/interfaces/ps-menu-popup-container-style.d.ts

@@ -0,0 +1,8 @@
+export interface PsMenuPopupContainerStyle {
+    backgroundColor: string;
+    borderColor: string;
+    borderRadius: number;
+    borderWidth: number;
+    elevation: number;
+    paddingVertical: number;
+}

package/dist/interfaces/ps-menu-popup-container-style.js

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

package/dist/interfaces/ps-menu-popup-divider-style.d.ts

@@ -0,0 +1,4 @@
+export interface PsMenuPopupDividerStyle {
+    backgroundColor: string;
+    marginVertical: number;
+}

package/dist/interfaces/ps-menu-popup-divider-style.js

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

package/dist/interfaces/ps-menu-popup-layout.d.ts

@@ -1,4 +1,5 @@
 export interface PsMenuPopupLayout {
+    isBelow: boolean;
     left: number;
     maxHeight: number;
     top: number;

package/dist/interfaces/ps-menu-popup-row-style.d.ts

@@ -0,0 +1,6 @@
+export interface PsMenuPopupRowStyle {
+    backgroundColor: string;
+    borderRadius: number;
+    marginHorizontal: number;
+    paddingHorizontal: number;
+}

package/dist/interfaces/ps-menu-popup-row-style.js

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

package/dist/interfaces/ps-menu-popup-size.d.ts

@@ -0,0 +1,4 @@
+export interface PsMenuPopupSize {
+    height: number;
+    width: number;
+}

package/dist/interfaces/ps-menu-popup-size.js

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

package/dist/interfaces/ps-page-size.d.ts

@@ -0,0 +1,4 @@
+export interface PsPageSize {
+    height: number;
+    width: number;
+}

package/dist/interfaces/ps-page-size.js

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

package/dist/interfaces/ps-pdf-page.d.ts

@@ -0,0 +1,5 @@
+export interface PsPdfPage {
+    bytes: Uint8Array;
+    height: number;
+    width: number;
+}

package/dist/interfaces/ps-pdf-page.js

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

package/dist/interfaces/ps-scan-format-labels.d.ts

@@ -0,0 +1,7 @@
+export interface PsScanFormatLabels {
+    cancel: string;
+    images: string;
+    message: string;
+    pdf: string;
+    title: string;
+}

package/dist/interfaces/ps-scan-format-labels.js

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

package/dist/services/ps-capture-picker-service.js

@@ -23,6 +23,7 @@ export class PsCapturePickerService {
         }
         return PsDocumentScannerService.scan({
             fileName: options.scanFileName === undefined ? PsCaptureConfig.scanFileName : options.scanFileName,
+            formatLabels: options.scanFormatLabels,
             jpegQuality: options.scanQuality === undefined ? PsCaptureConfig.scanQuality : options.scanQuality,
         });
     }

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

@@ -3,7 +3,9 @@ import type { PsScannedFile } from '../interfaces/ps-scanned-file';
 export declare class PsDocumentScannerService {
     static isAvailable(): boolean;
     static scan(options: PsDocumentScannerOptions): Promise<PsScannedFile[]>;
+    static format(files: PsScannedFile[], options: PsDocumentScannerOptions): Promise<PsScannedFile[]>;
     static toFiles(uris: string[], fileName?: string): PsScannedFile[];
+    static base(fileName?: string): string;
     static quality(jpegQuality?: number): number;
     static pageLimit(maxPages?: number): number | null;
     private static load;

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

@@ -1,4 +1,7 @@
 import { PsDocumentScannerConfig } from '../constants/ps-document-scanner-config';
+import { PsScanOutputConfig } from '../constants/ps-scan-output-config';
+import { PsScanFormatPromptService } from './ps-scan-format-prompt-service';
+import { PsScanOutputService } from './ps-scan-output-service';
 export class PsDocumentScannerService {
     static isAvailable() {
         return PsDocumentScannerService.load() !== null;
@@ -16,18 +19,32 @@ export class PsDocumentScannerService {
             return [];
         const uris = response.scannedImages === undefined ? [] : response.scannedImages;
         const limited = maxPages === null ? uris : uris.slice(0, maxPages);
-        return PsDocumentScannerService.toFiles(limited, options.fileName);
+        const files = PsDocumentScannerService.toFiles(limited, options.fileName);
+        return PsDocumentScannerService.format(files, options);
+    }
+    static async format(files, options) {
+        const labels = options.formatLabels;
+        if (labels === undefined || files.length === 0 || !PsScanOutputService.isAvailable())
+            return files;
+        await new Promise((resolve) => setTimeout(resolve, PsScanOutputConfig.promptDelayMs));
+        const format = await PsScanFormatPromptService.ask(labels, PsScanFormatPromptService.preferred(files.length));
+        return format === null
+            ? []
+            : PsScanOutputService.produce(files, format, PsDocumentScannerService.base(options.fileName));
     }
     static toFiles(uris, fileName) {
-        const base = fileName === undefined || fileName === ''
-            ? PsDocumentScannerConfig.defaultFileName
-            : fileName;
+        const base = PsDocumentScannerService.base(fileName);
         return uris.map((uri, index) => ({
             name: `${base}-${index + 1}.${PsDocumentScannerConfig.fileExtension}`,
             type: PsDocumentScannerConfig.fileType,
             uri,
         }));
     }
+    static base(fileName) {
+        return fileName === undefined || fileName === ''
+            ? PsDocumentScannerConfig.defaultFileName
+            : fileName;
+    }
     static quality(jpegQuality) {
         if (jpegQuality === undefined)
             return PsDocumentScannerConfig.defaultJpegQuality;

package/dist/services/ps-jpeg-size-service.d.ts

@@ -0,0 +1,4 @@
+import type { PsPageSize } from '../interfaces/ps-page-size';
+export declare class PsJpegSizeService {
+    static size(bytes: Uint8Array): PsPageSize | null;
+}

package/dist/services/ps-jpeg-size-service.js

@@ -0,0 +1,32 @@
+import { PsScanOutputConfig } from '../constants/ps-scan-output-config';
+export class PsJpegSizeService {
+    static size(bytes) {
+        const prefix = PsScanOutputConfig.jpegMarkerPrefix;
+        if (bytes.length < 4 || bytes[0] !== prefix || bytes[1] !== PsScanOutputConfig.jpegStartMarker)
+            return null;
+        let cursor = 2;
+        while (cursor + 4 <= bytes.length) {
+            if (bytes[cursor] !== prefix) {
+                cursor += 1;
+                continue;
+            }
+            const marker = bytes[cursor + 1];
+            if (marker === prefix) {
+                cursor += 1;
+                continue;
+            }
+            const length = (bytes[cursor + 2] << 8) | bytes[cursor + 3];
+            if (PsScanOutputConfig.jpegSizeMarkers.some((size) => size === marker)) {
+                const at = cursor + 2 + PsScanOutputConfig.jpegSizeOffset;
+                if (at + 4 > bytes.length)
+                    return null;
+                return {
+                    height: (bytes[at] << 8) | bytes[at + 1],
+                    width: (bytes[at + 2] << 8) | bytes[at + 3],
+                };
+            }
+            cursor += PsScanOutputConfig.jpegSegmentHeaderLength + length;
+        }
+        return null;
+    }
+}

package/dist/services/ps-menu-popup-service.js

@@ -14,6 +14,7 @@ export class PsMenuPopupService {
         const alignedRight = anchor.x + menuWidth > window.width - margin;
         const left = alignedRight ? anchor.x + anchor.width - menuWidth : anchor.x;
         return {
+            isBelow,
             left: Math.max(margin, Math.min(left, window.width - margin - menuWidth)),
             maxHeight: Math.max(room, 0),
             top,

package/dist/services/ps-menu-popup-style-service.d.ts

@@ -0,0 +1,13 @@
+import type { PsFontWeight } from '../interfaces/ps-font-weight';
+import type { PsMaterialScheme } from '../interfaces/ps-material-scheme';
+import type { PsMenuPopupContainerStyle } from '../interfaces/ps-menu-popup-container-style';
+import type { PsMenuPopupDividerStyle } from '../interfaces/ps-menu-popup-divider-style';
+import type { PsMenuPopupRowStyle } from '../interfaces/ps-menu-popup-row-style';
+import type { PsMobileTheme } from '../interfaces/ps-mobile-theme';
+export declare class PsMenuPopupStyleService {
+    static isMaterial(os?: string): boolean;
+    static container(theme: PsMobileTheme, scheme: PsMaterialScheme, isMaterial: boolean): PsMenuPopupContainerStyle;
+    static row(theme: PsMobileTheme, scheme: PsMaterialScheme, isMaterial: boolean, isChecked: boolean, isPressed: boolean): PsMenuPopupRowStyle;
+    static divider(theme: PsMobileTheme, scheme: PsMaterialScheme, isMaterial: boolean): PsMenuPopupDividerStyle;
+    static labelWeight(isMaterial: boolean, isChecked: boolean): PsFontWeight;
+}

package/dist/services/ps-menu-popup-style-service.js

@@ -0,0 +1,55 @@
+import { Platform } from 'react-native';
+import { PsMaterialMenuConfig } from '../constants/ps-material-menu-config';
+import { PsMenuPopupConfig } from '../constants/ps-menu-popup-config';
+export class PsMenuPopupStyleService {
+    static isMaterial(os = Platform.OS) {
+        return os === 'android';
+    }
+    static container(theme, scheme, isMaterial) {
+        if (isMaterial)
+            return {
+                backgroundColor: scheme.surfaceContainer,
+                borderColor: scheme.surfaceContainer,
+                borderRadius: PsMaterialMenuConfig.radius,
+                borderWidth: 0,
+                elevation: PsMaterialMenuConfig.elevation,
+                paddingVertical: PsMaterialMenuConfig.paddingVertical,
+            };
+        return {
+            backgroundColor: theme.surface,
+            borderColor: theme.line,
+            borderRadius: PsMenuPopupConfig.radius,
+            borderWidth: 1,
+            elevation: 0,
+            paddingVertical: PsMenuPopupConfig.paddingVertical,
+        };
+    }
+    static row(theme, scheme, isMaterial, isChecked, isPressed) {
+        if (isMaterial)
+            return {
+                backgroundColor: isChecked ? scheme.secondaryContainer : 'transparent',
+                borderRadius: PsMaterialMenuConfig.itemRadius,
+                marginHorizontal: PsMaterialMenuConfig.itemInset,
+                paddingHorizontal: PsMaterialMenuConfig.rowPaddingHorizontal,
+            };
+        return {
+            backgroundColor: isPressed ? theme.primarySoft : 'transparent',
+            borderRadius: 0,
+            marginHorizontal: 0,
+            paddingHorizontal: PsMenuPopupConfig.rowPaddingHorizontal,
+        };
+    }
+    static divider(theme, scheme, isMaterial) {
+        if (isMaterial)
+            return {
+                backgroundColor: scheme.outlineVariant,
+                marginVertical: PsMaterialMenuConfig.dividerInset,
+            };
+        return { backgroundColor: theme.line, marginVertical: 0 };
+    }
+    static labelWeight(isMaterial, isChecked) {
+        if (isMaterial)
+            return 'medium';
+        return isChecked ? 'semibold' : 'regular';
+    }
+}

package/dist/services/ps-scan-format-prompt-service.d.ts

@@ -0,0 +1,6 @@
+import { PsScanFormat } from '../constants/ps-scan-format';
+import type { PsScanFormatLabels } from '../interfaces/ps-scan-format-labels';
+export declare class PsScanFormatPromptService {
+    static ask(labels: PsScanFormatLabels, preferred: PsScanFormat): Promise<PsScanFormat | null>;
+    static preferred(pageCount: number): PsScanFormat;
+}

package/dist/services/ps-scan-format-prompt-service.js

@@ -0,0 +1,21 @@
+import { Alert } from 'react-native';
+import { PsScanFormat } from '../constants/ps-scan-format';
+export class PsScanFormatPromptService {
+    static ask(labels, preferred) {
+        return new Promise((resolve) => {
+            const choice = (format, text) => ({
+                isPreferred: format === preferred,
+                onPress: () => resolve(format),
+                text,
+            });
+            Alert.alert(labels.title, labels.message, [
+                choice(PsScanFormat.Pdf, labels.pdf),
+                choice(PsScanFormat.Png, labels.images),
+                { onPress: () => resolve(null), style: 'cancel', text: labels.cancel },
+            ], { cancelable: true, onDismiss: () => resolve(null) });
+        });
+    }
+    static preferred(pageCount) {
+        return pageCount > 1 ? PsScanFormat.Pdf : PsScanFormat.Png;
+    }
+}

package/dist/services/ps-scan-image-converter-service.d.ts

@@ -0,0 +1,5 @@
+export declare class PsScanImageConverterService {
+    static isAvailable(): boolean;
+    static toPng(uri: string): Promise<string>;
+    private static load;
+}

package/dist/services/ps-scan-image-converter-service.js

@@ -0,0 +1,22 @@
+export class PsScanImageConverterService {
+    static isAvailable() {
+        return PsScanImageConverterService.load() !== null;
+    }
+    static async toPng(uri) {
+        const loaded = PsScanImageConverterService.load();
+        if (loaded === null)
+            return uri;
+        const rendered = await loaded.ImageManipulator.manipulate(uri).renderAsync();
+        const saved = await rendered.saveAsync({ format: loaded.SaveFormat.PNG });
+        return saved.uri;
+    }
+    static load() {
+        try {
+            const loaded = require('expo-image-manipulator');
+            return typeof loaded.ImageManipulator.manipulate === 'function' ? loaded : null;
+        }
+        catch {
+            return null;
+        }
+    }
+}

package/dist/services/ps-scan-output-service.d.ts

@@ -0,0 +1,10 @@
+import { PsScanFormat } from '../constants/ps-scan-format';
+import type { PsScannedFile } from '../interfaces/ps-scanned-file';
+export declare class PsScanOutputService {
+    static isAvailable(): boolean;
+    static produce(pages: PsScannedFile[], format: PsScanFormat, fileName: string): Promise<PsScannedFile[]>;
+    static pageName(base: string, index: number): string;
+    private static toPdf;
+    private static toPng;
+    private static loadFileSystem;
+}

package/dist/services/ps-scan-output-service.js

@@ -0,0 +1,55 @@
+import { PsScanFormat } from '../constants/ps-scan-format';
+import { PsScanOutputConfig } from '../constants/ps-scan-output-config';
+import { PsJpegSizeService } from './ps-jpeg-size-service';
+import { PsScanImageConverterService } from './ps-scan-image-converter-service';
+import { PsScanPdfService } from './ps-scan-pdf-service';
+export class PsScanOutputService {
+    static isAvailable() {
+        return (PsScanOutputService.loadFileSystem() !== null && PsScanImageConverterService.isAvailable());
+    }
+    static async produce(pages, format, fileName) {
+        return format === PsScanFormat.Pdf
+            ? [await PsScanOutputService.toPdf(pages, fileName)]
+            : PsScanOutputService.toPng(pages, fileName);
+    }
+    static pageName(base, index) {
+        return `${base}-${index + 1}.${PsScanOutputConfig.extensions[PsScanFormat.Png]}`;
+    }
+    static async toPdf(pages, fileName) {
+        const system = PsScanOutputService.loadFileSystem();
+        if (system === null)
+            throw new Error('expo-file-system is not available');
+        const loaded = [];
+        for (const page of pages) {
+            const bytes = new Uint8Array(await new system.File(page.uri).arrayBuffer());
+            const size = PsJpegSizeService.size(bytes);
+            if (size === null)
+                throw new Error('unreadable scan page');
+            loaded.push({ bytes, height: size.height, width: size.width });
+        }
+        const name = `${fileName}.${PsScanOutputConfig.extensions[PsScanFormat.Pdf]}`;
+        const file = new system.File(system.Paths.cache, `${Date.now()}-${name}`);
+        file.create({ overwrite: true });
+        await file.write(PsScanPdfService.fromJpegs(loaded));
+        return { name, type: PsScanOutputConfig.pdfType, uri: file.uri };
+    }
+    static async toPng(pages, fileName) {
+        const files = [];
+        for (const [index, page] of pages.entries())
+            files.push({
+                name: PsScanOutputService.pageName(fileName, index),
+                type: PsScanOutputConfig.pngType,
+                uri: await PsScanImageConverterService.toPng(page.uri),
+            });
+        return files;
+    }
+    static loadFileSystem() {
+        try {
+            const loaded = require('expo-file-system');
+            return typeof loaded.File === 'function' ? loaded : null;
+        }
+        catch {
+            return null;
+        }
+    }
+}

package/dist/services/ps-scan-pdf-service.d.ts

@@ -0,0 +1,4 @@
+import type { PsPdfPage } from '../interfaces/ps-pdf-page';
+export declare class PsScanPdfService {
+    static fromJpegs(pages: PsPdfPage[]): Uint8Array;
+}

package/dist/services/ps-scan-pdf-service.js

@@ -0,0 +1,6 @@
+import { Common } from '@pallasoft/ps-utilities';
+export class PsScanPdfService {
+    static fromJpegs(pages) {
+        return Common.JpegPdfService.fromJpegs(pages);
+    }
+}

package/jest-setup.js

@@ -11,7 +11,7 @@ jest.mock('react-native-reanimated', () => {
 		isSharedValue,
 		FadeIn: builder,
 		FadeInDown: builder,
-		Easing: { linear: 'linear' },
+		Easing: { bezier: () => 'bezier', linear: 'linear' },
 		cancelAnimation: () => undefined,
 		interpolate: (value, input, output) => output[0],
 		withRepeat: (value) => value,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-mobile-components",
-	"version": "1.6.0",
+	"version": "1.7.0",
 	"private": false,
 	"description": "Native iOS (SwiftUI) and Android (Jetpack Compose) Ps components for Pallasoft mobile apps",
 	"main": "./dist/index.js",
@@ -36,7 +36,7 @@
 	"dependencies": {
 		"@pallasoft/ps-design-system": "^1.19.0",
 		"@pallasoft/ps-icons": "^1.12.0",
-		"@pallasoft/ps-utilities": "^2.27.0"
+		"@pallasoft/ps-utilities": "^2.28.0"
 	},
 	"peerDependencies": {
 		"@expo/ui": "~58.0.0",
@@ -47,6 +47,7 @@
 		"expo-document-picker": "~58.0.0",
 		"expo-file-system": "~58.0.0",
 		"expo-haptics": "~58.0.7",
+		"expo-image-manipulator": "~58.0.0",
 		"expo-image-picker": "~58.0.0",
 		"expo-linear-gradient": "~58.0.3",
 		"expo-local-authentication": "~58.0.0",
@@ -74,6 +75,9 @@
 		"expo-file-system": {
 			"optional": true
 		},
+		"expo-image-manipulator": {
+			"optional": true
+		},
 		"expo-image-picker": {
 			"optional": true
 		},