@neovici/cosmoz-queue 2.11.3 → 2.11.5

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.
@@ -1,8 +1,9 @@
1
1
  import '@neovici/cosmoz-spinner';
2
2
  export declare const style: string;
3
- export declare const renderLoadMore: ({ loading, data$, onMore, }: {
3
+ export declare const renderLoadMore: ({ loading, data$, hasItems, onMore, }: {
4
4
  loading?: boolean;
5
5
  data$?: PromiseLike<unknown>;
6
+ hasItems?: boolean;
6
7
  onMore?: () => void;
7
8
  }) => import("lit-html").TemplateResult<1>;
8
9
  //# sourceMappingURL=render-more.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"render-more.d.ts","sourceRoot":"","sources":["../../../src/list/more/render-more.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAOjC,eAAO,MAAM,KAAK,QAcjB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,6BAI5B;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB,yCAkBU,CAAC"}
1
+ {"version":3,"file":"render-more.d.ts","sourceRoot":"","sources":["../../../src/list/more/render-more.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAOjC,eAAO,MAAM,KAAK,QAcjB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,uCAK5B;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB,yCAkBU,CAAC"}
@@ -19,13 +19,13 @@ export const style = css `
19
19
  color: var(--secondary-text-color);
20
20
  }
21
21
  `;
22
- export const renderLoadMore = ({ loading, data$, onMore, }) => html `<button
22
+ export const renderLoadMore = ({ loading, data$, hasItems, onMore, }) => html `<button
23
23
  class="more"
24
24
  slot="extraContent"
25
25
  ?hidden="${!onMore}"
26
26
  @click="${onMore}"
27
27
  >
28
28
  ${when(loading, () => html `<cosmoz-spinner></cosmoz-spinner>`)}
29
- ${when(data$, (data$) => until(data$.then(() => nothing, () => nothing), html `<cosmoz-spinner></cosmoz-spinner>`))}
29
+ ${when(hasItems && data$, (data$) => until(data$.then(() => nothing, () => nothing), html `<cosmoz-spinner></cosmoz-spinner>`))}
30
30
  <span>${t('Load more')}</span>
31
31
  </button>`;
@@ -20,7 +20,7 @@ export interface RenderListCoreProps<TItem extends object> {
20
20
  export interface RenderListCore<TColumns extends Columns, TItem extends object> extends UseListCoreResult<TColumns, TItem>, RenderListCoreProps<TItem> {
21
21
  }
22
22
  export declare const renderColumns: <T extends Columns>(columns: T) => import("../types/lit").LitRenderable[];
23
- 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, compareItemsFn, }: RenderListCore<TColumns, TItem>) => import("lit-html/directive.js").DirectiveResult<new (_partInfo: import("lit-html/directive.js").PartInfo) => import("lit-html/directives/until.js").UntilDirective<import("lit-html").TemplateResult<1> | Promise<symbol | {
23
+ 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, hasItems, setFilters, setIsMini, columns, actions, dialog, open, content, loadMore, compareItemsFn, }: RenderListCore<TColumns, TItem>) => import("lit-html/directive.js").DirectiveResult<new (_partInfo: import("lit-html/directive.js").PartInfo) => import("lit-html/directives/until.js").UntilDirective<import("lit-html").TemplateResult<1> | Promise<symbol | {
24
24
  toString(): string;
25
25
  } | readonly import("@neovici/cosmoz-form").Renderable[] | null | undefined>>>[];
26
26
  //# 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;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;IAC3D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,KAAK,OAAO,CAAC;CACjD;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,sTAgC5E,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC;;gFA0CjC,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;IAC3D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,KAAK,OAAO,CAAC;CACjD;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,gUAiC5E,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC;;gFA0CjC,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, miniBreakpoint, sortOn, setSortOn, descending, setDescending, groupOn, setGroupOn, selectedItems, setSelectedItems, setVisibleItems, setFilters, setIsMini, columns, actions, dialog, open, content, loadMore, compareItemsFn, }) => [
11
+ export const renderListCore = ({ settingsId, hashParam, enabledColumns, csvFilename, exposedParts, data$, noLocal = true, miniBreakpoint, sortOn, setSortOn, descending, setDescending, groupOn, setGroupOn, selectedItems, setSelectedItems, setVisibleItems, hasItems, setFilters, setIsMini, columns, actions, dialog, open, content, loadMore, compareItemsFn, }) => [
12
12
  html `<cosmoz-omnitable
13
13
  id="omnitable"
14
14
  ?no-local=${noLocal}
@@ -37,7 +37,7 @@ export const renderListCore = ({ settingsId, hashParam, enabledColumns, csvFilen
37
37
  renderColumns(columns),
38
38
  when(actions, renderActions({ open, items: selectedItems, slot: 'actions' })),
39
39
  content?.({ selectedItems }),
40
- renderLoadMore({ data$, onMore: loadMore }),
40
+ renderLoadMore({ data$, onMore: loadMore, hasItems }),
41
41
  ]}</cosmoz-omnitable
42
42
  >`,
43
43
  formDialog$(dialog),
@@ -19,6 +19,8 @@ export interface UseListCore<TColumns extends Columns, TParams extends object, T
19
19
  type UseFormDialogable$ = ReturnType<typeof useFormDialogable$>;
20
20
  export interface UseListCoreResult<TColumns extends Columns, TItem extends object = object, TParams extends object = object> extends ListCoreState<TItem, TColumns>, Pick<UseFormDialogable$, 'dialog' | 'open'> {
21
21
  data$: PromiseLike<TItem[]>;
22
+ visibleItems: TItem[];
23
+ hasItems: boolean;
22
24
  columns: TColumns;
23
25
  params: TParams;
24
26
  paramsMeta: 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,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,MAAM,EAAW,MAAM,iBAAiB,CAAC;AAClD,OAAO,EACN,gBAAgB,EAChB,aAAa,EAEb,MAAM,kBAAkB,CAAC;AAE1B,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,CACnB,SAAQ,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACpD,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,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEhE,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,kBAAkB,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC5C,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,kJAQC,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,KAAG,iBAAiB,CAC3D,QAAQ,EACR,KAAK,EACL,OAAO,CAgDP,CAAC"}
1
+ {"version":3,"file":"use-list-core.d.ts","sourceRoot":"","sources":["../../src/list/use-list-core.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,MAAM,EAAW,MAAM,iBAAiB,CAAC;AAClD,OAAO,EACN,gBAAgB,EAChB,aAAa,EAEb,MAAM,kBAAkB,CAAC;AAE1B,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,CACnB,SAAQ,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACpD,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,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEhE,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,kBAAkB,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC5C,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;IAC5B,YAAY,EAAE,KAAK,EAAE,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,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,kJAQC,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,KAAG,iBAAiB,CAC3D,QAAQ,EACR,KAAK,EACL,OAAO,CAgDP,CAAC"}
@@ -14,9 +14,11 @@ export declare const useListCoreState: <TItem extends object, TColumns extends o
14
14
  setSortOn: import("@pionjs/pion").StateUpdater<ColumnNames<TColumns> | undefined>;
15
15
  groupOn: ColumnNames<TColumns> | undefined;
16
16
  setGroupOn: import("@pionjs/pion").StateUpdater<ColumnNames<TColumns> | undefined>;
17
+ visibleItems: TItem[];
18
+ setVisibleItems: import("@pionjs/pion").StateUpdater<TItem[]>;
19
+ hasItems: boolean;
17
20
  selectedItems: TItem[];
18
21
  setSelectedItems: import("@pionjs/pion").StateUpdater<TItem[]>;
19
- setVisibleItems: import("@pionjs/pion").StateUpdater<TItem[]>;
20
22
  setTotalAvailable: import("@pionjs/pion").StateUpdater<number | undefined>;
21
23
  isMini: boolean;
22
24
  setIsMini: import("@pionjs/pion").StateUpdater<boolean>;
@@ -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,MAAM,WAAW,gBAAgB,CAAC,QAAQ,SAAS,MAAM;IACxD,OAAO,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAClC,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"}
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,MAAM,WAAW,gBAAgB,CAAC,QAAQ,SAAS,MAAM;IACxD,OAAO,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAClC,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;;;;;;;;;;;;;;;;;CAwCrC,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"}
@@ -4,7 +4,8 @@ export const useListCoreState = (defaults) => {
4
4
  const [descending, setDescending] = useProperty('descending', () => defaults?.descending ?? false);
5
5
  const [groupOn, setGroupOn] = useProperty('groupOn', () => defaults?.groupOn);
6
6
  const [sortOn, setSortOn] = useProperty('sortOn', () => defaults?.sortOn);
7
- const [, setVisibleItems] = useProperty('visibleItems', []);
7
+ const [visibleItems, setVisibleItems] = useProperty('visibleItems', []);
8
+ const hasItems = visibleItems.length > 0;
8
9
  const [selectedItems, setSelectedItems] = useProperty('selectedItems', []);
9
10
  // TODO: use pagination
10
11
  const [, setTotalAvailable] = useProperty('totalAvailable');
@@ -18,9 +19,11 @@ export const useListCoreState = (defaults) => {
18
19
  setSortOn,
19
20
  groupOn,
20
21
  setGroupOn,
22
+ visibleItems,
23
+ setVisibleItems,
24
+ hasItems,
21
25
  selectedItems,
22
26
  setSelectedItems,
23
- setVisibleItems,
24
27
  setTotalAvailable,
25
28
  isMini,
26
29
  setIsMini,
@@ -1 +1 @@
1
- {"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"}
1
+ {"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,wBA2CE;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"}
@@ -1,5 +1,5 @@
1
1
  import { debounce$ } from '@neovici/cosmoz-utils/promise';
2
- import { useEffect, useMemo, useRef, useState } from '@pionjs/pion';
2
+ import { useEffect, useMemo, useState } from '@pionjs/pion';
3
3
  import { jsonPost } from '../util/fetch/fetch';
4
4
  import { apiUrl } from '../util/fetch/url';
5
5
  import { nothing } from 'lit-html';
@@ -11,23 +11,17 @@ export { mapActions, noActions } from './map-actions';
11
11
  export default ({ pathLocator, selected, api: url, }) => {
12
12
  const [{ fetching: actionsFetching, data }, setApi$] = useState({}), ids = useMemo(() => selected?.map((i) => i.id) ?? [], [selected]), { actions, actionRows } = useMemo(() => mapActions(ids, data), [ids.length, ...ids, data]);
13
13
  const post$ = useMemo(() => debounce$(jsonPost, 320), []);
14
- const reqId = useRef(0);
15
14
  useEffect(() => {
16
15
  if (ids.length < 1) {
17
16
  setApi$({});
18
17
  return;
19
18
  }
20
- const thisReq = (reqId.current = reqId.current + 1);
21
19
  const ac = new AbortController();
22
20
  setApi$(() => ({
23
21
  api$: post$(apiUrl(url, { pathLocator }), ids, {
24
22
  signal: ac.signal,
25
- }).then((data) => {
26
- if (reqId.current !== thisReq)
27
- return;
28
- setApi$((api) => ({ ...api, fetching: false, data }));
29
- }, (err) => {
30
- if (err?.name === 'AbortError' || reqId.current !== thisReq)
23
+ }).then((data) => setApi$((api) => ({ ...api, fetching: false, data })), (err) => {
24
+ if (err?.name === 'AbortError')
31
25
  return;
32
26
  setApi$({ error: err });
33
27
  }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neovici/cosmoz-queue",
3
- "version": "2.11.3",
3
+ "version": "2.11.5",
4
4
  "description": "A reusable queue component for master-detail views with list, split, and queue modes",
5
5
  "keywords": [
6
6
  "web-components",