@pallasoft/ps-mobile-components 0.0.0-stage → 1.0.0

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

@@ -0,0 +1,72 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+export const usePsRemoteData = ({ key, load, refreshKey, }) => {
+    const [state, setState] = useState({
+        data: null,
+        error: false,
+        isLoading: true,
+    });
+    const dataRef = useRef(null);
+    const loadRef = useRef(load);
+    const versionRef = useRef(0);
+    const queueRef = useRef(Promise.resolve(true));
+    const pendingRef = useRef(0);
+    useEffect(() => {
+        loadRef.current = load;
+    });
+    const fetch = useCallback(async () => {
+        versionRef.current += 1;
+        const version = versionRef.current;
+        try {
+            const data = await loadRef.current();
+            if (version !== versionRef.current)
+                return;
+            dataRef.current = data;
+            setState({ data, error: false, isLoading: false });
+        }
+        catch {
+            if (version !== versionRef.current)
+                return;
+            setState((current) => ({ data: current.data, error: true, isLoading: false }));
+        }
+    }, []);
+    useEffect(() => {
+        dataRef.current = null;
+        pendingRef.current = 0;
+        setState({ data: null, error: false, isLoading: true });
+        void fetch();
+        return () => {
+            versionRef.current += 1;
+        };
+    }, [key, fetch]);
+    const refreshRef = useRef(refreshKey);
+    useEffect(() => {
+        if (refreshRef.current === refreshKey)
+            return;
+        refreshRef.current = refreshKey;
+        if (pendingRef.current === 0)
+            void fetch();
+    }, [fetch, refreshKey]);
+    const write = useCallback((update, request) => {
+        const previous = dataRef.current;
+        if (previous === null)
+            return Promise.resolve(false);
+        const next = update(previous);
+        versionRef.current += 1;
+        dataRef.current = next;
+        pendingRef.current += 1;
+        setState({ data: next, error: false, isLoading: false });
+        const run = queueRef.current.then(() => request().then(() => true, () => false));
+        queueRef.current = run;
+        return run.then((isSaved) => {
+            pendingRef.current -= 1;
+            if (!isSaved && pendingRef.current === 0) {
+                dataRef.current = previous;
+                setState({ data: previous, error: false, isLoading: false });
+            }
+            if (pendingRef.current === 0)
+                void fetch();
+            return isSaved;
+        });
+    }, [fetch]);
+    return { ...state, reload: fetch, write };
+};

package/dist/hooks/use-ps-scroll-host.d.ts

@@ -0,0 +1,2 @@
+import type { PsScrollHostResult } from '../interfaces/ps-scroll-host-result';
+export declare const usePsScrollHost: () => PsScrollHostResult;

package/dist/hooks/use-ps-scroll-host.js

@@ -0,0 +1,34 @@
+import { useMemo, useRef, useState } from 'react';
+export const usePsScrollHost = () => {
+    const scrollRef = useRef(null);
+    const metrics = useRef({
+        content: 0,
+        hasOffset: false,
+        minimum: 0,
+        offset: 0,
+        viewport: 0,
+    });
+    const [isLocked, setLocked] = useState(false);
+    const context = useMemo(() => ({
+        metrics,
+        scrollTo: (offset) => scrollRef.current?.scrollTo({ animated: false, y: offset }),
+        setLocked,
+    }), []);
+    return {
+        context,
+        isLocked,
+        onContentSizeChange: (_width, height) => {
+            metrics.current.content = height;
+        },
+        onLayout: (event) => {
+            metrics.current.viewport = event.nativeEvent.layout.height;
+        },
+        onScroll: (event) => {
+            const offset = event.nativeEvent.contentOffset.y;
+            metrics.current.hasOffset = true;
+            metrics.current.offset = offset;
+            metrics.current.minimum = Math.min(metrics.current.minimum, offset);
+        },
+        scrollRef,
+    };
+};

