@neovici/cosmoz-queue 2.11.1 → 2.11.3

package/dist/queue/index.d.ts

@@ -10,7 +10,7 @@ export { default as omnitable } from './omnitable';
 export { usePagination } from './pagination';
 export { queue } from './queue';
 export { base, default as renderStyles } from './style';
-export { actions$, default as useFetchActions } from './use-fetch-actions';
+export { actions$, mapActions, noActions, default as useFetchActions, } from './use-fetch-actions';
 export type { Item, Props } from './use-fetch-actions';
 export { useListSSE } from './use-list-sse';
 export { default as useDataNav } from './use-data-nav';

package/dist/queue/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/queue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEzC,cAAc,UAAU,CAAC;AAEzB,mBAAmB,SAAS,CAAC;AAC7B,mBAAmB,aAAa,CAAC;AAGjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAGnD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,IAAI,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAGxD,OAAO,EAAE,QAAQ,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3E,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/queue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEzC,cAAc,UAAU,CAAC;AAEzB,mBAAmB,SAAS,CAAC;AAC7B,mBAAmB,aAAa,CAAC;AAGjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAGnD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,IAAI,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAGxD,OAAO,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,OAAO,IAAI,eAAe,GAC1B,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/queue/index.js

@@ -14,7 +14,7 @@ export { queue } from './queue';
 // Styling
 export { base, default as renderStyles } from './style';
 // Fetch actions
-export { actions$, default as useFetchActions } from './use-fetch-actions';
+export { actions$, mapActions, noActions, default as useFetchActions, } from './use-fetch-actions';
 // SSE
 export { useListSSE } from './use-list-sse';
 // Navigation & layout hooks

package/dist/queue/map-actions.d.ts

@@ -0,0 +1,14 @@
+import { Performable } from '../types/performable';
+export interface Data<TAvailableAction> {
+    [key: string]: Performable<TAvailableAction>[];
+}
+export type TMapActions<T> = {
+    actions: Data<T>;
+    actionRows: {
+        id: string;
+        actions: Performable<T>[];
+    }[];
+};
+export declare const noActions: TMapActions<never>;
+export declare const mapActions: <TAvailableAction>(ids: string[], data?: Data<TAvailableAction>) => TMapActions<TAvailableAction>;
+//# sourceMappingURL=map-actions.d.ts.map

package/dist/queue/map-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-actions.d.ts","sourceRoot":"","sources":["../../src/queue/map-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,WAAW,IAAI,CAAC,gBAAgB;IACrC,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,CAAC,gBAAgB,CAAC,EAAE,CAAC;CAC/C;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;IAC5B,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACjB,UAAU,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;KAAE,EAAE,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,WAAW,CAAC,KAAK,CAGxC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,gBAAgB,EAC1C,KAAK,MAAM,EAAE,EACb,OAAO,IAAI,CAAC,gBAAgB,CAAC,KAC3B,WAAW,CAAC,gBAAgB,CAQ9B,CAAC"}

package/dist/queue/map-actions.js

@@ -0,0 +1,14 @@
+export const noActions = {
+    actions: {},
+    actionRows: [],
+};
+export const mapActions = (ids, data) => {
+    if (!data)
+        return noActions;
+    const acts = { ...data };
+    const rows = ids.map((id) => {
+        const ac = (acts[id] ??= []);
+        return { id, actions: ac };
+    });
+    return { actions: acts, actionRows: rows };
+};

package/dist/queue/use-fetch-actions.d.ts

@@ -1,7 +1,5 @@
-import { Performable } from '../types/performable';
-interface Data<TAvailableAction> {
-    [key: string]: Performable<TAvailableAction>[];
-}
+import { mapActions, TMapActions } from './map-actions';
+export { Data, mapActions, noActions, TMapActions } from './map-actions';
 export interface Item {
     id: string;
 }
@@ -10,21 +8,7 @@ export interface Props<I extends Item> {
     selected: I[];
     api: string;
 }
