@pallasoft/ps-mobile-components 1.3.0 → 1.5.0

package/dist/components/ps-switch/ps-switch.android.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Switch } from '@expo/ui/jetpack-compose';
+import { View } from 'react-native';
+import { PsMobileControlConfig } from '../../constants/ps-mobile-control-config';
+import { usePsHaptics } from '../../hooks/use-ps-haptics';
+import { usePsMaterialScheme } from '../../hooks/use-ps-material-scheme';
+import { PsMaterialControlService } from '../../services/ps-material-control-service';
+import { PsStateService } from '../../services/ps-state-service';
+import { PsHostScope } from '../ps-host-scope/ps-host-scope';
+import { PsText } from '../ps-text/ps-text';
+export const PsSwitch = ({ description, isChecked, isDisabled = false, label, onChange, }) => {
+    const haptic = usePsHaptics();
+    const colors = PsMaterialControlService.switchColors(usePsMaterialScheme());
+    return (_jsxs(View, { style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: PsMobileControlConfig.rowSpacing,
+        }, children: [_jsxs(View, { style: {
+                    flex: 1,
+                    opacity: isDisabled ? PsStateService.disabledOpacity() : 1,
+                }, children: [_jsx(PsText, { weight: 'semibold', children: label }), description === undefined ? null : (_jsx(PsText, { tone: 'muted', variant: 'caption', children: description }))] }), _jsx(PsHostScope, { children: _jsx(Switch, { colors: colors, enabled: !isDisabled, onCheckedChange: (isOn) => {
+                        haptic('selection');
+                        onChange?.(isOn);
+                    }, value: isChecked }) })] }));
+};

package/dist/components/ps-switcher/index.d.ts

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

package/dist/components/ps-switcher/index.js

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

package/dist/components/ps-switcher/ps-switcher-panel.d.ts

@@ -0,0 +1,10 @@
+import type { PsSwitcherItem } from '../../interfaces/ps-switcher-item';
+export interface PsSwitcherPanelProps {
+    clearLabel: string;
+    items: PsSwitcherItem[];
+    noMatchLabel: string;
+    onSelect: (id: string) => void;
+    searchPlaceholder: string;
+    selectedId: string;
+}
+export declare const PsSwitcherPanel: ({ clearLabel, items, noMatchLabel, onSelect, searchPlaceholder, selectedId, }: PsSwitcherPanelProps) => import("react").JSX.Element;

package/dist/components/ps-switcher/ps-switcher-panel.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { View } from 'react-native';
+import { PsSwitcherConfig } from '../../constants/ps-switcher-config';
+import { PsSwitcherService } from '../../services/ps-switcher-service';
+import { PsMenuPopupDivider } from '../ps-menu-popup/ps-menu-popup-divider';
+import { PsSearchField } from '../ps-search-field/ps-search-field';
+import { PsText } from '../ps-text/ps-text';
+import { PsSwitcherRow } from './ps-switcher-row';
+export const PsSwitcherPanel = ({ clearLabel, items, noMatchLabel, onSelect, searchPlaceholder, selectedId, }) => {
+    const [query, setQuery] = useState('');
+    const shown = PsSwitcherService.filter(items, query);
+    return (_jsxs(View, { children: [PsSwitcherService.hasSearch(items.length) ? (_jsx(View, { style: {
+                    paddingHorizontal: PsSwitcherConfig.searchPaddingHorizontal,
+                    paddingVertical: PsSwitcherConfig.searchPaddingVertical,
+                }, children: _jsx(PsSearchField, { clearLabel: clearLabel, onChange: setQuery, placeholder: searchPlaceholder, value: query }) })) : null, shown.length === 0 ? (_jsx(View, { style: { padding: PsSwitcherConfig.searchPaddingHorizontal }, children: _jsx(PsText, { tone: 'muted', children: noMatchLabel }) })) : (shown.map((item, index) => (_jsxs(View, { children: [index === 0 ? null : _jsx(PsMenuPopupDivider, {}), _jsx(PsSwitcherRow, { isSelected: item.id === selectedId, item: item, onPress: () => onSelect(item.id) })] }, item.id))))] }));
+};

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