package/dist/hooks/use-ps-skeleton-sweep.d.ts

@@ -0,0 +1,8 @@
+export declare const usePsSkeletonSweep: (width: number) => {
+    isReduced: boolean;
+    style: import("react-native-reanimated/lib/typescript/hook/commonTypes").AnimatedStyleHandle<{
+        transform: {
+            translateX: number;
+        }[];
+    }>;
+};

package/dist/hooks/use-ps-skeleton-sweep.js

@@ -0,0 +1,21 @@
+import { useEffect } from 'react';
+import { Easing, cancelAnimation, interpolate, useAnimatedStyle, useSharedValue, withRepeat, withTiming, } from 'react-native-reanimated';
+import { PsMobileControlConfig } from '../constants/ps-mobile-control-config';
+import { usePsMobileTheme } from './use-ps-mobile-theme';
+export const usePsSkeletonSweep = (width) => {
+    const { isReduceMotion: isReduced } = usePsMobileTheme();
+    const progress = useSharedValue(0);
+    useEffect(() => {
+        if (isReduced)
+            return undefined;
+        progress.value = withRepeat(withTiming(1, {
+            duration: PsMobileControlConfig.skeletonSweepMs,
+            easing: Easing.linear,
+        }), -1, false);
+        return () => cancelAnimation(progress);
+    }, [isReduced]);
+    const style = useAnimatedStyle(() => ({
+        transform: [{ translateX: interpolate(progress.value, [0, 1], [-width, width]) }],
+    }));
+    return { isReduced, style };
+};

package/dist/hooks/use-ps-toast.d.ts

@@ -0,0 +1,2 @@
+import type { PsToastContextData } from '../interfaces/ps-toast-context-data';
+export declare const usePsToast: () => PsToastContextData;

package/dist/hooks/use-ps-toast.js

@@ -0,0 +1,3 @@
+import { useContext } from 'react';
+import { PsToastContext } from '../contexts/ps-toast-context';
+export const usePsToast = () => useContext(PsToastContext);

package/dist/index.d.ts

