@neovici/cosmoz-queue 1.0.0

package/README.md

@@ -0,0 +1,3 @@
+# cosmoz-queue
+
+A pionjs component

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './queue';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1 @@
+export * from './queue';

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

@@ -0,0 +1,22 @@
+import type { Dialogable } from '../../types/dialogable.js';
+import { nothing } from 'lit-html';
+export declare const actionCount: <T>(items: T[], applicableItems?: T[]) => import("lit-html").TemplateResult<1> | undefined;
+export interface ActionOpts<TItem extends object> {
+    items: TItem[];
+    open: <T extends object>(dialog: Dialogable<T>) => void;
+    slot?: string;
+}
+export interface DialogOpts<TItem extends object> {
+    items: TItem[];
+    title: string;
+}
+export interface Action<TItem extends object, TDialog extends object = object> {
+    title: () => string;
+    applicable?: (item: TItem) => boolean;
+    button?: (opts: Action<TItem, TDialog> & ActionOpts<TItem>) => unknown;
+    dialog: (opts: Omit<Action<TItem, TDialog>, 'title'> & DialogOpts<TItem>) => Dialogable<TDialog> | Promise<Dialogable<TDialog>>;
+}
+export declare const defaultButton: <TItem extends object, TDialog extends object = object>(opts: Action<TItem, TDialog> & ActionOpts<TItem>) => import("lit-html").TemplateResult<1> | typeof nothing;
+export declare const action: <TItem extends object, TAction extends object>(action: Action<TItem, TAction>) => Action<TItem, TAction>;
+export declare const renderActions: <TItem extends object, TDialog extends object = object>(opts: ActionOpts<TItem>) => (actions: Action<TItem, TDialog>[]) => unknown[];
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/queue/actions/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAQ,OAAO,EAAE,MAAM,UAAU,CAAC;AAIzC,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,kBAAiB,CAAC,EAAU,qDAOrE,CAAC;AAEH,MAAM,WAAW,UAAU,CAAC,KAAK,SAAS,MAAM;IAC/C,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,IAAI,EAAE,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,UAAU,CAAC,KAAK,SAAS,MAAM;IAC/C,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,MAAM,CAAC,KAAK,SAAS,MAAM,EAAE,OAAO,SAAS,MAAM,GAAG,MAAM;IAC5E,KAAK,EAAE,MAAM,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC;IACvE,MAAM,EAAE,CACP,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,KAC3D,UAAU,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,aAAa,GACzB,KAAK,SAAS,MAAM,EACpB,OAAO,SAAS,MAAM,GAAG,MAAM,EAE/B,MAAM,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,0DAchD,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,KAAK,SAAS,MAAM,EAAE,OAAO,SAAS,MAAM,EAClE,QAAQ,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,2BACpB,CAAC;AAEZ,eAAO,MAAM,aAAa,GACxB,KAAK,SAAS,MAAM,EAAE,OAAO,SAAS,MAAM,GAAG,MAAM,EACrD,MAAM,UAAU,CAAC,KAAK,CAAC,MAEvB,SAAS,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,cAGhC,CAAC"}

package/dist/queue/actions/index.js

@@ -0,0 +1,20 @@
+import { html, nothing } from 'lit-html';
+import { ifDefined } from 'lit-html/directives/if-defined.js';
+import { when } from 'lit-html/directives/when.js';
+export const actionCount = (items, applicableItems = items) => when(applicableItems.length > 1, () => when(applicableItems.length === items.length, () => html `(${applicableItems.length})`, () => html `(${applicableItems.length}/${items.length})`));
+export const defaultButton = (opts) => {
+    const { open, dialog, items, applicable, slot } = opts;
+    const title = opts.title();
+    const applicableItems = applicable ? items.filter(applicable) : items;
+    if (!applicableItems.length)
+        return nothing;
+    return html `<button
+		class="button"
+		slot="${ifDefined(slot)}"
+		@click=${async () => open(await dialog({ ...opts, items: applicableItems, title }))}
+	>
+		${title} ${actionCount(items, applicableItems)}
+	</button>`;
+};
+export const action = (action) => action;
+export const renderActions = (opts) => (actions) => actions.map((action) => (action.button ?? defaultButton)({ ...action, ...opts }));

package/dist/queue/icon.d.ts

@@ -0,0 +1,2 @@
+export declare const arrow: import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/queue/icon.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,sCAUjB,CAAC"}

