@pallasoft/ps-mobile-components 1.15.0 → 1.16.0

package/dist/components/ps-search-field/ps-search-field-props.d.ts

@@ -2,6 +2,8 @@ export interface PsSearchFieldProps {
     clearLabel: string;
     isLoading?: boolean;
     onChange: (value: string) => void;
+    onScan?: () => void;
     placeholder: string;
+    scanLabel?: string;
     value: string;
 }

package/dist/components/ps-search-field/ps-search-field.d.ts

@@ -1,2 +1,2 @@
 import type { PsSearchFieldProps } from './ps-search-field-props';
-export declare const PsSearchField: ({ clearLabel, isLoading, onChange, placeholder, value, }: PsSearchFieldProps) => import("react").JSX.Element;
+export declare const PsSearchField: ({ clearLabel, isLoading, onChange, onScan, placeholder, scanLabel, value, }: PsSearchFieldProps) => import("react").JSX.Element;

package/dist/components/ps-search-field/ps-search-field.js

@@ -12,7 +12,7 @@ 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, }) => {
+export const PsSearchField = ({ clearLabel, isLoading = false, onChange, onScan, placeholder, scanLabel, value, }) => {
     const theme = usePsMobileTheme();
     const focus = usePsFocus();
     if (PsSearchFieldService.isSkeleton(isLoading, value, focus.isFocused))
@@ -24,5 +24,5 @@ export const PsSearchField = ({ clearLabel, isLoading = false, onChange, placeho
                 isFocused: focus.isFocused,
             }),
             { gap: PsMobileControlConfig.buttonIconSpacing },
-        ], children: [_jsx(PsIcon, { color: theme.muted, iconKey: PsIconKey.Search, size: PsMobileControlConfig.iconSizeInline }), _jsx(TextInput, { accessibilityLabel: placeholder, autoCorrect: false, onBlur: focus.onBlur, onChangeText: onChange, onFocus: focus.onFocus, placeholder: placeholder, placeholderTextColor: theme.muted, returnKeyType: 'search', selectionColor: theme.primary, style: PsControlStyleService.input(theme), value: value }), value === '' ? null : (_jsx(Pressable, { android_ripple: PsRippleService.resolve(theme, PsRippleKind.Borderless), accessibilityLabel: clearLabel, accessibilityRole: 'button', hitSlop: PsLayoutConfig.hitSlop, onPress: () => onChange(''), children: _jsx(PsIcon, { color: theme.muted, iconKey: PsIconKey.Close, size: PsMobileControlConfig.iconSizeInline }) }))] }));
+        ], children: [_jsx(PsIcon, { color: theme.muted, iconKey: PsIconKey.Search, size: PsMobileControlConfig.iconSizeInline }), _jsx(TextInput, { accessibilityLabel: placeholder, autoCorrect: false, onBlur: focus.onBlur, onChangeText: onChange, onFocus: focus.onFocus, placeholder: placeholder, placeholderTextColor: theme.muted, returnKeyType: 'search', selectionColor: theme.primary, style: PsControlStyleService.input(theme), value: value }), value === '' ? null : (_jsx(Pressable, { android_ripple: PsRippleService.resolve(theme, PsRippleKind.Borderless), accessibilityLabel: clearLabel, accessibilityRole: 'button', hitSlop: PsLayoutConfig.hitSlop, onPress: () => onChange(''), children: _jsx(PsIcon, { color: theme.muted, iconKey: PsIconKey.Close, size: PsMobileControlConfig.iconSizeInline }) })), onScan === undefined ? null : (_jsx(Pressable, { android_ripple: PsRippleService.resolve(theme, PsRippleKind.Borderless), accessibilityLabel: scanLabel, accessibilityRole: 'button', hitSlop: PsLayoutConfig.hitSlop, onPress: onScan, children: _jsx(PsIcon, { color: theme.primaryText, iconKey: PsIconKey.Scan, size: PsMobileControlConfig.iconSizeInline }) }))] }));
 };

package/package.json

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