@@ -0,0 +1,12 @@
+import type { PsSwitcherItem } from '../../interfaces/ps-switcher-item';
+export interface PsSwitcherProps {
+    allItem?: PsSwitcherItem;
+    clearLabel: string;
+    isLoading?: boolean;
+    items: PsSwitcherItem[];
+    label: string;
+    noMatchLabel: string;
+    onSelect: (id: string) => void;
+    searchPlaceholder: string;
+    selectedId: string;
+}

package/dist/components/ps-switcher/ps-switcher-props.js

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

package/dist/components/ps-switcher/ps-switcher-row.d.ts

@@ -0,0 +1,7 @@
+import type { PsSwitcherItem } from '../../interfaces/ps-switcher-item';
+export interface PsSwitcherRowProps {
+    isSelected: boolean;
+    item: PsSwitcherItem;
+    onPress: () => void;
+}
+export declare const PsSwitcherRow: ({ isSelected, item, onPress }: PsSwitcherRowProps) => import("react").JSX.Element;

package/dist/components/ps-switcher/ps-switcher-row.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsIconKey } from '@pallasoft/ps-icons';
+import { Pressable, View } from 'react-native';
+import { PsMenuPopupConfig } from '../../constants/ps-menu-popup-config';
+import { PsRippleKind } from '../../constants/ps-ripple-kind';
+import { PsSwitcherConfig } from '../../constants/ps-switcher-config';
+import { usePsHaptics } from '../../hooks/use-ps-haptics';
+import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
+import { PsRippleService } from '../../services/ps-ripple-service';
+import { PsAvatar } from '../ps-avatar/ps-avatar';
+import { PsBadge } from '../ps-badge/ps-badge';
+import { PsIcon } from '../ps-icon/ps-icon';
+import { PsText } from '../ps-text/ps-text';
+export const PsSwitcherRow = ({ isSelected, item, onPress }) => {
+    const haptic = usePsHaptics();
+    const theme = usePsMobileTheme();
+    return (_jsxs(Pressable, { android_ripple: PsRippleService.resolve(theme, PsRippleKind.Surface), accessibilityRole: 'menuitem', accessibilityState: { selected: isSelected }, onPress: () => {
+            haptic('selection');
+            onPress();
+        }, style: ({ pressed }) => ({
+            alignItems: 'center',
+            backgroundColor: pressed
+                ? theme.primarySoftStrong
+                : isSelected
+                    ? theme.primarySoft
+                    : 'transparent',
+            flexDirection: 'row',
+            gap: PsSwitcherConfig.rowGap,
+            minHeight: PsSwitcherConfig.rowMinHeight,
+            paddingHorizontal: PsMenuPopupConfig.rowPaddingHorizontal,
+            paddingVertical: PsSwitcherConfig.rowPaddingVertical,
+        }), children: [_jsx(PsAvatar, { initials: item.initials, size: 'small' }), _jsxs(View, { style: { flex: 1, gap: PsSwitcherConfig.textGap }, children: [_jsx(PsText, { numberOfLines: 1, weight: 'semibold', children: item.title }), item.subtitle === undefined ? null : (_jsx(PsText, { numberOfLines: 1, tone: 'muted', variant: 'small', children: item.subtitle })), item.status === undefined ? null : (_jsx(PsText, { numberOfLines: 1, tone: item.statusTone, variant: 'small', children: item.status }))] }), _jsxs(View, { style: { alignItems: 'flex-end', gap: PsSwitcherConfig.textGap }, children: [item.value === undefined ? null : (_jsx(PsText, { numberOfLines: 1, weight: 'bold', children: item.value })), item.badge === undefined ? null : (_jsx(PsBadge, { size: 'small', tone: 'primary', children: item.badge }))] }), isSelected ? _jsx(PsIcon, { color: theme.primaryText, iconKey: PsIconKey.Check }) : null] }));
+};

package/dist/components/ps-switcher/ps-switcher-trigger.d.ts

@@ -0,0 +1,11 @@
+import type { ElementRef, RefObject } from 'react';
+import { View } from 'react-native';
+import type { PsSwitcherItem } from '../../interfaces/ps-switcher-item';
+export interface PsSwitcherTriggerProps {
+    anchorRef: RefObject<ElementRef<typeof View> | null>;
+    isOpen: boolean;
+    item: PsSwitcherItem;
+    label: string;
+    onPress: () => void;
+}
+export declare const PsSwitcherTrigger: ({ anchorRef, isOpen, item, label, onPress, }: PsSwitcherTriggerProps) => import("react").JSX.Element;