package/dist/queue/icon.js

@@ -0,0 +1,12 @@
+import { html } from 'lit-html';
+export const arrow = html `
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width="6"
+		height="10"
+		fill="none"
+		viewBox="0 0 6 10"
+	>
+		<path stroke="currentColor" stroke-linecap="round" d="m1 9 4-4-4-4" />
+	</svg>
+`;

package/dist/queue/icons.d.ts

@@ -0,0 +1,4 @@
+export declare const list: import("lit-html").TemplateResult<1>;
+export declare const queue: import("lit-html").TemplateResult<1>;
+export declare const split: import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/queue/icons.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,sCAcV,CAAC;AAER,eAAO,MAAM,KAAK,sCAgBjB,CAAC;AAEF,eAAO,MAAM,KAAK,sCA2BjB,CAAC"}

package/dist/queue/icons.js

@@ -0,0 +1,61 @@
+import { html } from 'lit-html';
+export const list = html ` <svg
+	width="18"
+	height="14"
+	viewBox="0 0 18 14"
+	fill="none"
+	stroke="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M1 2C1 1.44772 1.44772 1 2 1H16C16.5523 1 17 1.44772 17 2V4.57143C17 5.12371 16.5523 5.57143 16 5.57143H2C1.44772 5.57143 1 5.12371 1 4.57143V2Z"
+		stroke-width="1.5"
+	/>
+	<line x1="1" y1="9.39288" x2="17" y2="9.39288" stroke-width="1.5" />
+	<line x1="1" y1="12.8214" x2="17" y2="12.8214" stroke-width="1.5" />
+</svg>`;
+export const queue = html `
+	<svg
+		width="22"
+		height="16"
+		viewBox="0 0 22 16"
+		fill="none"
+		stroke="currentColor"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<rect x="5.44409" y="1" width="11.1111" height="14" stroke-width="1.5" />
+		<path d="M18.7776 3.3335H20.9998V12.6668H18.7776" stroke-width="1.5" />
+		<path
+			d="M3.22217 12.6665L0.999946 12.6665L0.999947 3.33317L3.22217 3.33317"
+			stroke-width="1.5"
+		/>
+	</svg>
+`;
+export const split = html `
+	<svg
+		width="19"
+		height="14"
+		viewBox="0 0 19 14"
+		fill="none"
+		stroke="currentColor"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<rect x="10" y="1" width="8" height="12" stroke-width="1.5" />
+		<line
+			x1="7"
+			y1="12.1787"
+			x2="4.15643e-07"
+			y2="12.1787"
+			stroke-width="1.5"
+		/>
+		<line x1="7" y1="8.75" x2="4.15643e-07" y2="8.75" stroke-width="1.5" />
+		<line
+			x1="7"
+			y1="5.17871"
+			x2="4.15643e-07"
+			y2="5.17871"
+			stroke-width="1.5"
+		/>
+		<line x1="7" y1="1.75" x2="4.15643e-07" y2="1.75" stroke-width="1.5" />
+	</svg>
+`;

package/dist/queue/index.d.ts

@@ -0,0 +1,8 @@
+export { default as useQueue } from './use-queue';
+export { default as useDataService } from './use-data-service';
+export { default as useAsyncAction } from './use-async-action';
+export { touch } from './util';
+export * from './render';
+export type * from './types';
+export type * from './use-queue';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/queue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE/B,cAAc,UAAU,CAAC;AAEzB,mBAAmB,SAAS,CAAC;AAC7B,mBAAmB,aAAa,CAAC"}

package/dist/queue/index.js

@@ -0,0 +1,5 @@
+export { default as useQueue } from './use-queue';
+export { default as useDataService } from './use-data-service';
+export { default as useAsyncAction } from './use-async-action';
+export { touch } from './util';
+export * from './render';

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

@@ -0,0 +1,5 @@
+export declare const itemClick: ({ index, activate }: {
+    index: number;
+    activate: string | string[];
+}) => <E extends KeyboardEvent | MouseEvent>(e: E) => void;
+//# sourceMappingURL=item-click.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item-click.d.ts","sourceRoot":"","sources":["../../src/queue/item-click.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,GACpB,qBAAqB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,MACnE,CAAC,SAAS,aAAa,GAAG,UAAU,EAAE,GAAG,CAAC,SAe1C,CAAC"}

