@pallasoft/ps-core-components 2.47.0 → 2.48.0

package/dist/components/ps-form-page-skeleton.d.ts

@@ -1,5 +1,9 @@
 export interface PsFormPageSkeletonProps {
+    hasActions?: boolean;
+    hasBackLink?: boolean;
+    isNarrow?: boolean;
     loadingLabel: string;
     title?: string;
+    variant?: 'bordered' | 'card' | 'plain';
 }
-export declare const PsFormPageSkeleton: ({ loadingLabel, title }: PsFormPageSkeletonProps) => import("react").JSX.Element;
+export declare const PsFormPageSkeleton: ({ hasActions, hasBackLink, isNarrow, loadingLabel, title, variant, }: PsFormPageSkeletonProps) => import("react").JSX.Element;

package/dist/components/ps-form-page-skeleton.js

@@ -6,5 +6,5 @@ const ps_page_skeleton_config_1 = require("../constants/ps-page-skeleton-config"
 const ps_form_fields_skeleton_1 = require("./ps-form-fields-skeleton");
 const ps_page_skeleton_1 = require("./ps-page-skeleton");
 const ps_section_panel_skeleton_1 = require("./ps-section-panel-skeleton");
-const PsFormPageSkeleton = ({ loadingLabel, title }) => ((0, jsx_runtime_1.jsx)(ps_page_skeleton_1.PsPageSkeleton, { hasActions: true, loadingLabel: loadingLabel, title: title, children: ps_page_skeleton_config_1.PsPageSkeletonConfig.formSections.map((section) => ((0, jsx_runtime_1.jsx)(ps_section_panel_skeleton_1.PsSectionPanelSkeleton, { children: (0, jsx_runtime_1.jsx)(ps_form_fields_skeleton_1.PsFormFieldsSkeleton, {}) }, section))) }));
+const PsFormPageSkeleton = ({ hasActions = true, hasBackLink = false, isNarrow = false, loadingLabel, title, variant = 'plain', }) => ((0, jsx_runtime_1.jsx)(ps_page_skeleton_1.PsPageSkeleton, { hasActions: hasActions, hasBackLink: hasBackLink, isNarrow: isNarrow, loadingLabel: loadingLabel, title: title, children: ps_page_skeleton_config_1.PsPageSkeletonConfig.formSections.map((section) => ((0, jsx_runtime_1.jsx)(ps_section_panel_skeleton_1.PsSectionPanelSkeleton, { variant: variant, children: (0, jsx_runtime_1.jsx)(ps_form_fields_skeleton_1.PsFormFieldsSkeleton, {}) }, section))) }));
 exports.PsFormPageSkeleton = PsFormPageSkeleton;

package/dist/components/ps-metric-grid-skeleton.js

@@ -2,6 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PsMetricGridSkeleton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_metric_grid_config_1 = require("../constants/ps-metric-grid-config");
 const ps_metric_card_1 = require("./ps-metric-card");
-const PsMetricGridSkeleton = ({ count }) => ((0, jsx_runtime_1.jsx)("div", { className: 'grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4', children: Array.from({ length: count }, (_, index) => ((0, jsx_runtime_1.jsx)(ps_metric_card_1.PsMetricCard, { isLoading: true, label: '', value: '' }, index))) }));
+const PsMetricGridSkeleton = ({ count }) => {
+    const columns = ps_metric_grid_config_1.PsMetricGridColumns[Math.min(count, ps_metric_grid_config_1.PsMetricGridConfig.maxColumns)];
+    return ((0, jsx_runtime_1.jsx)("div", { className: `grid grid-cols-1 gap-3 ${columns === undefined ? ps_metric_grid_config_1.PsMetricGridColumns[ps_metric_grid_config_1.PsMetricGridConfig.defaultColumns] : columns}`, children: Array.from({ length: count }, (_, index) => ((0, jsx_runtime_1.jsx)(ps_metric_card_1.PsMetricCard, { isLoading: true, label: '', value: '' }, index))) }));
+};
 exports.PsMetricGridSkeleton = PsMetricGridSkeleton;

package/dist/components/ps-page-header.d.ts

@@ -3,6 +3,7 @@ import { type PsBackLinkProps } from './ps-back-link';
 export interface PsPageHeaderProps {
     actions?: ReactNode;
     backLink?: PsBackLinkProps;
+    leading?: ReactNode;
     title: string;
 }
-export declare const PsPageHeader: ({ actions, backLink, title }: PsPageHeaderProps) => import("react").JSX.Element;
+export declare const PsPageHeader: ({ actions, backLink, leading, title }: PsPageHeaderProps) => import("react").JSX.Element;

package/dist/components/ps-page-header.js

@@ -4,5 +4,5 @@ exports.PsPageHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ps_back_link_1 = require("./ps-back-link");
 const ps_section_header_1 = require("./ps-section-header");
-const PsPageHeader = ({ actions, backLink, title }) => ((0, jsx_runtime_1.jsx)(ps_section_header_1.PsSectionHeader, { leading: backLink ? (0, jsx_runtime_1.jsx)(ps_back_link_1.PsBackLink, { ...backLink }) : undefined, title: title, trailing: actions ? ((0, jsx_runtime_1.jsx)("div", { className: 'flex flex-wrap items-center justify-end gap-2', children: actions })) : undefined }));
+const PsPageHeader = ({ actions, backLink, leading, title }) => ((0, jsx_runtime_1.jsx)(ps_section_header_1.PsSectionHeader, { leading: backLink ? (0, jsx_runtime_1.jsx)(ps_back_link_1.PsBackLink, { ...backLink }) : leading, title: title, trailing: actions ? ((0, jsx_runtime_1.jsx)("div", { className: 'flex flex-wrap items-center justify-end gap-2', children: actions })) : undefined }));
 exports.PsPageHeader = PsPageHeader;

package/dist/components/ps-page-skeleton.d.ts

@@ -3,8 +3,9 @@ export interface PsPageSkeletonProps {
     actions?: ReactNode;
     children: ReactNode;
     hasActions?: boolean;
+    hasBackLink?: boolean;
     isNarrow?: boolean;
     loadingLabel: string;
     title?: string;
 }
-export declare const PsPageSkeleton: ({ actions, children, hasActions, isNarrow, loadingLabel, title, }: PsPageSkeletonProps) => import("react").JSX.Element;
+export declare const PsPageSkeleton: ({ actions, children, hasActions, hasBackLink, isNarrow, loadingLabel, title, }: PsPageSkeletonProps) => import("react").JSX.Element;

package/dist/components/ps-page-skeleton.js

@@ -8,5 +8,8 @@ const ps_page_layout_1 = require("./ps-page-layout");
 const ps_page_stack_1 = require("./ps-page-stack");
 const ps_section_header_1 = require("./ps-section-header");
 const ps_skeleton_1 = require("./ps-skeleton");
-const PsPageSkeleton = ({ actions, children, hasActions = false, isNarrow = false, loadingLabel, title, }) => ((0, jsx_runtime_1.jsx)(ps_page_layout_1.PsPageLayout, { isNarrow: isNarrow, children: (0, jsx_runtime_1.jsxs)(ps_page_stack_1.PsPageStack, { children: [title === undefined ? ((0, jsx_runtime_1.jsx)(ps_section_header_1.PsSectionHeader, { isLoading: true, title: loadingLabel, trailing: hasActions })) : ((0, jsx_runtime_1.jsx)(ps_page_header_1.PsPageHeader, { actions: actions !== undefined ? (actions) : hasActions ? ((0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { shape: ps_skeleton_shape_1.PsSkeletonShape.Button })) : undefined, title: title })), children] }) }));
+const PsPageSkeleton = ({ actions, children, hasActions = false, hasBackLink = false, isNarrow = false, loadingLabel, title, }) => {
+    const backLink = hasBackLink ? (0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: 'h-5 w-32' }) : undefined;
+    return ((0, jsx_runtime_1.jsx)(ps_page_layout_1.PsPageLayout, { isNarrow: isNarrow, children: (0, jsx_runtime_1.jsxs)(ps_page_stack_1.PsPageStack, { children: [title === undefined ? ((0, jsx_runtime_1.jsx)(ps_section_header_1.PsSectionHeader, { isLoading: true, leading: backLink, title: loadingLabel, trailing: hasActions })) : ((0, jsx_runtime_1.jsx)(ps_page_header_1.PsPageHeader, { actions: actions !== undefined ? (actions) : hasActions ? ((0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { shape: ps_skeleton_shape_1.PsSkeletonShape.Button })) : undefined, leading: backLink, title: title })), children] }) }));
+};
 exports.PsPageSkeleton = PsPageSkeleton;