package/dist/components/ps-switcher/ps-switcher-trigger.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsIconKey } from '@pallasoft/ps-icons';
+import { Pressable, View } from 'react-native';
+import { PsMobileControlConfig } from '../../constants/ps-mobile-control-config';
+import { PsRippleKind } from '../../constants/ps-ripple-kind';
+import { PsSwitcherConfig } from '../../constants/ps-switcher-config';
+import { usePsHaptics } from '../../hooks/use-ps-haptics';
+import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
+import { PsRippleService } from '../../services/ps-ripple-service';
+import { PsStateService } from '../../services/ps-state-service';
+import { PsAvatar } from '../ps-avatar/ps-avatar';
+import { PsIcon } from '../ps-icon/ps-icon';
+import { PsText } from '../ps-text/ps-text';
+export const PsSwitcherTrigger = ({ anchorRef, isOpen, item, label, onPress, }) => {
+    const haptic = usePsHaptics();
+    const theme = usePsMobileTheme();
+    return (_jsx(View, { collapsable: false, ref: anchorRef, children: _jsxs(Pressable, { android_ripple: PsRippleService.resolve(theme, PsRippleKind.Surface), accessibilityLabel: label, accessibilityRole: 'button', accessibilityState: { expanded: isOpen }, onPress: () => {
+                haptic('selection');
+                onPress();
+            }, style: ({ pressed }) => ({
+                alignItems: 'center',
+                backgroundColor: pressed
+                    ? PsStateService.pressedFill(theme, theme.surface)
+                    : theme.surface,
+                borderColor: isOpen ? theme.primary : theme.line,
+                borderRadius: PsMobileControlConfig.controlRadius,
+                borderWidth: 1,
+                flexDirection: 'row',
+                gap: PsSwitcherConfig.rowGap,
+                minHeight: PsSwitcherConfig.triggerMinHeight,
+                overflow: 'hidden',
+                paddingHorizontal: PsSwitcherConfig.triggerPaddingHorizontal,
+                paddingVertical: PsSwitcherConfig.rowPaddingVertical,
+            }), children: [_jsx(PsAvatar, { initials: item.initials, size: 'small' }), _jsxs(View, { style: { flex: 1, gap: PsSwitcherConfig.textGap }, children: [_jsx(PsText, { numberOfLines: 1, weight: 'semibold', children: item.title }), item.value === undefined ? null : (_jsx(PsText, { numberOfLines: 1, weight: 'bold', children: item.value })), item.status === undefined ? null : (_jsx(PsText, { numberOfLines: 1, tone: item.statusTone, variant: 'small', children: item.status }))] }), _jsx(PsIcon, { color: theme.muted, iconKey: PsIconKey.Chevron, size: PsSwitcherConfig.chevronSize })] }) }));
+};

package/dist/components/ps-switcher/ps-switcher.d.ts

@@ -0,0 +1,2 @@
+import type { PsSwitcherProps } from './ps-switcher-props';
+export declare const PsSwitcher: ({ allItem, clearLabel, isLoading, items, label, noMatchLabel, onSelect, searchPlaceholder, selectedId, }: PsSwitcherProps) => import("react").JSX.Element | null;

package/dist/components/ps-switcher/ps-switcher.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsSkeletonShape } from '../../constants/ps-skeleton-shape';
+import { usePsMenuAnchor } from '../../hooks/use-ps-menu-anchor';
+import { PsSwitcherService } from '../../services/ps-switcher-service';
+import { PsMenuPopup } from '../ps-menu-popup/ps-menu-popup';
+import { PsSkeleton } from '../ps-skeleton/ps-skeleton';
+import { PsSwitcherPanel } from './ps-switcher-panel';
+import { PsSwitcherTrigger } from './ps-switcher-trigger';
+export const PsSwitcher = ({ allItem, clearLabel, isLoading = false, items, label, noMatchLabel, onSelect, searchPlaceholder, selectedId, }) => {
+    const menu = usePsMenuAnchor();
+    const all = allItem === undefined ? items : [allItem, ...items];
+    const selected = PsSwitcherService.selected(all, selectedId);
+    if (isLoading)
+        return _jsx(PsSkeleton, { shape: PsSkeletonShape.Card });
+    if (selected === undefined)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx(PsSwitcherTrigger, { isOpen: menu.anchor !== undefined, item: selected, label: label, onPress: menu.open, anchorRef: menu.ref }), menu.anchor === undefined ? null : (_jsx(PsMenuPopup, { anchor: menu.anchor, isFullWidth: true, onClose: menu.close, children: _jsx(PsSwitcherPanel, { clearLabel: clearLabel, items: all, noMatchLabel: noMatchLabel, onSelect: (id) => {
+                        menu.close();
+                        onSelect(id);
+                    }, searchPlaceholder: searchPlaceholder, selectedId: selectedId }) }))] }));
+};

