@pallasoft/ps-mobile-components 1.4.0 → 1.5.0

package/dist/components/ps-list/ps-list-action-row.d.ts

@@ -1,2 +1,2 @@
 import type { PsListActionRowProps } from './ps-list-props';
-export declare const PsListActionRow: ({ children, iconKey, isDisabled, onPress, tone, }: PsListActionRowProps) => import("react").JSX.Element;
+export declare const PsListActionRow: ({ children, iconKey, isDisabled, isExternal, onPress, tone, }: PsListActionRowProps) => import("react").JSX.Element;

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

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsIconKey } from '@pallasoft/ps-icons';
 import { Pressable } from 'react-native';
 import { PsLayoutConfig } from '../../constants/ps-layout-config';
 import { PsMobileControlConfig } from '../../constants/ps-mobile-control-config';
@@ -8,11 +9,11 @@ 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 PsListActionRow = ({ children, iconKey, isDisabled = false, onPress, tone = 'primary', }) => {
+export const PsListActionRow = ({ children, iconKey, isDisabled = false, isExternal = false, onPress, tone = 'primary', }) => {
     const theme = usePsMobileTheme();
     const isDestructive = tone === 'destructive';
     const color = isDestructive ? theme.danger : theme.ink;
-    return (_jsxs(Pressable, { android_ripple: PsRippleService.resolve(theme, isDestructive ? PsRippleKind.Danger : PsRippleKind.Surface), accessibilityRole: 'button', accessibilityState: { disabled: isDisabled }, disabled: isDisabled, onPress: onPress, style: ({ pressed }) => ({
+    return (_jsxs(Pressable, { android_ripple: PsRippleService.resolve(theme, isDestructive ? PsRippleKind.Danger : PsRippleKind.Surface), accessibilityRole: isExternal ? 'link' : 'button', accessibilityState: { disabled: isDisabled }, disabled: isDisabled, onPress: onPress, style: ({ pressed }) => ({
             alignItems: 'center',
             backgroundColor: pressed ? PsStateService.pressedFill(theme, theme.surface) : theme.surface,
             flexDirection: 'row',
@@ -20,5 +21,5 @@ export const PsListActionRow = ({ children, iconKey, isDisabled = false, onPress
             minHeight: PsLayoutConfig.rowMinHeight,
             opacity: isDisabled ? PsStateService.disabledOpacity() : 1,
             paddingHorizontal: PsLayoutConfig.gutter,
-        }), testID: 'ps-list-action-row', children: [iconKey === undefined ? null : _jsx(PsIcon, { color: color, iconKey: iconKey }), _jsx(PsText, { style: { color }, weight: 'semibold', children: children })] }));
+        }), testID: 'ps-list-action-row', children: [iconKey === undefined ? null : _jsx(PsIcon, { color: color, iconKey: iconKey }), _jsx(PsText, { style: { color, flex: 1 }, weight: 'semibold', children: children }), isExternal ? (_jsx(PsIcon, { color: theme.muted, iconKey: PsIconKey.ExternalLink, size: PsMobileControlConfig.iconSizeInline })) : null] }));
 };

package/dist/components/ps-list/ps-list-link-row-props.d.ts

@@ -4,6 +4,7 @@ export interface PsListLinkRowProps {
     countLabel?: string;
     iconKey: PsMobileIconKey;
     isAlert?: boolean;
+    isExternal?: boolean;
     isLoading?: boolean;
     onPress: () => void;
     subtitle?: string;

package/dist/components/ps-list/ps-list-link-row.d.ts

@@ -1,2 +1,2 @@
 import type { PsListLinkRowProps } from './ps-list-link-row-props';
-export declare const PsListLinkRow: ({ count, countLabel, iconKey, isAlert, isLoading, onPress, subtitle, title, }: PsListLinkRowProps) => import("react").JSX.Element;
+export declare const PsListLinkRow: ({ count, countLabel, iconKey, isAlert, isExternal, isLoading, onPress, subtitle, title, }: PsListLinkRowProps) => import("react").JSX.Element;

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

@@ -12,13 +12,13 @@ import { PsCountBadge } from '../ps-count-badge/ps-count-badge';
 import { PsIcon } from '../ps-icon/ps-icon';
 import { PsText } from '../ps-text/ps-text';
 import { PsListLinkRowSkeleton } from './ps-list-link-row-skeleton';
-export const PsListLinkRow = ({ count, countLabel, iconKey, isAlert = false, isLoading = false, onPress, subtitle, title, }) => {
+export const PsListLinkRow = ({ count, countLabel, iconKey, isAlert = false, isExternal = false, isLoading = false, onPress, subtitle, title, }) => {
     const theme = usePsMobileTheme();
     const haptic = usePsHaptics();
     if (isLoading)
         return _jsx(PsListLinkRowSkeleton, {});
     const hasCount = count !== undefined && count > 0;
-    return (_jsxs(Pressable, { android_ripple: PsRippleService.resolve(theme, PsRippleKind.Surface), accessibilityHint: countLabel, accessibilityRole: 'button', onPress: () => {
+    return (_jsxs(Pressable, { android_ripple: PsRippleService.resolve(theme, PsRippleKind.Surface), accessibilityHint: countLabel, accessibilityRole: isExternal ? 'link' : 'button', onPress: () => {
             haptic('light');
             onPress();
         }, style: ({ pressed }) => ({
@@ -36,5 +36,5 @@ export const PsListLinkRow = ({ count, countLabel, iconKey, isAlert = false, isL
                     height: PsLayoutConfig.linkRowIconBox,
                     justifyContent: 'center',
                     width: PsLayoutConfig.linkRowIconBox,
-                }, children: _jsx(PsIcon, { color: theme.primaryText, iconKey: iconKey, size: PsLayoutConfig.linkRowIconSize }) }), _jsxs(View, { style: { flex: 1, gap: PsLayoutConfig.rowLineGap }, children: [_jsx(PsText, { numberOfLines: 1, weight: 'semibold', children: title }), subtitle === undefined ? null : (_jsx(PsText, { numberOfLines: 1, tone: 'muted', variant: 'small', children: subtitle }))] }), hasCount ? _jsx(PsCountBadge, { count: count, isAlert: isAlert, label: countLabel }) : null, _jsx(PsIcon, { color: theme.muted, iconKey: PsIconKey.ChevronRight, size: PsMobileControlConfig.iconSizeInline })] }));
+                }, children: _jsx(PsIcon, { color: theme.primaryText, iconKey: iconKey, size: PsLayoutConfig.linkRowIconSize }) }), _jsxs(View, { style: { flex: 1, gap: PsLayoutConfig.rowLineGap }, children: [_jsx(PsText, { numberOfLines: 1, weight: 'semibold', children: title }), subtitle === undefined ? null : (_jsx(PsText, { numberOfLines: 1, tone: 'muted', variant: 'small', children: subtitle }))] }), hasCount ? _jsx(PsCountBadge, { count: count, isAlert: isAlert, label: countLabel }) : null, _jsx(PsIcon, { color: theme.muted, iconKey: isExternal ? PsIconKey.ExternalLink : PsIconKey.ChevronRight, size: PsMobileControlConfig.iconSizeInline })] }));
 };

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

@@ -66,6 +66,7 @@ export interface PsListActionRowProps {
     children: string;
     iconKey?: PsIconKey;
     isDisabled?: boolean;
+    isExternal?: boolean;
     onPress?: () => void;
     tone?: 'primary' | 'destructive';
 }

package/dist/constants/ps-mobile-icon-key.d.ts

@@ -22,6 +22,7 @@ export declare const PsMobileIconKey: {
     readonly Doc: "doc";
     readonly Download: "download";
     readonly Expand: "expand";
+    readonly ExternalLink: "external-link";
     readonly Eye: "eye";
     readonly EyeOff: "eye-off";
     readonly File: "file";

package/dist/constants/ps-sf-symbol-config.d.ts

@@ -22,6 +22,7 @@ export declare const PsSfSymbolConfig: {
         doc: "doc.text";
         download: "arrow.down.circle";
         expand: "arrow.up.left.and.arrow.down.right";
+        'external-link': "arrow.up.right.square";
         eye: "eye";
         'eye-off': "eye.slash";
         file: "doc";

package/dist/constants/ps-sf-symbol-config.js

@@ -22,6 +22,7 @@ export const PsSfSymbolConfig = {
         'doc': 'doc.text',
         'download': 'arrow.down.circle',
         'expand': 'arrow.up.left.and.arrow.down.right',
+        'external-link': 'arrow.up.right.square',
         'eye': 'eye',
         'eye-off': 'eye.slash',
         'file': 'doc',

package/dist/interfaces/ps-device-file.d.ts

@@ -1,4 +1,5 @@
 export interface PsDeviceFile {
+    bytes?: () => Promise<Uint8Array>;
     name: string;
     type: string;
     uri: string;

package/dist/interfaces/ps-file-opener.d.ts

@@ -0,0 +1,4 @@
+export interface PsOpenedFile {
+    arrayBuffer: () => Promise<ArrayBuffer>;
+}
+export type PsFileOpener = (uri: string) => PsOpenedFile;

package/dist/interfaces/ps-file-opener.js

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

package/dist/services/ps-capture-picker-service.d.ts

@@ -3,6 +3,7 @@ import type { PsCaptureOptions } from '../interfaces/ps-capture-options';
 import type { PsDeviceFile } from '../interfaces/ps-device-file';
 export declare class PsCapturePickerService {
     static pick(source: PsCaptureSource, options?: PsCaptureOptions): Promise<PsDeviceFile[]>;
+    private static pickRaw;
     private static scan;
     private static pickImage;
     private static pickDocument;

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

@@ -1,9 +1,14 @@
 import { PsCaptureConfig } from '../constants/ps-capture-config';
 import { PsCaptureSource } from '../constants/ps-capture-source';
+import { PsDeviceFileBytesService } from './ps-device-file-bytes-service';
 import { PsDeviceFileService } from './ps-device-file-service';
 import { PsDocumentScannerService } from './ps-document-scanner-service';
 export class PsCapturePickerService {
     static async pick(source, options = {}) {
+        const files = await PsCapturePickerService.pickRaw(source, options);
+        return files.map((file) => PsDeviceFileBytesService.withBytes(file));
+    }
+    static async pickRaw(source, options) {
         if (source === PsCaptureSource.Scan)
             return PsCapturePickerService.scan(options);
         const file = source === PsCaptureSource.Files

package/dist/services/ps-device-file-bytes-service.d.ts

@@ -0,0 +1,6 @@
+import type { PsDeviceFile } from '../interfaces/ps-device-file';
+import type { PsFileOpener } from '../interfaces/ps-file-opener';
+export declare class PsDeviceFileBytesService {
+    static withBytes(file: PsDeviceFile, open?: PsFileOpener | null): PsDeviceFile;
+    private static opener;
+}

package/dist/services/ps-device-file-bytes-service.js

@@ -0,0 +1,19 @@
+export class PsDeviceFileBytesService {
+    static withBytes(file, open = PsDeviceFileBytesService.opener()) {
+        if (open === null)
+            return file;
+        return {
+            ...file,
+            bytes: async () => new Uint8Array(await open(file.uri).arrayBuffer()),
+        };
+    }
+    static opener() {
+        try {
+            const loaded = require('expo-file-system');
+            return typeof loaded.File === 'function' ? (uri) => new loaded.File(uri) : null;
+        }
+        catch {
+            return null;
+        }
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-mobile-components",
-	"version": "1.4.0",
+	"version": "1.5.0",
 	"private": false,
 	"description": "Native iOS (SwiftUI) and Android (Jetpack Compose) Ps components for Pallasoft mobile apps",
 	"main": "./dist/index.js",
@@ -35,7 +35,7 @@
 	},
 	"dependencies": {
 		"@pallasoft/ps-design-system": "^1.19.0",
-		"@pallasoft/ps-icons": "^1.11.0",
+		"@pallasoft/ps-icons": "^1.12.0",
 		"@pallasoft/ps-utilities": "^2.27.0"
 	},
 	"peerDependencies": {