package/dist/components/ps-section-header.js

@@ -5,5 +5,5 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const ps_skeleton_shape_1 = require("../constants/ps-skeleton-shape");
 const ps_skeleton_1 = require("./ps-skeleton");
 const ps_skeleton_group_1 = require("./ps-skeleton-group");
-const PsSectionHeader = ({ description, eyebrow, isLoading = false, leading, title, trailing, }) => isLoading ? ((0, jsx_runtime_1.jsxs)(ps_skeleton_group_1.PsSkeletonGroup, { className: 'flex flex-wrap items-end justify-between gap-x-4 gap-y-3', label: title, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex min-w-0 flex-1 basis-auto flex-col gap-2', children: [eyebrow ? (0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: 'h-2.5 w-24' }) : null, (0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: 'h-6 w-52' }), description ? (0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: 'h-3 w-72' }) : null] }), trailing ? (0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { shape: ps_skeleton_shape_1.PsSkeletonShape.Button }) : null] })) : ((0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-wrap items-end justify-between gap-x-4 gap-y-3', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex min-w-0 flex-1 basis-auto flex-col gap-2', children: [leading, eyebrow ? ((0, jsx_runtime_1.jsx)("p", { className: 'text-[0.68rem] font-semibold uppercase tracking-[0.22em] text-ink/50', children: eyebrow })) : null, (0, jsx_runtime_1.jsx)("h1", { className: 'break-words text-xl font-extrabold text-ink sm:text-2xl', children: title }), description ? ((0, jsx_runtime_1.jsx)("p", { className: 'max-w-3xl text-sm leading-6 text-ink/60', children: description })) : null] }), trailing ? ((0, jsx_runtime_1.jsx)("div", { className: 'flex w-full shrink-0 items-center justify-end sm:ml-auto sm:w-auto', children: trailing })) : null] }));
+const PsSectionHeader = ({ description, eyebrow, isLoading = false, leading, title, trailing, }) => isLoading ? ((0, jsx_runtime_1.jsxs)(ps_skeleton_group_1.PsSkeletonGroup, { className: 'flex flex-wrap items-end justify-between gap-x-4 gap-y-3', label: title, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex min-w-0 flex-1 basis-auto flex-col gap-2', children: [leading, eyebrow ? (0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: 'h-2.5 w-24' }) : null, (0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: 'h-6 w-52' }), description ? (0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: 'h-3 w-72' }) : null] }), trailing ? (0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { shape: ps_skeleton_shape_1.PsSkeletonShape.Button }) : null] })) : ((0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-wrap items-end justify-between gap-x-4 gap-y-3', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex min-w-0 flex-1 basis-auto flex-col gap-2', children: [leading, eyebrow ? ((0, jsx_runtime_1.jsx)("p", { className: 'text-[0.68rem] font-semibold uppercase tracking-[0.22em] text-ink/50', children: eyebrow })) : null, (0, jsx_runtime_1.jsx)("h1", { className: 'break-words text-xl font-extrabold text-ink sm:text-2xl', children: title }), description ? ((0, jsx_runtime_1.jsx)("p", { className: 'max-w-3xl text-sm leading-6 text-ink/60', children: description })) : null] }), trailing ? ((0, jsx_runtime_1.jsx)("div", { className: 'flex w-full shrink-0 items-center justify-end sm:ml-auto sm:w-auto', children: trailing })) : null] }));
 exports.PsSectionHeader = PsSectionHeader;

package/dist/components/ps-section-panel-skeleton.d.ts

@@ -2,5 +2,6 @@ import type { ReactNode } from 'react';
 export interface PsSectionPanelSkeletonProps {
     children: ReactNode;
     title?: string;
+    variant?: 'bordered' | 'card' | 'plain';
 }
-export declare const PsSectionPanelSkeleton: ({ children, title }: PsSectionPanelSkeletonProps) => import("react").JSX.Element;
+export declare const PsSectionPanelSkeleton: ({ children, title, variant, }: PsSectionPanelSkeletonProps) => import("react").JSX.Element;

package/dist/components/ps-section-panel-skeleton.js

@@ -3,5 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PsSectionPanelSkeleton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ps_skeleton_1 = require("./ps-skeleton");
-const PsSectionPanelSkeleton = ({ children, title }) => ((0, jsx_runtime_1.jsxs)("section", { className: 'ps-section', children: [(0, jsx_runtime_1.jsx)("div", { className: 'flex min-h-10 items-center', children: title === undefined ? ((0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: 'h-4 w-44' })) : ((0, jsx_runtime_1.jsx)("h2", { className: 'text-base font-semibold text-ink', children: title })) }), (0, jsx_runtime_1.jsx)("div", { className: 'flex min-w-0 flex-col gap-4', children: children })] }));
+const PsSectionPanelSkeleton = ({ children, title, variant = 'plain', }) => {
+    const heading = title === undefined ? ((0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: 'h-4 w-44' })) : ((0, jsx_runtime_1.jsx)("h2", { className: 'text-base font-semibold text-ink', children: title }));
+    return variant === 'bordered' ? ((0, jsx_runtime_1.jsxs)("section", { className: 'rounded-ps-panel border border-line bg-surface', children: [(0, jsx_runtime_1.jsx)("header", { className: 'flex min-h-14 items-center justify-between gap-3 border-b border-line px-5 py-3', children: (0, jsx_runtime_1.jsx)("div", { className: 'flex min-w-0 flex-col', children: heading }) }), (0, jsx_runtime_1.jsx)("div", { className: 'flex flex-col gap-4 p-5', children: children })] })) : variant === 'card' ? ((0, jsx_runtime_1.jsxs)("section", { className: 'rounded-ps-panel border border-line bg-surface p-5', children: [(0, jsx_runtime_1.jsx)("div", { className: 'mb-3', children: heading }), children] })) : ((0, jsx_runtime_1.jsxs)("section", { className: 'ps-section', children: [(0, jsx_runtime_1.jsx)("div", { className: 'flex min-h-10 items-center', children: heading }), (0, jsx_runtime_1.jsx)("div", { className: 'flex min-w-0 flex-col gap-4', children: children })] }));
+};
 exports.PsSectionPanelSkeleton = PsSectionPanelSkeleton;

package/dist/esm/components/ps-form-page-skeleton.js

@@ -3,4 +3,4 @@ import { PsPageSkeletonConfig } from '../constants/ps-page-skeleton-config.js';
 import { PsFormFieldsSkeleton } from './ps-form-fields-skeleton.js';
 import { PsPageSkeleton } from './ps-page-skeleton.js';
 import { PsSectionPanelSkeleton } from './ps-section-panel-skeleton.js';
-export const PsFormPageSkeleton = ({ loadingLabel, title }) => (_jsx(PsPageSkeleton, { hasActions: true, loadingLabel: loadingLabel, title: title, children: PsPageSkeletonConfig.formSections.map((section) => (_jsx(PsSectionPanelSkeleton, { children: _jsx(PsFormFieldsSkeleton, {}) }, section))) }));
+export const PsFormPageSkeleton = ({ hasActions = true, hasBackLink = false, isNarrow = false, loadingLabel, title, variant = 'plain', }) => (_jsx(PsPageSkeleton, { hasActions: hasActions, hasBackLink: hasBackLink, isNarrow: isNarrow, loadingLabel: loadingLabel, title: title, children: PsPageSkeletonConfig.formSections.map((section) => (_jsx(PsSectionPanelSkeleton, { variant: variant, children: _jsx(PsFormFieldsSkeleton, {}) }, section))) }));

package/dist/esm/components/ps-metric-grid-skeleton.js

@@ -1,3 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { PsMetricGridColumns, PsMetricGridConfig } from '../constants/ps-metric-grid-config.js';
 import { PsMetricCard } from './ps-metric-card.js';
-export const PsMetricGridSkeleton = ({ count }) => (_jsx("div", { className: 'grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4', children: Array.from({ length: count }, (_, index) => (_jsx(PsMetricCard, { isLoading: true, label: '', value: '' }, index))) }));
+export const PsMetricGridSkeleton = ({ count }) => {
+    const columns = PsMetricGridColumns[Math.min(count, PsMetricGridConfig.maxColumns)];
+    return (_jsx("div", { className: `grid grid-cols-1 gap-3 ${columns === undefined ? PsMetricGridColumns[PsMetricGridConfig.defaultColumns] : columns}`, children: Array.from({ length: count }, (_, index) => (_jsx(PsMetricCard, { isLoading: true, label: '', value: '' }, index))) }));
+};

package/dist/esm/components/ps-page-header.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PsBackLink } from './ps-back-link.js';
 import { PsSectionHeader } from './ps-section-header.js';
-export const PsPageHeader = ({ actions, backLink, title }) => (_jsx(PsSectionHeader, { leading: backLink ? _jsx(PsBackLink, { ...backLink }) : undefined, title: title, trailing: actions ? (_jsx("div", { className: 'flex flex-wrap items-center justify-end gap-2', children: actions })) : undefined }));
+export const PsPageHeader = ({ actions, backLink, leading, title }) => (_jsx(PsSectionHeader, { leading: backLink ? _jsx(PsBackLink, { ...backLink }) : leading, title: title, trailing: actions ? (_jsx("div", { className: 'flex flex-wrap items-center justify-end gap-2', children: actions })) : undefined }));

package/dist/esm/components/ps-page-skeleton.js

@@ -5,4 +5,7 @@ import { PsPageLayout } from './ps-page-layout.js';
 import { PsPageStack } from './ps-page-stack.js';
 import { PsSectionHeader } from './ps-section-header.js';
 import { PsSkeleton } from './ps-skeleton.js';
-export const PsPageSkeleton = ({ actions, children, hasActions = false, isNarrow = false, loadingLabel, title, }) => (_jsx(PsPageLayout, { isNarrow: isNarrow, children: _jsxs(PsPageStack, { children: [title === undefined ? (_jsx(PsSectionHeader, { isLoading: true, title: loadingLabel, trailing: hasActions })) : (_jsx(PsPageHeader, { actions: actions !== undefined ? (actions) : hasActions ? (_jsx(PsSkeleton, { shape: PsSkeletonShape.Button })) : undefined, title: title })), children] }) }));
+export const PsPageSkeleton = ({ actions, children, hasActions = false, hasBackLink = false, isNarrow = false, loadingLabel, title, }) => {
+    const backLink = hasBackLink ? _jsx(PsSkeleton, { className: 'h-5 w-32' }) : undefined;
+    return (_jsx(PsPageLayout, { isNarrow: isNarrow, children: _jsxs(PsPageStack, { children: [title === undefined ? (_jsx(PsSectionHeader, { isLoading: true, leading: backLink, title: loadingLabel, trailing: hasActions })) : (_jsx(PsPageHeader, { actions: actions !== undefined ? (actions) : hasActions ? (_jsx(PsSkeleton, { shape: PsSkeletonShape.Button })) : undefined, leading: backLink, title: title })), children] }) }));
+};

package/dist/esm/components/ps-section-header.js

@@ -2,4 +2,4 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
 import { PsSkeleton } from './ps-skeleton.js';
 import { PsSkeletonGroup } from './ps-skeleton-group.js';
-export const PsSectionHeader = ({ description, eyebrow, isLoading = false, leading, title, trailing, }) => isLoading ? (_jsxs(PsSkeletonGroup, { className: 'flex flex-wrap items-end justify-between gap-x-4 gap-y-3', label: title, children: [_jsxs("div", { className: 'flex min-w-0 flex-1 basis-auto flex-col gap-2', children: [eyebrow ? _jsx(PsSkeleton, { className: 'h-2.5 w-24' }) : null, _jsx(PsSkeleton, { className: 'h-6 w-52' }), description ? _jsx(PsSkeleton, { className: 'h-3 w-72' }) : null] }), trailing ? _jsx(PsSkeleton, { shape: PsSkeletonShape.Button }) : null] })) : (_jsxs("div", { className: 'flex flex-wrap items-end justify-between gap-x-4 gap-y-3', children: [_jsxs("div", { className: 'flex min-w-0 flex-1 basis-auto flex-col gap-2', children: [leading, eyebrow ? (_jsx("p", { className: 'text-[0.68rem] font-semibold uppercase tracking-[0.22em] text-ink/50', children: eyebrow })) : null, _jsx("h1", { className: 'break-words text-xl font-extrabold text-ink sm:text-2xl', children: title }), description ? (_jsx("p", { className: 'max-w-3xl text-sm leading-6 text-ink/60', children: description })) : null] }), trailing ? (_jsx("div", { className: 'flex w-full shrink-0 items-center justify-end sm:ml-auto sm:w-auto', children: trailing })) : null] }));
+export const PsSectionHeader = ({ description, eyebrow, isLoading = false, leading, title, trailing, }) => isLoading ? (_jsxs(PsSkeletonGroup, { className: 'flex flex-wrap items-end justify-between gap-x-4 gap-y-3', label: title, children: [_jsxs("div", { className: 'flex min-w-0 flex-1 basis-auto flex-col gap-2', children: [leading, eyebrow ? _jsx(PsSkeleton, { className: 'h-2.5 w-24' }) : null, _jsx(PsSkeleton, { className: 'h-6 w-52' }), description ? _jsx(PsSkeleton, { className: 'h-3 w-72' }) : null] }), trailing ? _jsx(PsSkeleton, { shape: PsSkeletonShape.Button }) : null] })) : (_jsxs("div", { className: 'flex flex-wrap items-end justify-between gap-x-4 gap-y-3', children: [_jsxs("div", { className: 'flex min-w-0 flex-1 basis-auto flex-col gap-2', children: [leading, eyebrow ? (_jsx("p", { className: 'text-[0.68rem] font-semibold uppercase tracking-[0.22em] text-ink/50', children: eyebrow })) : null, _jsx("h1", { className: 'break-words text-xl font-extrabold text-ink sm:text-2xl', children: title }), description ? (_jsx("p", { className: 'max-w-3xl text-sm leading-6 text-ink/60', children: description })) : null] }), trailing ? (_jsx("div", { className: 'flex w-full shrink-0 items-center justify-end sm:ml-auto sm:w-auto', children: trailing })) : null] }));

package/dist/esm/components/ps-section-panel-skeleton.js

@@ -1,3 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PsSkeleton } from './ps-skeleton.js';
-export const PsSectionPanelSkeleton = ({ children, title }) => (_jsxs("section", { className: 'ps-section', children: [_jsx("div", { className: 'flex min-h-10 items-center', children: title === undefined ? (_jsx(PsSkeleton, { className: 'h-4 w-44' })) : (_jsx("h2", { className: 'text-base font-semibold text-ink', children: title })) }), _jsx("div", { className: 'flex min-w-0 flex-col gap-4', children: children })] }));
+export const PsSectionPanelSkeleton = ({ children, title, variant = 'plain', }) => {
+    const heading = title === undefined ? (_jsx(PsSkeleton, { className: 'h-4 w-44' })) : (_jsx("h2", { className: 'text-base font-semibold text-ink', children: title }));
+    return variant === 'bordered' ? (_jsxs("section", { className: 'rounded-ps-panel border border-line bg-surface', children: [_jsx("header", { className: 'flex min-h-14 items-center justify-between gap-3 border-b border-line px-5 py-3', children: _jsx("div", { className: 'flex min-w-0 flex-col', children: heading }) }), _jsx("div", { className: 'flex flex-col gap-4 p-5', children: children })] })) : variant === 'card' ? (_jsxs("section", { className: 'rounded-ps-panel border border-line bg-surface p-5', children: [_jsx("div", { className: 'mb-3', children: heading }), children] })) : (_jsxs("section", { className: 'ps-section', children: [_jsx("div", { className: 'flex min-h-10 items-center', children: heading }), _jsx("div", { className: 'flex min-w-0 flex-col gap-4', children: children })] }));
+};

package/dist/esm/hooks/use-ps-optimistic-fetcher.js

@@ -1,8 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { PsOptimisticConfig } from '../constants/ps-optimistic-config.js';
-import { PsOptimisticFetcherService } from '../services/ps-optimistic-fetcher-service.js';
-import { usePsChangeQueue } from './use-ps-change-queue.js';
-import { usePsOptimisticRows } from './use-ps-optimistic-rows.js';
+import { PsOptimisticConfig, PsOptimisticFetcherService, } from '@pallasoft/ps-utilities';
+import { usePsChangeQueue, usePsOptimisticRows } from '@pallasoft/ps-utilities/react';
 export const usePsOptimisticFetcher = ({ apply, fetcher, isHolding = false, isSuccess, merge, onError, revalidator, rows, }) => {
     const [isUnsettled, setIsUnsettled] = useState(false);
     const submitted = useRef(0);

package/dist/esm/hooks/use-ps-optimistic-save.js

@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import { PsOptimisticSaveService } from '../services/ps-optimistic-save-service.js';
+import { PsOptimisticSaveService } from '@pallasoft/ps-utilities';
 import { usePsOptimisticFetcher } from './use-ps-optimistic-fetcher.js';
 export const usePsOptimisticSave = ({ fetcher, isSuccess, onError, revalidator, rows, scopeId, spec, }) => {
     const apply = useCallback((base, changes) => PsOptimisticSaveService.apply(base, changes, spec), [spec]);

package/dist/esm/hooks/use-ps-text-param.js

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
+import { usePsDebouncedValue } from '@pallasoft/ps-utilities/react';
 import { PsQueryParamConfig } from '../constants/ps-query-param-config.js';
 import { PsQueryParamService } from '../services/ps-query-param-service.js';
-import { usePsDebouncedValue } from './use-ps-debounced-value.js';
 export const usePsTextParam = ([searchParams, setSearchParams], { debounceMs, name, resetParams }) => {
     const raw = searchParams.get(name);
     const committed = raw === null ? '' : raw;

package/dist/esm/index.js

@@ -90,21 +90,13 @@ export * from './interfaces/ps-component-props.js';
 export * from './models/ps-element-size.js';
 export * from './models/ps-voice-orb.js';
 export * from './models/ps-navigation-progress.js';
-export * from './hooks/use-ps-debounced-value.js';
-export * from './hooks/use-ps-change-queue.js';
-export * from './interfaces/ps-change-queue-input.js';
-export * from './interfaces/ps-change-queue-result.js';
 export * from './hooks/use-ps-live.js';
 export * from './hooks/use-ps-debounced-revalidate.js';
-export * from './hooks/use-ps-optimistic-rows.js';
 export * from './hooks/use-ps-optimistic-fetcher.js';
 export * from './hooks/use-ps-optimistic-save.js';
-export * from './constants/ps-optimistic-config.js';
 export * from './interfaces/ps-optimistic-save-input.js';
 export * from './interfaces/ps-optimistic-save-result.js';
-export * from './interfaces/ps-optimistic-save-spec.js';
 export * from './interfaces/ps-revalidation-args.js';
-export * from './services/ps-optimistic-save-service.js';
 export * from './services/ps-client-param-revalidation-service.js';
 export * from './interfaces/ps-fetcher-like.js';
 export * from './interfaces/ps-fetcher-submit-options.js';
@@ -114,10 +106,7 @@ export * from './interfaces/ps-live-open-options.js';
 export * from './interfaces/ps-optimistic-fetcher-input.js';
 export * from './interfaces/ps-optimistic-fetcher-result.js';
 export * from './interfaces/ps-optimistic-failure.js';
-export * from './interfaces/ps-optimistic-failure-reason.js';
 export * from './interfaces/ps-revalidator-like.js';
-export * from './interfaces/ps-optimistic-rows-input.js';
-export * from './interfaces/ps-optimistic-rows-result.js';
 export * from './hooks/use-ps-navigation-progress.js';
 export * from './models/ps-draggable-grid.js';
 export * from './constants/ps-draggable-grid.js';
@@ -132,7 +121,6 @@ export * from './constants/ps-data-boundary-variant.js';
 export * from './hooks/use-ps-retained-promise.js';
 export * from './hooks/use-ps-promise-value.js';
 export * from './interfaces/ps-retained-promise-data.js';
-export * from './services/ps-deep-equal-service.js';
 export * from './components/ps-faq-answer.js';
 export * from './components/ps-feature-grid.js';
 export * from './components/ps-feature-card.js';
@@ -258,3 +246,5 @@ export * from './constants/ps-image-config.js';
 export * from './models/ps-image-state-data.js';
 export * from './services/ps-image-service.js';
 export * from './components/ps-image.js';
+export { PsDeepEqualService, PsOptimisticConfig, PsOptimisticSaveService, } from '@pallasoft/ps-utilities';
+export { usePsChangeQueue, usePsDebouncedValue, usePsOptimisticRows, } from '@pallasoft/ps-utilities/react';

package/dist/esm/services/ps-draft-state-service.js

@@ -1,4 +1,4 @@
-import { PsDeepEqualService } from './ps-deep-equal-service.js';
+import { PsDeepEqualService } from '@pallasoft/ps-utilities';
 export class PsDraftStateService {
     static fresh(initial) {
         return { baseline: initial, value: structuredClone(initial) };

package/dist/hooks/use-ps-optimistic-fetcher.js

@@ -2,10 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePsOptimisticFetcher = void 0;
 const react_1 = require("react");
-const ps_optimistic_config_1 = require("../constants/ps-optimistic-config");
-const ps_optimistic_fetcher_service_1 = require("../services/ps-optimistic-fetcher-service");
-const use_ps_change_queue_1 = require("./use-ps-change-queue");
-const use_ps_optimistic_rows_1 = require("./use-ps-optimistic-rows");
+const ps_utilities_1 = require("@pallasoft/ps-utilities");
+const react_2 = require("@pallasoft/ps-utilities/react");
 const usePsOptimisticFetcher = ({ apply, fetcher, isHolding = false, isSuccess, merge, onError, revalidator, rows, }) => {
     const [isUnsettled, setIsUnsettled] = (0, react_1.useState)(false);
     const submitted = (0, react_1.useRef)(0);
@@ -14,7 +12,7 @@ const usePsOptimisticFetcher = ({ apply, fetcher, isHolding = false, isSuccess,
     const dataBefore = (0, react_1.useRef)(fetcher.data);
     const dataSeen = (0, react_1.useRef)(fetcher.data);
     const failure = (0, react_1.useRef)(null);
-    const { forgetLast, remember, rows: shown, } = (0, use_ps_optimistic_rows_1.usePsOptimisticRows)({
+    const { forgetLast, remember, rows: shown, } = (0, react_2.usePsOptimisticRows)({
         apply,
         isHolding,
         isSaving: isUnsettled || fetcher.state !== 'idle' || revalidator.state !== 'idle',
@@ -33,7 +31,7 @@ const usePsOptimisticFetcher = ({ apply, fetcher, isHolding = false, isSuccess,
         const done = settle.current;
         settle.current = null;
         sawBusy.current = false;
-        done(ps_optimistic_fetcher_service_1.PsOptimisticFetcherService.outcome(fetcher.data, dataBefore.current));
+        done(ps_utilities_1.PsOptimisticFetcherService.outcome(fetcher.data, dataBefore.current));
     }, [fetcher.data, fetcher.state]);
     (0, react_1.useEffect)(() => () => {
         if (settle.current === null)
@@ -49,7 +47,7 @@ const usePsOptimisticFetcher = ({ apply, fetcher, isHolding = false, isSuccess,
                 settle.current = null;
             resolve(outcome);
         };
-        const timer = setTimeout(() => finish({ data: undefined, reason: 'timeout' }), ps_optimistic_config_1.PsOptimisticConfig.submitTimeoutMs);
+        const timer = setTimeout(() => finish({ data: undefined, reason: 'timeout' }), ps_utilities_1.PsOptimisticConfig.submitTimeoutMs);
         settle.current = finish;
         sawBusy.current = false;
         dataBefore.current = dataSeen.current;
@@ -64,7 +62,7 @@ const usePsOptimisticFetcher = ({ apply, fetcher, isHolding = false, isSuccess,
         failure.current = null;
         for (const submission of merge === undefined ? queued : merge(queued)) {
             const outcome = await submitOne(submission);
-            const reason = ps_optimistic_fetcher_service_1.PsOptimisticFetcherService.failureReason(outcome, isSuccess);
+            const reason = ps_utilities_1.PsOptimisticFetcherService.failureReason(outcome, isSuccess);
             if (reason !== null) {
                 failure.current = { data: outcome.data, reason };
                 throw new Error(reason);
@@ -94,7 +92,7 @@ const usePsOptimisticFetcher = ({ apply, fetcher, isHolding = false, isSuccess,
         }
         onError({ ...cause, changes: [...failed, ...dropped] });
     }, [forgetLast, onError]);
-    const queue = (0, use_ps_change_queue_1.usePsChangeQueue)({
+    const queue = (0, react_2.usePsChangeQueue)({
         onDrained: revalidate,
         onFailed: forgetFailed,
         send,

package/dist/hooks/use-ps-optimistic-save.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePsOptimisticSave = void 0;
 const react_1 = require("react");
-const ps_optimistic_save_service_1 = require("../services/ps-optimistic-save-service");
+const ps_utilities_1 = require("@pallasoft/ps-utilities");
 const use_ps_optimistic_fetcher_1 = require("./use-ps-optimistic-fetcher");
 const usePsOptimisticSave = ({ fetcher, isSuccess, onError, revalidator, rows, scopeId, spec, }) => {
-    const apply = (0, react_1.useCallback)((base, changes) => ps_optimistic_save_service_1.PsOptimisticSaveService.apply(base, changes, spec), [spec]);
+    const apply = (0, react_1.useCallback)((base, changes) => ps_utilities_1.PsOptimisticSaveService.apply(base, changes, spec), [spec]);
     const optimistic = (0, use_ps_optimistic_fetcher_1.usePsOptimisticFetcher)({
         apply,
         fetcher,
@@ -15,8 +15,8 @@ const usePsOptimisticSave = ({ fetcher, isSuccess, onError, revalidator, rows, s
         rows,
     });
     const { submit } = optimistic;
-    const save = (0, react_1.useCallback)((values, existingId) => submit(ps_optimistic_save_service_1.PsOptimisticSaveService.saveValues(spec, values, existingId, scopeId)), [scopeId, spec, submit]);
-    const remove = (0, react_1.useCallback)((ids) => submit(ps_optimistic_save_service_1.PsOptimisticSaveService.removeValues(spec, ids)), [spec, submit]);
+    const save = (0, react_1.useCallback)((values, existingId) => submit(ps_utilities_1.PsOptimisticSaveService.saveValues(spec, values, existingId, scopeId)), [scopeId, spec, submit]);
+    const remove = (0, react_1.useCallback)((ids) => submit(ps_utilities_1.PsOptimisticSaveService.removeValues(spec, ids)), [spec, submit]);
     return { remove, rows: optimistic.rows, save };
 };
 exports.usePsOptimisticSave = usePsOptimisticSave;

package/dist/hooks/use-ps-text-param.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePsTextParam = void 0;
 const react_1 = require("react");
+const react_2 = require("@pallasoft/ps-utilities/react");
 const ps_query_param_config_1 = require("../constants/ps-query-param-config");
 const ps_query_param_service_1 = require("../services/ps-query-param-service");
-const use_ps_debounced_value_1 = require("./use-ps-debounced-value");
 const usePsTextParam = ([searchParams, setSearchParams], { debounceMs, name, resetParams }) => {
     const raw = searchParams.get(name);
     const committed = raw === null ? '' : raw;
     const [value, setValue] = (0, react_1.useState)(committed);
-    const settled = (0, use_ps_debounced_value_1.usePsDebouncedValue)(value, debounceMs);
+    const settled = (0, react_2.usePsDebouncedValue)(value, debounceMs);
     (0, react_1.useEffect)(() => {
         if (settled === committed)
             return;

package/dist/index.d.ts

@@ -90,21 +90,13 @@ export * from './interfaces/ps-component-props';
 export * from './models/ps-element-size';
 export * from './models/ps-voice-orb';
 export * from './models/ps-navigation-progress';
-export * from './hooks/use-ps-debounced-value';
-export * from './hooks/use-ps-change-queue';
-export * from './interfaces/ps-change-queue-input';
-export * from './interfaces/ps-change-queue-result';
 export * from './hooks/use-ps-live';
 export * from './hooks/use-ps-debounced-revalidate';
-export * from './hooks/use-ps-optimistic-rows';
 export * from './hooks/use-ps-optimistic-fetcher';
 export * from './hooks/use-ps-optimistic-save';
-export * from './constants/ps-optimistic-config';
 export * from './interfaces/ps-optimistic-save-input';
 export * from './interfaces/ps-optimistic-save-result';
-export * from './interfaces/ps-optimistic-save-spec';
 export * from './interfaces/ps-revalidation-args';
-export * from './services/ps-optimistic-save-service';
 export * from './services/ps-client-param-revalidation-service';
 export * from './interfaces/ps-fetcher-like';
 export * from './interfaces/ps-fetcher-submit-options';
@@ -114,10 +106,7 @@ export * from './interfaces/ps-live-open-options';
 export * from './interfaces/ps-optimistic-fetcher-input';
 export * from './interfaces/ps-optimistic-fetcher-result';
 export * from './interfaces/ps-optimistic-failure';
-export * from './interfaces/ps-optimistic-failure-reason';
 export * from './interfaces/ps-revalidator-like';
-export * from './interfaces/ps-optimistic-rows-input';
-export * from './interfaces/ps-optimistic-rows-result';
 export * from './hooks/use-ps-navigation-progress';
 export * from './models/ps-draggable-grid';
 export * from './constants/ps-draggable-grid';
@@ -132,7 +121,6 @@ export * from './constants/ps-data-boundary-variant';
 export * from './hooks/use-ps-retained-promise';
 export * from './hooks/use-ps-promise-value';
 export * from './interfaces/ps-retained-promise-data';
-export * from './services/ps-deep-equal-service';
 export * from './components/ps-faq-answer';
 export * from './components/ps-feature-grid';
 export * from './components/ps-feature-card';
@@ -258,3 +246,5 @@ export * from './constants/ps-image-config';
 export * from './models/ps-image-state-data';
 export * from './services/ps-image-service';
 export * from './components/ps-image';
+export { PsDeepEqualService, PsOptimisticConfig, PsOptimisticSaveService, type PsOptimisticFailureReason, type PsOptimisticSaveSpec, } from '@pallasoft/ps-utilities';
+export { usePsChangeQueue, usePsDebouncedValue, usePsOptimisticRows, type PsChangeQueueInput, type PsChangeQueueResult, type PsOptimisticRowsInput, type PsOptimisticRowsResult, } from '@pallasoft/ps-utilities/react';

package/dist/index.js

@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePsOptimisticRows = exports.usePsDebouncedValue = exports.usePsChangeQueue = exports.PsOptimisticSaveService = exports.PsOptimisticConfig = exports.PsDeepEqualService = void 0;
 __exportStar(require("./components/ps-layer"), exports);
 __exportStar(require("./components/ps-accordion"), exports);
 __exportStar(require("./components/ps-action-tile"), exports);
@@ -106,21 +107,13 @@ __exportStar(require("./interfaces/ps-component-props"), exports);
 __exportStar(require("./models/ps-element-size"), exports);
 __exportStar(require("./models/ps-voice-orb"), exports);
 __exportStar(require("./models/ps-navigation-progress"), exports);
-__exportStar(require("./hooks/use-ps-debounced-value"), exports);
-__exportStar(require("./hooks/use-ps-change-queue"), exports);
-__exportStar(require("./interfaces/ps-change-queue-input"), exports);
-__exportStar(require("./interfaces/ps-change-queue-result"), exports);
 __exportStar(require("./hooks/use-ps-live"), exports);
 __exportStar(require("./hooks/use-ps-debounced-revalidate"), exports);
-__exportStar(require("./hooks/use-ps-optimistic-rows"), exports);
 __exportStar(require("./hooks/use-ps-optimistic-fetcher"), exports);
 __exportStar(require("./hooks/use-ps-optimistic-save"), exports);
-__exportStar(require("./constants/ps-optimistic-config"), exports);
 __exportStar(require("./interfaces/ps-optimistic-save-input"), exports);
 __exportStar(require("./interfaces/ps-optimistic-save-result"), exports);
-__exportStar(require("./interfaces/ps-optimistic-save-spec"), exports);
 __exportStar(require("./interfaces/ps-revalidation-args"), exports);
-__exportStar(require("./services/ps-optimistic-save-service"), exports);
 __exportStar(require("./services/ps-client-param-revalidation-service"), exports);
 __exportStar(require("./interfaces/ps-fetcher-like"), exports);
 __exportStar(require("./interfaces/ps-fetcher-submit-options"), exports);
@@ -130,10 +123,7 @@ __exportStar(require("./interfaces/ps-live-open-options"), exports);
 __exportStar(require("./interfaces/ps-optimistic-fetcher-input"), exports);
 __exportStar(require("./interfaces/ps-optimistic-fetcher-result"), exports);
 __exportStar(require("./interfaces/ps-optimistic-failure"), exports);
-__exportStar(require("./interfaces/ps-optimistic-failure-reason"), exports);
 __exportStar(require("./interfaces/ps-revalidator-like"), exports);
-__exportStar(require("./interfaces/ps-optimistic-rows-input"), exports);
-__exportStar(require("./interfaces/ps-optimistic-rows-result"), exports);
 __exportStar(require("./hooks/use-ps-navigation-progress"), exports);
 __exportStar(require("./models/ps-draggable-grid"), exports);
 __exportStar(require("./constants/ps-draggable-grid"), exports);
@@ -148,7 +138,6 @@ __exportStar(require("./constants/ps-data-boundary-variant"), exports);
 __exportStar(require("./hooks/use-ps-retained-promise"), exports);
 __exportStar(require("./hooks/use-ps-promise-value"), exports);
 __exportStar(require("./interfaces/ps-retained-promise-data"), exports);
-__exportStar(require("./services/ps-deep-equal-service"), exports);
 __exportStar(require("./components/ps-faq-answer"), exports);
 __exportStar(require("./components/ps-feature-grid"), exports);
 __exportStar(require("./components/ps-feature-card"), exports);
@@ -274,3 +263,11 @@ __exportStar(require("./constants/ps-image-config"), exports);
 __exportStar(require("./models/ps-image-state-data"), exports);
 __exportStar(require("./services/ps-image-service"), exports);
 __exportStar(require("./components/ps-image"), exports);
+var ps_utilities_1 = require("@pallasoft/ps-utilities");
+Object.defineProperty(exports, "PsDeepEqualService", { enumerable: true, get: function () { return ps_utilities_1.PsDeepEqualService; } });
+Object.defineProperty(exports, "PsOptimisticConfig", { enumerable: true, get: function () { return ps_utilities_1.PsOptimisticConfig; } });
+Object.defineProperty(exports, "PsOptimisticSaveService", { enumerable: true, get: function () { return ps_utilities_1.PsOptimisticSaveService; } });
+var react_1 = require("@pallasoft/ps-utilities/react");
+Object.defineProperty(exports, "usePsChangeQueue", { enumerable: true, get: function () { return react_1.usePsChangeQueue; } });
+Object.defineProperty(exports, "usePsDebouncedValue", { enumerable: true, get: function () { return react_1.usePsDebouncedValue; } });
+Object.defineProperty(exports, "usePsOptimisticRows", { enumerable: true, get: function () { return react_1.usePsOptimisticRows; } });

package/dist/interfaces/ps-optimistic-failure.d.ts

@@ -1,4 +1,4 @@
-import type { PsOptimisticFailureReason } from './ps-optimistic-failure-reason';
+import type { PsOptimisticFailureReason } from '@pallasoft/ps-utilities';
 export interface PsOptimisticFailure<Data> {
     changes: Record<string, string>[];
     data: Data | undefined;

package/dist/interfaces/ps-optimistic-save-input.d.ts

@@ -1,6 +1,6 @@
+import type { PsOptimisticSaveSpec } from '@pallasoft/ps-utilities';
 import type { PsFetcherLike } from './ps-fetcher-like';
 import type { PsOptimisticFailure } from './ps-optimistic-failure';
-import type { PsOptimisticSaveSpec } from './ps-optimistic-save-spec';
 import type { PsRevalidatorLike } from './ps-revalidator-like';
 export interface PsOptimisticSaveInput<Row, Values, Data> {
     fetcher: PsFetcherLike<Data>;

package/dist/services/ps-draft-state-service.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PsDraftStateService = void 0;
-const ps_deep_equal_service_1 = require("./ps-deep-equal-service");
+const ps_utilities_1 = require("@pallasoft/ps-utilities");
 class PsDraftStateService {
     static fresh(initial) {
         return { baseline: initial, value: structuredClone(initial) };
@@ -9,7 +9,7 @@ class PsDraftStateService {
     static isEqual(left, right, options) {
         if (options !== undefined && options.isEqual !== undefined)
             return options.isEqual(left, right);
-        return ps_deep_equal_service_1.PsDeepEqualService.isEqual(left, right);
+        return ps_utilities_1.PsDeepEqualService.isEqual(left, right);
     }
 }
 exports.PsDraftStateService = PsDraftStateService;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-core-components",
-	"version": "2.47.0",
+	"version": "2.48.0",
 	"private": false,
 	"main": "./dist/index.js",
 	"module": "./dist/esm/index.js",
@@ -48,7 +48,7 @@
 		"@dnd-kit/utilities": "^3.2.2",
 		"@pallasoft/ps-icons": "^1.5.4",
 		"@pallasoft/ps-motion-components": "^1.2.2",
-		"@pallasoft/ps-utilities": "^2.25.0",
+		"@pallasoft/ps-utilities": "^2.29.0",
 		"@portabletext/react": "^3.2.4",
 		"@portabletext/types": "^2.0.13",
 		"@radix-ui/react-accordion": "^1.2.12",

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

@@ -1,5 +0,0 @@
-export declare const PsOptimisticConfig: {
-    readonly pendingPrefix: "pending-";
-    readonly releaseTimeoutMs: 15000;
-    readonly submitTimeoutMs: 30000;
-};

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

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PsOptimisticConfig = void 0;
-exports.PsOptimisticConfig = {
-    pendingPrefix: 'pending-',
-    releaseTimeoutMs: 15000,
-    submitTimeoutMs: 30000,
-};

package/dist/esm/constants/ps-optimistic-config.js

@@ -1,5 +0,0 @@
-export const PsOptimisticConfig = {
-    pendingPrefix: 'pending-',
-    releaseTimeoutMs: 15000,
-    submitTimeoutMs: 30000,
-};

package/dist/esm/hooks/use-ps-change-queue.js

@@ -1,36 +0,0 @@
-import { useCallback, useEffect, useRef } from 'react';
-export const usePsChangeQueue = ({ onDrained, onFailed, send, }) => {
-    const pending = useRef([]);
-    const isRunning = useRef(false);
-    const latest = useRef({ onDrained, onFailed, send });
-    useEffect(() => {
-        latest.current = { onDrained, onFailed, send };
-    }, [onDrained, onFailed, send]);
-    const run = useCallback(async () => {
-        if (isRunning.current)
-            return;
-        isRunning.current = true;
-        await Promise.resolve();
-        while (pending.current.length > 0) {
-            const batch = pending.current;
-            pending.current = [];
-            await new Promise((resolve) => resolve(latest.current.send(batch))).catch(() => {
-                const dropped = pending.current;
-                pending.current = [];
-                try {
-                    latest.current.onFailed(batch, dropped);
-                }
-                catch {
-                    return;
-                }
-            });
-        }
-        isRunning.current = false;
-        latest.current.onDrained();
-    }, []);
-    const enqueue = useCallback((change) => {
-        pending.current = [...pending.current, change];
-        void run();
-    }, [run]);
-    return { enqueue };
-};

package/dist/esm/hooks/use-ps-debounced-value.js

@@ -1,11 +0,0 @@
-import { useEffect, useState } from 'react';
-import { Client } from '@pallasoft/ps-utilities';
-export const usePsDebouncedValue = (value, waitMs) => {
-    const [settled, setSettled] = useState(value);
-    useEffect(() => {
-        const debounced = Client.DebounceService.create((next) => setSettled(next), waitMs);
-        debounced.run(value);
-        return debounced.cancel;
-    }, [value, waitMs]);
-    return settled;
-};