package/dist/components/ps-tab-bar-provider/ps-tab-bar-provider.js

@@ -3,6 +3,6 @@ import { useMemo, useState } from 'react';
 import { PsTabBarContext } from '../../contexts/ps-tab-bar-context';
 export const PsTabBarProvider = ({ children }) => {
     const [isHidden, setIsHidden] = useState(false);
-    const value = useMemo(() => ({ isHidden, setIsHidden }), [isHidden]);
+    const value = useMemo(() => ({ hasTabBar: true, isHidden, setIsHidden }), [isHidden]);
     return _jsx(PsTabBarContext.Provider, { value: value, children: children });
 };

package/dist/components/ps-tabs/ps-tabs.js

@@ -2,10 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { Pressable, ScrollView, View } from 'react-native';
 import { PsMobileControlConfig } from '../../constants/ps-mobile-control-config';
+import { PsRippleKind } from '../../constants/ps-ripple-kind';
 import { PsSkeletonShape } from '../../constants/ps-skeleton-shape';
 import { PsTabsConfig } from '../../constants/ps-tabs-config';
 import { usePsHaptics } from '../../hooks/use-ps-haptics';
 import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
+import { PsRippleService } from '../../services/ps-ripple-service';
 import { PsTabsService } from '../../services/ps-tabs-service';
 import { PsSkeleton } from '../ps-skeleton/ps-skeleton';
 import { PsText } from '../ps-text/ps-text';
