@neovici/cosmoz-queue 1.0.0

package/dist/queue/test/__snapshots__/render.test.snap.js

@@ -0,0 +1,64 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+snapshots['queue > render renderNav'] = `<button
+  class="button-nav prev"
+  disabled=""
+  slot="extra"
+>
+</button>
+`;
+/* end snapshot queue > render renderNav */
+snapshots['queue > render renderPagination'] = `<div class="tabn-pagination">
+  <button class="button-page page-prev">
+  </button>
+  <button class="button-page page-next">
+  </button>
+</div>
+`;
+/* end snapshot queue > render renderPagination */
+snapshots['queue > render renderNav'] = `<button
+  class="button-nav prev"
+  disabled=""
+  name="Previous item"
+  slot="extra"
+>
+</button>
+`;
+/* end snapshot queue > render renderNav */
+snapshots['queue > render renderPagination'] = `<div class="tabn-pagination">
+  <button
+    class="button-page page-prev"
+    name="Previous page"
+  >
+  </button>
+  <button
+    class="button-page page-next"
+    name="Next page"
+  >
+  </button>
+</div>
+`;
+/* end snapshot queue > render renderPagination */
+snapshots['queue > render renderNav'] = `<button
+  class="button-nav prev"
+  disabled=""
+  slot="extra"
+  title=""
+>
+</button>
+`;
+/* end snapshot queue > render renderNav */
+snapshots['queue > render renderPagination'] = `<div class="tabn-pagination">
+  <button
+    class="button-page page-prev"
+    title=""
+  >
+  </button>
+  <button
+    class="button-page page-next"
+    title=""
+  >
+  </button>
+</div>
+`;
+/* end snapshot queue > render renderPagination */

package/dist/queue/test/item-click.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=item-click.test.d.ts.map

package/dist/queue/test/item-click.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-click.test.d.ts","sourceRoot":"","sources":["../../../src/queue/test/item-click.test.ts"],"names":[],"mappings":""}

package/dist/queue/test/item-click.test.js

@@ -0,0 +1,28 @@
+import { assert, oneEvent } from '@open-wc/testing';
+import { oneDefaultPreventedEvent } from '@open-wc/testing-helpers';
+import { itemClick } from '../item-click';
+suite('item-click', () => {
+    test('fires event', async () => {
+        const el = document.createElement('div');
+        el.addEventListener('click', itemClick({ index: 2, activate: 'queue' }));
+        setTimeout(() => el.click());
+        const { detail } = await oneEvent(el, 'omnitable-item-click');
+        assert.equal(detail.index, 2);
+        assert.equal(detail.activate, 'queue');
+    });
+    test('prevents default', async () => {
+        const el = document.createElement('div');
+        const ev = new MouseEvent('click');
+        el.addEventListener('click', itemClick({ index: 3, activate: 'list' }));
+        setTimeout(() => el.dispatchEvent(ev));
+        const { detail } = await oneDefaultPreventedEvent(el, 'omnitable-item-click');
+        assert.equal(detail.index, 3);
+        assert.equal(detail.activate, 'list');
+    });
+    test('does not fire event', async () => {
+        const el = document.createElement('div');
+        const ev = new MouseEvent('click', { ctrlKey: true });
+        el.addEventListener('click', itemClick({ index: 3, activate: 'list' }));
+        setTimeout(() => el.dispatchEvent(ev));
+    });
+});

package/dist/queue/test/render.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=render.test.d.ts.map

package/dist/queue/test/render.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.test.d.ts","sourceRoot":"","sources":["../../../src/queue/test/render.test.ts"],"names":[],"mappings":""}

package/dist/queue/test/render.test.js

@@ -0,0 +1,27 @@
+import { expect, fixture } from '@open-wc/testing';
+import { nothing } from 'lit-html';
+import { spy } from 'sinon';
+import { renderNav, renderPagination } from '../render';
+suite('queue > render', () => {
+    test('renderNav', async () => {
+        const el = await fixture(renderNav({}));
+        await expect(el).dom.to.equalSnapshot();
+    });
+    test('renderPagination nothing', async () => {
+        expect(renderPagination()).to.equal(nothing);
+    });
+    test('renderPagination', async () => {
+        const onPage = spy();
+        const el = await fixture(renderPagination({
+            totalPages: 10,
+            pageNumber: 3,
+            onPage,
+        }));
+        await expect(el).dom.to.equalSnapshot();
+        el.querySelector('.page-next')?.click();
+        expect(onPage).to.have.been.calledWith(4);
+        onPage.resetHistory();
+        el.querySelector('.page-prev')?.click();
+        expect(onPage).to.have.been.calledWith(2);
+    });
+});

