@pallasoft/ps-mobile-components 1.8.1 → 1.10.0

package/dist/components/ps-record-preview/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ps-record-preview';
+export * from './ps-record-preview-props';

package/dist/components/ps-record-preview/index.js

@@ -0,0 +1,2 @@
+export * from './ps-record-preview';
+export * from './ps-record-preview-props';

package/dist/components/ps-record-preview/ps-record-preview-props.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import type { PsAmountDirection } from '../../services/ps-amount-tone-service';
+import type { PsListRowBadge } from '../ps-list/ps-list-props';
+export interface PsRecordPreviewAmount {
+    direction?: PsAmountDirection;
+    formatted: string;
+}
+export interface PsRecordPreviewProps {
+    amount?: PsRecordPreviewAmount;
+    badge?: PsListRowBadge;
+    children?: ReactNode;
+    subtitle?: string;
+    title: string;
+}

package/dist/components/ps-record-preview/ps-record-preview-props.js

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

package/dist/components/ps-record-preview/ps-record-preview.d.ts

@@ -0,0 +1,2 @@
+import type { PsRecordPreviewProps } from './ps-record-preview-props';
+export declare const PsRecordPreview: ({ amount, badge, children, subtitle, title, }: PsRecordPreviewProps) => import("react").JSX.Element;

package/dist/components/ps-record-preview/ps-record-preview.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { PsRecordPreviewConfig } from '../../constants/ps-record-preview-config';
+import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
+import { PsAmountText } from '../ps-amount-text/ps-amount-text';
+import { PsBadge } from '../ps-badge/ps-badge';
+import { PsText } from '../ps-text/ps-text';
+export const PsRecordPreview = ({ amount, badge, children, subtitle, title, }) => {
+    const theme = usePsMobileTheme();
+    return (_jsxs(View, { style: {
+            backgroundColor: theme.surface,
+            flex: 1,
+            gap: PsRecordPreviewConfig.gap,
+            padding: PsRecordPreviewConfig.padding,
+        }, children: [_jsxs(View, { style: {
+                    alignItems: 'center',
+                    flexDirection: 'row',
+                    gap: PsRecordPreviewConfig.gap,
+                    justifyContent: 'space-between',
+                }, children: [_jsx(View, { style: { flexShrink: 1 }, children: _jsx(PsText, { numberOfLines: PsRecordPreviewConfig.titleLines, variant: 'heading', children: title }) }), badge === undefined ? null : _jsx(PsBadge, { tone: badge.tone, children: badge.label })] }), amount === undefined ? null : (_jsx(PsAmountText, { direction: amount.direction, formatted: amount.formatted })), subtitle === undefined ? null : _jsx(PsText, { tone: 'muted', children: subtitle }), children] }));
+};

package/dist/constants/ps-record-preview-config.d.ts

@@ -0,0 +1,5 @@
+export declare const PsRecordPreviewConfig: {
+    readonly gap: 8;
+    readonly padding: 20;
+    readonly titleLines: 1;
+};

package/dist/constants/ps-record-preview-config.js

@@ -0,0 +1,5 @@
+export const PsRecordPreviewConfig = {
+    gap: 8,
+    padding: 20,
+    titleLines: 1,
+};

package/dist/index.d.ts

@@ -12,6 +12,7 @@ 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-preview-face';
 export * from './components/ps-document-viewer';
 export * from './components/ps-donut-chart';
 export * from './components/ps-waterfall-chart';
@@ -27,6 +28,7 @@ export * from './components/ps-page-backdrop';
 export * from './components/ps-pallasoft-sign-in-button';
 export * from './components/ps-color-swatches';
 export * from './components/ps-count-badge';
+export * from './components/ps-record-preview';
 export * from './components/ps-segmented-control';
 export * from './components/ps-selection-mode';
 export * from './components/ps-tab-bar-provider';

package/dist/index.js

@@ -12,6 +12,7 @@ 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-preview-face';
 export * from './components/ps-document-viewer';
 export * from './components/ps-donut-chart';
 export * from './components/ps-waterfall-chart';
@@ -27,6 +28,7 @@ export * from './components/ps-page-backdrop';
 export * from './components/ps-pallasoft-sign-in-button';
 export * from './components/ps-color-swatches';
 export * from './components/ps-count-badge';
+export * from './components/ps-record-preview';
 export * from './components/ps-segmented-control';
 export * from './components/ps-selection-mode';
 export * from './components/ps-tab-bar-provider';

package/package.json

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