package/dist/queue/item-click.js

@@ -0,0 +1,15 @@
+export const itemClick = ({ index, activate }) => (e) => {
+    if (e.ctrlKey || e.metaKey) {
+        return;
+    }
+    const clickEvent = new CustomEvent('omnitable-item-click', {
+        cancelable: true,
+        bubbles: true,
+        composed: true,
+        detail: { index, activate },
+    });
+    e.currentTarget?.dispatchEvent(clickEvent);
+    if (clickEvent.defaultPrevented) {
+        e.preventDefault();
+    }
+};

package/dist/queue/list-core/column.d.ts

@@ -0,0 +1,34 @@
+import { LitRenderable } from '#cz/types/lit.ts';
+export interface Render<T> {
+    (spec: T & {
+        name: string;
+    }): LitRenderable;
+}
+export interface Column<F, R = F> {
+    readonly order?: number;
+    readonly sort?: string;
+    readonly filter?: (f: F) => R;
+    readonly render: Render<Omit<Column<F, R>, 'render' | 'name' | 'filter'>>;
+}
+export interface NamedColumn<F, R> extends Column<F, R> {
+    name: string;
+}
+export type Columns<F = object> = {
+    [K in keyof F]: Column<F[K]>;
+};
+export declare const column: <F = never, R = F>(spec: Column<F, R>) => Column<F, R>;
+type InferFilter<T> = T extends Column<infer F, any> ? F : never;
+export type ColumnFilters<T> = T extends object ? {
+    [K in keyof T as InferFilter<T[K]> extends never ? never : K]?: InferFilter<T[K]>;
+} : never;
+type InferFilterResult<T> = T extends Column<any, infer F> ? F : never;
+export type ColumnFilterResults<T> = T extends object ? {
+    [K in keyof T as InferFilterResult<T[K]> extends never ? never : K]: InferFilterResult<T[K]>;
+} : never;
+export type ColumnNames<T> = T extends object ? keyof T : never;
+type Values<T> = T extends object ? T[keyof T][] : never;
+export declare const mappedFilters: <T, C extends Columns<T>>(columns: C, filters?: ColumnFilters<C>) => Values<ColumnFilterResults<C>>;
+type Unarray<T> = T extends readonly (infer E)[] ? (E extends readonly (infer B)[] ? B : E)[] : never;
+export declare const flat: <T extends unknown[]>(arr: T) => Unarray<T>;
+export {};
+//# sourceMappingURL=column.d.ts.map

package/dist/queue/list-core/column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../src/queue/list-core/column.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,MAAM,CAAC,CAAC;IACxB,CAAC,IAAI,EAAE,CAAC,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,aAAa,CAAC;CAC5C;AAED,MAAM,WAAW,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC;CAC1E;AAED,MAAM,WAAW,WAAW,CAAC,CAAC,EAAE,CAAC,CAAE,SAAQ,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IACtD,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,MAAM,OAAO,CAAC,CAAC,GAAG,MAAM,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,iBAAS,CAAC;AAErE,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACjE,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAC5C;KACC,CAAC,IAAI,MAAM,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,GAC7C,KAAK,GACL,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACzB,GACA,KAAK,CAAC;AAET,KAAK,iBAAiB,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACvE,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAClD;KACC,CAAC,IAAI,MAAM,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,GACnD,KAAK,GACL,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC9B,GACA,KAAK,CAAC;AAET,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC;AAEhE,KAAK,MAAM,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC;AACzD,eAAO,MAAM,aAAa,GAAI,CAAC,EAAE,CAAC,SAAS,OAAO,CAAC,CAAC,CAAC,EACpD,SAAS,CAAC,EACV,UAAU,aAAa,CAAC,CAAC,CAAC,KAQI,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE9D,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAC7C,CAAC,CAAC,SAAS,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,GAC1C,KAAK,CAAC;AACT,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,OAAO,EAAE,EAAE,KAAK,CAAC,KAAmB,OAAO,CAAC,CAAC,CAAC,CAAC"}

package/dist/queue/list-core/column.js

@@ -0,0 +1,10 @@
+export const column = (spec) => spec;
+export const mappedFilters = (columns, filters) => Object.entries(columns)
+    .map(([name, column]) => {
+    const filterValue = filters?.[name];
+    const filter = column.filter;
+    if (filter && filterValue != null)
+        return filter(filterValue);
+})
+    .filter((v) => v != null);
+export const flat = (arr) => arr.flat();