package/dist/queue/test/use-pref.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-pref.test.d.ts.map

package/dist/queue/test/use-pref.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pref.test.d.ts","sourceRoot":"","sources":["../../../src/queue/test/use-pref.test.ts"],"names":[],"mappings":""}

package/dist/queue/test/use-pref.test.js

@@ -0,0 +1,16 @@
+import { renderHook } from '@neovici/testing';
+import { assert } from '@open-wc/testing';
+import { usePref } from '../use-pref';
+suite('use-pref', () => {
+    test('default pref', async () => {
+        const { result } = await renderHook(() => usePref('some', 'asdad'));
+        assert.equal(result.current[0], 'asdad');
+    });
+    test('update pref', async () => {
+        const { result, nextUpdate } = await renderHook(() => usePref('somethingelse'));
+        assert.equal(result.current[0], undefined);
+        setTimeout(() => result.current[1]('dads'));
+        await nextUpdate();
+        assert.equal(result.current[0], 'dads');
+    });
+});

package/dist/queue/types.d.ts

@@ -0,0 +1,10 @@
+export interface Pagination {
+    pageNumber?: number;
+    pageCount?: number;
+    pageSize?: number;
+    totalPages?: number;
+    totalCount?: number;
+    totalAvailable?: number;
+    onPage?: (page: number) => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/queue/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IAE1B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC"}

package/dist/queue/types.js

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

package/dist/queue/use-async-action.d.ts

@@ -0,0 +1,15 @@
+import type { Rec } from '@neovici/cosmoz-utils/object';
+export interface Ot extends HTMLElement {
+    removeItem: <T>(item: T) => void;
+}
+interface Props {
+    next?: () => void;
+    property?: string;
+}
+declare const _default: ({ next, property }: Props) => {
+    listRef: import("@pionjs/pion").Ref<Ot | undefined>;
+    remove: <T extends Rec>(item: T) => void;
+    onAsyncSimpleAction: (e: CustomEvent) => void;
+};
+export default _default;
+//# sourceMappingURL=use-async-action.d.ts.map

package/dist/queue/use-async-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-async-action.d.ts","sourceRoot":"","sources":["../../src/queue/use-async-action.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AAExD,MAAM,WAAW,EAAG,SAAQ,WAAW;IACtC,UAAU,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CACjC;AAED,UAAU,KAAK;IACd,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;yBAEe,oBAA2B,KAAK;;aAG5C,CAAC,SAAS,GAAG,QAAQ,CAAC;6BAUnB,WAAW;;AAblB,wBAsBE"}

package/dist/queue/use-async-action.js

@@ -0,0 +1,17 @@
+import { useRef, useCallback } from '@pionjs/pion';
+export default ({ next, property = 'id' }) => {
+    const listRef = useRef(undefined), remove = useCallback((item) => {
+        next?.();
+        listRef.current?.removeItem?.(item);
+    }, [next]);
+    return {
+        listRef,
+        remove,
+        onAsyncSimpleAction: useCallback((e) => {
+            const id = e.detail[property];
+            if (id) {
+                remove({ id });
+            }
+        }, [property, remove]),
+    };
+};

package/dist/queue/use-data-nav.d.ts

@@ -0,0 +1,20 @@
+import { useHashParam } from '@neovici/cosmoz-router/use-hash-param';
+export interface MapId<I> {
+    (i: I): string;
+}
+export interface Opts<I> {
+    id: MapId<I>;
+    hashParam: Parameters<typeof useHashParam>['0'];
+    maintainSelection?: boolean;
+}
+declare const _default: <I>(items: I[], { id, hashParam, maintainSelection }: Opts<I>) => {
+    forward: boolean;
+    index: number;
+    item: I;
+    items: I[];
+    setItem: import("@pionjs/pion").StateUpdater<I>;
+    prev: (() => void) | undefined;
+    next: (() => void) | undefined;
+};
+export default _default;
+//# sourceMappingURL=use-data-nav.d.ts.map

package/dist/queue/use-data-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-nav.d.ts","sourceRoot":"","sources":["../../src/queue/use-data-nav.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAQ,MAAM,uCAAuC,CAAC;AAG3E,MAAM,WAAW,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC;CACf;AAeD,MAAM,WAAW,IAAI,CAAC,CAAC;IACtB,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACb,SAAS,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;yBAEe,CAAC,EAChB,OAAO,CAAC,EAAE,EACV,sCAA6D,IAAI,CAAC,CAAC,CAAC;;;;;;;;;AAFrE,wBA6DE"}

package/dist/queue/use-data-nav.js

@@ -0,0 +1,59 @@
+import { useEffect, useMemo, useRef, useState } from '@pionjs/pion';
+import { identity } from '@neovici/cosmoz-utils/function';
+import { useHashParam, link } from '@neovici/cosmoz-router/use-hash-param';
+import { navigate } from '@neovici/cosmoz-router';
+const useLastValue = (value) => {
+    const lastValue = useRef(undefined);
+    // eslint-disable-next-line no-void
+    useEffect(() => void (lastValue.current = value), [value]);
+    return lastValue.current;
+};
+const find = (list, item, id, index) => list.find((i) => id(i) === id(item)) ?? list[index] ?? list[0];
+const findByParam = (list, param, id) => list.find((i) => id(i) === param) ?? list[0];
+export default (items, { id = identity, hashParam, maintainSelection }) => {
+    const [item, setItem] = useState(() => items[0]), [param] = useHashParam(hashParam), index = useMemo(() => items.indexOf(item), [items, item]), prevIndex = useLastValue(index), { prev, next } = useMemo(() => {
+        const end = items.length - 1;
+        return {
+            ...(index > 0 && {
+                prev: () => setItem(items[Math.max(0, Math.min(end, index - 1))]),
+            }),
+            ...(index < end && {
+                next: () => setItem(items[Math.max(0, Math.min(end, index + 1))]),
+            }),
+        };
+    }, [items, index]);
+    useEffect(() => {
+        if (!item || !hashParam) {
+            return;
+        }
+        navigate(link(hashParam, id(item)), null, {
+            notify: false,
+        });
+    }, [item]);
+    useEffect(() => {
+        if (items.length === 0) {
+            return;
+        }
+        setItem((item) => {
+            if (!item && param != null) {
+                return findByParam(items, param, id);
+            }
+            if (items.indexOf(item) >= 0) {
+                return item;
+            }
+            if (!item || !maintainSelection) {
+                return items[0];
+            }
+            return find(items, item, id, prevIndex);
+        });
+    }, [items, param]);
+    return {
+        forward: index > prevIndex,
+        index,
+        item,
+        items,
+        setItem,
+        prev,
+        next,
+    };
+};

package/dist/queue/use-data-service.d.ts

@@ -0,0 +1,31 @@
+import { Rec } from '@neovici/cosmoz-utils/object';
+interface Item extends Rec {
+    id: string;
+}
+interface Update<I extends Item> {
+    type: string;
+    id: string;
+    data: {
+        header: I & {
+            actions: {
+                action: string;
+            }[];
+        };
+    };
+}
+interface Listener<I extends Item> {
+    (update: Update<I>): void;
+}
+interface DataService<I extends Item> {
+    subscribe: (listener: Listener<I>, ids: string[]) => void;
+    unsubscribe: (listener: Listener<I>, ids: string[]) => void;
+}
+interface Opts<I extends Item> {
+    items: I[];
+    dataService: DataService<I>;
+    intendedActions: string[];
+    remove: (i: I) => void;
+}
+declare const _default: <I extends Item>(opts: Opts<I>) => void;
+export default _default;
+//# sourceMappingURL=use-data-service.d.ts.map

package/dist/queue/use-data-service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-service.d.ts","sourceRoot":"","sources":["../../src/queue/use-data-service.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AAEnD,UAAU,IAAK,SAAQ,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;CACX;AACD,UAAU,MAAM,CAAC,CAAC,SAAS,IAAI;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE;QAAE,MAAM,EAAE,CAAC,GAAG;YAAE,OAAO,EAAE;gBAAE,MAAM,EAAE,MAAM,CAAA;aAAE,EAAE,CAAA;SAAE,CAAA;KAAE,CAAC;CACxD;AACD,UAAU,QAAQ,CAAC,CAAC,SAAS,IAAI;IAChC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;CAC1B;AACD,UAAU,WAAW,CAAC,CAAC,SAAS,IAAI;IACnC,SAAS,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC5D;AAED,UAAU,IAAI,CAAC,CAAC,SAAS,IAAI;IAC5B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC5B,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;CACvB;yBAEe,CAAC,SAAS,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC;AAA7C,wBA2BE"}

package/dist/queue/use-data-service.js

@@ -0,0 +1,26 @@
+import { useEffect } from '@pionjs/pion';
+import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
+export default (opts) => {
+    const { items, dataService } = opts, meta = useMeta(opts);
+    useEffect(() => {
+        const { intendedActions, remove } = meta, onUpdate = (update) => {
+            switch (update.type) {
+                case 'ITEM_UPDATE': {
+                    if (!intendedActions) {
+                        return;
+                    }
+                    const header = items.find((i) => i.id === update.id);
+                    if (!header) {
+                        return;
+                    }
+                    const actions = update.data?.header?.actions ?? header?.actions;
+                    if (actions?.every((a) => !intendedActions.includes(a.action))) {
+                        remove(header);
+                    }
+                }
+            }
+        }, ids = items?.map((i) => i.id) || [];
+        dataService.subscribe(onUpdate, ids);
+        return () => dataService.unsubscribe(onUpdate, ids);
+    }, [items]);
+};

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

@@ -0,0 +1,42 @@
+import { Performable } from '../types/performable';
+interface Data<TAvailableAction> {
+    [key: string]: Performable<TAvailableAction>[];
+}
+export interface Item {
+    id: string;
+}
+export interface Props<I extends Item> {
+    pathLocator: string;
+    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>[];
+    }[];
+    actionsFetching: boolean | undefined;
+};
+export default _default;
+export declare const actions$: <TAvailableAction>({ api, pathLocator, ids, renderActions, deps, }: {
+    api: string;
+    pathLocator: string;
+    ids: string[];
+    renderActions: (opts: ReturnType<typeof mapActions>) => unknown;
+    deps?: unknown[];
+}) => import("lit-html/directive.js").DirectiveResult<{
+    new (_partInfo: import("lit-html/directive.js").PartInfo): import("lit-html/directives/guard.js").GuardDirective<import("lit-html/directive.js").DirectiveResult<{
+        new (_partInfo: import("lit-html/directive.js").PartInfo): import("lit-html/directives/until.js").UntilDirective<Promise<unknown>>;
+    }>>;
+}> | undefined;
+//# sourceMappingURL=use-fetch-actions.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,38 @@
+import { debounce$ } from '@neovici/cosmoz-utils/promise';
+import { useEffect, useMemo, 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 };
+};
+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), []);
+    useEffect(() => {
+        if (ids.length < 1) {
+            setApi$({});
+            return;
+        }
+        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 })),
+            fetching: true,
+        }));
+        return () => ac.abort();
+    }, [ids.length, pathLocator, ...ids]);
+    return { actions, actionRows, actionsFetching };
+};
+export const actions$ = ({ api, pathLocator, ids, renderActions, deps = [], }) => when(ids?.length > 0, () => guard([ids.length, ...ids, pathLocator, ...deps], () => until(jsonPost(apiUrl(api, {
+    pathLocator,
+}), ids).then((data) => renderActions(mapActions(ids, data)), () => nothing))));