-declare const mapActions: <TAvailableAction>(ids: string[], data?: Data<TAvailableAction>) => {
-    actions: {
-        [key: string]: Performable<TAvailableAction>[];
-    };
-    actionRows: {
-        id: string;
-        actions: Performable<TAvailableAction>[];
-    }[];
-};
-declare const _default: <I extends Item, TAvailableAction>({ pathLocator, selected, api: url, }: Props<I>) => {
-    actions: Data<TAvailableAction>;
-    actionRows: {
-        id: string;
-        actions: Performable<TAvailableAction>[];
-    }[];
+declare const _default: <I extends Item, TAvailableAction>({ pathLocator, selected, api: url, }: Props<I>) => TMapActions<TAvailableAction> & {
     actionsFetching: boolean | undefined;
 };
 export default _default;

package/dist/queue/use-fetch-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-fetch-actions.d.ts","sourceRoot":"","sources":["../../src/queue/use-fetch-actions.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,UAAU,IAAI,CAAC,gBAAgB;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,CAAC,gBAAgB,CAAC,EAAE,CAAC;CAC/C;AACD,MAAM,WAAW,IAAI;IACpB,EAAE,EAAE,MAAM,CAAC;CACX;AACD,MAAM,WAAW,KAAK,CAAC,CAAC,SAAS,IAAI;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,EAAE,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACZ;AAQD,QAAA,MAAM,UAAU,GAAI,gBAAgB,EACnC,KAAK,MAAM,EAAE,EACb,OAAO,IAAI,CAAC,gBAAgB,CAAC;;;;;;;;CAQ7B,CAAC;yBAEc,CAAC,SAAS,IAAI,EAAE,gBAAgB,EAAE,sCAI/C,KAAK,CAAC,CAAC,CAAC,KAAG;IACb,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAChC,UAAU,EAAE;QACX,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,WAAW,CAAC,gBAAgB,CAAC,EAAE,CAAC;KACzC,EAAE,CAAC;IACJ,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;CACrC;AAXD,wBA4CE;AAEF,eAAO,MAAM,QAAQ,GAAI,gBAAgB,EAAE,iDAMxC;IACF,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,KAAK,OAAO,CAAC;IAChE,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;CACjB;;;;cAiBC,CAAC"}
+{"version":3,"file":"use-fetch-actions.d.ts","sourceRoot":"","sources":["../../src/queue/use-fetch-actions.ts"],"names":[],"mappings":"AASA,OAAO,EAAQ,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEzE,MAAM,WAAW,IAAI;IACpB,EAAE,EAAE,MAAM,CAAC;CACX;AACD,MAAM,WAAW,KAAK,CAAC,CAAC,SAAS,IAAI;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,EAAE,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACZ;yBAQe,CAAC,SAAS,IAAI,EAAE,gBAAgB,EAAE,sCAI/C,KAAK,CAAC,CAAC,CAAC,KAAG,WAAW,CAAC,gBAAgB,CAAC,GAAG;IAC7C,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;CACrC;AAND,wBAgDE;AAEF,eAAO,MAAM,QAAQ,GAAI,gBAAgB,EAAE,iDAMxC;IACF,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,KAAK,OAAO,CAAC;IAChE,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;CACjB;;;;cAiBC,CAAC"}

package/dist/queue/use-fetch-actions.js

@@ -1,33 +1,38 @@
 import { debounce$ } from '@neovici/cosmoz-utils/promise';
-import { useEffect, useMemo, useState } from '@pionjs/pion';
+import { useEffect, useMemo, useRef, useState } from '@pionjs/pion';
 import { jsonPost } from '../util/fetch/fetch';
 import { apiUrl } from '../util/fetch/url';
 import { nothing } from 'lit-html';
 import { guard } from 'lit-html/directives/guard.js';
 import { until } from 'lit-html/directives/until.js';
 import { when } from 'lit-html/directives/when.js';
-const mapActions = (ids, data) => {
-    const acts = { ...data };
-    const rows = ids.map((id) => {
-        const ac = (acts[id] ??= []);
-        return { id, actions: ac };
-    });
-    return { actions: acts, actionRows: rows };
-};
+import { mapActions } from './map-actions';
+export { mapActions, noActions } from './map-actions';
 export default ({ pathLocator, selected, api: url, }) => {
     const [{ fetching: actionsFetching, data }, setApi$] = useState({}), ids = useMemo(() => selected?.map((i) => i.id) ?? [], [selected]), { actions, actionRows } = useMemo(() => mapActions(ids, data), [ids.length, ...ids, data]);
     const post$ = useMemo(() => debounce$(jsonPost, 320), []);
+    const reqId = useRef(0);
     useEffect(() => {
         if (ids.length < 1) {
             setApi$({});
             return;
         }
+        const thisReq = (reqId.current = reqId.current + 1);
         const ac = new AbortController();
         setApi$(() => ({
             api$: post$(apiUrl(url, { pathLocator }), ids, {
                 signal: ac.signal,
-            }).then((data) => setApi$((api) => ({ ...api, fetching: false, data })), (err) => setApi$({ error: err })),
+            }).then((data) => {
+                if (reqId.current !== thisReq)
+                    return;
+                setApi$((api) => ({ ...api, fetching: false, data }));
+            }, (err) => {
+                if (err?.name === 'AbortError' || reqId.current !== thisReq)
+                    return;
+                setApi$({ error: err });
+            }),
             fetching: true,
+            data: undefined,
         }));
         return () => ac.abort();
     }, [ids.length, pathLocator, ...ids]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neovici/cosmoz-queue",
-  "version": "2.11.1",
+  "version": "2.11.3",
   "description": "A reusable queue component for master-detail views with list, split, and queue modes",
   "keywords": [
     "web-components",