@neovici/cosmoz-queue 1.6.3 → 2.1.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/render-list-core.d.ts +2 -1
- package/dist/list/render-list-core.d.ts.map +1 -1
- package/dist/list/render-list-core.js +3 -1
- package/dist/list/use-list-core.d.ts +3 -2
- package/dist/list/use-list-core.d.ts.map +1 -1
- package/dist/list/use-list-core.js +1 -0
- package/dist/list/use-list-state.d.ts +2 -0
- package/dist/list/use-list-state.d.ts.map +1 -1
- package/dist/list/use-list-state.js +3 -0
- package/package.json +2 -3
|
@@ -10,6 +10,7 @@ export interface RenderListCoreProps<TItem extends object> {
|
|
|
10
10
|
csvFilename?: string;
|
|
11
11
|
enabledColumns?: string[];
|
|
12
12
|
noLocal?: boolean;
|
|
13
|
+
miniBreakpoint?: number;
|
|
13
14
|
actions?: Action<TItem, any>[];
|
|
14
15
|
content?: (opts: {
|
|
15
16
|
selectedItems: TItem[];
|
|
@@ -18,5 +19,5 @@ export interface RenderListCoreProps<TItem extends object> {
|
|
|
18
19
|
export interface RenderListCore<TColumns extends Columns, TItem extends object> extends UseListCoreResult<TColumns, TItem>, RenderListCoreProps<TItem> {
|
|
19
20
|
}
|
|
20
21
|
export declare const renderColumns: <T extends Columns>(columns: T) => import("../types/lit").LitRenderable[];
|
|
21
|
-
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, content, loadMore, }: RenderListCore<TColumns, TItem>) => import("@neovici/cosmoz-form").Renderable[];
|
|
22
|
+
export declare const renderListCore: <TColumns extends Columns, TItem extends object>({ settingsId, hashParam, enabledColumns, csvFilename, exposedParts, data$, noLocal, miniBreakpoint, sortOn, setSortOn, descending, setDescending, groupOn, setGroupOn, selectedItems, setSelectedItems, setVisibleItems, setFilters, setIsMini, columns, actions, dialog, open, content, loadMore, }: RenderListCore<TColumns, TItem>) => import("@neovici/cosmoz-form").Renderable[];
|
|
22
23
|
//# sourceMappingURL=render-list-core.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render-list-core.d.ts","sourceRoot":"","sources":["../../src/list/render-list-core.ts"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAKrD,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;
|
|
1
|
+
{"version":3,"file":"render-list-core.d.ts","sourceRoot":"","sources":["../../src/list/render-list-core.ts"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAKrD,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;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,OAAO,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,KAAK,EAAE,CAAA;KAAE,KAAK,UAAU,CAAC;CAC3D;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,2CAGzD,CAAC;AAEH,eAAO,MAAM,cAAc,GAAI,QAAQ,SAAS,OAAO,EAAE,KAAK,SAAS,MAAM,EAAE,sSA+B5E,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,gDA4CjC,CAAC"}
|
|
@@ -8,7 +8,7 @@ import { when } from 'lit-html/directives/when.js';
|
|
|
8
8
|
import { renderActions } from '../actions';
|
|
9
9
|
import { renderLoadMore } from './more/render-more';
|
|
10
10
|
export const renderColumns = (columns) => Object.entries(columns).map(([name, column]) => column.render({ ...column, name }));
|
|
11
|
-
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, content, loadMore, }) => [
|
|
11
|
+
export const renderListCore = ({ settingsId, hashParam, enabledColumns, csvFilename, exposedParts, data$, noLocal = true, miniBreakpoint, sortOn, setSortOn, descending, setDescending, groupOn, setGroupOn, selectedItems, setSelectedItems, setVisibleItems, setFilters, setIsMini, columns, actions, dialog, open, content, loadMore, }) => [
|
|
12
12
|
html `<cosmoz-omnitable
|
|
13
13
|
id="omnitable"
|
|
14
14
|
?no-local=${noLocal}
|
|
@@ -30,6 +30,8 @@ export const renderListCore = ({ settingsId, hashParam, enabledColumns, csvFilen
|
|
|
30
30
|
@sort-on-changed=${lift(setSortOn)}
|
|
31
31
|
descending=${descending}
|
|
32
32
|
@descending-changed=${lift(setDescending)}
|
|
33
|
+
.miniBreakpoint=${miniBreakpoint}
|
|
34
|
+
@is-mini-changed=${lift(setIsMini)}
|
|
33
35
|
>${[
|
|
34
36
|
renderColumns(columns),
|
|
35
37
|
when(actions, renderActions({ open, items: selectedItems, slot: 'actions' })),
|
|
@@ -15,11 +15,12 @@ export interface UseListCore<TColumns extends Columns, TParams extends object, T
|
|
|
15
15
|
list$: readonly [TList$<TParams, TItem>, unknown[]];
|
|
16
16
|
}
|
|
17
17
|
type UseFormDialogable = ReturnType<typeof useFormDialogable>;
|
|
18
|
-
export interface UseListCoreResult<TColumns extends Columns, TItem extends object> extends ListCoreState<TItem, TColumns>, Pick<UseFormDialogable, 'dialog' | 'open'> {
|
|
18
|
+
export interface UseListCoreResult<TColumns extends Columns, TItem extends object = object, TParams extends object = object> extends ListCoreState<TItem, TColumns>, Pick<UseFormDialogable, 'dialog' | 'open'> {
|
|
19
19
|
data$: PromiseLike<TItem[]>;
|
|
20
20
|
columns: TColumns;
|
|
21
|
+
params: TParams;
|
|
21
22
|
loadMore: (() => void) | undefined;
|
|
22
23
|
}
|
|
23
|
-
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>;
|
|
24
|
+
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>;
|
|
24
25
|
export {};
|
|
25
26
|
//# sourceMappingURL=use-list-core.d.ts.map
|
|
@@ -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;AAEzD,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,MAAM,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IAC9C,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,
|
|
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;AAEzD,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,MAAM,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IAC9C,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,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,CAoCP,CAAC"}
|
|
@@ -18,6 +18,8 @@ export declare const useListCoreState: <TItem extends object, TColumns extends o
|
|
|
18
18
|
setSelectedItems: import("@pionjs/pion").StateUpdater<TItem[]>;
|
|
19
19
|
setVisibleItems: import("@pionjs/pion").StateUpdater<TItem[]>;
|
|
20
20
|
setTotalAvailable: import("@pionjs/pion").StateUpdater<number | undefined>;
|
|
21
|
+
isMini: boolean;
|
|
22
|
+
setIsMini: import("@pionjs/pion").StateUpdater<boolean>;
|
|
21
23
|
};
|
|
22
24
|
export type ListCoreState<TItem extends object, TColumns extends object> = ReturnType<typeof useListCoreState<TItem, TColumns>>;
|
|
23
25
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-list-state.d.ts","sourceRoot":"","sources":["../../src/list/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
|
|
1
|
+
{"version":3,"file":"use-list-state.d.ts","sourceRoot":"","sources":["../../src/list/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;;;;;;;;;;;;;;;CAkCrC,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"}
|
|
@@ -8,6 +8,7 @@ export const useListCoreState = (defaults) => {
|
|
|
8
8
|
const [selectedItems, setSelectedItems] = useProperty('selectedItems', []);
|
|
9
9
|
// TODO: use pagination
|
|
10
10
|
const [, setTotalAvailable] = useProperty('totalAvailable');
|
|
11
|
+
const [isMini, setIsMini] = useProperty('isMini', false);
|
|
11
12
|
return {
|
|
12
13
|
filters,
|
|
13
14
|
setFilters,
|
|
@@ -21,5 +22,7 @@ export const useListCoreState = (defaults) => {
|
|
|
21
22
|
setSelectedItems,
|
|
22
23
|
setVisibleItems,
|
|
23
24
|
setTotalAvailable,
|
|
25
|
+
isMini,
|
|
26
|
+
setIsMini,
|
|
24
27
|
};
|
|
25
28
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neovici/cosmoz-queue",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"description": "A reusable queue component for master-detail views with list, split, and queue modes",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"web-components",
|
|
@@ -74,8 +74,7 @@
|
|
|
74
74
|
"./list/more/render": "./dist/list/more/render-more.js"
|
|
75
75
|
},
|
|
76
76
|
"dependencies": {
|
|
77
|
-
"@neovici/cosmoz-
|
|
78
|
-
"@neovici/cosmoz-form": "^1.0.1",
|
|
77
|
+
"@neovici/cosmoz-form": "^1.0.1 || ^2.0.0",
|
|
79
78
|
"@neovici/cosmoz-i18next": "^3.5.1",
|
|
80
79
|
"@neovici/cosmoz-omnitable": "^16.0.3 || ^17.0.0 || ^18.0.0",
|
|
81
80
|
"@neovici/cosmoz-router": "^11.2.8",
|