@arrai-innovations/reactive-helpers 4.2.1 → 4.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@arrai-innovations/reactive-helpers",
-    "version": "4.2.1",
+    "version": "4.3.0",
     "description": "VueJS 3 utility composition functions to help manipulate objects and lists.",
     "main": "index.js",
     "directories": {

package/use/list.js

@@ -6,7 +6,7 @@ import { usePagedListInstance } from "./paginatedListInstance";
 import { effectScope, reactive, shallowReactive, shallowReadonly, toRef, watch } from "vue";
 
 // the big brother of useObject, managing a chain of useList* instances.
-export const useList = ({ props, functions, paged = false, passThroughPropertyNames = [] }) => {
+export const useList = ({ props, functions, paged = false, keepOldPages = false, passThroughPropertyNames = [] }) => {
     const managed = shallowReactive({
         listInstance: null,
         listSubscription: null,
@@ -20,6 +20,7 @@ export const useList = ({ props, functions, paged = false, passThroughPropertyNa
         functions,
         retrieveArgs: toRef(props, "retrieveArgs"),
         listArgs: toRef(props, "listArgs"),
+        keepOldPages,
     });
 
     const intentPropsWatch = () => {

package/use/paginatedListInstance.js

@@ -1,6 +1,6 @@
 import { useListInstance } from "./listInstance";
 
-export function usePagedListInstance(useListInstanceArgs) {
+export function usePagedListInstance({ keepOldPages = false, ...useListInstanceArgs }) {
     const listInstance = useListInstance(useListInstanceArgs);
 
     listInstance.state.totalRecords = 0;
@@ -8,8 +8,11 @@ export function usePagedListInstance(useListInstanceArgs) {
     listInstance.state.perPage = 0;
 
     listInstance.pageCallback = (newObjects, { totalRecords, totalPages, perPage }) => {
-        // display one page at a time, clear the list
-        listInstance.clearList();
+        // with keepOldPages, you are responsible for clearing the list as needed
+        if (!keepOldPages) {
+            // display one page at a time, clear the list
+            listInstance.clearList();
+        }
 
         listInstance.defaultPageCallback(newObjects);
         if (totalRecords !== undefined) {