@arrai-innovations/reactive-helpers 8.1.2 → 8.2.0

package/package.json

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

package/tests/unit/use/listInstance.spec.js

@@ -1,6 +1,6 @@
 import { expectErrorToBeNull } from "../expectHelpers.js";
 import flushPromises from "flush-promises";
-import keyBy from "lodash-es/keyBy";
+import keyBy from "lodash-es/keyBy.js";
 import { inspect } from "util";
 import { isReactive, nextTick, reactive } from "vue";
 

package/tests/unit/use/objectSubscription.spec.js

@@ -4,7 +4,7 @@ import { expectErrorToBeNull } from "../expectHelpers.js";
 // import { getMockOnUnmounted } from "../mockOnUnmounted.js";
 import { poll } from "../poll.js";
 import flushPromises from "flush-promises";
-import cloneDeep from "lodash-es/cloneDeep";
+import cloneDeep from "lodash-es/cloneDeep.js";
 import { inspect } from "util";
 import { nextTick } from "vue";
 

package/use/cancellableIntent.js

@@ -1,6 +1,6 @@
-import { isEmpty } from "lodash-es";
-import identity from "lodash-es/identity";
-import isEqual from "lodash-es/isEqual";
+import identity from "lodash-es/identity.js";
+import isEmpty from "lodash-es/isEmpty.js";
+import isEqual from "lodash-es/isEqual.js";
 import { computed, effectScope, nextTick, onScopeDispose, reactive, readonly, watch } from "vue";
 import { deepUnref } from "vue-deepunref";
 

package/use/combineClasses.js

@@ -1,5 +1,5 @@
 import { combineClasses } from "../utils/classes.js";