@@ -0,0 +1,113 @@
+export * from './components/ps-action-menu';
+export * from './components/ps-amount-field';
+export * from './components/ps-amount-text';
+export * from './components/ps-avatar';
+export * from './components/ps-badge';
+export * from './components/ps-button';
+export * from './components/ps-cartesian-chart';
+export * from './components/ps-chart-delta-badge';
+export * from './components/ps-chart-empty-state';
+export * from './components/ps-chart-frame';
+export * from './components/ps-chart-legend';
+export * from './components/ps-chart-skeleton';
+export * from './components/ps-date-field';
+export * from './components/ps-document-preview';
+export * from './components/ps-document-viewer';
+export * from './components/ps-donut-chart';
+export * from './components/ps-empty-state';
+export * from './components/ps-field-skeleton';
+export * from './components/ps-form-sheet';
+export * from './components/ps-icon';
+export * from './components/ps-icon-menu';
+export * from './components/ps-kpi-card';
+export * from './components/ps-list';
+export * from './components/ps-mobile-theme-provider';
+export * from './components/ps-page-backdrop';
+export * from './components/ps-pallasoft-sign-in-button';
+export * from './components/ps-color-swatches';
+export * from './components/ps-segmented-control';
+export * from './components/ps-tabs';
+export * from './components/ps-select';
+export * from './components/ps-skeleton';
+export * from './components/ps-sortable-grid';
+export * from './components/ps-sparkline';
+export * from './components/ps-splash-overlay';
+export * from './components/ps-stagger';
+export * from './components/ps-switch';
+export * from './components/ps-text-field';
+export * from './components/ps-text-link';
+export * from './components/ps-toast';
+export * from './components/ps-widget-list';
+export * from './constants/ps-document-kind';
+export * from './constants/ps-document-scanner-config';
+export * from './constants/ps-chart-delta';
+export * from './constants/ps-chart-kind';
+export * from './constants/ps-chart-skeleton-variant';
+export * from './constants/ps-mobile-icon-key';
+export * from './constants/ps-skeleton-shape';
+export * from './constants/ps-sortable-grid-span';
+export * from './hooks/use-ps-document-scanner';
+export * from './hooks/use-ps-haptics';
+export * from './hooks/use-ps-mobile-theme';
+export * from './hooks/use-ps-refresh';
+export * from './hooks/use-ps-toast';
+export * from './hooks/use-ps-remote-data';
+export * from './interfaces/ps-document-item';
+export * from './interfaces/ps-document-labels';
+export * from './interfaces/ps-document-scanner-options';
+export * from './interfaces/ps-document-source';
+export * from './interfaces/ps-area-chart-datum';
+export * from './interfaces/ps-cartesian-chart-series';
+export * from './interfaces/ps-donut-chart-datum';
+export * from './interfaces/ps-action-menu-header';
+export * from './interfaces/ps-action-menu-section';
+export * from './interfaces/ps-menu-item';
+export * from './interfaces/ps-menu-item-tone';
+export * from './interfaces/ps-haptic-kind';
+export * from './services/ps-haptic-service';
+export * from './interfaces/ps-chart-palette-colors';
+export * from './interfaces/ps-color-scheme-choice';
+export * from './interfaces/ps-mobile-theme';
+export * from './interfaces/ps-toast-action-data';
+export * from './interfaces/ps-toast-tone';
+export * from './interfaces/ps-remote-data-options';
+export * from './interfaces/ps-remote-data-result';
+export * from './interfaces/ps-remote-data-state';
+export * from './interfaces/ps-text-field-type';
+export * from './interfaces/ps-scanned-file';
+export * from './interfaces/use-ps-document-scanner-result';
+export { PsActionMenuService } from './services/ps-action-menu-service';
+export { PsSortableGridService } from './services/ps-sortable-grid-service';
+export { PsDocumentPagerService } from './services/ps-document-pager-service';
+export { PsDocumentZoomService } from './services/ps-document-zoom-service';
+export { PsDocumentScannerService } from './services/ps-document-scanner-service';
+export type { PsAmountDirection } from './services/ps-amount-tone-service';
+export type { PsBadgeTone } from './services/ps-badge-tone-service';
+export type { PsButtonVariant } from './services/ps-button-style-service';
+export type { PsListVariant } from './services/ps-list-service';
+export * from './components/ps-filter-bar';
+export * from './components/ps-search-field';
+export * from './interfaces/ps-filter-bar-labels';
+export * from './interfaces/ps-filter-group';
+export * from './interfaces/ps-filter-option';
+export { PsAmountFieldService } from './services/ps-amount-field-service';
+export * from './components/ps-date-range-field';
+export * from './components/ps-statement-table';
+export * from './components/ps-action-sheet';
+export * from './components/ps-card';
+export * from './components/ps-checkbox';
+export * from './components/ps-chip';
+export * from './components/ps-icon-button';
+export * from './components/ps-page-header';
+export * from './components/ps-screen';
+export * from './components/ps-sheet';
+export * from './components/ps-spinner';
+export * from './components/ps-text';
+export * from './components/ps-text-area';
+export * from './constants/ps-font-config';
+export * from './interfaces/ps-font-weight';
+export * from './interfaces/ps-mobile-fonts';
+export * from './interfaces/ps-text-align';
+export * from './interfaces/ps-text-tone';
+export * from './interfaces/ps-text-variant';
+export * from './interfaces/ps-sheet-action';

package/dist/index.js