@@ -26,7 +28,7 @@ export const PsTabs = ({ getItemIcon, getItemKey, getItemLabel, isLoading = fals
                 const key = getItemKey(item);
                 const isSelected = key === selectedKey;
                 const color = isSelected ? theme.primaryText : theme.muted;
-                return (_jsxs(Pressable, { accessibilityRole: 'tab', accessibilityState: { selected: isSelected }, onLayout: (event) => frames.current.set(key, {
+                return (_jsxs(Pressable, { android_ripple: PsRippleService.resolve(theme, PsRippleKind.Surface), accessibilityRole: 'tab', accessibilityState: { selected: isSelected }, onLayout: (event) => frames.current.set(key, {
                         width: event.nativeEvent.layout.width,
                         x: event.nativeEvent.layout.x,
                     }), onPress: () => {

package/dist/components/ps-waterfall-chart/index.d.ts

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

package/dist/components/ps-waterfall-chart/index.js

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

package/dist/components/ps-waterfall-chart/ps-waterfall-chart-props.d.ts

@@ -0,0 +1,9 @@
+import type { PsWaterfallDatum } from '../../interfaces/ps-waterfall-datum';
+export interface PsWaterfallChartProps {
+    data: PsWaterfallDatum[];
+    emptyLabel: string;
+    formatTick: (value: number) => string;
+    formatValue: (value: number) => string;
+    height?: number;
+    isLoading?: boolean;
+}

package/dist/components/ps-waterfall-chart/ps-waterfall-chart-props.js

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

package/dist/components/ps-waterfall-chart/ps-waterfall-chart.d.ts

@@ -0,0 +1,2 @@
+import type { PsWaterfallChartProps } from './ps-waterfall-chart-props';
+export declare const PsWaterfallChart: ({ data, emptyLabel, formatTick, formatValue, height, isLoading, }: PsWaterfallChartProps) => import("react").JSX.Element;

package/dist/components/ps-waterfall-chart/ps-waterfall-chart.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+import Svg, { G, Line, Text as SvgText } from 'react-native-svg';
+import { PsChartConfig } from '../../constants/ps-chart-config';
+import { PsChartSkeletonVariant } from '../../constants/ps-chart-skeleton-variant';
+import { usePsChartReveal } from '../../hooks/use-ps-chart-reveal';
+import { usePsChartScrub } from '../../hooks/use-ps-chart-scrub';
+import { usePsChartWidth } from '../../hooks/use-ps-chart-width';
+import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
+import { PsChartScaleService } from '../../services/ps-chart-scale-service';
+import { PsWaterfallService } from '../../services/ps-waterfall-service';
+import { PsChartBar } from '../ps-chart-bar/ps-chart-bar';
+import { PsChartEmptyState } from '../ps-chart-empty-state/ps-chart-empty-state';
+import { PsChartReadout } from '../ps-chart-readout/ps-chart-readout';
+import { PsChartSkeleton } from '../ps-chart-skeleton/ps-chart-skeleton';
+export const PsWaterfallChart = ({ data, emptyLabel, formatTick, formatValue, height = PsChartConfig.chartHeight, isLoading = false, }) => {
+    const theme = usePsMobileTheme();
+    const { onLayout, width } = usePsChartWidth();
+    const plot = PsChartScaleService.plot(width, height);
+    const { index, panHandlers } = usePsChartScrub(data.length, true, plot);
+    const steps = PsWaterfallService.steps(data);
+    const progress = usePsChartReveal(`waterfall:${PsWaterfallService.values(steps).join(',')}`);
+    if (isLoading)
+        return _jsx(PsChartSkeleton, { height: height, variant: PsChartSkeletonVariant.Bars });
+    if (steps.length === 0 || PsWaterfallService.values(steps).every((value) => value === 0))
+        return _jsx(PsChartEmptyState, { height: height, label: emptyLabel });
+    const colors = [theme.chart[0], theme.danger, theme.primary700];
+    const domain = PsChartScaleService.domain(PsWaterfallService.values(steps));
+    const selected = index === null ? steps.length - 1 : index;
+    const step = steps[selected];
+    const rects = PsWaterfallService.rects(steps, colors, domain, plot);
+    const color = step.isTotal ? colors[2] : step.value < 0 ? colors[1] : colors[0];
+    return (_jsxs(View, { style: { gap: 8 }, children: [_jsx(PsChartReadout, { items: [{ color, label: step.label, value: formatValue(step.value) }], title: step.label }), _jsx(View, { accessible: true, accessibilityLabel: `${step.label}, ${formatValue(step.value)}`, accessibilityRole: 'image', onLayout: onLayout, style: { height }, children: width === 0 ? null : (_jsxs(_Fragment, { children: [_jsxs(Svg, { height: height, pointerEvents: 'none', width: width, children: [PsChartScaleService.ticks(domain).map((tick) => {
+                                    const y = PsChartScaleService.y(tick, domain, plot);
+                                    return (_jsxs(G, { children: [_jsx(Line, { stroke: theme.line, strokeWidth: PsChartConfig.gridLineWidth, x1: plot.left, x2: plot.right, y1: y, y2: y }), _jsx(SvgText, { fill: theme.muted, fontFamily: theme.fonts.medium, fontSize: PsChartConfig.axisLabelSize, textAnchor: 'end', x: plot.left - 6, y: y + 3, children: formatTick(tick) })] }, tick));
+                                }), steps.map((entry, position) => (_jsx(SvgText, { fill: theme.muted, fontFamily: theme.fonts.medium, fontSize: PsChartConfig.axisLabelSize, textAnchor: 'middle', x: PsChartScaleService.categoryX(position, steps.length, plot, true), y: height - 6, children: entry.label }, entry.label))), rects.map((rect) => (_jsx(PsChartBar, { progress: progress, rect: rect }, rect.id)))] }), _jsx(View, { ...panHandlers, style: StyleSheet.absoluteFill, testID: 'ps-chart-touch' })] })) })] }));
+};

package/dist/components/ps-widget-list/ps-widget-list.js

@@ -10,5 +10,5 @@ export const PsWidgetList = ({ children, onRefresh, style }) => {
     return (_jsx(ScrollView, { contentContainerStyle: {
             gap: PsMobileControlConfig.rowSpacing,
             padding: PsListConfig.contentInset,
-        }, contentInsetAdjustmentBehavior: 'automatic', refreshControl: onRefresh === undefined ? undefined : (_jsx(RefreshControl, { onRefresh: () => void refresh(), refreshing: isRefreshing, tintColor: theme.primary })), style: [{ backgroundColor: theme.background, flex: 1 }, style], children: children }));
+        }, contentInsetAdjustmentBehavior: 'automatic', refreshControl: onRefresh === undefined ? undefined : (_jsx(RefreshControl, { colors: [theme.primaryText], progressBackgroundColor: theme.surface, onRefresh: () => void refresh(), refreshing: isRefreshing, tintColor: theme.primary })), style: [{ backgroundColor: theme.background, flex: 1 }, style], children: children }));
 };

package/dist/constants/ps-android-state-config.d.ts

@@ -0,0 +1,12 @@
+export declare const PsAndroidStateConfig: {
+    readonly disabledContainerAlpha: 0.12;
+    readonly disabledContentAlpha: 0.38;
+    readonly focusAlpha: 0.12;
+    readonly iconRippleRadius: 24;
+    readonly loadingIndicatorLarge: 48;
+    readonly loadingIndicatorSmall: 28;
+    readonly rippleAlpha: 0.16;
+    readonly rippleOnFillAlpha: 0.24;
+    readonly tabLabelSize: 12;
+    readonly touchTarget: 48;
+};

package/dist/constants/ps-android-state-config.js

@@ -0,0 +1,12 @@
+export const PsAndroidStateConfig = {
+    disabledContainerAlpha: 0.12,
+    disabledContentAlpha: 0.38,
+    focusAlpha: 0.12,
+    iconRippleRadius: 24,
+    loadingIndicatorLarge: 48,
+    loadingIndicatorSmall: 28,
+    rippleAlpha: 0.16,
+    rippleOnFillAlpha: 0.24,
+    tabLabelSize: 12,
+    touchTarget: 48,
+};

package/dist/constants/ps-barcode-permission.d.ts

@@ -0,0 +1,6 @@
+export declare const PsBarcodePermission: {
+    readonly checking: "checking";
+    readonly denied: "denied";
+    readonly granted: "granted";
+};
+export type PsBarcodePermission = (typeof PsBarcodePermission)[keyof typeof PsBarcodePermission];

package/dist/constants/ps-barcode-permission.js

@@ -0,0 +1,5 @@
+export const PsBarcodePermission = {
+    checking: 'checking',
+    denied: 'denied',
+    granted: 'granted',
+};

package/dist/constants/ps-barcode-scanner-config.d.ts

@@ -0,0 +1,18 @@
+import { PallasoftDarkColor } from '@pallasoft/ps-design-system';
+export declare const PsBarcodeScannerConfig: {
+    readonly backdropColor: PallasoftDarkColor.Background;
+    readonly barcodeTypes: string[];
+    readonly barGap: 12;
+    readonly barPadding: 12;
+    readonly cooldownMs: 1500;
+    readonly facing: "back";
+    readonly frameAspectRatio: 0.6;
+    readonly frameBorderWidth: 3;
+    readonly frameRadius: 16;
+    readonly frameWidthFraction: 0.8;
+    readonly footerGap: 8;
+    readonly footerPadding: 16;
+    readonly pillPaddingHorizontal: 14;
+    readonly pillPaddingVertical: 8;
+    readonly pillRadius: 16;
+};

package/dist/constants/ps-barcode-scanner-config.js

@@ -0,0 +1,31 @@
+import { PallasoftDarkColor } from '@pallasoft/ps-design-system';
+export const PsBarcodeScannerConfig = {
+    backdropColor: PallasoftDarkColor.Background,
+    barcodeTypes: [
+        'ean13',
+        'ean8',
+        'upc_a',
+        'upc_e',
+        'code128',
+        'code39',
+        'code93',
+        'itf14',
+        'codabar',
+        'qr',
+        'datamatrix',
+        'pdf417',
+    ],
+    barGap: 12,
+    barPadding: 12,
+    cooldownMs: 1500,
+    facing: 'back',
+    frameAspectRatio: 0.6,
+    frameBorderWidth: 3,
+    frameRadius: 16,
+    frameWidthFraction: 0.8,
+    footerGap: 8,
+    footerPadding: 16,
+    pillPaddingHorizontal: 14,
+    pillPaddingVertical: 8,
+    pillRadius: 16,
+};

package/dist/constants/ps-capture-config.d.ts

@@ -0,0 +1,12 @@
+import { PsIconKey } from '@pallasoft/ps-icons';
+import { PsCaptureSource } from './ps-capture-source';
+export declare const PsCaptureConfig: {
+    readonly documentTypes: readonly ["image/*", "application/pdf"];
+    readonly icons: Record<PsCaptureSource, PsIconKey>;
+    readonly imageFallbackType: "image/jpeg";
+    readonly imageQuality: 0.8;
+    readonly order: readonly ["scan", "camera", "library", "files"];
+    readonly scanFileName: "scan";
+    readonly scanQuality: 80;
+    readonly unknownType: "application/octet-stream";
+};

package/dist/constants/ps-capture-config.js

@@ -0,0 +1,22 @@
+import { PsIconKey } from '@pallasoft/ps-icons';
+import { PsCaptureSource } from './ps-capture-source';
+export const PsCaptureConfig = {
+    documentTypes: ['image/*', 'application/pdf'],
+    icons: {
+        [PsCaptureSource.Camera]: PsIconKey.Camera,
+        [PsCaptureSource.Files]: PsIconKey.File,
+        [PsCaptureSource.Library]: PsIconKey.Image,
+        [PsCaptureSource.Scan]: PsIconKey.Scan,
+    },
+    imageFallbackType: 'image/jpeg',
+    imageQuality: 0.8,
+    order: [
+        PsCaptureSource.Scan,
+        PsCaptureSource.Camera,
+        PsCaptureSource.Library,
+        PsCaptureSource.Files,
+    ],
+    scanFileName: 'scan',
+    scanQuality: 80,
+    unknownType: 'application/octet-stream',
+};

package/dist/constants/ps-capture-source.d.ts

@@ -0,0 +1,7 @@
+export declare const PsCaptureSource: {
+    readonly Camera: "camera";
+    readonly Files: "files";
+    readonly Library: "library";
+    readonly Scan: "scan";
+};
+export type PsCaptureSource = (typeof PsCaptureSource)[keyof typeof PsCaptureSource];

package/dist/constants/ps-capture-source.js

@@ -0,0 +1,6 @@
+export const PsCaptureSource = {
+    Camera: 'camera',
+    Files: 'files',
+    Library: 'library',
+    Scan: 'scan',
+};

package/dist/constants/ps-cartesian-series-shape.d.ts

@@ -0,0 +1,5 @@
+export declare const PsCartesianSeriesShape: {
+    readonly Bar: "bar";
+    readonly Line: "line";
+};
+export type PsCartesianSeriesShape = (typeof PsCartesianSeriesShape)[keyof typeof PsCartesianSeriesShape];

package/dist/constants/ps-cartesian-series-shape.js

@@ -0,0 +1,4 @@
+export const PsCartesianSeriesShape = {
+    Bar: 'bar',
+    Line: 'line',
+};

package/dist/constants/ps-chart-brand-config.d.ts

@@ -0,0 +1,21 @@
+export declare const PsChartBrandConfig: {
+    readonly steps: readonly [{
+        readonly amount: 0;
+        readonly isWhite: true;
+    }, {
+        readonly amount: 0.42;
+        readonly isWhite: true;
+    }, {
+        readonly amount: 0.32;
+        readonly isWhite: false;
+    }, {
+        readonly amount: 0.64;
+        readonly isWhite: true;
+    }, {
+        readonly amount: 0.52;
+        readonly isWhite: false;
+    }, {
+        readonly amount: 0.76;
+        readonly isWhite: true;
+    }];
+};

package/dist/constants/ps-chart-brand-config.js

@@ -0,0 +1,10 @@
+export const PsChartBrandConfig = {
+    steps: [
+        { amount: 0, isWhite: true },
+        { amount: 0.42, isWhite: true },
+        { amount: 0.32, isWhite: false },
+        { amount: 0.64, isWhite: true },
+        { amount: 0.52, isWhite: false },
+        { amount: 0.76, isWhite: true },
+    ],
+};

package/dist/constants/ps-document-config.d.ts

@@ -5,6 +5,8 @@ export declare const PsDocumentConfig: {
     readonly barPaddingVertical: 4;
     readonly chromeAlpha: 0.6;
     readonly counterSeparator: " / ";
+    readonly keyJoin: "|";
+    readonly keySeparator: "|";
     readonly dismissActivation: 12;
     readonly dismissDistance: 120;
     readonly dismissVelocity: 900;
@@ -20,4 +22,5 @@ export declare const PsDocumentConfig: {
     readonly previewTextLines: 12;
     readonly scaleEpsilon: 0.01;
     readonly settleMs: 180;
+    readonly stripIconSize: 20;
 };

package/dist/constants/ps-document-config.js

@@ -5,6 +5,8 @@ export const PsDocumentConfig = {
     barPaddingVertical: 4,
     chromeAlpha: 0.6,
     counterSeparator: ' / ',
+    keyJoin: '|',
+    keySeparator: '|',
     dismissActivation: 12,
     dismissDistance: 120,
     dismissVelocity: 900,
@@ -20,4 +22,5 @@ export const PsDocumentConfig = {
     previewTextLines: 12,
     scaleEpsilon: 0.01,
     settleMs: 180,
+    stripIconSize: 20,
 };

package/dist/constants/ps-document-file-config.d.ts

@@ -0,0 +1,11 @@
+export declare const PsDocumentFileConfig: {
+    readonly cacheFolder: "ps-documents";
+    readonly fallbackExtension: "bin";
+    readonly hashModulus: 4294967296;
+    readonly hashMultiplier: 33;
+    readonly hashRadix: 36;
+    readonly hashSeed: 5381;
+    readonly pdfExtension: "pdf";
+    readonly textExtension: "txt";
+    readonly unsafeName: RegExp;
+};

package/dist/constants/ps-document-file-config.js

@@ -0,0 +1,11 @@
+export const PsDocumentFileConfig = {
+    cacheFolder: 'ps-documents',
+    fallbackExtension: 'bin',
+    hashModulus: 4294967296,
+    hashMultiplier: 33,
+    hashRadix: 36,
+    hashSeed: 5381,
+    pdfExtension: 'pdf',
+    textExtension: 'txt',
+    unsafeName: /[^a-zA-Z0-9-]/g,
+};

package/dist/constants/ps-document-kind.d.ts

@@ -1,5 +1,6 @@
 export declare const PsDocumentKind: {
     readonly Image: "image";
+    readonly Pdf: "pdf";
     readonly Text: "text";
     readonly Unsupported: "unsupported";
 };

package/dist/constants/ps-document-kind.js

@@ -1,5 +1,6 @@
 export const PsDocumentKind = {
     Image: 'image',
+    Pdf: 'pdf',
     Text: 'text',
     Unsupported: 'unsupported',
 };

package/dist/constants/ps-document-load-status.d.ts

@@ -0,0 +1,7 @@
+export declare const PsDocumentLoadStatus: {
+    readonly Failed: "failed";
+    readonly Loading: "loading";
+    readonly Ready: "ready";
+    readonly Unavailable: "unavailable";
+};
+export type PsDocumentLoadStatus = (typeof PsDocumentLoadStatus)[keyof typeof PsDocumentLoadStatus];

package/dist/constants/ps-document-load-status.js

@@ -0,0 +1,6 @@
+export const PsDocumentLoadStatus = {
+    Failed: 'failed',
+    Loading: 'loading',
+    Ready: 'ready',
+    Unavailable: 'unavailable',
+};

package/dist/constants/ps-document-pdf-config.d.ts

@@ -0,0 +1,14 @@
+export declare const PsDocumentPdfConfig: {
+    readonly coverMaxWidth: 900;
+    readonly jpegQuality: 85;
+    readonly pageIdSeparator: "-p";
+    readonly pageMaxWidth: 2000;
+    readonly stripGap: 8;
+    readonly stripHeight: 72;
+    readonly stripPadding: 12;
+    readonly stripScrollViewPosition: 0.5;
+    readonly stripSelectedBorder: 2;
+    readonly stripTileWidth: 54;
+    readonly stripUnselectedAlpha: 0.3;
+    readonly unavailableError: "PDF rendering is not available";
+};

package/dist/constants/ps-document-pdf-config.js

@@ -0,0 +1,14 @@
+export const PsDocumentPdfConfig = {
+    coverMaxWidth: 900,
+    jpegQuality: 85,
+    pageIdSeparator: '-p',
+    pageMaxWidth: 2000,
+    stripGap: 8,
+    stripHeight: 72,
+    stripPadding: 12,
+    stripScrollViewPosition: 0.5,
+    stripSelectedBorder: 2,
+    stripTileWidth: 54,
+    stripUnselectedAlpha: 0.3,
+    unavailableError: 'PDF rendering is not available',
+};