package/dist/queue/list-core/index.d.ts

@@ -0,0 +1,7 @@
+export * from './column';
+export * from './list-core';
+export * from './render-list-core';
+export * from './style.css';
+export * from './use-inline-actions';
+export * from './use-list-core';
+//# sourceMappingURL=index.d.ts.map

package/dist/queue/list-core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/queue/list-core/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC"}

package/dist/queue/list-core/index.js

@@ -0,0 +1,6 @@
+export * from './column';
+export * from './list-core';
+export * from './render-list-core';
+export * from './style.css';
+export * from './use-inline-actions';
+export * from './use-list-core';

package/dist/queue/list-core/list-core.d.ts

@@ -0,0 +1,6 @@
+import type { Columns } from './column';
+import { RenderListCoreProps } from './render-list-core';
+import { UseListCore } from './use-list-core';
+export type ListCore<TColumns extends Columns, TParams extends object, TItem extends object> = UseListCore<TColumns, TParams, TItem> & RenderListCoreProps<TItem>;
+export declare const listCore: <TColumns extends Columns, TParams extends object, TItem extends object>(props: ListCore<TColumns, TParams, TItem>) => import("@neovici/cosmoz-form").Renderable[];
+//# sourceMappingURL=list-core.d.ts.map

package/dist/queue/list-core/list-core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-core.d.ts","sourceRoot":"","sources":["../../../src/queue/list-core/list-core.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAkB,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAe,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,MAAM,QAAQ,CACnB,QAAQ,SAAS,OAAO,EACxB,OAAO,SAAS,MAAM,EACtB,KAAK,SAAS,MAAM,IACjB,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAEvE,eAAO,MAAM,QAAQ,GACpB,QAAQ,SAAS,OAAO,EACxB,OAAO,SAAS,MAAM,EACtB,KAAK,SAAS,MAAM,EAEpB,OAAO,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,gDAIzC,CAAC"}

package/dist/queue/list-core/list-core.js

@@ -0,0 +1,6 @@
+import { renderListCore } from './render-list-core';
+import { useListCore } from './use-list-core';
+export const listCore = (props) => {
+    const list = useListCore(props);
+    return renderListCore({ ...props, ...list });
+};

package/dist/queue/list-core/render-generic-actions.d.ts

@@ -0,0 +1,4 @@
+import { RowAction } from '#cz/cz-components/cz-actions';
+import '@neovici/cosmoz-omnitable';
+export declare const renderGenericActions: (genericActions$: Promise<RowAction[]>, slot?: string) => any;
+//# sourceMappingURL=render-generic-actions.d.ts.map

package/dist/queue/list-core/render-generic-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-generic-actions.d.ts","sourceRoot":"","sources":["../../../src/queue/list-core/render-generic-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEnE,OAAO,2BAA2B,CAAC;AAcnC,eAAO,MAAM,oBAAoB,GAChC,iBAAiB,OAAO,CAAC,SAAS,EAAE,CAAC,EACrC,aAAS,QAUR,CAAC"}

package/dist/queue/list-core/render-generic-actions.js

@@ -0,0 +1,14 @@
+import { czAction } from '#cz/cz-components/cz-actions';
+import { errorIcon } from '#cz/cz-components/cz-attachments/icons/error.ts';
+import '@neovici/cosmoz-omnitable';
+import { html } from 'lit-html';
+import { extract } from '../../utils';
+const renderRowActions = (slot) => (rowActions) => rowActions.map(({ title, ids = {}, action }) => czAction({
+    slot,
+    action,
+    actionTitle: title,
+    objectIds: ids,
+}));
+export const renderGenericActions = (genericActions$, slot = '') => extract(genericActions$, renderRowActions(slot), () => html `<cosmoz-spinner slot="${slot}" unstyled></cosmoz-spinner>`, (e) => html `<span slot="${slot}" unstyled style="background: transparent"
+				>${errorIcon({ title: e.message ?? e })}</span
+			>`);

package/dist/queue/list-core/render-list-core.d.ts

