@pallasoft/ps-core-components 2.46.0 → 2.47.0

package/dist/esm/services/ps-optimistic-release-service.js

@@ -1,13 +1,16 @@
 import { PsDeepEqualService } from './ps-deep-equal-service.js';
 export class PsOptimisticReleaseService {
     static empty(rows) {
-        return { base: rows, changes: [], drainBase: null, wasActive: false };
+        return { base: rows, changes: [], drainBase: null, wasActive: false, wasHolding: false };
     }
-    static next(remembered, rows, isActive, apply) {
+    static next(remembered, rows, isActive, isHolding, apply) {
         if (isActive) {
-            if (remembered.wasActive && remembered.drainBase === null)
+            const wasHolding = remembered.wasHolding || isHolding;
+            if (remembered.wasActive &&
+                remembered.drainBase === null &&
+                remembered.wasHolding === wasHolding)
                 return remembered;
-            return { ...remembered, drainBase: null, wasActive: true };
+            return { ...remembered, drainBase: null, wasActive: true, wasHolding };
         }
         if (remembered.changes.length === 0) {
             if (remembered.base === rows && !remembered.wasActive)
@@ -15,10 +18,13 @@ export class PsOptimisticReleaseService {
             return PsOptimisticReleaseService.empty(rows);
         }
         if (remembered.wasActive) {
+            if (remembered.wasHolding && rows !== remembered.base) {
+                return PsOptimisticReleaseService.empty(rows);
+            }
             if (!PsDeepEqualService.isEqual(rows, remembered.base)) {
                 return PsOptimisticReleaseService.empty(rows);
             }
-            return { ...remembered, drainBase: rows, wasActive: false };
+            return { ...remembered, drainBase: rows, wasActive: false, wasHolding: false };
         }
         const reference = remembered.drainBase === null ? remembered.base : remembered.drainBase;
         if (!PsDeepEqualService.isEqual(rows, reference)) {

package/dist/esm/services/ps-remote-read-service.js

@@ -0,0 +1,19 @@
+import { Client } from '@pallasoft/ps-utilities';
+export class PsRemoteReadService {
+    static initialState() {
+        return { data: null, error: null, settled: null };
+    }
+    static isPending(settled, url, reloadKey) {
+        if (url === null)
+            return false;
+        return settled === null || settled.url !== url || !Object.is(settled.reloadKey, reloadKey);
+    }
+    static async read(url, parse, signal) {
+        const response = await PsRemoteReadService.client.get(url, {
+            responseType: 'json',
+            signal,
+        });
+        return parse(response.data);
+    }
+}
+PsRemoteReadService.client = Client.HttpService.createApiClient();

package/dist/esm/services/ps-signed-value-service.js

@@ -0,0 +1,13 @@
+import { AmountDirection, Common } from '@pallasoft/ps-utilities';
+export class PsSignedValueService {
+    static direction(value) {
+        const sign = Common.DecimalStringService.sign(value);
+        if (sign > 0)
+            return AmountDirection.In;
+        return sign < 0 ? AmountDirection.Out : AmountDirection.Neutral;
+    }
+    static text(value, format) {
+        const body = format === undefined ? value : format(value);
+        return Common.DecimalStringService.sign(value) > 0 ? `+${body}` : body;
+    }
+}

package/dist/hooks/use-ps-cursor-pages.d.ts

@@ -0,0 +1,3 @@
+import type { PsCursorPagesInput } from '../interfaces/ps-cursor-pages-input';
+import type { PsCursorPagesResult } from '../interfaces/ps-cursor-pages-result';
+export declare const usePsCursorPages: <Row>(input: PsCursorPagesInput<Row>) => PsCursorPagesResult<Row>;

package/dist/hooks/use-ps-cursor-pages.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePsCursorPages = void 0;
+const react_1 = require("react");
+const ps_cursor_pages_service_1 = require("../services/ps-cursor-pages-service");
+const ps_remote_read_service_1 = require("../services/ps-remote-read-service");
+const usePsCursorPages = (input) => {
+    const { reloadKey } = input;
+    const firstUrl = input.url(null);
+    const [state, setState] = (0, react_1.useState)(() => ps_cursor_pages_service_1.PsCursorPagesService.initialState());
+    const inputRef = (0, react_1.useRef)(input);
+    const stateRef = (0, react_1.useRef)(state);
+    const inflight = (0, react_1.useRef)(null);
+    inputRef.current = input;
+    stateRef.current = state;
+    (0, react_1.useEffect)(() => {
+        setState((current) => (current.isLoadingMore ? { ...current, isLoadingMore: false } : current));
+        if (firstUrl === null)
+            return;
+        const controller = new AbortController();
+        inflight.current = controller;
+        ps_remote_read_service_1.PsRemoteReadService.read(firstUrl, inputRef.current.parse, controller.signal).then((page) => {
+            if (controller.signal.aborted)
+                return;
+            inflight.current = null;
+            setState({
+                error: null,
+                hasMore: ps_cursor_pages_service_1.PsCursorPagesService.hasMore(page.length, inputRef.current.pageSize),
+                isLoadingMore: false,
+                rows: page,
+                settled: { reloadKey, url: firstUrl },
+            });
+        }, (failure) => {
+            if (controller.signal.aborted)
+                return;
+            inflight.current = null;
+            setState({
+                error: failure,
+                hasMore: false,
+                isLoadingMore: false,
+                rows: [],
+                settled: { reloadKey, url: firstUrl },
+            });
+        });
+        return () => {
+            controller.abort();
+            inflight.current = null;
+        };
+    }, [firstUrl, reloadKey]);
+    const loadMore = (0, react_1.useCallback)(() => {
+        const current = stateRef.current;
+        const latest = inputRef.current;
+        if (!current.hasMore || inflight.current !== null)
+            return;
+        const nextUrl = latest.url(latest.cursorOf(current.rows));
+        if (nextUrl === null)
+            return;
+        const controller = new AbortController();
+        inflight.current = controller;
+        setState((existing) => ({ ...existing, error: null, isLoadingMore: true }));
+        ps_remote_read_service_1.PsRemoteReadService.read(nextUrl, latest.parse, controller.signal).then((page) => {
+            if (controller.signal.aborted)
+                return;
+            inflight.current = null;
+            setState((existing) => ({
+                ...existing,
+                hasMore: ps_cursor_pages_service_1.PsCursorPagesService.hasMore(page.length, inputRef.current.pageSize),
+                isLoadingMore: false,
+                rows: ps_cursor_pages_service_1.PsCursorPagesService.append(existing.rows, page, inputRef.current.keyOf),
+            }));
+        }, (failure) => {
+            if (controller.signal.aborted)
+                return;
+            inflight.current = null;
+            setState((existing) => ({ ...existing, error: failure, isLoadingMore: false }));
+        });
+    }, []);
+    return {
+        error: state.error,
+        hasMore: state.hasMore,
+        isLoading: ps_remote_read_service_1.PsRemoteReadService.isPending(state.settled, firstUrl, reloadKey) || state.isLoadingMore,
+        loadMore,
+        rows: state.rows,
+    };
+};
+exports.usePsCursorPages = usePsCursorPages;

package/dist/hooks/use-ps-draft-state.d.ts

@@ -0,0 +1,3 @@
+import type { PsDraftStateOptions } from '../interfaces/ps-draft-state-options';
+import type { PsDraftStateResult } from '../interfaces/ps-draft-state-result';
+export declare const usePsDraftState: <Value>(initial: Value, options?: PsDraftStateOptions<Value>) => PsDraftStateResult<Value>;

package/dist/hooks/use-ps-draft-state.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePsDraftState = void 0;
+const react_1 = require("react");
+const ps_draft_state_service_1 = require("../services/ps-draft-state-service");
+const usePsDraftState = (initial, options) => {
+    const [state, setState] = (0, react_1.useState)(() => ps_draft_state_service_1.PsDraftStateService.fresh(initial));
+    const isCurrent = ps_draft_state_service_1.PsDraftStateService.isEqual(initial, state.baseline, options);
+    if (!isCurrent)
+        setState(ps_draft_state_service_1.PsDraftStateService.fresh(initial));
+    const setValue = (0, react_1.useCallback)((next) => setState((current) => ({ ...current, value: next })), []);
+    const update = (0, react_1.useCallback)((updater) => setState((current) => ({ ...current, value: updater(current.value) })), []);
+    const reset = (0, react_1.useCallback)(() => setState((current) => ({ ...current, value: structuredClone(current.baseline) })), []);
+    return {
+        isDirty: !ps_draft_state_service_1.PsDraftStateService.isEqual(state.value, state.baseline, options),
+        reset,
+        setValue,
+        update,
+        value: state.value,
+    };
+};
+exports.usePsDraftState = usePsDraftState;

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

@@ -7,7 +7,7 @@ const ps_optimistic_release_service_1 = require("../services/ps-optimistic-relea
 const usePsOptimisticRows = ({ apply, isHolding = false, isSaving, rows, }) => {
     const [remembered, setRemembered] = (0, react_1.useState)(() => ps_optimistic_release_service_1.PsOptimisticReleaseService.empty(rows));
     const isActive = isSaving || isHolding;
-    const current = ps_optimistic_release_service_1.PsOptimisticReleaseService.next(remembered, rows, isActive, apply);
+    const current = ps_optimistic_release_service_1.PsOptimisticReleaseService.next(remembered, rows, isActive, isHolding, apply);
     if (current !== remembered)
         setRemembered(current);
     const { changes } = current;
@@ -24,6 +24,7 @@ const usePsOptimisticRows = ({ apply, isHolding = false, isSaving, rows, }) => {
         changes: [...previous.changes, change],
         drainBase: null,
         wasActive: previous.wasActive,
+        wasHolding: previous.wasHolding,
     })), [rows]);
     const forgetLast = (0, react_1.useCallback)(() => setRemembered((previous) => ({ ...previous, changes: previous.changes.slice(0, -1) })), []);
     const rollback = (0, react_1.useCallback)(() => setRemembered(ps_optimistic_release_service_1.PsOptimisticReleaseService.empty(rows)), [rows]);

package/dist/hooks/use-ps-remote-read.d.ts

@@ -0,0 +1,3 @@
+import type { PsRemoteReadInput } from '../interfaces/ps-remote-read-input';
+import type { PsRemoteReadResult } from '../interfaces/ps-remote-read-result';
+export declare const usePsRemoteRead: <Data>({ parse, reloadKey, url, }: PsRemoteReadInput<Data>) => PsRemoteReadResult<Data>;

package/dist/hooks/use-ps-remote-read.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePsRemoteRead = void 0;
+const react_1 = require("react");
+const ps_remote_read_service_1 = require("../services/ps-remote-read-service");
+const usePsRemoteRead = ({ parse, reloadKey, url, }) => {
+    const [state, setState] = (0, react_1.useState)(() => ps_remote_read_service_1.PsRemoteReadService.initialState());
+    const parseRef = (0, react_1.useRef)(parse);
+    parseRef.current = parse;
+    (0, react_1.useEffect)(() => {
+        if (url === null)
+            return;
+        const controller = new AbortController();
+        ps_remote_read_service_1.PsRemoteReadService.read(url, parseRef.current, controller.signal).then((data) => {
+            if (controller.signal.aborted)
+                return;
+            setState({ data, error: null, settled: { reloadKey, url } });
+        }, (failure) => {
+            if (controller.signal.aborted)
+                return;
+            setState((current) => ({
+                data: current.data,
+                error: failure,
+                settled: { reloadKey, url },
+            }));
+        });
+        return () => controller.abort();
+    }, [reloadKey, url]);
+    return {
+        data: state.data,
+        error: state.error,
+        isLoading: ps_remote_read_service_1.PsRemoteReadService.isPending(state.settled, url, reloadKey),
+    };
+};
+exports.usePsRemoteRead = usePsRemoteRead;

package/dist/hooks/use-ps-text-param.d.ts

@@ -0,0 +1,4 @@
+import type { PsSearchParamsState } from '../models/ps-search-params-state';
+import type { PsTextParamData } from '../models/ps-text-param-data';
+import type { PsTextParamOptions } from '../models/ps-text-param-options';
+export declare const usePsTextParam: ([searchParams, setSearchParams]: PsSearchParamsState, { debounceMs, name, resetParams }: PsTextParamOptions) => PsTextParamData;

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePsTextParam = void 0;
+const react_1 = require("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);
+    (0, react_1.useEffect)(() => {
+        if (settled === committed)
+            return;
+        setSearchParams((current) => ps_query_param_service_1.PsQueryParamService.withChoice(current, name, settled, '', resetParams), ps_query_param_config_1.PsQueryParamConfig.setOptions);
+    }, [settled]);
+    return { committed, onChange: setValue, value };
+};
+exports.usePsTextParam = usePsTextParam;

package/dist/index.d.ts

@@ -228,3 +228,33 @@ export * from './hooks/use-ps-choice-param';
 export * from './hooks/use-ps-flag-param';
 export * from './constants/ps-rerender-config';
 export * from './hooks/use-ps-rerender-at';
+export * from './models/ps-remote-settled-data';
+export * from './models/ps-remote-read-state';
+export * from './interfaces/ps-remote-read-input';
+export * from './interfaces/ps-remote-read-result';
+export * from './services/ps-remote-read-service';
+export * from './hooks/use-ps-remote-read';
+export * from './interfaces/ps-cursor-pages-input';
+export * from './interfaces/ps-cursor-pages-result';
+export * from './models/ps-cursor-pages-state';
+export * from './services/ps-cursor-pages-service';
+export * from './hooks/use-ps-cursor-pages';
+export * from './models/ps-text-param-options';
+export * from './models/ps-text-param-data';
+export * from './hooks/use-ps-text-param';
+export * from './interfaces/ps-draft-state-options';
+export * from './interfaces/ps-draft-state-result';
+export * from './models/ps-draft-state-data';
+export * from './services/ps-draft-state-service';
+export * from './hooks/use-ps-draft-state';
+export * from './constants/ps-empty-value-config';
+export * from './components/ps-empty-value';
+export * from './constants/ps-signed-value-classes';
+export * from './services/ps-signed-value-service';
+export * from './components/ps-signed-value';
+export * from './constants/ps-image-status';
+export * from './constants/ps-image-fit';
+export * from './constants/ps-image-config';
+export * from './models/ps-image-state-data';
+export * from './services/ps-image-service';
+export * from './components/ps-image';

package/dist/index.js

@@ -244,3 +244,33 @@ __exportStar(require("./hooks/use-ps-choice-param"), exports);
 __exportStar(require("./hooks/use-ps-flag-param"), exports);
 __exportStar(require("./constants/ps-rerender-config"), exports);
 __exportStar(require("./hooks/use-ps-rerender-at"), exports);
+__exportStar(require("./models/ps-remote-settled-data"), exports);
+__exportStar(require("./models/ps-remote-read-state"), exports);
+__exportStar(require("./interfaces/ps-remote-read-input"), exports);
+__exportStar(require("./interfaces/ps-remote-read-result"), exports);
+__exportStar(require("./services/ps-remote-read-service"), exports);
+__exportStar(require("./hooks/use-ps-remote-read"), exports);
+__exportStar(require("./interfaces/ps-cursor-pages-input"), exports);
+__exportStar(require("./interfaces/ps-cursor-pages-result"), exports);
+__exportStar(require("./models/ps-cursor-pages-state"), exports);
+__exportStar(require("./services/ps-cursor-pages-service"), exports);
+__exportStar(require("./hooks/use-ps-cursor-pages"), exports);
+__exportStar(require("./models/ps-text-param-options"), exports);
+__exportStar(require("./models/ps-text-param-data"), exports);
+__exportStar(require("./hooks/use-ps-text-param"), exports);
+__exportStar(require("./interfaces/ps-draft-state-options"), exports);
+__exportStar(require("./interfaces/ps-draft-state-result"), exports);
+__exportStar(require("./models/ps-draft-state-data"), exports);
+__exportStar(require("./services/ps-draft-state-service"), exports);
+__exportStar(require("./hooks/use-ps-draft-state"), exports);
+__exportStar(require("./constants/ps-empty-value-config"), exports);
+__exportStar(require("./components/ps-empty-value"), exports);
+__exportStar(require("./constants/ps-signed-value-classes"), exports);
+__exportStar(require("./services/ps-signed-value-service"), exports);
+__exportStar(require("./components/ps-signed-value"), exports);
+__exportStar(require("./constants/ps-image-status"), exports);
+__exportStar(require("./constants/ps-image-fit"), exports);
+__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);

package/dist/interfaces/ps-cursor-pages-input.d.ts

@@ -0,0 +1,8 @@
+export interface PsCursorPagesInput<Row> {
+    cursorOf: (rows: Row[]) => string | null;
+    keyOf?: (row: Row) => string;
+    pageSize: number;
+    parse: (value: unknown) => Row[];
+    reloadKey?: unknown;
+    url: (cursor: string | null) => string | null;
+}

package/dist/interfaces/ps-cursor-pages-input.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/ps-cursor-pages-result.d.ts

@@ -0,0 +1,7 @@
+export interface PsCursorPagesResult<Row> {
+    error: unknown;
+    hasMore: boolean;
+    isLoading: boolean;
+    loadMore: () => void;
+    rows: Row[];
+}

package/dist/interfaces/ps-cursor-pages-result.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/ps-draft-state-options.d.ts

@@ -0,0 +1,3 @@
+export interface PsDraftStateOptions<Value> {
+    isEqual?: (left: Value, right: Value) => boolean;
+}

package/dist/interfaces/ps-draft-state-options.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/ps-draft-state-result.d.ts

@@ -0,0 +1,7 @@
+export interface PsDraftStateResult<Value> {
+    isDirty: boolean;
+    reset: () => void;
+    setValue: (next: Value) => void;
+    update: (updater: (current: Value) => Value) => void;
+    value: Value;
+}

package/dist/interfaces/ps-draft-state-result.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -3,4 +3,5 @@ export interface PsOptimisticChanges<Row, Change> {
     changes: Change[];
     drainBase: Row[] | null;
     wasActive: boolean;
+    wasHolding: boolean;
 }

package/dist/interfaces/ps-remote-read-input.d.ts

@@ -0,0 +1,5 @@
+export interface PsRemoteReadInput<Data> {
+    parse: (value: unknown) => Data;
+    reloadKey?: unknown;
+    url: string | null;
+}

package/dist/interfaces/ps-remote-read-input.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/ps-remote-read-result.d.ts

@@ -0,0 +1,5 @@
+export interface PsRemoteReadResult<Data> {
+    data: Data | null;
+    error: unknown;
+    isLoading: boolean;
+}

package/dist/interfaces/ps-remote-read-result.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-cursor-pages-state.d.ts

@@ -0,0 +1,8 @@
+import type { PsRemoteSettledData } from './ps-remote-settled-data';
+export interface PsCursorPagesState<Row> {
+    error: unknown;
+    hasMore: boolean;
+    isLoadingMore: boolean;
+    rows: Row[];
+    settled: PsRemoteSettledData | null;
+}

package/dist/models/ps-cursor-pages-state.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-draft-state-data.d.ts

@@ -0,0 +1,4 @@
+export interface PsDraftStateData<Value> {
+    baseline: Value;
+    value: Value;
+}

package/dist/models/ps-draft-state-data.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-image-state-data.d.ts

@@ -0,0 +1,5 @@
+import type { PsImageStatus } from '../constants/ps-image-status';
+export interface PsImageStateData {
+    src: string;
+    status: PsImageStatus;
+}

package/dist/models/ps-image-state-data.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-remote-read-state.d.ts

@@ -0,0 +1,6 @@
+import type { PsRemoteSettledData } from './ps-remote-settled-data';
+export interface PsRemoteReadState<Data> {
+    data: Data | null;
+    error: unknown;
+    settled: PsRemoteSettledData | null;
+}

package/dist/models/ps-remote-read-state.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-remote-settled-data.d.ts

@@ -0,0 +1,4 @@
+export interface PsRemoteSettledData {
+    reloadKey: unknown;
+    url: string;
+}

package/dist/models/ps-remote-settled-data.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-text-param-data.d.ts

@@ -0,0 +1,5 @@
+export interface PsTextParamData {
+    committed: string;
+    onChange: (value: string) => void;
+    value: string;
+}

package/dist/models/ps-text-param-data.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-text-param-options.d.ts

@@ -0,0 +1,5 @@
+export interface PsTextParamOptions {
+    debounceMs: number;
+    name: string;
+    resetParams?: readonly string[];
+}

package/dist/models/ps-text-param-options.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/services/ps-cursor-pages-service.d.ts

@@ -0,0 +1,6 @@
+import type { PsCursorPagesState } from '../models/ps-cursor-pages-state';
+export declare class PsCursorPagesService {
+    static append<Row>(existing: Row[], page: Row[], keyOf?: (row: Row) => string): Row[];
+    static hasMore(pageLength: number, pageSize: number): boolean;
+    static initialState<Row>(): PsCursorPagesState<Row>;
+}

package/dist/services/ps-cursor-pages-service.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsCursorPagesService = void 0;
+class PsCursorPagesService {
+    static append(existing, page, keyOf) {
+        if (keyOf === undefined)
+            return [...existing, ...page];
+        const known = new Set(existing.map(keyOf));
+        return [...existing, ...page.filter((row) => !known.has(keyOf(row)))];
+    }
+    static hasMore(pageLength, pageSize) {
+        return pageLength >= pageSize;
+    }
+    static initialState() {
+        return { error: null, hasMore: false, isLoadingMore: false, rows: [], settled: null };
+    }
+}
+exports.PsCursorPagesService = PsCursorPagesService;

package/dist/services/ps-draft-state-service.d.ts

@@ -0,0 +1,6 @@
+import type { PsDraftStateOptions } from '../interfaces/ps-draft-state-options';
+import type { PsDraftStateData } from '../models/ps-draft-state-data';
+export declare class PsDraftStateService {
+    static fresh<Value>(initial: Value): PsDraftStateData<Value>;
+    static isEqual<Value>(left: Value, right: Value, options: PsDraftStateOptions<Value> | undefined): boolean;
+}

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsDraftStateService = void 0;
+const ps_deep_equal_service_1 = require("./ps-deep-equal-service");
+class PsDraftStateService {
+    static fresh(initial) {
+        return { baseline: initial, value: structuredClone(initial) };
+    }
+    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);
+    }
+}
+exports.PsDraftStateService = PsDraftStateService;

package/dist/services/ps-image-service.d.ts

@@ -0,0 +1,6 @@
+import { PsImageStatus } from '../constants/ps-image-status';
+import type { PsImageStateData } from '../models/ps-image-state-data';
+export declare class PsImageService {
+    static resolve(state: PsImageStateData, src: string): PsImageStatus;
+    static statusOf(element: HTMLImageElement): PsImageStatus;
+}

package/dist/services/ps-image-service.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsImageService = void 0;
+const ps_image_status_1 = require("../constants/ps-image-status");
+class PsImageService {
+    static resolve(state, src) {
+        return state.src === src ? state.status : ps_image_status_1.PsImageStatus.Loading;
+    }
+    static statusOf(element) {
+        if (!element.complete)
+            return ps_image_status_1.PsImageStatus.Loading;
+        return element.naturalWidth > 0 ? ps_image_status_1.PsImageStatus.Loaded : ps_image_status_1.PsImageStatus.Error;
+    }
+}
+exports.PsImageService = PsImageService;

package/dist/services/ps-optimistic-release-service.d.ts

@@ -1,5 +1,5 @@
 import type { PsOptimisticChanges } from '../interfaces/ps-optimistic-changes';
 export declare class PsOptimisticReleaseService {
     static empty<Row, Change>(rows: Row[]): PsOptimisticChanges<Row, Change>;
-    static next<Row, Change>(remembered: PsOptimisticChanges<Row, Change>, rows: Row[], isActive: boolean, apply: (rows: Row[], changes: Change[]) => Row[]): PsOptimisticChanges<Row, Change>;
+    static next<Row, Change>(remembered: PsOptimisticChanges<Row, Change>, rows: Row[], isActive: boolean, isHolding: boolean, apply: (rows: Row[], changes: Change[]) => Row[]): PsOptimisticChanges<Row, Change>;
 }

package/dist/services/ps-optimistic-release-service.js

@@ -4,13 +4,16 @@ exports.PsOptimisticReleaseService = void 0;
 const ps_deep_equal_service_1 = require("./ps-deep-equal-service");
 class PsOptimisticReleaseService {
     static empty(rows) {
-        return { base: rows, changes: [], drainBase: null, wasActive: false };
+        return { base: rows, changes: [], drainBase: null, wasActive: false, wasHolding: false };
     }
-    static next(remembered, rows, isActive, apply) {
+    static next(remembered, rows, isActive, isHolding, apply) {
         if (isActive) {
-            if (remembered.wasActive && remembered.drainBase === null)
+            const wasHolding = remembered.wasHolding || isHolding;
+            if (remembered.wasActive &&
+                remembered.drainBase === null &&
+                remembered.wasHolding === wasHolding)
                 return remembered;
-            return { ...remembered, drainBase: null, wasActive: true };
+            return { ...remembered, drainBase: null, wasActive: true, wasHolding };
         }
         if (remembered.changes.length === 0) {
             if (remembered.base === rows && !remembered.wasActive)
@@ -18,10 +21,13 @@ class PsOptimisticReleaseService {
             return PsOptimisticReleaseService.empty(rows);
         }
         if (remembered.wasActive) {
+            if (remembered.wasHolding && rows !== remembered.base) {
+                return PsOptimisticReleaseService.empty(rows);
+            }
             if (!ps_deep_equal_service_1.PsDeepEqualService.isEqual(rows, remembered.base)) {
                 return PsOptimisticReleaseService.empty(rows);
             }
-            return { ...remembered, drainBase: rows, wasActive: false };
+            return { ...remembered, drainBase: rows, wasActive: false, wasHolding: false };
         }
         const reference = remembered.drainBase === null ? remembered.base : remembered.drainBase;
         if (!ps_deep_equal_service_1.PsDeepEqualService.isEqual(rows, reference)) {