@arrai-innovations/reactive-helpers 4.1.3 → 4.2.1

package/.circleci/config.yml

@@ -7,28 +7,28 @@ orbs:
 workflows:
     test:
         jobs:
-            - npm/coverage:
-                  name: tests
-                  context: arrai-global
-                  filters:
-                      branches:
-                          only:
-                              - main
-            - npm/coverage:
-                  name: tests-no-badge
-                  context: arrai-global
-                  create_badges: false
-                  filters:
-                      tags:
-                          only: /.*/
-                      branches:
-                          ignore:
-                              - main
+            #            - npm/coverage:
+            #                  name: tests
+            #                  context: arrai-global
+            #                  filters:
+            #                      branches:
+            #                          only:
+            #                              - main
+            #            - npm/coverage:
+            #                  name: tests-no-badge
+            #                  context: arrai-global
+            #                  create_badges: false
+            #                  filters:
+            #                      tags:
+            #                          only: /.*/
+            #                      branches:
+            #                          ignore:
+            #                              - main
             - npm/publish:
                   name: publish
                   context: arrai-private-package-publishing
-                  requires:
-                      - tests-no-badge
+                  #                  requires:
+                  #                      - tests-no-badge
                   filters:
                       tags:
                           only: /.*/
@@ -37,8 +37,8 @@ workflows:
             - github/create_release:
                   name: release_on_github
                   context: arrai-global
-                  requires:
-                      - tests-no-badge
+                  #                  requires:
+                  #                      - tests-no-badge
                   filters:
                       tags:
                           only: /.*/

package/README.md

@@ -57,6 +57,10 @@ The container for your list of objects, providing loading or error status.
 ```js
 // do this in your main.js
 import { setListInstanceCrud } from "@arrai-innovations/reactive-helpers";
+import { useListInstance } from "@arrai-innovations/reactive-helpers";
+// then use in your component
+import { reactive } from "vue";
+
 setListInstanceCrud({
     list: async function listCrudAdaptor({ crudArgs, retrieveArgs, listArgs, pageCallback }) {
         // todo: your implemenation here.
@@ -67,9 +71,6 @@ setListInstanceCrud({
     },
 });
 
-// then use in your component
-import { reactive } from "vue";
-import { useListInstance } from "@arrai-innovations/reactive-helpers";
 const listArgs = reactive({
     has_organization: true,
 });
@@ -111,6 +112,9 @@ Adds functionality to a list instance to receive updates from the server.
 ```js
 // do this in your main.js
 import { setListSubscriptionCrud } from "@arrai-innovations/reactive-helpers";