package/dist/queue/use-key-nav.d.ts

@@ -0,0 +1,8 @@
+type Tab = 'overview' | 'queue' | 'split';
+declare const _default: ({ next, prev, activeTab, }: {
+    next?: () => void;
+    prev?: () => void;
+    activeTab: Tab;
+}) => void;
+export default _default;
+//# sourceMappingURL=use-key-nav.d.ts.map

package/dist/queue/use-key-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-key-nav.d.ts","sourceRoot":"","sources":["../../src/queue/use-key-nav.ts"],"names":[],"mappings":"AAKA,KAAK,GAAG,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;yBA8B1B,4BAIb;IACF,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,EAAE,GAAG,CAAC;CACf;AARD,wBA0CE"}

package/dist/queue/use-key-nav.js

@@ -0,0 +1,49 @@
+import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';
+import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
+import { useEffect } from '@pionjs/pion';
+import activeElement from '../util/dom/active-element';
+const keys = (tab, listKeys, queueKeys) => [
+    ...(['overview', 'split'].includes(tab) ? listKeys : []),
+    ...(['queue', 'split'].includes(tab) ? queueKeys : []),
+];
+const overlaps = (host) => {
+    const root = host.shadowRoot, button = root.querySelector('.button-nav'), bounds = button.getBoundingClientRect();
+    return (root
+        .elementFromPoint(bounds.x + bounds.width / 2, bounds.y + bounds.height / 2)
+        ?.closest('.button-nav') !== button);
+};
+const permits = (host) => {
+    const active = activeElement();
+    return (!active?.isContentEditable &&
+        !active?.matches('input, textarea') &&
+        !overlaps(host));
+};
+export default ({ next, prev, activeTab, }) => {
+    const meta = useMeta({ next, prev, activeTab }), host = useHost();
+    useEffect(() => {
+        const handler = (e) => {
+            if (e.defaultPrevented) {
+                return;
+            }
+            const { key } = e, { next, prev, activeTab } = meta;
+            switch (true) {
+                case next &&
+                    keys(activeTab, ['ArrowDown', 'Down'], ['ArrowRight', 'Right']).includes(key) &&
+                    permits(host):
+                    {
+                        e.preventDefault();
+                        return next();
+                    }
+                case prev &&
+                    keys(activeTab, ['ArrowUp', 'Up'], ['ArrowLeft', 'Left']).includes(key) &&
+                    permits(host):
+                    {
+                        e.preventDefault();
+                        return prev();
+                    }
+            }
+        };
+        document.addEventListener('keydown', handler, true);
+        return () => document.removeEventListener('keydown', handler, true);
+    }, []);
+};

