@neovici/cosmoz-queue 2.1.0 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/list/use-list-core.d.ts +4 -1
- package/dist/list/use-list-core.d.ts.map +1 -1
- package/dist/list/use-list-core.js +8 -2
- package/dist/queue/item-click.d.ts +8 -2
- package/dist/queue/item-click.d.ts.map +1 -1
- package/dist/queue/item-click.js +2 -2
- package/dist/queue/use-queue.d.ts.map +1 -1
- package/dist/queue/use-queue.js +2 -2
- package/package.json +1 -1
|
@@ -11,7 +11,9 @@ export interface ParamsOptions<C> {
|
|
|
11
11
|
export interface UseListCore<TColumns extends Columns, TParams extends object, TItem extends object> {
|
|
12
12
|
pageSize?: number;
|
|
13
13
|
params: readonly [(opts: ParamsOptions<TColumns>) => TParams, unknown[]];
|
|
14
|
-
columns: readonly [(
|
|
14
|
+
columns: readonly [(opts: {
|
|
15
|
+
paramsMeta: TParams;
|
|
16
|
+
}) => TColumns, unknown[]];
|
|
15
17
|
list$: readonly [TList$<TParams, TItem>, unknown[]];
|
|
16
18
|
}
|
|
17
19
|
type UseFormDialogable = ReturnType<typeof useFormDialogable>;
|
|
@@ -19,6 +21,7 @@ export interface UseListCoreResult<TColumns extends Columns, TItem extends objec
|
|
|
19
21
|
data$: PromiseLike<TItem[]>;
|
|
20
22
|
columns: TColumns;
|
|
21
23
|
params: TParams;
|
|
24
|
+
paramsMeta: TParams;
|
|
22
25
|
loadMore: (() => void) | undefined;
|
|
23
26
|
}
|
|
24
27
|
export declare const useListCore: <TColumns extends Columns, TParams extends object, TItem extends object>({ columns: _columns, params: __params, list$: _list$, pageSize, }: UseListCore<TColumns, TParams, TItem>) => UseListCoreResult<TColumns, TItem, TParams>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-list-core.d.ts","sourceRoot":"","sources":["../../src/list/use-list-core.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"use-list-core.d.ts","sourceRoot":"","sources":["../../src/list/use-list-core.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,MAAM,EAAW,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAoB,MAAM,kBAAkB,CAAC;AAEnE,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,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,CAAC,IAAI,EAAE;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,KAAK,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IAC3E,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;CACpD;AAED,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE9D,MAAM,WAAW,iBAAiB,CACjC,QAAQ,SAAS,OAAO,EACxB,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,OAAO,SAAS,MAAM,GAAG,MAAM,CAE/B,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,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,GACvB,QAAQ,SAAS,OAAO,EACxB,OAAO,SAAS,MAAM,EACtB,KAAK,SAAS,MAAM,EACnB,mEAKC,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,KAAG,iBAAiB,CAC3D,QAAQ,EACR,KAAK,EACL,OAAO,CAyCP,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { useFormDialogable } from '@neovici/cosmoz-form';
|
|
2
|
-
import {
|
|
2
|
+
import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
|
|
3
|
+
import { useCallback, useEffect, useMemo } from '@pionjs/pion';
|
|
3
4
|
import { useMore } from './more/use-more';
|
|
4
5
|
import { useListCoreState } from './use-list-state';
|
|
5
6
|
export const useListCore = ({ columns: _columns, params: __params, list$: _list$, pageSize, }) => {
|
|
6
7
|
const state = useListCoreState();
|
|
7
8
|
const { filters, descending, sortOn, setTotalAvailable } = state;
|
|
8
|
-
const
|
|
9
|
+
const paramsMeta = useMeta({});
|
|
10
|
+
const columns = useMemo(() => _columns[0]({ paramsMeta }), _columns[1]);
|
|
9
11
|
const _params = useCallback(...__params);
|
|
10
12
|
const { rtkn, dialog, open } = useFormDialogable();
|
|
11
13
|
const params = useMemo(() => _params({
|
|
@@ -14,6 +16,9 @@ export const useListCore = ({ columns: _columns, params: __params, list$: _list$
|
|
|
14
16
|
sortOn,
|
|
15
17
|
columns,
|
|
16
18
|
}), [_params, filters, descending, sortOn, columns, rtkn]);
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
Object.assign(paramsMeta, params);
|
|
21
|
+
}, [paramsMeta, params]);
|
|
17
22
|
const list$ = useCallback(..._list$);
|
|
18
23
|
const { data$, loadMore } = useMore({
|
|
19
24
|
list$,
|
|
@@ -26,6 +31,7 @@ export const useListCore = ({ columns: _columns, params: __params, list$: _list$
|
|
|
26
31
|
data$,
|
|
27
32
|
columns,
|
|
28
33
|
params,
|
|
34
|
+
paramsMeta,
|
|
29
35
|
dialog,
|
|
30
36
|
open,
|
|
31
37
|
loadMore,
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type ItemClickOpts = {
|
|
2
|
+
item: unknown;
|
|
3
|
+
index?: never;
|
|
4
|
+
activate: string | string[];
|
|
5
|
+
} | {
|
|
6
|
+
item?: never;
|
|
2
7
|
index: number;
|
|
3
8
|
activate: string | string[];
|
|
4
|
-
}
|
|
9
|
+
};
|
|
10
|
+
export declare const itemClick: ({ item, index, activate }: ItemClickOpts) => <E extends KeyboardEvent | MouseEvent>(e: E) => void;
|
|
5
11
|
//# sourceMappingURL=item-click.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item-click.d.ts","sourceRoot":"","sources":["../../src/queue/item-click.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"item-click.d.ts","sourceRoot":"","sources":["../../src/queue/item-click.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GACtB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,GAC7D;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,CAAC;AAEhE,eAAO,MAAM,SAAS,GACpB,2BAA2B,aAAa,MACxC,CAAC,SAAS,aAAa,GAAG,UAAU,EAAE,GAAG,CAAC,SAe1C,CAAC"}
|
package/dist/queue/item-click.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export const itemClick = ({ index, activate }) => (e) => {
|
|
1
|
+
export const itemClick = ({ item, index, activate }) => (e) => {
|
|
2
2
|
if (e.ctrlKey || e.metaKey) {
|
|
3
3
|
return;
|
|
4
4
|
}
|
|
@@ -6,7 +6,7 @@ export const itemClick = ({ index, activate }) => (e) => {
|
|
|
6
6
|
cancelable: true,
|
|
7
7
|
bubbles: true,
|
|
8
8
|
composed: true,
|
|
9
|
-
detail: { index, activate },
|
|
9
|
+
detail: { item, index, activate },
|
|
10
10
|
});
|
|
11
11
|
e.currentTarget?.dispatchEvent(clickEvent);
|
|
12
12
|
if (clickEvent.defaultPrevented) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-queue.d.ts","sourceRoot":"","sources":["../../src/queue/use-queue.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAiB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAClD,OAAgB,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"use-queue.d.ts","sourceRoot":"","sources":["../../src/queue/use-queue.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAiB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAClD,OAAgB,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AAyDhE,UAAU,IAAI,CAAC,CAAC,CACf,SACC,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,EAClC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;;;;;;;;;;;;;;;;;;OAkBG;IACH,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACtC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,QAAA,MAAM,QAAQ,GAAI,CAAC,EAAE,8EASlB,IAAI,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA2CH,KAAK;oBAtBA,MAAM;;;;;;;;;;;;;;;;;;CAoDjB,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,IAAI,CAC7B,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACjC,MAAM,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CACxC,CAAC;yBAEc,CAAC,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBArC7B,KAAK;oBAtBA,MAAM;;;;;;;;;;;;;;;;;;;AA2DlB,wBACgD"}
|
package/dist/queue/use-queue.js
CHANGED
|
@@ -60,12 +60,12 @@ const useQueue = ({ id = _id, api, tabHashParam, idHashParam, fallback, onActiva
|
|
|
60
60
|
hideActions: selected?.length > 0 && activeTab === 'split',
|
|
61
61
|
index: useMemo(() => items.indexOf(item), [item, items]),
|
|
62
62
|
onItemClick: useCallback((e) => {
|
|
63
|
-
const { index, activate: mustActivate } = e.detail;
|
|
63
|
+
const { item: clickedItem, index, activate: mustActivate, } = e.detail;
|
|
64
64
|
const mini = e
|
|
65
65
|
.composedPath()
|
|
66
66
|
.find((el) => el instanceof Element && el.matches?.('[mini]'));
|
|
67
67
|
const activate = mustActivate ?? (mini ? ['split', 'queue'] : undefined);
|
|
68
|
-
setItem(items[index]);
|
|
68
|
+
setItem(clickedItem ?? items[index]);
|
|
69
69
|
if (activate) {
|
|
70
70
|
const next = array(activate).find((name) => tabnav.tabs.find((tab) => tab.name === name && !tab.disabled));
|
|
71
71
|
if (next)
|