+// then use in your component
+import { useListInstance, useListSubscription } from "@arrai-innovations/reactive-helpers";
+
 setListSubscriptionCrud({
     subscribe: function subscribeCrudAdaptor({ crudArgs, retrieveArgs, listArgs, eventCallback }) {
         // todo: your implemenation here.
@@ -125,8 +129,6 @@ setListSubscriptionCrud({
     },
 });
 
-// then use in your component
-import { useListInstance, useListSubscription } from "@arrai-innovations/reactive-helpers";
 const contacts = useListInstance({
     crudArgs: {
         stream: "contacts",
@@ -166,12 +168,11 @@ Lookup foreign keys between list instances via watch, for using dot notation in
 
 ```js
 // no main.js setup required.
-
 // used in example below.
-import { nextTick } from "vue";
-
 // use in your component
 import { useListInstance, useListRelated } from "@arrai-innovations/reactive-helpers";
+import { nextTick } from "vue";
+
 const organizations = useListInstance({});
 const contacts = useListInstance({
     retrieveArgs: {
@@ -234,12 +235,11 @@ console.log(contacts.objects["15"].myRelatedObjects);
 
 ```js
 // no main.js setup required.
-
 // used in example below.
-import { nextTick } from "vue";
-
 // use in your component
 import { useListInstance, useListSort } from "@arrai-innovations/reactive-helpers";
+import { nextTick } from "vue";
+
 const contacts = useListInstance({
     retrieveArgs: {
         fields: ["id", "has_name", "lexical_name", "organization"],
@@ -267,12 +267,11 @@ console.log(contactsSort.state.order);
 
 ```js
 // no main.js setup required.
-
 // used in example below.
-import { nextTick } from "vue";
-
 // use in your component
 import { useListInstance, useListFilter } from "@arrai-innovations/reactive-helpers";
+import { nextTick } from "vue";
+
 const contacts = useListInstance({
     retrieveArgs: {
         fields: ["id", "has_name", "lexical_name", "organization"],
@@ -308,6 +307,7 @@ import {
     useListFilter,
     useListSort,
 } from "@arrai-innovations/reactive-helpers";
+
 const organizationNameSearch = ref("");
 const organizations = useListInstance({
     crudArgs: {
@@ -376,6 +376,7 @@ const contact = useObjectSubscription({});
 ```js
 // no main.js setup required.
 import { useSearch } from "@arrai-innovations/reactive-helpers";
+
 const search = useSearch({});
 ```
 
@@ -389,8 +390,8 @@ target are reactive.
 `assignReactiveObject` - same as `addOrUpdateReactiveObject`, but deletes keys from target that are not in source.
 
 ```js
-import { reactive, toRef, computed } from "vue";
 import { assignReactiveObject, addOrUpdateReactiveObject } from "@arrai-innovations/reactive-helpers";
+import { reactive, toRef, computed } from "vue";
 
 const target = reactive({ a: 1 });
 const source = { a: 3, b: 4 };
@@ -421,6 +422,7 @@ console.log(mySum.value); // 10
 
 ```js
 import { keyDiff } from "@arrai-innovations/reactive-helpers";
+
 const newKeys = Object.keys({ a: 1, b: 2 });
 const oldKeys = Object.keys({ a: 1, c: 3 });
 const { addedKeys, removedKeys, sameKeys } = keyDiff(newKeys, oldKeys);
@@ -435,6 +437,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects
 
 ```js
 import { isSuperset, union, intersection, symmetricDifference, difference } from "@arrai-innovations/reactive-helpers";
+
 isSuperset(new Set([1, 2, 3, 4]), new Set([1, 2, 3])); // true
 union(new Set([1, 2, 3, 4]), new Set([1, 2, 3])); // Set { 1, 2, 3, 4 }
 intersection(new Set([1, 2, 3, 4]), new Set([1, 2, 3])); // Set { 1, 2, 3 }
@@ -449,6 +452,7 @@ difference(new Set([1, 2, 3, 5]), new Set([1, 2, 3, 4])); // Set { 5 }
 
 ```js
 import { ImmediateStopWatch } from "@arrai-innovations/reactive-helpers";
+
 const reactiveObject = reactive({ a: 1 });
 const watch = new ImmediateStopWatch();
 const watch2 = new ImmediateStopWatch();
@@ -490,6 +494,7 @@ await nextTick();
 
 ```js
 import { AwaitTimeout } from "@arrai-innovations/reactive-helpers";
+
 const awaitTimeout = new AwaitTimeout({ timeout: 1000 });
 awaitTimeout.start();
 await awaitTimeout.promise; // waits 1 second
@@ -503,6 +508,7 @@ await awaitTimeout2.promise; // waits 500 ms then rejects with new AwaitTimeoutE
 
 ```js
 import { doAwaitTimeout } from "@arrai-innovations/reactive-helpers";
+
 // non cancellable AwaitTimeout helper
 await doAwaitTimeout(1000); // waits 1 second
 ```
@@ -526,9 +532,11 @@ flowchart TD
 ```
 
 ```js
+import { AwaitNot } from "@arrai-innovations/reactive-helpers";
 import { reactive } from "vue";
+
 const reactiveObject = reactive({});
-import { AwaitNot } from "@arrai-innovations/reactive-helpers";
+
 const awaitNot = new AwaitNot({
     obj: reactiveObject,
     prop: "prop",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@arrai-innovations/reactive-helpers",
-    "version": "4.1.3",
+    "version": "4.2.1",
     "description": "VueJS 3 utility composition functions to help manipulate objects and lists.",
     "main": "index.js",
     "directories": {
@@ -30,6 +30,7 @@
         "@arrai-innovations/commitlint-config": "^1.1.0",
         "@babel/preset-env": "^7.17.10",
         "@commitlint/cli": "^16.2.4",
+        "@trivago/prettier-plugin-sort-imports": "^4.1.1",
         "@types/jest": "^27.5.0",
         "@vue/compiler-sfc": "^3.2.33",
         "@vue/eslint-config-prettier": "^7.0.0",
@@ -51,10 +52,11 @@
         "husky": "^7.0.4",
         "is-ci": "^3.0.1",
         "jest": "^27.5.1",
-        "lodash": "^4.17.21",
         "pinst": "^3.0.0",
-        "vue": "^3.2.33",
-        "vue-deepunref": "^1.0.1",
-        "vue-router": "^4.0.15"
+        "vue-deepunref": "^1.0.1"
+    },
+    "peerDependencies": {
+        "lodash-es": "^4.17.21",
+        "vue": "^3.2.47"
     }
 }

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

@@ -1,5 +1,5 @@
-import fs from "fs/promises";
 import * as use from "../../../use";
+import fs from "fs/promises";
 
 describe("use/index.js", function () {
     it("should export everything exported by individual files", async function () {

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

@@ -1,7 +1,7 @@
-import { nextTick, reactive, ref } from "vue";
-import { deepUnref } from "vue-deepunref";
 import { useListFilters, useListSort } from "../../../use";
 import { doAwaitNot } from "../../../utils/watches";
+import { nextTick, reactive, ref } from "vue";
+import { deepUnref } from "vue-deepunref";
 
 describe("use/listFilter", () => {
     let useListInstance, useListFilter, setDefaultSearchOptions;

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

@@ -1,8 +1,8 @@
+import { expectErrorToBeNull } from "../expectHelpers";
 import flushPromises from "flush-promises";
-import { keyBy } from "lodash";
+import keyBy from "lodash-es/keyBy";
 import { inspect } from "util";
 import { isReactive, nextTick, reactive } from "vue";
-import { expectErrorToBeNull } from "../expectHelpers";
 
 afterAll(() => {
     jest.restoreAllMocks();

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

@@ -1,6 +1,6 @@
+import { doAwaitTimeout } from "../../../utils";
 import { nextTick } from "vue";
 import { deepUnref } from "vue-deepunref";
-import { doAwaitTimeout } from "../../../utils";
 
 describe("use/useListSort", () => {
     let listInstance,

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

@@ -1,9 +1,9 @@
-import flushPromises from "flush-promises";
-import { inspect } from "util";
-import { nextTick, reactive } from "vue";
 import { doAwaitNot, doAwaitTimeout } from "../../../utils";
 import { CancellableResolvable } from "../crudPromise";
 import { poll } from "../poll";
+import flushPromises from "flush-promises";
+import { inspect } from "util";
+import { nextTick, reactive } from "vue";
 
 describe("use/listSubscription.spec.js", function () {
     let useListSubscription,

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

@@ -1,8 +1,8 @@
-import flushPromises from "flush-promises";
-import { nextTick, reactive, ref } from "vue";
 import { assignReactiveObject } from "../../../utils";
 import { expectErrorToBeNull } from "../expectHelpers";
+import flushPromises from "flush-promises";
 import { inspect } from "util";
+import { nextTick, reactive, ref } from "vue";
 
 afterAll(() => {
     jest.restoreAllMocks();

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

@@ -1,12 +1,12 @@
-import flushPromises from "flush-promises";
-import { inspect } from "util";
-import { nextTick } from "vue";
+import { doAwaitTimeout } from "../../../utils";
+import { assignReactiveObject } from "../../../utils/assignReactiveObject";
 import { expectErrorToBeNull } from "../expectHelpers";
 import { getMockOnUnmounted } from "../mockOnUnmounted";
-import { assignReactiveObject } from "../../../utils/assignReactiveObject";
-import { cloneDeep } from "lodash";
-import { doAwaitTimeout } from "../../../utils";
 import { poll } from "../poll";
+import flushPromises from "flush-promises";
+import cloneDeep from "lodash-es/cloneDeep";
+import { inspect } from "util";
+import { nextTick } from "vue";
 
 getMockOnUnmounted();
 

package/tests/unit/utils/index.spec.js

@@ -1,5 +1,5 @@
-import fs from "fs/promises";
 import * as utils from "../../../utils";
+import fs from "fs/promises";
 
 describe("utils/index.js", function () {
     it("should export everything exported by individual files", async function () {

package/use/cancellableIntent.js

@@ -1,4 +1,5 @@
-import { identity, isEqual } from "lodash";
+import identity from "lodash-es/identity";
+import isEqual from "lodash-es/isEqual";
 import { effectScope, nextTick, onScopeDispose, reactive, readonly, watch } from "vue";
 import { deepUnref } from "vue-deepunref";
 

package/use/list.js

@@ -1,9 +1,9 @@
-import { effectScope, reactive, shallowReactive, shallowReadonly, toRef, watch } from "vue";
 import { useListCalculated } from "./listCalculated";
 import { useListInstance } from "./listInstance";
 import { useListRelated } from "./listRelated";
 import { useListSubscription } from "./listSubscription";
 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 = [] }) => {

package/use/listCalculated.js

@@ -1,7 +1,7 @@
-import { isEmpty } from "lodash";
-import { computed, effectScope, onScopeDispose, reactive, toRef, watch } from "vue";
 import { keyDiff, loadingCombine } from "../utils";
 import { useWatchesRunning } from "./watchesRunning";
+import isEmpty from "lodash-es/isEmpty";
+import { computed, effectScope, onScopeDispose, reactive, toRef, watch } from "vue";
 
 export function useListCalculateds(instances, args) {
     for (const [key, value] of Object.entries(args)) {

package/use/listFilter.js

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

package/use/listInstance.js

@@ -1,9 +1,9 @@
-import inspect from "browser-util-inspect";
-import { cloneDeep } from "lodash";
-import { isFunction } from "lodash";
-import { computed, effectScope, reactive } from "vue";
 import { addOrUpdateReactiveObject, assignReactiveObject } from "../utils/assignReactiveObject";
 import { getFakeId } from "../utils/getFakeId";
+import inspect from "browser-util-inspect";
+import cloneDeep from "lodash-es/cloneDeep";
+import isFunction from "lodash-es/isFunction";
+import { computed, effectScope, reactive } from "vue";
 
 export class ListError extends Error {
     constructor(message, code) {

package/use/listRelated.js

@@ -1,7 +1,10 @@
-import { get, isArray, isEmpty, isUndefined } from "lodash";
-import { computed, effectScope, onScopeDispose, reactive, toRef, unref, watch } from "vue";
 import { keyDiff, loadingCombine } from "../utils";
 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 { computed, effectScope, onScopeDispose, reactive, toRef, unref, watch } from "vue";
 
 export function useListRelateds(instances, args) {
     for (const [key, value] of Object.entries(args)) {

package/use/listSort.js

@@ -1,6 +1,14 @@
-import { effectScope, onScopeDispose, reactive, toRef, unref, watch } from "vue";
-import { cloneDeep, get, identity, isEmpty, isNull, isUndefined, partial, throttle, zip } from "lodash";
 import { assignReactiveObject, keyDiff } from "../utils";
+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 { effectScope, onScopeDispose, reactive, toRef, unref, watch } from "vue";
 
 const collator = new Intl.Collator(undefined, { numeric: true });
 

package/use/listSubscription.js

@@ -1,9 +1,11 @@
-import inspect from "browser-util-inspect";
-import { cloneDeep, isEmpty, isObject } from "lodash";
-import { computed, effectScope, reactive, toRef } from "vue";
-import { useCancellableIntent } from "./cancellableIntent";
 import { loadingCombine } from "../utils/loadingCombine";
+import { useCancellableIntent } from "./cancellableIntent";
 import { useListInstance } from "./listInstance";
+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 { computed, effectScope, reactive, toRef } from "vue";
 
 export class ListSubscriptionError extends Error {
     constructor(message) {

package/use/object.js

@@ -1,8 +1,8 @@
-import { effectScope, reactive, shallowReactive, shallowReadonly, toRef, watch } from "vue";
 import { useObjectCalculated } from "./objectCalculated";
 import { useObjectInstance } from "./objectInstance";
 import { useObjectRelated } from "./objectRelated";
 import { useObjectSubscription } from "./objectSubscription";
+import { effectScope, reactive, shallowReactive, shallowReadonly, toRef, watch } from "vue";
 
 // Manages a chain of useObject functions, based on existence of keys in props: intendToRetrieve, relatedObjectRules, calculatedObjectRules
 export const useObject = ({ props, functions }) => {

package/use/objectCalculated.js

@@ -1,7 +1,7 @@
-import { isEmpty } from "lodash";
-import { computed, effectScope, onScopeDispose, reactive, toRef, watch } from "vue";
 import { keyDiff, loadingCombine } from "../utils";
 import { useWatchesRunning } from "./watchesRunning";
+import isEmpty from "lodash-es/isEmpty";
+import { computed, effectScope, onScopeDispose, reactive, toRef, watch } from "vue";
 
 export function useObjectCalculateds(instances, args) {
     for (const [key, value] of Object.entries(args)) {

package/use/objectInstance.js

@@ -1,6 +1,7 @@
-import { cloneDeep, isFunction } from "lodash";
-import { effectScope, reactive } from "vue";
 import { addOrUpdateReactiveObject, assignReactiveObject } from "../utils/assignReactiveObject";
+import cloneDeep from "lodash-es/cloneDeep";
+import isFunction from "lodash-es/isFunction";
+import { effectScope, reactive } from "vue";
 
 export class ObjectError extends Error {
     constructor(message) {

package/use/objectRelated.js

@@ -1,7 +1,10 @@
-import { get, isArray, isEmpty, isUndefined } from "lodash";
-import { computed, effectScope, onScopeDispose, reactive, toRef, unref, watch } from "vue";
 import { keyDiff, loadingCombine } from "../utils";
 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 { computed, effectScope, onScopeDispose, reactive, toRef, unref, watch } from "vue";
 
 export function useObjectRelateds(instances, args) {
     for (const [key, value] of Object.entries(args)) {

package/use/objectSubscription.js

@@ -1,7 +1,7 @@
-import { computed, effectScope, reactive, toRef } from "vue";
 import { assignReactiveObject, loadingCombine } from "../utils";
 import { useCancellableIntent } from "./cancellableIntent";
 import { useObjectInstance } from "./objectInstance";
+import { computed, effectScope, reactive, toRef } from "vue";
 
 export class ObjectSubscriptionError extends Error {
     constructor(message) {

package/use/search.js

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

package/use/watchesRunning.js

@@ -1,5 +1,5 @@
-import { computed, effectScope, reactive, unref, watch } from "vue";
 import { loadingCombine } from "../utils";
+import { computed, effectScope, reactive, unref, watch } from "vue";
 
 export function useWatchesRunning({ triggerRefs, watchSentinelRefs }) {
     const state = reactive({});

package/utils/assignReactiveObject.js

@@ -1,7 +1,8 @@
+import { keyDiff } from "./keyDiff.js";
 import inspect from "browser-util-inspect";
-import { isArray, isObject } from "lodash";
+import isArray from "lodash-es/isArray";
+import isObject from "lodash-es/isObject";
 import { isReactive, isRef, toRef, unref } from "vue";
-import { keyDiff } from "./keyDiff.js";
 
 export class AssignReactiveObjectError extends Error {
     constructor(message) {
@@ -116,14 +117,7 @@ export function assignReactiveObject(target, source, exclude = []) {
     addOrUpdateReactiveObject(target, source, exclude, addedKeys, sameKeys);
 }
 
-function assignReactiveObjectRecursive(target, source, exclude = [], path = "") {
-    let addedKeys, sameKeys, removedKeys;
-    try {
-        ({ addedKeys, sameKeys, removedKeys } = keyDiff(Object.keys(source) || [], Object.keys(target) || []));
-    } catch (error) {
-        debugger;
-    }
-    trimReactiveObject(target, removedKeys, exclude);
+function recursiveInner(target, source, exclude, addedKeys, sameKeys, path, fn) {
     addReactiveObject(target, source, exclude, addedKeys);
     const keysForRecurse = [];
     const keysForReplace = [];
@@ -143,10 +137,16 @@ function assignReactiveObjectRecursive(target, source, exclude = [], path = "")
             .filter((excludeKey) => !excludeKey.startsWith(path))
             .map((excludeKey) => excludeKey.replace(path, ""));
         const nextPath = isArray(source[key]) ? `${path}[${key}]` : `${path}.${key}`;
-        assignReactiveObjectRecursive(target[key], source[key], nextLevelExclude, nextPath);
+        fn(target[key], source[key], nextLevelExclude, nextPath);
     }
 }
 
+function assignReactiveObjectRecursive(target, source, exclude = [], path = "") {
+    let { addedKeys, sameKeys, removedKeys } = keyDiff(Object.keys(source) || [], Object.keys(target) || []);
+    trimReactiveObject(target, removedKeys, exclude);
+    recursiveInner(target, source, exclude, addedKeys, sameKeys, path, assignReactiveObjectRecursive);
+}
+
 export function assignReactiveObjectDeep(target, source, exclude = []) {
     // exclude keys will need to be lodash get strings
     if (target === source) {
@@ -155,3 +155,18 @@ export function assignReactiveObjectDeep(target, source, exclude = []) {
     ({ target, source } = validateTargetAndSource(target, source));
     assignReactiveObjectRecursive(target, source, exclude);
 }
+
+function addOrUpdateReactiveObjectRecursive(target, source, exclude = [], path = "") {
+    let addedKeys,
+        sameKeys = keyDiff(Object.keys(source) || [], Object.keys(target) || []);
+    recursiveInner(target, source, exclude, addedKeys, sameKeys, path, addOrUpdateReactiveObjectRecursive);
+}
+
+export function addOrUpdateReactiveObjectDeep(target, source, exclude = []) {
+    // exclude keys will need to be lodash get strings
+    if (target === source) {
+        return;
+    }
+    ({ target, source } = validateTargetAndSource(target, source));
+    addOrUpdateReactiveObjectRecursive(target, source, exclude);
+}

package/utils/flattenPaths.js

@@ -1,4 +1,5 @@
-import { isArray, isObject } from "lodash";
+import isArray from "lodash-es/isArray";
+import isObject from "lodash-es/isObject";
 
 export function flattenPaths(arrayOrObject, currentPath = "") {
     // arrayOrObject keys or indexes values can be objects or arrays.

package/utils/getFakeId.js

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