@pallasoft/ps-mobile-components 1.9.0 → 1.10.1

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/components/ps-search-field/ps-search-field.js

@@ -9,12 +9,13 @@ import { usePsFocus } from '../../hooks/use-ps-focus';
 import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
 import { PsControlStyleService } from '../../services/ps-control-style-service';
 import { PsRippleService } from '../../services/ps-ripple-service';
+import { PsSearchFieldService } from '../../services/ps-search-field-service';
 import { PsIcon } from '../ps-icon/ps-icon';
 import { PsSkeleton } from '../ps-skeleton/ps-skeleton';
 export const PsSearchField = ({ clearLabel, isLoading = false, onChange, placeholder, value, }) => {
     const theme = usePsMobileTheme();
     const focus = usePsFocus();
-    if (isLoading)
+    if (PsSearchFieldService.isSkeleton(isLoading, value, focus.isFocused))
         return _jsx(PsSkeleton, { shape: PsSkeletonShape.Control });
     return (_jsxs(View, { style: [
             PsControlStyleService.container(theme, {

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

@@ -28,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';
@@ -187,3 +188,4 @@ export * from './interfaces/ps-infinite-data-options';
 export * from './interfaces/ps-infinite-data-result';
 export * from './interfaces/ps-infinite-data-update';
 export * from './interfaces/ps-infinite-page';
+export { usePsDebouncedValue } from '@pallasoft/ps-utilities/react';

package/dist/index.js

@@ -28,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';
@@ -182,3 +183,4 @@ export * from './interfaces/ps-infinite-data-options';
 export * from './interfaces/ps-infinite-data-result';
 export * from './interfaces/ps-infinite-data-update';
 export * from './interfaces/ps-infinite-page';
+export { usePsDebouncedValue } from '@pallasoft/ps-utilities/react';

package/dist/services/ps-search-field-service.d.ts

@@ -0,0 +1,3 @@
+export declare class PsSearchFieldService {
+    static isSkeleton(isLoading: boolean, value: string, isFocused: boolean): boolean;
+}

package/dist/services/ps-search-field-service.js

@@ -0,0 +1,5 @@
+export class PsSearchFieldService {
+    static isSkeleton(isLoading, value, isFocused) {
+        return isLoading && value === '' && !isFocused;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-mobile-components",
-	"version": "1.9.0",
+	"version": "1.10.1",
 	"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.28.0"
+		"@pallasoft/ps-utilities": "^2.29.0"
 	},
 	"peerDependencies": {
 		"@expo/ui": "~58.0.0",