@@ -0,0 +1,109 @@
+export * from './components/ps-action-menu';
+export * from './components/ps-amount-field';
+export * from './components/ps-amount-text';
+export * from './components/ps-avatar';
+export * from './components/ps-badge';
+export * from './components/ps-button';
+export * from './components/ps-cartesian-chart';
+export * from './components/ps-chart-delta-badge';
+export * from './components/ps-chart-empty-state';
+export * from './components/ps-chart-frame';
+export * from './components/ps-chart-legend';
+export * from './components/ps-chart-skeleton';
+export * from './components/ps-date-field';
+export * from './components/ps-document-preview';
+export * from './components/ps-document-viewer';
+export * from './components/ps-donut-chart';
+export * from './components/ps-empty-state';
+export * from './components/ps-field-skeleton';
+export * from './components/ps-form-sheet';
+export * from './components/ps-icon';
+export * from './components/ps-icon-menu';
+export * from './components/ps-kpi-card';
+export * from './components/ps-list';
+export * from './components/ps-mobile-theme-provider';
+export * from './components/ps-page-backdrop';
+export * from './components/ps-pallasoft-sign-in-button';
+export * from './components/ps-color-swatches';
+export * from './components/ps-segmented-control';
+export * from './components/ps-tabs';
+export * from './components/ps-select';
+export * from './components/ps-skeleton';
+export * from './components/ps-sortable-grid';
+export * from './components/ps-sparkline';
+export * from './components/ps-splash-overlay';
+export * from './components/ps-stagger';
+export * from './components/ps-switch';
+export * from './components/ps-text-field';
+export * from './components/ps-text-link';
+export * from './components/ps-toast';
+export * from './components/ps-widget-list';
+export * from './constants/ps-document-kind';
+export * from './constants/ps-document-scanner-config';
+export * from './constants/ps-chart-delta';
+export * from './constants/ps-chart-kind';
+export * from './constants/ps-chart-skeleton-variant';
+export * from './constants/ps-mobile-icon-key';
+export * from './constants/ps-skeleton-shape';
+export * from './constants/ps-sortable-grid-span';
+export * from './hooks/use-ps-document-scanner';
+export * from './hooks/use-ps-haptics';
+export * from './hooks/use-ps-mobile-theme';
+export * from './hooks/use-ps-refresh';
+export * from './hooks/use-ps-toast';
+export * from './hooks/use-ps-remote-data';
+export * from './interfaces/ps-document-item';
+export * from './interfaces/ps-document-labels';
+export * from './interfaces/ps-document-scanner-options';
+export * from './interfaces/ps-document-source';
+export * from './interfaces/ps-area-chart-datum';
+export * from './interfaces/ps-cartesian-chart-series';
+export * from './interfaces/ps-donut-chart-datum';
+export * from './interfaces/ps-action-menu-header';
+export * from './interfaces/ps-action-menu-section';
+export * from './interfaces/ps-menu-item';
+export * from './interfaces/ps-menu-item-tone';
+export * from './interfaces/ps-haptic-kind';
+export * from './services/ps-haptic-service';
+export * from './interfaces/ps-chart-palette-colors';
+export * from './interfaces/ps-color-scheme-choice';
+export * from './interfaces/ps-mobile-theme';
+export * from './interfaces/ps-toast-action-data';
+export * from './interfaces/ps-toast-tone';
+export * from './interfaces/ps-remote-data-options';
+export * from './interfaces/ps-remote-data-result';
+export * from './interfaces/ps-remote-data-state';
+export * from './interfaces/ps-text-field-type';
+export * from './interfaces/ps-scanned-file';
+export * from './interfaces/use-ps-document-scanner-result';
+export { PsActionMenuService } from './services/ps-action-menu-service';
+export { PsSortableGridService } from './services/ps-sortable-grid-service';
+export { PsDocumentPagerService } from './services/ps-document-pager-service';
+export { PsDocumentZoomService } from './services/ps-document-zoom-service';
+export { PsDocumentScannerService } from './services/ps-document-scanner-service';
+export * from './components/ps-filter-bar';
+export * from './components/ps-search-field';
+export * from './interfaces/ps-filter-bar-labels';
+export * from './interfaces/ps-filter-group';
+export * from './interfaces/ps-filter-option';
+export { PsAmountFieldService } from './services/ps-amount-field-service';
+export * from './components/ps-date-range-field';
+export * from './components/ps-statement-table';
+export * from './components/ps-action-sheet';
+export * from './components/ps-card';
+export * from './components/ps-checkbox';
+export * from './components/ps-chip';
+export * from './components/ps-icon-button';
+export * from './components/ps-page-header';
+export * from './components/ps-screen';
+export * from './components/ps-sheet';
+export * from './components/ps-spinner';
+export * from './components/ps-text';
+export * from './components/ps-text-area';
+export * from './constants/ps-font-config';
+export * from './interfaces/ps-font-weight';
+export * from './interfaces/ps-mobile-fonts';
+export * from './interfaces/ps-text-align';
+export * from './interfaces/ps-text-tone';
+export * from './interfaces/ps-text-variant';
+export * from './interfaces/ps-sheet-action';

