@epam/uui-db 5.7.1 → 5.8.0

package/index.js

@@ -3,7 +3,7 @@
 var shallowEqual = require('shallowequal');
 var zip = require('lodash.zip');
 var transform = require('lodash.transform');
-var isEqual = require('lodash.isequal');
+var isEqual = require('react-fast-compare');
 var I = require('immutable');
 var uuiCore = require('@epam/uui-core');
 var groupBy = require('lodash.groupby');
@@ -913,6 +913,65 @@ class ListLoadingTracker {
     }
 }
 
+const delay = (ms = 0) => {
+    if (ms <= 0) {
+        return Promise.resolve();
+    }
+    else {
+        return new Promise((resolve) => {
+            setTimeout(resolve, ms);
+        });
+    }
+};
+/** Creates an async function, which can collect several calls to it, and execute them in a single batch via provided callback. */
+function batch(runBatch, options) {
+    let delayPromise = Promise.resolve();
+    let batchPromise = null;
+    let queue = [];
+    let nextCallPossibleAtMs = new Date().getTime();
+    function batchedFn(arg, callOptions) {
+        return __awaiter(this, void 0, void 0, function* () {
+            options = Object.assign(Object.assign({}, options), callOptions);
+            options.throttleMs = options.throttleMs || 0;
+            // Enqueue request
+            queue.push(arg);
+            const resultIndex = queue.length - 1; // an index of current item in queue. Result should be on the same index in batch.
+            batchedFn.isBusy = true;
+            // Wait current batch to complete
+            try {
+                yield batchPromise;
+            }
+            catch (_a) {
+                // ignore errors here. They are thrown to previous batch
+            }
+            // Wait for throttling delay to pass
+            yield delayPromise;
+            try {
+                // Start a batch if there are items.
+                // All calls that was awaiting will run this code.
+                // Only the first call will run batch, immediately clear the queue, and set batchPromise value
+                // Other calls will just await results of this call
+                if (queue.length > 0) {
+                    nextCallPossibleAtMs = new Date().getTime() + options.throttleMs;
+                    batchPromise = runBatch(queue);
+                    queue = [];
+                }
+                const results = yield batchPromise;
+                return results === null || results === void 0 ? void 0 : results[resultIndex];
+            }
+            finally {
+                const nowMs = new Date().getTime();
+                const delayMs = Math.max(0, nextCallPossibleAtMs - nowMs);
+                // It's safe to replace currentPromise here. All other requests are already awaiting
+                delayPromise = delay(delayMs);
+                batchedFn.isBusy = queue.length > 0;
+            }
+        });
+    }
+    batchedFn.isBusy = false;
+    return batchedFn;
+}
+
 class DbRef {
     constructor(blank) {
         this.blank = blank;
@@ -927,7 +986,7 @@ class DbRef {
         /* Error Subscriptions */
         this.saveErrorHandlers = [];
         /* Save scheduling */
-        this.enqueueSave = uuiCore.batch(() => __awaiter(this, void 0, void 0, function* () {
+        this.enqueueSave = batch(() => __awaiter(this, void 0, void 0, function* () {
             const cumulativePatch = this.makeCumulativePatch();
             const lastLogEntry = this.log.length;
             if (isEmpty__default.default(cumulativePatch)) {
@@ -1100,7 +1159,7 @@ class DbRef {
     }
 }
 
-const DbContext = react.createContext(null);
+const DbContext = /* @__PURE__ */react.createContext(null);
 function useDbRef() {
     return react.useContext(DbContext);
 }