@@ -0,0 +1,18 @@
+import '@neovici/cosmoz-omnitable';
+import { Action } from '../actions';
+import type { Columns } from './column';
+import { UseListCoreResult } from './use-list-core';
+export interface RenderListCoreProps<TItem extends object> {
+    settingsId: string;
+    exposedParts?: string;
+    hashParam?: string;
+    csvFilename?: string;
+    enabledColumns?: string[];
+    noLocal?: boolean;
+    actions?: Action<TItem, any>[];
+}
+export interface RenderListCore<TColumns extends Columns, TItem extends object> extends UseListCoreResult<TColumns, TItem>, RenderListCoreProps<TItem> {
+}
+export declare const renderColumns: <T extends Columns>(columns: T) => LitRenderable[];
+export declare const renderListCore: <TColumns extends Columns, TItem extends object>({ settingsId, hashParam, enabledColumns, csvFilename, exposedParts, data$, noLocal, sortOn, setSortOn, descending, setDescending, groupOn, setGroupOn, selectedItems, setSelectedItems, setVisibleItems, setFilters, columns, actions, dialog, open, genericActions$, loadMore, }: RenderListCore<TColumns, TItem>) => import("@neovici/cosmoz-form").Renderable[];
+//# sourceMappingURL=render-list-core.d.ts.map

package/dist/queue/list-core/render-list-core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-list-core.d.ts","sourceRoot":"","sources":["../../../src/queue/list-core/render-list-core.ts"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC;AAOnC,OAAO,EAAE,MAAM,EAAiB,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAU,OAAO,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,WAAW,mBAAmB,CAAC,KAAK,SAAS,MAAM;IACxD,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,OAAO,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc,CAAC,QAAQ,SAAS,OAAO,EAAE,KAAK,SAAS,MAAM,CAC7E,SAAQ,iBAAiB,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC;CAAG;AAE1E,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,OAAO,EAAE,SAAS,CAAC,oBAGzD,CAAC;AAEH,eAAO,MAAM,cAAc,GAAI,QAAQ,SAAS,OAAO,EAAE,KAAK,SAAS,MAAM,EAAE,mRA6B5E,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,gDA0CjC,CAAC"}

package/dist/queue/list-core/render-list-core.js

@@ -0,0 +1,42 @@
+import { renderLoadMore } from '#cz/render/load-more.ts';
+import '@neovici/cosmoz-omnitable';
+import { formDialog } from '@neovici/cosmoz-form';
+import { lift } from '@pionjs/pion';
+import { html } 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';
+import { renderActions } from '../actions';
+import { renderGenericActions } from './render-generic-actions';
+export const renderColumns = (columns) => Object.entries(columns).map(([name, column]) => column.render({ ...column, name }));
+export const renderListCore = ({ settingsId, hashParam, enabledColumns, csvFilename, exposedParts, data$, noLocal = true, sortOn, setSortOn, descending, setDescending, groupOn, setGroupOn, selectedItems, setSelectedItems, setVisibleItems, setFilters, columns, actions, dialog, open, genericActions$, loadMore, }) => [
+    html `<cosmoz-omnitable
+		id="omnitable"
+		?no-local=${noLocal}
+		.hashParam=${hashParam}
+		.data=${until(data$)}
+		.csvFilename=${csvFilename}
+		.enabledColumns=${enabledColumns}
+		?loading=${until(Promise.resolve(data$).then(() => false, () => false), true)}
+		.compareItemsFn=${guard([], () => (a, b) => a.id === b.id)}
+		.settingsId=${settingsId}
+		exportparts=${exposedParts}
+		@visible-data-changed=${lift(setVisibleItems)}
+		@filters-changed=${lift(setFilters)}
+		.selectedItems=${selectedItems}
+		@selected-items-changed=${lift(setSelectedItems)}
+		.groupOn=${groupOn}
+		@group-on-changed=${lift(setGroupOn)}
+		.sortOn=${sortOn}
+		@sort-on-changed=${lift(setSortOn)}
+		descending=${descending}
+		@descending-changed=${lift(setDescending)}
+		>${[
+        renderColumns(columns),
+        when(actions, renderActions({ open, items: selectedItems, slot: 'actions' })),
+        renderGenericActions(genericActions$, 'actions'),
+        renderLoadMore({ data$, onMore: loadMore }),
+    ]}</cosmoz-omnitable
+	>`,
+    formDialog(dialog),
+];

package/dist/queue/list-core/style.css.d.ts