package/dist/interfaces/ps-action-menu-header.d.ts

@@ -0,0 +1,6 @@
+export interface PsActionMenuHeader {
+    initials?: string;
+    onSelect?: () => void;
+    subtitle?: string;
+    title: string;
+}

package/dist/interfaces/ps-action-menu-header.js

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

package/dist/interfaces/ps-action-menu-section.d.ts

@@ -0,0 +1,6 @@
+import type { PsMenuItem } from './ps-menu-item';
+export interface PsActionMenuSection {
+    id: string;
+    items: PsMenuItem[];
+    title?: string;
+}

package/dist/interfaces/ps-action-menu-section.js

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

package/dist/interfaces/ps-area-chart-datum.d.ts

@@ -0,0 +1,5 @@
+export interface PsAreaChartDatum {
+    id?: string;
+    label: string;
+    [key: string]: number | string | undefined;
+}

package/dist/interfaces/ps-area-chart-datum.js

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

package/dist/interfaces/ps-backdrop-line.d.ts

@@ -0,0 +1,4 @@
+export interface PsBackdropLine {
+    offset: number;
+    opacity: number;
+}

package/dist/interfaces/ps-backdrop-line.js

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

package/dist/interfaces/ps-button-style-data.d.ts

@@ -0,0 +1,7 @@
+export interface PsButtonStyleData {
+    background: string;
+    border: string;
+    foreground: string;
+    pressedBackground: string;
+    pressedBorder: string;
+}

package/dist/interfaces/ps-button-style-data.js

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

package/dist/interfaces/ps-cartesian-chart-series.d.ts

@@ -0,0 +1,5 @@
+export interface PsCartesianChartSeries {
+    color?: string;
+    dataKey: string;
+    label: string;
+}

package/dist/interfaces/ps-cartesian-chart-series.js

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

package/dist/interfaces/ps-chart-bar-rect.d.ts

@@ -0,0 +1,9 @@
+export interface PsChartBarRect {
+    color: string;
+    height: number;
+    id: string;
+    isNegative: boolean;
+    width: number;
+    x: number;
+    y: number;
+}

package/dist/interfaces/ps-chart-bar-rect.js

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

package/dist/interfaces/ps-chart-delta-colors.d.ts

@@ -0,0 +1,4 @@
+export interface PsChartDeltaColors {
+    background: string;
+    foreground: string;
+}

package/dist/interfaces/ps-chart-delta-colors.js

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

package/dist/interfaces/ps-chart-domain.d.ts

@@ -0,0 +1,5 @@
+export interface PsChartDomain {
+    max: number;
+    min: number;
+    step: number;
+}

package/dist/interfaces/ps-chart-domain.js

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

package/dist/interfaces/ps-chart-legend-item.d.ts

@@ -0,0 +1,5 @@
+export interface PsChartLegendItem {
+    color: string;
+    label: string;
+    value?: string;
+}

package/dist/interfaces/ps-chart-legend-item.js

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