package/dist/queue/use-list-sse.d.ts

@@ -0,0 +1,42 @@
+import { Rec } from '@neovici/cosmoz-utils/object';
+export interface ListEventHandlersMap {
+    'list-item-update': CustomEvent<{
+        id: string;
+        item: unknown;
+        update: (i: unknown) => void;
+    }>;
+    'list-item-remove': CustomEvent<{
+        id: string;
+        item: unknown;
+        remove: () => void;
+    }>;
+}
+interface Item extends Rec {
+    id: string;
+}
+interface Omnitable<T extends Rec> extends HTMLElement {
+    data?: T[];
+    replaceItemAtIndex: (index: number, update: T) => void;
+    removeItem: (i: T) => void;
+}
+interface List$<I, P> {
+    (params: P & {
+        objectIds: string[];
+    }): PromiseLike<I[] | {
+        items: I[];
+    }>;
+}
+interface Base<I extends Item, P extends Rec> {
+    omnitable: Omnitable<I>;
+    params: P;
+    list$: List$<I, P>;
+    idMapper?: <T extends I>(id: string, item: T) => string;
+    idProperty?: string;
+}
+interface Opts<I extends Item, P extends Rec> extends Omit<Base<I, P>, 'omnitable'> {
+    entity: string;
+    omnitable?: Omnitable<I>;
+}
+export declare const useListSSE: <I extends Item, P extends Rec>({ entity, ...thru }: Opts<I, P>) => void;
+export {};
+//# sourceMappingURL=use-list-sse.d.ts.map