@@ -0,0 +1,2 @@
+export declare const style: string;
+//# sourceMappingURL=style.css.d.ts.map

package/dist/queue/list-core/style.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.css.d.ts","sourceRoot":"","sources":["../../../src/queue/list-core/style.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK,QAejB,CAAC"}

package/dist/queue/list-core/style.css.js

@@ -0,0 +1,20 @@
+import { loadMoreStyle } from '#cz/render/load-more.ts';
+import { style as statusStyle } from '#cz/render/status/index.ts';
+import { bottomBarInfoStyles, buttonStyles, } from '#cz/styles/app/shared-styles';
+import { css } from '@pionjs/pion';
+export const style = css `
+	:host {
+		display: flex;
+		flex-direction: column;
+		flex: auto;
+		height: 100%;
+	}
+	#omnitable {
+		flex: auto;
+		min-height: 200px;
+	}
+	${bottomBarInfoStyles}
+	${buttonStyles}
+	${statusStyle}
+	${loadMoreStyle}
+`;

package/dist/queue/list-core/use-inline-actions.d.ts

@@ -0,0 +1,4 @@
+import { Row } from '#components/cz-actions';
+import { GenericActionsCallback } from './use-list-core';
+export declare const useInlineActions: <TItem extends Row>(rowIdProperty: keyof TItem) => GenericActionsCallback<TItem>;
+//# sourceMappingURL=use-inline-actions.d.ts.map

package/dist/queue/list-core/use-inline-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-inline-actions.d.ts","sourceRoot":"","sources":["../../../src/queue/list-core/use-inline-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,GAAG,EACH,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,eAAO,MAAM,gBAAgB,GAAI,KAAK,SAAS,GAAG,EACjD,eAAe,MAAM,KAAK,KACxB,sBAAsB,CAAC,KAAK,CAa9B,CAAC"}

package/dist/queue/list-core/use-inline-actions.js

@@ -0,0 +1,10 @@
+import { filterSimpleActions, getRowActions, } from '#components/cz-actions';
+import { BootInfo } from '@neovici/core/context/boot-info.js';
+import { useContext } from '@pionjs/pion';
+export const useInlineActions = (rowIdProperty) => {
+    const boot = useContext(BootInfo);
+    return [
+        async ({ selectedItems }) => getRowActions(boot.reasonCodes, boot.actions, selectedItems, rowIdProperty, filterSimpleActions(boot)),
+        [boot],
+    ];
+};

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

@@ -0,0 +1,34 @@
+import { RowAction } from '#cz/cz-components/cz-actions/actions.ts';
+import { useFormDialogable } from '@neovici/cosmoz-form';
+import type { ColumnFilters, ColumnNames, Columns } from './column';
+import { ListCoreState } from './use-list-state';
+import { TList$ } from './use-more';
+export interface ParamsOptions<C> {
+    descending?: boolean;
+    sortOn?: ColumnNames<C>;
+    columns: C;
+    filters?: ColumnFilters<C>;
+}
+export type GenericActionsCallback<TItem> = readonly [
+    (opts: {
+        selectedItems: TItem[];
+    }) => Promise<RowAction[]>,
+    readonly unknown[]
+];
+export interface UseListCore<TColumns extends Columns, TParams extends object, TItem extends object> {
+    pageSize?: number;
+    params: readonly [(opts: ParamsOptions<TColumns>) => TParams, unknown[]];
+    columns: readonly [() => TColumns, unknown[]];
+    list$: readonly [TList$<TParams, TItem>, unknown[]];
+    genericActions$?: GenericActionsCallback<TItem>;
+}
+type UseFormDialogable = ReturnType<typeof useFormDialogable>;
+export interface UseListCoreResult<TColumns extends Columns, TItem extends object> extends ListCoreState<TItem, TColumns>, Pick<UseFormDialogable, 'dialog' | 'open'> {
+    data$: PromiseLike<TItem[]>;
+    columns: TColumns;
+    loadMore: (() => void) | undefined;
+    genericActions$: Promise<RowAction[]>;
+}
+export declare const useListCore: <TColumns extends Columns, TParams extends object, TItem extends object>({ columns: _columns, params: __params, list$: _list$, genericActions$: _genericActions$, pageSize, }: UseListCore<TColumns, TParams, TItem>) => UseListCoreResult<TColumns, TItem>;
+export {};
+//# sourceMappingURL=use-list-core.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-list-core.d.ts","sourceRoot":"","sources":["../../../src/queue/list-core/use-list-core.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,aAAa,EAAoB,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAW,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,aAAa,CAAC,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACxB,OAAO,EAAE,CAAC,CAAC;IACX,OAAO,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,sBAAsB,CAAC,KAAK,IAAI,SAAS;IACpD,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,KAAK,EAAE,CAAA;KAAE,KAAK,OAAO,CAAC,SAAS,EAAE,CAAC;IAC1D,SAAS,OAAO,EAAE;CAClB,CAAC;AAEF,MAAM,WAAW,WAAW,CAC3B,QAAQ,SAAS,OAAO,EACxB,OAAO,SAAS,MAAM,EACtB,KAAK,SAAS,MAAM;IAEpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,CAAC,CAAC,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;IACzE,OAAO,EAAE,SAAS,CAAC,MAAM,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IAC9C,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IACpD,eAAe,CAAC,EAAE,sBAAsB,CAAC,KAAK,CAAC,CAAC;CAChD;AAED,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE9D,MAAM,WAAW,iBAAiB,CACjC,QAAQ,SAAS,OAAO,EACxB,KAAK,SAAS,MAAM,CAEpB,SACC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,EAC9B,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC3C,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;IAC5B,OAAO,EAAE,QAAQ,CAAC;IAClB,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,eAAe,EAAE,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;CACtC;AAYD,eAAO,MAAM,WAAW,GACvB,QAAQ,SAAS,OAAO,EACxB,OAAO,SAAS,MAAM,EACtB,KAAK,SAAS,MAAM,EACnB,sGAMC,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,KAAG,iBAAiB,CAC3D,QAAQ,EACR,KAAK,CAyCL,CAAC"}

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