package/dist/interfaces/ps-chart-palette-colors.d.ts

@@ -0,0 +1,4 @@
+export interface PsChartPaletteColors {
+    dark: string[];
+    light: string[];
+}

package/dist/interfaces/ps-chart-palette-colors.js

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

package/dist/interfaces/ps-chart-palette-input.d.ts

@@ -0,0 +1,7 @@
+import type { PsMobileTheme } from './ps-mobile-theme';
+export interface PsChartPaletteInput {
+    count: number;
+    explicit?: string;
+    index: number;
+    theme: PsMobileTheme;
+}

package/dist/interfaces/ps-chart-palette-input.js

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

package/dist/interfaces/ps-chart-plot.d.ts

@@ -0,0 +1,6 @@
+export interface PsChartPlot {
+    bottom: number;
+    left: number;
+    right: number;
+    top: number;
+}

package/dist/interfaces/ps-chart-plot.js

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

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

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

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

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

package/dist/interfaces/ps-chart-readout-item.d.ts

@@ -0,0 +1,5 @@
+export interface PsChartReadoutItem {
+    color: string;
+    label: string;
+    value: string;
+}

package/dist/interfaces/ps-chart-readout-item.js

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

package/dist/interfaces/ps-chart-scrub-result.d.ts

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

package/dist/interfaces/ps-chart-scrub-result.js

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

package/dist/interfaces/ps-chart-width-result.d.ts

@@ -0,0 +1,5 @@
+import type { LayoutChangeEvent } from 'react-native';
+export interface PsChartWidthResult {
+    onLayout: (event: LayoutChangeEvent) => void;
+    width: number;
+}

package/dist/interfaces/ps-chart-width-result.js

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

package/dist/interfaces/ps-color-scheme-choice.d.ts

@@ -0,0 +1 @@
+export type PsColorSchemeChoice = 'dark' | 'light' | 'system';

package/dist/interfaces/ps-color-scheme-choice.js

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

package/dist/interfaces/ps-control-state.d.ts

@@ -0,0 +1,5 @@
+export interface PsControlState {
+    hasError: boolean;
+    isDisabled: boolean;
+    isFocused: boolean;
+}

package/dist/interfaces/ps-control-state.js

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

package/dist/interfaces/ps-date-limits.d.ts

@@ -0,0 +1,4 @@
+export interface PsDateLimits {
+    end: Date | undefined;
+    start: Date | undefined;
+}

package/dist/interfaces/ps-date-limits.js

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

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

@@ -0,0 +1,9 @@
+import type { PsDocumentKind } from '../constants/ps-document-kind';
+import type { PsDocumentSource } from './ps-document-source';
+export interface PsDocumentItem {
+    id: string;
+    kind: PsDocumentKind;
+    name: string;
+    source: PsDocumentSource | null;
+    text: string | null;
+}

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

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

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

@@ -0,0 +1,9 @@
+export interface PsDocumentLabels {
+    close: string;
+    empty: string;
+    error: string;
+    expand: string;
+    loadFailed: string;
+    retry: string;
+    unsupported: string;
+}

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

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

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

@@ -0,0 +1,14 @@
+export interface PsDocumentScannerNativeResponse {
+    scannedImages?: string[];
+    status?: string;
+}
+export interface PsDocumentScannerNativeOptions {
+    croppedImageQuality: number;
+    maxNumDocuments?: number;
+}
+export interface PsDocumentScannerNative {
+    scanDocument: (options: PsDocumentScannerNativeOptions) => Promise<PsDocumentScannerNativeResponse>;
+}
+export interface PsDocumentScannerNativeModule {
+    default: PsDocumentScannerNative;
+}

package/dist/interfaces/ps-document-scanner-native.js

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

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

@@ -0,0 +1,5 @@
+export interface PsDocumentScannerOptions {
+    fileName?: string;
+    jpegQuality?: number;
+    maxPages?: number;
+}