package/dist/queue/use-list-sse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-list-sse.d.ts","sourceRoot":"","sources":["../../src/queue/use-list-sse.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AAInD,MAAM,WAAW,oBAAoB;IACpC,kBAAkB,EAAE,WAAW,CAAC;QAC/B,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,OAAO,CAAC;QACd,MAAM,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;KAC7B,CAAC,CAAC;IACH,kBAAkB,EAAE,WAAW,CAAC;QAC/B,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,OAAO,CAAC;QACd,MAAM,EAAE,MAAM,IAAI,CAAC;KACnB,CAAC,CAAC;CACH;AAED,UAAU,IAAK,SAAQ,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;CACX;AAED,UAAU,SAAS,CAAC,CAAC,SAAS,GAAG,CAAE,SAAQ,WAAW;IACrD,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;IACX,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IACvD,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;CAC3B;AAED,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;IACnB,CAAC,MAAM,EAAE,CAAC,GAAG;QAAE,SAAS,EAAE,MAAM,EAAE,CAAA;KAAE,GAAG,WAAW,CAAC,CAAC,EAAE,GAAG;QAAE,KAAK,EAAE,CAAC,EAAE,CAAA;KAAE,CAAC,CAAC;CACzE;AA4DD,UAAU,IAAI,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,SAAS,GAAG;IAC3C,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AA2BD,UAAU,IAAI,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,SAAS,GAAG,CAC3C,SAAQ,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;CACzB;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,IAAI,EAAE,CAAC,SAAS,GAAG,EAAE,qBAGvD,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,SAsCZ,CAAC"}