@@ -0,0 +1,36 @@
+import { useCallback, useMemo } from '@pionjs/pion';
+import { useFormDialogable } from '@neovici/cosmoz-form';
+import { useListCoreState } from './use-list-state';
+import { useMore } from './use-more';
+const noGenericActions = [async () => [], []];
+const useGenericActions$ = ([fn, values] = noGenericActions, selectedItems) => useMemo(async () => fn?.({ selectedItems }) ?? [], [...values, selectedItems]);
+export const useListCore = ({ columns: _columns, params: __params, list$: _list$, genericActions$: _genericActions$, pageSize, }) => {
+    const state = useListCoreState();
+    const { filters, descending, sortOn, setTotalAvailable } = state;
+    const columns = useMemo(..._columns);
+    const _params = useCallback(...__params);
+    const { rtkn, dialog, open } = useFormDialogable();
+    const params = useMemo(() => _params({
+        filters,
+        descending,
+        sortOn,
+        columns,
+    }), [_params, filters, descending, sortOn, columns, rtkn]);
+    const list$ = useCallback(..._list$);
+    const { data$, loadMore } = useMore({
+        list$,
+        setTotalAvailable,
+        params,
+        pageSize,
+    });
+    const genericActions$ = useGenericActions$(_genericActions$, state.selectedItems);
+    return {
+        ...state,
+        data$,
+        columns,
+        dialog,
+        open,
+        loadMore,
+        genericActions$,
+    };
+};

package/dist/queue/list-core/use-list-state.d.ts

@@ -0,0 +1,24 @@
+import { ColumnFilters, ColumnNames } from './column';
+interface ListCoreDefaults<TColumns extends object> {
+    filters: ColumnFilters<TColumns>;
+    sortOn?: ColumnNames<TColumns>;
+    groupOn?: ColumnNames<TColumns>;
+    descending?: boolean;
+}
+export declare const useListCoreState: <TItem extends object, TColumns extends object>(defaults?: ListCoreDefaults<TColumns>) => {
+    filters: ColumnFilters<TColumns> | undefined;
+    setFilters: import("@pionjs/pion").StateUpdater<ColumnFilters<TColumns> | undefined>;
+    descending: boolean;
+    setDescending: import("@pionjs/pion").StateUpdater<boolean>;
+    sortOn: ColumnNames<TColumns> | undefined;
+    setSortOn: import("@pionjs/pion").StateUpdater<ColumnNames<TColumns> | undefined>;
+    groupOn: ColumnNames<TColumns> | undefined;
+    setGroupOn: import("@pionjs/pion").StateUpdater<ColumnNames<TColumns> | undefined>;
+    selectedItems: TItem[];
+    setSelectedItems: import("@pionjs/pion").StateUpdater<TItem[]>;
+    setVisibleItems: import("@pionjs/pion").StateUpdater<TItem[]>;
+    setTotalAvailable: import("@pionjs/pion").StateUpdater<number | undefined>;
+};
+export type ListCoreState<TItem extends object, TColumns extends object> = ReturnType<typeof useListCoreState<TItem, TColumns>>;
+export {};
+//# sourceMappingURL=use-list-state.d.ts.map