-import { cloneDeep } from "lodash-es";
+import cloneDeep from "lodash-es/cloneDeep.js";
 import { isRef, ref, watch, isReactive } from "vue";
 
 /**

package/use/listCalculated.js

@@ -3,7 +3,7 @@ import { listInstanceStateKeys } from "./listInstance.js";
 import { listRelatedStateKeys } from "./listRelated.js";
 import { listSubscriptionStateKeys } from "./listSubscription.js";
 import { useWatchesRunning } from "./watchesRunning.js";
-import isEmpty from "lodash-es/isEmpty";
+import isEmpty from "lodash-es/isEmpty.js";
 import { computed, effectScope, onScopeDispose, reactive, toRef, watch } from "vue";
 
 export const listCalculatedStateKeys = [

package/use/listFilter.js

@@ -1,8 +1,8 @@
 import { keyDiff } from "../utils/keyDiff.js";
 import { useSearch } from "./search.js";
-import get from "lodash-es/get";
-import identity from "lodash-es/identity";
-import isEmpty from "lodash-es/isEmpty";
+import get from "lodash-es/get.js";
+import identity from "lodash-es/identity.js";
+import isEmpty from "lodash-es/isEmpty.js";
 import { computed, effectScope, onScopeDispose, reactive, toRef, watch, watchEffect } from "vue";
 
 export function useListFilters(listFilterArgs, parentInstances) {

package/use/listInstance.js

@@ -1,8 +1,8 @@
-import { addOrUpdateReactiveObject, assignReactiveObject } from "../utils/assignReactiveObject";
-import { getFakeId } from "../utils/getFakeId";
+import { addOrUpdateReactiveObject, assignReactiveObject } from "../utils/assignReactiveObject.js";
+import { getFakeId } from "../utils/getFakeId.js";
 import inspect from "browser-util-inspect";
-import cloneDeep from "lodash-es/cloneDeep";
-import isFunction from "lodash-es/isFunction";
+import cloneDeep from "lodash-es/cloneDeep.js";
+import isFunction from "lodash-es/isFunction.js";
 import { computed, effectScope, reactive, toRef, watchEffect } from "vue";
 
 export class ListError extends Error {
@@ -47,7 +47,7 @@ export function useListInstances(listInstanceArgs) {
     return instances;
 }
 
-export function useListInstance({ props, functions = {} }) {
+export function useListInstance({ props, functions = {}, keepOldPages = false }) {
     if (!props) {
         throw new ListError(`useListInstance requires props`);
     }
@@ -114,7 +114,11 @@ export function useListInstance({ props, functions = {} }) {
     });
 
     const defaultPageCallback = (newObjects) => {
-        clearList();
+        // with keepOldPages, you are responsible for clearing the list as needed
+        if (!keepOldPages) {
+            // display one page at a time, clear the list
+            clearList();
+        }
         newObjects.forEach((newObject) => {
             if (newObject.id in state.objects) {
                 updateListObject(newObject);

package/use/listRelated.js

@@ -2,10 +2,10 @@ import { keyDiff, loadingCombine } from "../utils/index.js";
 import { listInstanceStateKeys } from "./listInstance.js";
 import { listSubscriptionStateKeys } from "./listSubscription.js";
 import { useWatchesRunning } from "./watchesRunning.js";
-import get from "lodash-es/get";
-import isArray from "lodash-es/isArray";
-import isEmpty from "lodash-es/isEmpty";
-import isUndefined from "lodash-es/isUndefined";
+import get from "lodash-es/get.js";
+import isArray from "lodash-es/isArray.js";
+import isEmpty from "lodash-es/isEmpty.js";
+import isUndefined from "lodash-es/isUndefined.js";
 import { computed, effectScope, onScopeDispose, reactive, toRef, unref, watch } from "vue";
 
 export const listRelatedStateKeys = [

package/use/listSort.js

@@ -1,13 +1,13 @@
 import { assignReactiveObject, keyDiff } from "../utils/index.js";
-import cloneDeep from "lodash-es/cloneDeep";
-import get from "lodash-es/get";
-import identity from "lodash-es/identity";
-import isEmpty from "lodash-es/isEmpty";
-import isNull from "lodash-es/isNull";
-import isUndefined from "lodash-es/isUndefined";
-import partial from "lodash-es/partial";
-import throttle from "lodash-es/throttle";
-import zip from "lodash-es/zip";
+import cloneDeep from "lodash-es/cloneDeep.js";
+import get from "lodash-es/get.js";
+import identity from "lodash-es/identity.js";
+import isEmpty from "lodash-es/isEmpty.js";
+import isNull from "lodash-es/isNull.js";
+import isUndefined from "lodash-es/isUndefined.js";
+import partial from "lodash-es/partial.js";
+import throttle from "lodash-es/throttle.js";
+import zip from "lodash-es/zip.js";
 import { effectScope, onScopeDispose, reactive, toRef, unref, watch } from "vue";
 
 const collator = new Intl.Collator(undefined, { numeric: true });

package/use/listSubscription.js

@@ -2,9 +2,9 @@ import { loadingCombine } from "../utils/loadingCombine.js";
 import { useCancellableIntent } from "./cancellableIntent.js";
 import { listInstanceStateKeys, useListInstance } from "./listInstance.js";
 import inspect from "browser-util-inspect";
-import cloneDeep from "lodash-es/cloneDeep";
-import isEmpty from "lodash-es/isEmpty";
-import isObject from "lodash-es/isObject";
+import cloneDeep from "lodash-es/cloneDeep.js";
+import isEmpty from "lodash-es/isEmpty.js";
+import isObject from "lodash-es/isObject.js";
 import { computed, effectScope, reactive, toRef } from "vue";
 
 export class ListSubscriptionError extends Error {

package/use/objectCalculated.js

@@ -1,6 +1,6 @@
 import { keyDiff, loadingCombine } from "../utils/index.js";
 import { useWatchesRunning } from "./watchesRunning.js";
-import isEmpty from "lodash-es/isEmpty";
+import isEmpty from "lodash-es/isEmpty.js";
 import { computed, effectScope, onScopeDispose, reactive, toRef, watch } from "vue";
 
 export function useObjectCalculateds(instances, args) {

package/use/objectInstance.js

@@ -1,6 +1,6 @@
 import { addOrUpdateReactiveObject, assignReactiveObject } from "../utils/index.js";
-import cloneDeep from "lodash-es/cloneDeep";
-import isFunction from "lodash-es/isFunction";
+import cloneDeep from "lodash-es/cloneDeep.js";
+import isFunction from "lodash-es/isFunction.js";
 import { reactive, toRef } from "vue";
 
 export class ObjectError extends Error {

package/use/objectRelated.js

@@ -1,9 +1,9 @@
 import { keyDiff } from "../utils/index.js";
-import { useWatchesRunning } from "./watchesRunning";
-import get from "lodash-es/get";
-import isArray from "lodash-es/isArray";
-import isEmpty from "lodash-es/isEmpty";
-import isUndefined from "lodash-es/isUndefined";
+import { useWatchesRunning } from "./watchesRunning.js";
+import get from "lodash-es/get.js";
+import isArray from "lodash-es/isArray.js";
+import isEmpty from "lodash-es/isEmpty.js";
+import isUndefined from "lodash-es/isUndefined.js";
 import { computed, effectScope, onScopeDispose, reactive, toRef, unref, watch } from "vue";
 
 export function useObjectRelateds(instances, args) {

package/use/search.js

@@ -1,7 +1,7 @@
 import { assignReactiveObject } from "../utils/assignReactiveObject.js";
 import FlexSearch from "flexsearch";
-import fromPairs from "lodash-es/fromPairs";
-import throttle from "lodash-es/throttle";
+import fromPairs from "lodash-es/fromPairs.js";
+import throttle from "lodash-es/throttle.js";
 import { effectScope, reactive, toRef, watch } from "vue";
 
 const indexOptions = {

package/utils/assignReactiveObject.js

@@ -1,7 +1,7 @@
 import { keyDiff } from "./keyDiff.js";
 import inspect from "browser-util-inspect";
-import isArray from "lodash-es/isArray";
-import isObject from "lodash-es/isObject";
+import isArray from "lodash-es/isArray.js";
+import isObject from "lodash-es/isObject.js";
 import { isReactive, isRef, toRef, unref } from "vue";
 
 /**

package/utils/classes.js

@@ -1,9 +1,9 @@
-import identity from "lodash-es/identity";
-import isArray from "lodash-es/isArray";
-import isEmpty from "lodash-es/isEmpty";
-import isObject from "lodash-es/isObject";
-import isSet from "lodash-es/isSet";
-import isString from "lodash-es/isString";
+import identity from "lodash-es/identity.js";
+import isArray from "lodash-es/isArray.js";
+import isEmpty from "lodash-es/isEmpty.js";
+import isObject from "lodash-es/isObject.js";
+import isSet from "lodash-es/isSet.js";
+import isString from "lodash-es/isString.js";
 import { isRef, unref } from "vue";
 
 /**

package/utils/debugMessage.js

@@ -1,7 +1,9 @@
 import { isSuperset } from "./set.js";
 import { transformWalk } from "./transformWalk.js";
-import { isSet, partial, union } from "lodash-es";
 import debounce from "lodash-es/debounce";
+import isSet from "lodash-es/isSet.js";
+import partial from "lodash-es/partial.js";
+import union from "lodash-es/union.js";
 import { unref } from "vue";
 
 /**

package/utils/debugWatch.js

@@ -1,5 +1,5 @@
 import { keyDiff } from "./keyDiff.js";
-import isEqual from "lodash-es/isEqual";
+import isEqual from "lodash-es/isEqual.js";
 import { watch } from "vue";
 import { deepUnref } from "vue-deepunref";
 

package/utils/flattenPaths.js

@@ -1,5 +1,5 @@
-import isArray from "lodash-es/isArray";
-import isObject from "lodash-es/isObject";
+import isArray from "lodash-es/isArray.js";
+import isObject from "lodash-es/isObject.js";
 
 /**
  * Get all paths from an array or object.

package/utils/getFakeId.js

@@ -1,6 +1,6 @@
-import isArray from "lodash-es/isArray";
-import isMap from "lodash-es/isMap";
-import isSet from "lodash-es/isSet";
+import isArray from "lodash-es/isArray.js";
+import isMap from "lodash-es/isMap.js";
+import isSet from "lodash-es/isSet.js";
 
 export function getFakeId(arraySetMapOrObject, key = "id") {
     // sets are assumed to be of ids

package/utils/lifecycleDebug.js

@@ -1,7 +1,8 @@
 import { inspectWalkFn, useDebugMessage } from "./debugMessage.js";
 import { keyDiffDeep } from "./keyDiff.js";
 import { transformWalk } from "./transformWalk.js";
-import { isEqual, partial } from "lodash-es";
+import isEqual from "lodash-es/isEqual.js";
+import partial from "lodash-es/partial.js";
 import {
     onActivated,
     onBeforeMount,

package/utils/transformWalk.js

@@ -1,4 +1,4 @@
-import { isSet } from "lodash-es";
+import isSet from "lodash-es/isSet.js";
 
 /**
  * Object walking utility.