package/dist/queue/use-list-sse.js

@@ -0,0 +1,82 @@
+import { useMemo, useEffect } from '@pionjs/pion';
+import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';
+import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
+import { debounce$ } from '@neovici/cosmoz-utils/promise';
+import { get } from '../util/path';
+const process$ = ({ updates, objectIds, omnitable, host, idProperty, }) => {
+    for (const id of objectIds) {
+        const update = updates.find((i) => get(i, idProperty) === id), index = omnitable.data?.findIndex((i) => get(i, idProperty) === id) ?? -1;
+        if (index < 0) {
+            continue;
+        }
+        const item = omnitable.data[index];
+        if (update) {
+            omnitable.replaceItemAtIndex(index, {
+                ...item,
+                ...update,
+            });
+            host.dispatchEvent(new CustomEvent('list-item-update', {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    id,
+                    item,
+                    update,
+                },
+            }));
+        }
+        else {
+            const remove = () => omnitable.removeItem(item);
+            if (host.dispatchEvent(new CustomEvent('list-item-remove', {
+                bubbles: true,
+                composed: true,
+                cancelable: true,
+                detail: {
+                    id,
+                    item,
+                    remove,
+                },
+            }))) {
+                remove();
+            }
+        }
+    }
+};
+const check$$ = async (opts) => {
+    const { ids, params, omnitable, list$, idMapper, idProperty = 'id' } = opts, objectIds = [...ids].flatMap((id) => {
+        if (idMapper) {
+            return (omnitable?.data?.flatMap((i) => {
+                const mapped = idMapper(id, i);
+                return mapped ? [mapped] : [];
+            }) ?? []);
+        }
+        if (omnitable?.data?.find((i) => get(i, idProperty) === id))
+            return [id];
+        return [];
+    });
+    ids.clear();
+    const res = await list$({ ...params, objectIds });
+    const updates = Array.isArray(res) ? res : res.items ?? [];
+    return process$({ ...opts, idProperty, objectIds, updates });
+};
+export const useListSSE = ({ entity, ...thru }) => {
+    const host = useHost(), ids = useMemo(() => new Set(), []), meta = useMeta(thru), check$ = useMemo(() => debounce$(() => check$$({
+        ...meta,
+        host,
+        ids,
+        omnitable: meta.omnitable ??
+            host.shadowRoot.querySelector('cosmoz-omnitable'),
+    }), 600), []);
+    useEffect(() => {
+        const ev = `cosmoz-${entity}-updated`, evc = `cosmoz-${entity}-check`, onUpdate = (e) => {
+            ids.add(e.detail.id);
+            check$();
+        };
+        window.addEventListener(ev, onUpdate);
+        host.addEventListener(evc, onUpdate);
+        return () => {
+            window.removeEventListener(ev, onUpdate);
+            host.removeEventListener(evc, onUpdate);
+        };
+    }, [entity, check$]);
+};