package/dist/queue/list-core/use-list-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-list-state.d.ts","sourceRoot":"","sources":["../../../src/queue/list-core/use-list-state.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEtD,UAAU,gBAAgB,CAAC,QAAQ,SAAS,MAAM;IACjD,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,GAAI,KAAK,SAAS,MAAM,EAAE,QAAQ,SAAS,MAAM,EAC7E,WAAW,gBAAgB,CAAC,QAAQ,CAAC;;;;;;;;;;;;;CA+BrC,CAAC;AAEF,MAAM,MAAM,aAAa,CACxB,KAAK,SAAS,MAAM,EACpB,QAAQ,SAAS,MAAM,IACpB,UAAU,CAAC,OAAO,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC"}

package/dist/queue/list-core/use-list-state.js

@@ -0,0 +1,25 @@
+import { useProperty } from '@pionjs/pion';
+export const useListCoreState = (defaults) => {
+    const [filters, setFilters] = useProperty('filters', () => defaults?.filters);
+    const [descending, setDescending] = useProperty('descending', () => defaults?.descending ?? false);
+    const [groupOn, setGroupOn] = useProperty('groupOn', () => defaults?.groupOn);
+    const [sortOn, setSortOn] = useProperty('sortOn', () => defaults?.sortOn);
+    const [, setVisibleItems] = useProperty('visibleItems', []);
+    const [selectedItems, setSelectedItems] = useProperty('selectedItems', []);
+    // TODO: use pagination
+    const [, setTotalAvailable] = useProperty('totalAvailable');
+    return {
+        filters,
+        setFilters,
+        descending,
+        setDescending,
+        sortOn,
+        setSortOn,
+        groupOn,
+        setGroupOn,
+        selectedItems,
+        setSelectedItems,
+        setVisibleItems,
+        setTotalAvailable,
+    };
+};

package/dist/queue/list-core/use-more.d.ts

@@ -0,0 +1,23 @@
+import { StateUpdater } from '@pionjs/pion';
+export interface TList$<TParams extends object, TItem extends object> {
+    (props: {
+        params: TParams;
+        page: number;
+        pageSize: number;
+    }): PromiseLike<{
+        items: TItem[];
+        total: number;
+    }>;
+}
+interface UseMore<TParams extends object, TItem extends object> {
+    pageSize?: number;
+    params: TParams;
+    list$: TList$<TParams, TItem>;
+    setTotalAvailable: StateUpdater<number | undefined>;
+}
+export declare const useMore: <TParams extends object, TItem extends object>({ params: _params, list$, pageSize, setTotalAvailable, }: UseMore<TParams, TItem>) => {
+    data$: PromiseLike<TItem[]>;
+    loadMore: (() => void) | undefined;
+};
+export {};
+//# sourceMappingURL=use-more.d.ts.map

package/dist/queue/list-core/use-more.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-more.d.ts","sourceRoot":"","sources":["../../../src/queue/list-core/use-more.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAgC,MAAM,cAAc,CAAC;AAE1E,MAAM,WAAW,MAAM,CAAC,OAAO,SAAS,MAAM,EAAE,KAAK,SAAS,MAAM;IACnE,CAAC,KAAK,EAAE;QACP,MAAM,EAAE,OAAO,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;KACjB,GAAG,WAAW,CAAC;QAAE,KAAK,EAAE,KAAK,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD;AAED,UAAU,OAAO,CAAC,OAAO,SAAS,MAAM,EAAE,KAAK,SAAS,MAAM;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC9B,iBAAiB,EAAE,YAAY,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CACpD;AASD,eAAO,MAAM,OAAO,GAAI,OAAO,SAAS,MAAM,EAAE,KAAK,SAAS,MAAM,EAAE,0DAKnE,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC;;;CAuDzB,CAAC"}