@epam/uui-db 4.9.1 → 4.10.0-rc.1

package/index.js

@@ -1,408 +1,54 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 0);
-/******/ })
-/************************************************************************/
-/******/ ({
+import shallowEqual from 'shallowequal';
+import zip from 'lodash.zip';
+import transform from 'lodash.transform';
+import isEqual from 'lodash.isequal';
+import * as I from 'immutable';
+import { Seq } from 'immutable';
+import { getFilterPredicate, getSearchFilter, getOrderComparer, batch } from '@epam/uui-core';
+import groupBy from 'lodash.groupby';
+import map from 'lodash.map';
+import merge from 'lodash.merge';
+import countBy from 'lodash.countby';
+import filter from 'lodash.filter';
+import forEach from 'lodash.foreach';
+import pick from 'lodash.pick';
+import isEmpty from 'lodash.isempty';
+import { createContext, useContext, useState, useMemo, useEffect } from 'react';
 
-/***/ "../node_modules/tslib/tslib.es6.js":
-/*!******************************************!*\
-  !*** ../node_modules/tslib/tslib.es6.js ***!
-  \******************************************/
-/*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __createBinding, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__extends", function() { return __extends; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__assign", function() { return __assign; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__rest", function() { return __rest; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__decorate", function() { return __decorate; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__param", function() { return __param; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__metadata", function() { return __metadata; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__awaiter", function() { return __awaiter; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__generator", function() { return __generator; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__createBinding", function() { return __createBinding; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__exportStar", function() { return __exportStar; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__values", function() { return __values; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__read", function() { return __read; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__spread", function() { return __spread; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__spreadArrays", function() { return __spreadArrays; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__spreadArray", function() { return __spreadArray; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__await", function() { return __await; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__asyncGenerator", function() { return __asyncGenerator; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__asyncDelegator", function() { return __asyncDelegator; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__asyncValues", function() { return __asyncValues; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__makeTemplateObject", function() { return __makeTemplateObject; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__importStar", function() { return __importStar; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__importDefault", function() { return __importDefault; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__classPrivateFieldGet", function() { return __classPrivateFieldGet; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__classPrivateFieldSet", function() { return __classPrivateFieldSet; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__classPrivateFieldIn", function() { return __classPrivateFieldIn; });
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    }
-    return __assign.apply(this, arguments);
-}
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-function __param(paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-}
-
-function __metadata(metadataKey, metadataValue) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
-var __createBinding = Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-        desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-});
-
-function __exportStar(m, o) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
-}
-
-function __values(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-
-function __read(o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-}
-
-/** @deprecated */
-function __spread() {
-    for (var ar = [], i = 0; i < arguments.length; i++)
-        ar = ar.concat(__read(arguments[i]));
-    return ar;
-}
-
-/** @deprecated */
-function __spreadArrays() {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-function __await(v) {
-    return this instanceof __await ? (this.v = v, this) : new __await(v);
-}
-
-function __asyncGenerator(thisArg, _arguments, generator) {
-    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-    var g = generator.apply(thisArg, _arguments || []), i, q = [];
-    return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
-    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-    function fulfill(value) { resume("next", value); }
-    function reject(value) { resume("throw", value); }
-    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
-}
-
-function __asyncDelegator(o) {
-    var i, p;
-    return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-}
-
-function __asyncValues(o) {
-    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-    var m = o[Symbol.asyncIterator], i;
-    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-}
-
-function __makeTemplateObject(cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-
-var __setModuleDefault = Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-};
-
-function __importStar(mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-}
-
-function __importDefault(mod) {
-    return (mod && mod.__esModule) ? mod : { default: mod };
-}
-
-function __classPrivateFieldGet(receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-}
-
-function __classPrivateFieldSet(receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-}
-
-function __classPrivateFieldIn(state, receiver) {
-    if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function")) throw new TypeError("Cannot use 'in' operator on non-object");
-    return typeof state === "function" ? receiver === state : state.has(receiver);
-}
-
-
-/***/ }),
-
-/***/ "./index.tsx":
-/*!*******************!*\
-  !*** ./index.tsx ***!
-  \*******************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.js");
-(0, tslib_1.__exportStar)(__webpack_require__(/*! ./src */ "./src/index.ts"), exports);
-
-
-/***/ }),
-
-/***/ "./src/Db.ts":
-/*!*******************!*\
-  !*** ./src/Db.ts ***!
-  \*******************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
+var DbRelationType;
+(function (DbRelationType) {
+    DbRelationType[DbRelationType["Aggregation"] = 0] = "Aggregation";
+    DbRelationType[DbRelationType["Association"] = 1] = "Association";
+})(DbRelationType || (DbRelationType = {}));
 
-"use strict";
+// TBD: New typescript would contain better typing for this. Remove this hack after update.
+let objectKeys = Object.keys;
+function defaultCompareViewDependencies(prev, next) {
+    if (Array.isArray(prev) && Array.isArray(next)) {
+        if (prev.length === next.length) {
+            return zip(prev, next).every(([p, n]) => shallowEqual(p, n));
+        }
+        return false;
+    }
+    return shallowEqual(prev, next);
+}
+/**
+ * Deep diff between two object, using lodash
+ * @param  {Object} object Object compared
+ * @param  {Object} base   Object to compare with
+ * @return {Object}        Return a new object who represent the diff
+ */
+function difference(object, base) {
+    function changes(object, base) {
+        return transform(object, function (result, value, key) {
+            if (!isEqual(value, base[key])) {
+                result[key] = (typeof value === "object" && typeof base[key] === "object") ? changes(value, base[key]) : value;
+            }
+        });
+    }
+    return changes(object, base);
+}
 
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Db = void 0;
-const tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.js");
-const utils_1 = __webpack_require__(/*! ./utils */ "./src/utils.ts");
-const lodash_isequal_1 = (0, tslib_1.__importDefault)(__webpack_require__(/*! lodash.isequal */ "lodash.isequal"));
 class Db {
     constructor(tables, reusedCache) {
         this.tables = tables;
@@ -424,7 +70,7 @@ class Db {
     }
     with(patch) {
         return this.update(db => {
-            (0, utils_1.objectKeys)(db.tables).forEach(entityName => {
+            objectKeys(db.tables).forEach(entityName => {
                 if (patch[entityName]) {
                     db.tables[entityName] = db.tables[entityName].with(patch[entityName]);
                 }
@@ -450,7 +96,7 @@ class Db {
         let shouldUpdate = this !== cacheItem.computedOnDb;
         let dependencies = this.valueAbsent;
         if (view.getDependencies) {
-            const compare = view.compareDependencies || utils_1.defaultCompareViewDependencies;
+            const compare = view.compareDependencies || defaultCompareViewDependencies;
             dependencies = view.getDependencies(this, params);
             shouldUpdate = !compare(cacheItem.dependencies, dependencies);
         }
@@ -459,10 +105,10 @@ class Db {
             cacheItem.dependencies = dependencies;
             let newValue = view.compute(this, params, dependencies);
             cacheItem.computedOnDb = this;
-            let compareResults = view.compareResults || lodash_isequal_1.default;
+            let compareResults = view.compareResults || isEqual;
             if (!compareResults(previousValue, newValue)) {
                 if (view.traceDiff) {
-                    console.debug((0, utils_1.difference)(previousValue, newValue));
+                    console.debug(difference(previousValue, newValue));
                 }
                 cacheItem.currentValue = newValue;
             }
@@ -470,268 +116,83 @@ class Db {
         return cacheItem.currentValue;
     }
 }
-exports.Db = Db;
-
-
-/***/ }),
-
-/***/ "./src/DbRef.ts":
-/*!**********************!*\
-  !*** ./src/DbRef.ts ***!
-  \**********************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
 
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DbRef = void 0;
-const tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.js");
-const patchHelpers_1 = __webpack_require__(/*! ./patchHelpers */ "./src/patchHelpers.ts");
-const tempIds_1 = __webpack_require__(/*! ./tempIds */ "./src/tempIds.tsx");
-const utils_1 = __webpack_require__(/*! ./utils */ "./src/utils.ts");
-const lodash_isempty_1 = (0, tslib_1.__importDefault)(__webpack_require__(/*! lodash.isempty */ "lodash.isempty"));
-const Loader_1 = __webpack_require__(/*! ./Loader */ "./src/Loader.ts");
-const uui_core_1 = __webpack_require__(/*! @epam/uui-core */ "@epam/uui-core");
-const SimpleLoadingTracker_1 = __webpack_require__(/*! ./SimpleLoadingTracker */ "./src/SimpleLoadingTracker.ts");
-const ListLoadingTracker_1 = __webpack_require__(/*! ./ListLoadingTracker */ "./src/ListLoadingTracker.ts");
-class DbRef {
-    constructor(blank) {
-        this.blank = blank;
-        this.log = [];
-        this.autoSave = true;
-        this.savedPoint = 0;
-        this.throttleSaveMs = 1000;
-        /* Update subscriptions (aka live views) */
-        this.lastSubscriptionId = 1;
-        this.subscriptions = new Map();
-        this.updateHandlers = [];
-        /* Error Subscriptions */
-        this.saveErrorHandlers = [];
-        /* Save scheduling */
-        this.enqueueSave = (0, uui_core_1.batch)(() => (0, tslib_1.__awaiter)(this, void 0, void 0, function* () {
-            const cumulativePatch = this.makeCumulativePatch();
-            const lastLogEntry = this.log.length;
-            if ((0, lodash_isempty_1.default)(cumulativePatch)) {
-                return;
-            }
-            try {
-                const response = yield this.savePatch(cumulativePatch);
-                this.applyResponse(response, lastLogEntry);
-                this.update();
-            }
-            catch (error) {
-                this.saveError(cumulativePatch, error);
-                this.update();
-                throw error;
-            }
-        }));
-        this.handleBeforeUnload = (e) => {
-            if (this.enqueueSave.isBusy) {
-                e.returnValue = false;
-                return false;
-            }
-        };
-        this.loaders = [];
-        this.db = blank;
-        this.base = blank;
-        this.tempIdMap = new tempIds_1.TempIdMap(blank);
-        this.idMap = this.tempIdMap;
-        window.addEventListener('beforeunload', this.handleBeforeUnload);
+class DbTable {
+    constructor(schema, state, q) {
+        this.schema = schema;
+        this.state = state;
+        this.q = q;
+        if (!state) {
+            const indexes = (schema.indexes || []).map(indexDef => {
+                return {
+                    field: indexDef,
+                    map: I.Map(),
+                };
+            });
+            this.state = { pk: I.Map(), indexes };
+        }
+        if (!q) {
+            this.q = {};
+        }
     }
-    /** Saves all committed patches. Useful only if autoSave is off. */
-    save() {
-        return this.enqueueSave();
+    keyToImmutable(id) {
+        if (Array.isArray(id)) {
+            return I.List(id);
+        }
+        else {
+            return id;
+        }
     }
-    getAutoSave() {
-        return this.autoSave;
+    byId(id) {
+        return this.state.pk.get(this.keyToImmutable(id));
     }
-    setAutoSave(val) {
-        if (this.autoSave != val) {
-            this.autoSave = val;
-            this.autoSave && this.enqueueSave();
-            this.update();
+    getId(entity) {
+        if (Array.isArray(this.schema.primaryKey)) {
+            return this.schema.primaryKey.map((key) => entity[key]);
         }
+        return entity[this.schema.primaryKey];
     }
-    revert() {
-        this.db = this.base;
-        this.log = this.log.slice(0, this.savedPoint);
-        this.update();
-    }
-    /** Concrete DbRef instances should override and implement their save logic in this method */
-    savePatch(patch) {
-        return Promise.resolve({ submit: {} });
-    }
-    /* Db Update logic */
-    commit(patch) {
-        const dbBeforeUpdate = this.db.with(patch);
-        patch = this.beforeUpdate(patch, dbBeforeUpdate.tables, this.db.tables);
-        patch = (0, patchHelpers_1.mergeEntityPatches)(this.db.tables, patch);
-        this.log.push({ patch });
-        this.db = this.db.with(patch);
-        this.autoSave && this.enqueueSave(null, { throttleMs: this.throttleSaveMs });
-        this.update();
-    }
-    beforeUpdate(patch, tables, prevTables) {
-        let patchAndDependencies = {};
-        (0, utils_1.objectKeys)(tables).filter(entityName => patch[entityName] && !tables[entityName].schema.beforeUpdate).forEach(entityName => {
-            patchAndDependencies[entityName] = patch[entityName];
-        });
-        (0, utils_1.objectKeys)(tables).filter(entityName => patch[entityName] && tables[entityName].schema.beforeUpdate).forEach(entityName => {
-            const schema = tables[entityName].schema;
-            const { beforeUpdate } = schema;
-            let context = {
-                clientIdsMap: this.tempIdMap,
-                schema,
-                tables,
-                prevTables,
-            };
-            const results = patch[entityName].map(e => beforeUpdate(e, context));
-            const updatedPatch = { [entityName]: results.map(result => result.entity) };
-            const dependentEntityPatchesForUpdate = (0, patchHelpers_1.unionPatches)(results.filter(result => result.dependentEntities).map(result => result.dependentEntities));
-            const dependentEntityPatches = this.beforeUpdate(dependentEntityPatchesForUpdate, tables, prevTables);
-            patchAndDependencies = (0, patchHelpers_1.mergeEntityPatches)(tables, (0, patchHelpers_1.unionPatches)([patchAndDependencies, updatedPatch, dependentEntityPatches]));
-        });
-        return patchAndDependencies;
-    }
-    commitFetch(patch) {
-        patch = this.tempIdMap.serverToClientPatch(patch);
-        this.rebase(this.base.with(patch));
-        this.update();
-    }
-    rebase(newBase) {
-        this.base = newBase;
-        this.db = newBase;
-        for (let n = this.savedPoint; n < this.log.length; n++) {
-            this.db = this.db.with(this.log[n].patch);
-        }
-    }
-    makeCumulativePatch() {
-        const lastLogEntry = this.log.length;
-        const logEntriesToSave = this.log.slice(this.savedPoint, lastLogEntry);
-        let cumulativePatch = (0, patchHelpers_1.makeCumulativePatch)(this.db, logEntriesToSave.map(t => t.patch), this.tempIdMap);
-        cumulativePatch = this.tempIdMap.clientToServerPatch(cumulativePatch);
-        return cumulativePatch;
-    }
-    applyResponse(response, newSavedPoint) {
-        this.tempIdMap.appendServerMapping(response);
-        let serverPatch = (0, patchHelpers_1.flattenResponse)(response.submit, this.db.tables);
-        serverPatch = (0, patchHelpers_1.mergeEntityPatches)(this.db.tables, serverPatch);
-        this.savedPoint = newSavedPoint;
-        this.base = this.db;
-        this.commitFetch(serverPatch);
-    }
-    subscribe(view, params, onUpdate) {
-        const id = this.lastSubscriptionId++;
-        const subscription = {
-            update: (params) => {
-                subscription.currentParams = params;
-                subscription.currentValue = this.db.runView(view, params);
-                return subscription.currentValue;
-            },
-            currentParams: null,
-            currentValue: null,
-            onUpdate,
-            unsubscribe: () => { this.subscriptions.delete(id); },
-        };
-        subscription.update(params);
-        this.subscriptions.set(id, subscription);
-        return subscription;
-    }
-    onUpdate(handler) {
-        this.subscribe({
-            compute: db => db,
-            compareResults: (a, b) => a === b,
-        }, null, handler);
-    }
-    update() {
-        this.subscriptions.forEach(subscription => {
-            const previousValue = subscription.currentValue;
-            subscription.update(subscription.currentParams);
-            if (subscription.currentValue !== previousValue && subscription.onUpdate) {
-                subscription.onUpdate(subscription.currentValue);
-            }
-        });
-    }
-    onSaveError(handler) {
-        this.saveErrorHandlers.push(handler);
-    }
-    saveError(request, error) {
-        this.saveErrorHandlers.forEach(handler => handler(request, error));
-    }
-    makeLoader(options) {
-        const loader = new Loader_1.Loader(this, () => new SimpleLoadingTracker_1.SimpleLoadingTracker(), options);
-        this.loaders.push(loader);
-        return loader;
-    }
-    makeListLoader(options) {
-        const loader = new Loader_1.Loader(this, () => new ListLoadingTracker_1.ListLoadingTracker(), options);
-        this.loaders.push(loader);
-        return loader;
-    }
-    reload() {
-        this.loaders = [];
-    }
-}
-exports.DbRef = DbRef;
-
-
-/***/ }),
-
-/***/ "./src/DbTable.ts":
-/*!************************!*\
-  !*** ./src/DbTable.ts ***!
-  \************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DbTable = void 0;
-const tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.js");
-const I = (0, tslib_1.__importStar)(__webpack_require__(/*! immutable */ "immutable"));
-const uui_core_1 = __webpack_require__(/*! @epam/uui-core */ "@epam/uui-core");
-const immutable_1 = __webpack_require__(/*! immutable */ "immutable");
-class DbTable {
-    constructor(schema, state, q) {
-        this.schema = schema;
-        this.state = state;
-        this.q = q;
-        if (!state) {
-            const indexes = (schema.indexes || []).map(indexDef => {
-                return {
-                    field: indexDef,
-                    map: I.Map(),
-                };
-            });
-            this.state = { pk: I.Map(), indexes };
-        }
-        if (!q) {
-            this.q = {};
-        }
-    }
-    keyToImmutable(id) {
-        if (Array.isArray(id)) {
-            return I.List(id);
-        }
-        else {
-            return id;
-        }
-    }
-    byId(id) {
-        return this.state.pk.get(this.keyToImmutable(id));
-    }
-    getId(entity) {
-        if (Array.isArray(this.schema.primaryKey)) {
-            return this.schema.primaryKey.map((key) => entity[key]);
-        }
-        return entity[this.schema.primaryKey];
-    }
-    update(mutate) {
-        const clone = new this.constructor(this.schema, this.state, this.q);
-        mutate(clone);
-        return clone;
+    update(mutate) {
+        const clone = new this.constructor(this.schema, this.state, this.q);
+        mutate(clone);
+        return clone;
     }
     /* Mutation */
     with(patch) {
@@ -749,7 +210,7 @@ class DbTable {
             }
             return { id, immId, patch: entityPatch, existing, updated, isNew: !existing, isDeleted };
         });
-        const idVal = immutable_1.Seq.Keyed(updates.map(entity => [entity.immId, entity.updated]));
+        const idVal = Seq.Keyed(updates.map(entity => [entity.immId, entity.updated]));
         let newPk = this.state.pk.merge(idVal);
         // TBD: replace with deleteAll after migrating to immutable 4
         updates.filter(u => u.isDeleted).forEach(u => {
@@ -820,13 +281,13 @@ class DbTable {
             for (let n = 0; n < indexes.length; n++) {
                 const index = indexes[n];
                 if (index.field in filter) {
-                    const _a = filter, _b = index.field, condition = _a[_b], rest = (0, tslib_1.__rest)(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+                    const _a = filter, _b = index.field, condition = _a[_b], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
                     let conditionValues = null;
                     if (condition != null && typeof condition === "object") {
                         // Attempt to use index for 'in' and 'isNull' criteria.
                         // We need to be very conservative here, indexed field should work the same way as getPatternPredicate. So
                         // - it's better to leave corner cases to getPatternPredicate
-                        const _c = condition, { in: inCriteria, isNull: nullCriteria } = _c, restCriteria = (0, tslib_1.__rest)(_c, ["in", "isNull"]);
+                        const _c = condition, { in: inCriteria, isNull: nullCriteria } = _c, restCriteria = __rest(_c, ["in", "isNull"]);
                         if (inCriteria && Array.isArray(inCriteria)) {
                             conditionValues = inCriteria;
                         }
@@ -873,15 +334,15 @@ class DbTable {
             result = this.state.pk.toArray();
         }
         if (filter) {
-            let predicate = (0, uui_core_1.getFilterPredicate)(q.filter);
+            let predicate = getFilterPredicate(q.filter);
             result = result.filter(predicate);
         }
         if (q.search) {
-            let searchFilter = (0, uui_core_1.getSearchFilter)(q.search);
+            let searchFilter = getSearchFilter(q.search);
             result = result.filter(item => searchFilter(this.schema.searchBy.map(field => item[field])));
         }
         if (q.sorting) {
-            let comparer = (0, uui_core_1.getOrderComparer)(q.sorting);
+            let comparer = getOrderComparer(q.sorting);
             result = result.sort(comparer);
         }
         if (q.range) {
@@ -890,360 +351,86 @@ class DbTable {
         return result;
     }
 }
-exports.DbTable = DbTable;
-
-
-/***/ }),
 
-/***/ "./src/ListLoadingTracker.ts":
-/*!***********************************!*\
-  !*** ./src/ListLoadingTracker.ts ***!
-  \***********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListLoadingTracker = void 0;
-const tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.js");
-class ListLoadingTracker {
-    constructor(options) {
-        this.options = options;
-        this.cache = new Map();
-        this.extractList = (options === null || options === void 0 ? void 0 : options.extractList) || ((r) => r);
-    }
-    prepare(request) {
-        const { filter, sorting, search, range } = request, unknownFields = (0, tslib_1.__rest)(request, ["filter", "sorting", "search", "range"]);
-        const options = {};
-        if (filter) {
-            options.filter = filter;
-        }
-        if (sorting) {
-            options.sorting = sorting;
-        }
-        if (search) {
-            options.search = search;
-        }
-        let keyObject = Object.assign(Object.assign({}, options), unknownFields);
-        const key = JSON.stringify(keyObject);
-        let entry = this.cache.get(key);
-        if (!entry) {
-            entry = { options, count: 0, maxCount: null, isComplete: false };
-            this.cache.set(key, entry);
-        }
-        return { options, range, unknownFields, entry };
+function unionPatches(patches) {
+    const result = {};
+    patches.forEach(patch => {
+        objectKeys(patch).forEach(tableName => {
+            result[tableName] = result[tableName] ? [...result[tableName], ...patch[tableName]] : patch[tableName];
+        });
+    });
+    return result;
+}
+function mergeEntityPatches(tables, patch) {
+    const result = {};
+    objectKeys(patch).forEach(key => {
+        const table = tables[key];
+        const groupedEntities = groupBy(patch[key], item => table.getId(item));
+        const tablePatch = map(groupedEntities, entities => {
+            const result = merge({}, ...entities);
+            if (process.env.NODE_ENV !== 'production') {
+                const props = objectKeys(result).filter(prop => Object.keys(countBy(entities.filter(entity => entity[prop] !== undefined), entity => entity[prop])).length > 1);
+                if (props.length) {
+                    console.warn('mergeEntityPatches: Different property values found for the same entity.\nProperty names:\n', props, '\nEntities:\n', ...entities);
+                }
+            }
+            return result;
+        });
+        result[key] = tablePatch;
+    });
+    return result;
+}
+function flattenResponseHelper(result, object, tablesByTypeName) {
+    if (Array.isArray(object)) {
+        object.forEach(item => flattenResponseHelper(result, item, tablesByTypeName));
     }
-    diff(request) {
-        const { options, range, unknownFields, entry } = this.prepare(request);
-        if (entry.isComplete) {
-            return null;
-        }
-        if (!request.range) {
-            return request;
-        }
-        else {
-            const requestedMax = request.range.from + request.range.count;
-            let missingCount = requestedMax - entry.count;
-            if (entry.maxCount) {
-                missingCount = Math.min(missingCount, entry.maxCount);
+    else if (typeof object === 'object') {
+        const clone = {};
+        let tableKey;
+        let fields = {};
+        if ('__typename' in object) {
+            const table = tablesByTypeName[object.__typename];
+            if (table) {
+                tableKey = table.schema.tableName;
+                fields = table.schema.fields;
             }
-            if (missingCount > 0) {
-                return Object.assign(Object.assign(Object.assign({}, options), unknownFields), { range: { from: entry.count, count: requestedMax - entry.count } });
+        }
+        for (let key in object) {
+            const value = object[key];
+            const field = fields[key];
+            if ((field && !!field.disableFlatten)
+                || typeof value !== 'object'
+                || value === null
+                || (Array.isArray(value) && value.every(item => typeof item !== 'object'))) {
+                clone[key] = value;
             }
             else {
-                return null;
+                flattenResponseHelper(result, value, tablesByTypeName);
             }
         }
-    }
-    count(request) {
-        const { entry } = this.prepare(request);
-        return { knownCount: Math.max(entry.count, entry.maxCount), exactCount: entry.maxCount };
-    }
-    append(request, response) {
-        const { options, range, unknownFields, entry } = this.prepare(request);
-        if (response) {
-            const list = this.extractList(response);
-            if (list.count) {
-                entry.maxCount = list.count;
-            }
-            if (!range) {
-                entry.count = list.items.length;
-                entry.maxCount = list.items.length;
-                entry.isComplete = true;
-            }
-            else {
-                const from = (list.from == null) ? range.from : list.from;
-                if (list.items.length > 0) {
-                    entry.count = Math.max(entry.count, from + list.items.length);
-                }
-                if (list.items.length < range.count) {
-                    entry.maxCount = from + list.items.length;
-                    entry.count = entry.maxCount;
-                    entry.isComplete = true;
-                }
-            }
-        }
-        else {
-            if (range) {
-                entry.count = Math.max(entry.count, request.range.from + request.range.count);
-            }
-            else {
-                entry.isComplete = true;
-            }
-        }
-    }
-}
-exports.ListLoadingTracker = ListLoadingTracker;
-
-
-/***/ }),
-
-/***/ "./src/Loader.ts":
-/*!***********************!*\
-  !*** ./src/Loader.ts ***!
-  \***********************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loader = void 0;
-class Loader {
-    constructor(dbRef, getTracker, options) {
-        this.dbRef = dbRef;
-        this.getTracker = getTracker;
-        this.options = options;
-        this.currentRequests = new Set();
-        this.load = (inputRequest) => {
-            const result = {
-                isComplete: this.loaded.diff(inputRequest) == null,
-                isLoading: false,
-                request: inputRequest,
-                missing: this.loadedAndLoading.diff(inputRequest),
-                promise: null,
-                reload: null,
-            };
-            result.reload = () => {
-                result.missing = inputRequest;
-                this.loadImpl(result);
-            };
-            if (result.isComplete) {
-                // Everything requested is already loaded
-                result.isComplete = true;
-                result.isLoading = false;
-                result.promise = Promise.resolve();
-                return result;
-            }
-            else {
-                if (result.missing == null) {
-                    // Everything requested is either loaded already, or being loaded
-                    result.isComplete = false;
-                    result.isLoading = true;
-                    // There's no good way to tell which of current requests is querying requested data - there actually can be 2 of them.
-                    // So we track all running requests, and await all of them in such case.
-                    result.promise = Promise.all(this.currentRequests.entries()).then(() => { });
-                    return result;
-                }
-                else {
-                    // Something requested is not loaded, nor being loaded. Need to perform a new request.
-                    this.loadImpl(result);
-                    return result;
-                }
-            }
-        };
-        this.loaded = getTracker();
-        this.loadedAndLoading = getTracker();
-    }
-    loadImpl(state) {
-        this.loadedAndLoading.append(state.missing);
-        state.isLoading = true;
-        let serverRequest = state.missing;
-        if (this.options.clientToServerRequest) {
-            serverRequest = this.options.clientToServerRequest(serverRequest);
-        }
-        state.promise = this.options.api(serverRequest).then(result => {
-            this.loaded.append(state.missing, result);
-            this.loadedAndLoading.append(state.missing, result);
-            state.missing = null;
-            state.isLoading = false;
-            state.isComplete = true;
-            state.promise = Promise.resolve();
-            const flatten = this.options.convertToPatch(result);
-            this.options.postProcess && this.options.postProcess(flatten);
-            this.dbRef.commitFetch(flatten);
-        });
-        this.currentRequests.add(state.promise);
-        state.promise.finally(() => {
-            this.currentRequests.delete(state.promise);
-        });
-        return state.promise;
-    }
-}
-exports.Loader = Loader;
-
-
-/***/ }),
-
-/***/ "./src/SimpleLoadingTracker.ts":
-/*!*************************************!*\
-  !*** ./src/SimpleLoadingTracker.ts ***!
-  \*************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SimpleLoadingTracker = void 0;
-class SimpleLoadingTracker {
-    constructor() {
-        this.set = new Set();
-    }
-    getKey(request) {
-        return JSON.stringify(request);
-    }
-    diff(request) {
-        return this.set.has(this.getKey(request)) ? null : request;
-    }
-    append(request, result) {
-        this.set.add(this.getKey(request));
-    }
-}
-exports.SimpleLoadingTracker = SimpleLoadingTracker;
-
-
-/***/ }),
-
-/***/ "./src/index.ts":
-/*!**********************!*\
-  !*** ./src/index.ts ***!
-  \**********************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.js");
-(0, tslib_1.__exportStar)(__webpack_require__(/*! ./types */ "./src/types.ts"), exports);
-(0, tslib_1.__exportStar)(__webpack_require__(/*! ./Db */ "./src/Db.ts"), exports);
-(0, tslib_1.__exportStar)(__webpack_require__(/*! ./DbTable */ "./src/DbTable.ts"), exports);
-(0, tslib_1.__exportStar)(__webpack_require__(/*! ./DbRef */ "./src/DbRef.ts"), exports);
-(0, tslib_1.__exportStar)(__webpack_require__(/*! ./tempIds */ "./src/tempIds.tsx"), exports);
-(0, tslib_1.__exportStar)(__webpack_require__(/*! ./utils */ "./src/utils.ts"), exports);
-(0, tslib_1.__exportStar)(__webpack_require__(/*! ./patchHelpers */ "./src/patchHelpers.ts"), exports);
-(0, tslib_1.__exportStar)(__webpack_require__(/*! ./reactHooks */ "./src/reactHooks.ts"), exports);
-
-
-/***/ }),
-
-/***/ "./src/patchHelpers.ts":
-/*!*****************************!*\
-  !*** ./src/patchHelpers.ts ***!
-  \*****************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getEntityParentDependencies = exports.getParentEntities = exports.hasServerFields = exports.isNew = exports.getId = exports.isClientOnly = exports.makeCumulativePatch = exports.isPatchBlank = exports.flattenResponse = exports.mergeEntityPatches = exports.unionPatches = void 0;
-const tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.js");
-const types_1 = __webpack_require__(/*! ./types */ "./src/types.ts");
-const I = (0, tslib_1.__importStar)(__webpack_require__(/*! immutable */ "immutable"));
-const utils_1 = __webpack_require__(/*! ./utils */ "./src/utils.ts");
-const lodash_groupby_1 = (0, tslib_1.__importDefault)(__webpack_require__(/*! lodash.groupby */ "lodash.groupby"));
-const lodash_map_1 = (0, tslib_1.__importDefault)(__webpack_require__(/*! lodash.map */ "lodash.map"));
-const lodash_merge_1 = (0, tslib_1.__importDefault)(__webpack_require__(/*! lodash.merge */ "lodash.merge"));
-const lodash_countby_1 = (0, tslib_1.__importDefault)(__webpack_require__(/*! lodash.countby */ "lodash.countby"));
-const lodash_filter_1 = (0, tslib_1.__importDefault)(__webpack_require__(/*! lodash.filter */ "lodash.filter"));
-const lodash_foreach_1 = (0, tslib_1.__importDefault)(__webpack_require__(/*! lodash.foreach */ "lodash.foreach"));
-const lodash_pick_1 = (0, tslib_1.__importDefault)(__webpack_require__(/*! lodash.pick */ "lodash.pick"));
-function unionPatches(patches) {
-    const result = {};
-    patches.forEach(patch => {
-        (0, utils_1.objectKeys)(patch).forEach(tableName => {
-            result[tableName] = result[tableName] ? [...result[tableName], ...patch[tableName]] : patch[tableName];
-        });
-    });
-    return result;
-}
-exports.unionPatches = unionPatches;
-function mergeEntityPatches(tables, patch) {
-    const result = {};
-    (0, utils_1.objectKeys)(patch).forEach(key => {
-        const table = tables[key];
-        const groupedEntities = (0, lodash_groupby_1.default)(patch[key], item => table.getId(item));
-        const tablePatch = (0, lodash_map_1.default)(groupedEntities, entities => {
-            const result = (0, lodash_merge_1.default)({}, ...entities);
-            if (true) {
-                const props = (0, utils_1.objectKeys)(result).filter(prop => Object.keys((0, lodash_countby_1.default)(entities.filter(entity => entity[prop] !== undefined), entity => entity[prop])).length > 1);
-                if (props.length) {
-                    console.warn('mergeEntityPatches: Different property values found for the same entity.\nProperty names:\n', props, '\nEntities:\n', ...entities);
-                }
-            }
-            return result;
-        });
-        result[key] = tablePatch;
-    });
-    return result;
-}
-exports.mergeEntityPatches = mergeEntityPatches;
-function flattenResponseHelper(result, object, tablesByTypeName) {
-    if (Array.isArray(object)) {
-        object.forEach(item => flattenResponseHelper(result, item, tablesByTypeName));
-    }
-    else if (typeof object === 'object') {
-        const clone = {};
-        let tableKey;
-        let fields = {};
-        if ('__typename' in object) {
-            const table = tablesByTypeName[object.__typename];
-            if (table) {
-                tableKey = table.schema.tableName;
-                fields = table.schema.fields;
-            }
-        }
-        for (let key in object) {
-            const value = object[key];
-            const field = fields[key];
-            if ((field && !!field.disableFlatten)
-                || typeof value !== 'object'
-                || value === null
-                || (Array.isArray(value) && value.every(item => typeof item !== 'object'))) {
-                clone[key] = value;
-            }
-            else {
-                flattenResponseHelper(result, value, tablesByTypeName);
-            }
-        }
-        if (tableKey) {
-            result[tableKey].push(clone);
-        }
+        if (tableKey) {
+            result[tableKey].push(clone);
+        }
     }
 }
 function flattenResponse(response, tables) {
     const result = {};
     let tablesByTypeName = {};
     Object.values(tables).forEach(table => tablesByTypeName[table.schema.typeName] = table);
-    (0, utils_1.objectKeys)(tables).forEach(tableName => tablesByTypeName);
-    (0, utils_1.objectKeys)(tables).forEach(key => result[key] = []);
+    objectKeys(tables).forEach(tableName => tablesByTypeName);
+    objectKeys(tables).forEach(key => result[key] = []);
     flattenResponseHelper(result, response, tablesByTypeName);
     return result;
 }
-exports.flattenResponse = flattenResponse;
 function isPatchBlank(patch) {
-    return !(0, utils_1.objectKeys)(patch).some(key => patch[key].length > 0);
+    return !objectKeys(patch).some(key => patch[key].length > 0);
 }
-exports.isPatchBlank = isPatchBlank;
 /**
  * Given several patches, creates a new single patch with all fields from all entities in all patches.
  */
 function makeCumulativePatch(updatedDb, patches, clientIdsMap) {
     const result = {};
-    (0, utils_1.objectKeys)(updatedDb.tables).forEach(entityName => {
+    objectKeys(updatedDb.tables).forEach(entityName => {
         const table = updatedDb.tables[entityName];
         const schema = table.schema;
         let ids = I.Set();
@@ -1261,47 +448,42 @@ function makeCumulativePatch(updatedDb, patches, clientIdsMap) {
     });
     return result;
 }
-exports.makeCumulativePatch = makeCumulativePatch;
 function isClientOnly(entity, schema) {
     if (typeof schema.isClientOnly === 'function') {
         return schema.isClientOnly(entity);
     }
     return !!schema.isClientOnly;
 }
-exports.isClientOnly = isClientOnly;
 function getId(entity, schema) {
     if (typeof schema.primaryKey == 'string') {
         return entity[schema.primaryKey];
     }
     const result = [];
-    (0, lodash_foreach_1.default)((0, lodash_pick_1.default)(entity, schema.primaryKey), (value) => {
+    forEach(pick(entity, schema.primaryKey), (value) => {
         result.push(value);
     });
     return result;
 }
-exports.getId = getId;
 function isNew(entity, schema, clientIdsMap) {
     const id = getId(entity, schema);
     return !clientIdsMap.clientToServer(id);
 }
-exports.isNew = isNew;
 function hasServerFields(entity, schema, clientIdsMap, tables) {
     const fullEntity = Object.assign(Object.assign({}, tables[schema.tableName].byId(entity.id) || {}), entity);
     if (isClientOnly(fullEntity, schema)) {
         return false;
     }
-    return (0, utils_1.objectKeys)(entity).some(fieldName => {
+    return objectKeys(entity).some(fieldName => {
         const fieldSchema = schema.fields[fieldName];
         return !fieldSchema || !(fieldSchema.isClientOnly || fieldSchema.isReadOnly || (fieldSchema.isGenerated && !isNew(entity, schema, clientIdsMap)));
     });
 }
-exports.hasServerFields = hasServerFields;
 function getParentEntities(patch, tables) {
     const dependenciesPatch = {};
-    (0, utils_1.objectKeys)(patch).forEach(key => {
+    objectKeys(patch).forEach(key => {
         const table = tables[key];
         const tableSchema = table.schema;
-        const fields = (0, lodash_filter_1.default)((0, lodash_map_1.default)(tableSchema.fields, (field, name) => (Object.assign(Object.assign({}, field), { name }))), field => field.fk && field.fk.relationType == types_1.DbRelationType.Aggregation);
+        const fields = filter(map(tableSchema.fields, (field, name) => (Object.assign(Object.assign({}, field), { name }))), field => field.fk && field.fk.relationType == DbRelationType.Aggregation);
         const tablePatch = patch[key];
         fields.forEach(field => {
             const { fk: { tableName }, name } = field;
@@ -1309,7 +491,7 @@ function getParentEntities(patch, tables) {
                 const actualTableName = (typeof tableName == 'function' ? tableName(entity) : tableName);
                 const dbEntity = table.byId(table.getId(entity));
                 const parentEntity = tables[actualTableName].byId(dbEntity[name]);
-                const idFields = (0, lodash_pick_1.default)(parentEntity, tables[actualTableName].schema.primaryKey);
+                const idFields = pick(parentEntity, tables[actualTableName].schema.primaryKey);
                 if (parentEntity) {
                     dependenciesPatch[actualTableName] = dependenciesPatch[actualTableName] || [];
                     dependenciesPatch[actualTableName].push(idFields);
@@ -1319,7 +501,6 @@ function getParentEntities(patch, tables) {
     });
     return dependenciesPatch;
 }
-exports.getParentEntities = getParentEntities;
 function getEntityParentDependencies(entity, entityName, tables) {
     let patch = { [entityName]: [entity] };
     const resultPatches = [];
@@ -1335,64 +516,14 @@ function getEntityParentDependencies(entity, entityName, tables) {
     result = mergeEntityPatches(tables, result);
     return result;
 }
-exports.getEntityParentDependencies = getEntityParentDependencies;
-
-
-/***/ }),
-
-/***/ "./src/reactHooks.ts":
-/*!***************************!*\
-  !*** ./src/reactHooks.ts ***!
-  \***************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDbView = exports.useDbRef = exports.DbContext = void 0;
-const react_1 = __webpack_require__(/*! react */ "react");
-exports.DbContext = (0, react_1.createContext)(null);
-function useDbRef() {
-    return (0, react_1.useContext)(exports.DbContext);
-}
-exports.useDbRef = useDbRef;
-function useDbView(fn, params, options) {
-    const dbRef = useDbRef();
-    const [state, setState] = (0, react_1.useState)();
-    const subscription = (0, react_1.useMemo)(() => dbRef.subscribe(Object.assign({ compute: fn }, options), params, setState), []);
-    subscription.update(params);
-    (0, react_1.useEffect)(() => {
-        return () => subscription.unsubscribe();
-    }, []);
-    return subscription.currentValue;
-}
-exports.useDbView = useDbView;
-
 
-/***/ }),
-
-/***/ "./src/tempIds.tsx":
-/*!*************************!*\
-  !*** ./src/tempIds.tsx ***!
-  \*************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TempIdMap = exports.isTempId = exports.getTempId = void 0;
-const utils_1 = __webpack_require__(/*! ./utils */ "./src/utils.ts");
 let lastTempId = -1;
 function getTempId() {
     return --lastTempId;
 }
-exports.getTempId = getTempId;
 function isTempId(val) {
     return typeof val === 'number' && val < 0;
 }
-exports.isTempId = isTempId;
 class TempIdMap {
     constructor(db) {
         this.db = db;
@@ -1440,7 +571,7 @@ class TempIdMap {
     }
     copyPatch(patch) {
         const newPatch = Object.assign({}, patch);
-        (0, utils_1.objectKeys)(patch).forEach(tableName => {
+        objectKeys(patch).forEach(tableName => {
             let tablePatch = patch[tableName].map(entityPatch => (Object.assign({}, entityPatch)));
             newPatch[tableName] = tablePatch;
         });
@@ -1448,9 +579,9 @@ class TempIdMap {
     }
     // Iterate thru every field in every patch for every table, matching certain field criteria. The patch is mutated!
     mapFields(patch, filter, callback) {
-        (0, utils_1.objectKeys)(patch).forEach(tableName => {
+        objectKeys(patch).forEach(tableName => {
             const schema = this.db.tables[tableName].schema;
-            const fields = (0, utils_1.objectKeys)(schema.fields || [])
+            const fields = objectKeys(schema.fields || [])
                 .map(fieldName => {
                 const fieldSchema = schema.fields[fieldName];
                 if (filter(fieldSchema, fieldName)) {
@@ -1537,7 +668,7 @@ class TempIdMap {
         return patch;
     }
     appendServerMapping(response) {
-        (0, utils_1.objectKeys)(response.submit).forEach(tableName => {
+        objectKeys(response.submit).forEach(tableName => {
             if (this.db.tables[tableName]) {
                 const tablePatch = response.submit[tableName];
                 if (tablePatch) {
@@ -1556,256 +687,375 @@ class TempIdMap {
         });
     }
 }
-exports.TempIdMap = TempIdMap;
-
 
-/***/ }),
-
-/***/ "./src/types.ts":
-/*!**********************!*\
-  !*** ./src/types.ts ***!
-  \**********************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DbRelationType = void 0;
-var DbRelationType;
-(function (DbRelationType) {
-    DbRelationType[DbRelationType["Aggregation"] = 0] = "Aggregation";
-    DbRelationType[DbRelationType["Association"] = 1] = "Association";
-})(DbRelationType = exports.DbRelationType || (exports.DbRelationType = {}));
-
-
-/***/ }),
-
-/***/ "./src/utils.ts":
-/*!**********************!*\
-  !*** ./src/utils.ts ***!
-  \**********************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.difference = exports.defaultCompareViewDependencies = exports.objectKeys = void 0;
-const tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.js");
-const shallowequal_1 = (0, tslib_1.__importDefault)(__webpack_require__(/*! shallowequal */ "shallowequal"));
-const lodash_zip_1 = (0, tslib_1.__importDefault)(__webpack_require__(/*! lodash.zip */ "lodash.zip"));
-const lodash_transform_1 = (0, tslib_1.__importDefault)(__webpack_require__(/*! lodash.transform */ "lodash.transform"));
-const lodash_isequal_1 = (0, tslib_1.__importDefault)(__webpack_require__(/*! lodash.isequal */ "lodash.isequal"));
-// TBD: New typescript would contain better typing for this. Remove this hack after update.
-exports.objectKeys = Object.keys;
-function defaultCompareViewDependencies(prev, next) {
-    if (Array.isArray(prev) && Array.isArray(next)) {
-        if (prev.length === next.length) {
-            return (0, lodash_zip_1.default)(prev, next).every(([p, n]) => (0, shallowequal_1.default)(p, n));
-        }
-        return false;
-    }
-    return (0, shallowequal_1.default)(prev, next);
-}
-exports.defaultCompareViewDependencies = defaultCompareViewDependencies;
-/**
- * Deep diff between two object, using lodash
- * @param  {Object} object Object compared
- * @param  {Object} base   Object to compare with
- * @return {Object}        Return a new object who represent the diff
- */
-function difference(object, base) {
-    function changes(object, base) {
-        return (0, lodash_transform_1.default)(object, function (result, value, key) {
-            if (!(0, lodash_isequal_1.default)(value, base[key])) {
-                result[key] = (typeof value === "object" && typeof base[key] === "object") ? changes(value, base[key]) : value;
+class Loader {
+    constructor(dbRef, getTracker, options) {
+        this.dbRef = dbRef;
+        this.getTracker = getTracker;
+        this.options = options;
+        this.currentRequests = new Set();
+        this.load = (inputRequest) => {
+            const result = {
+                isComplete: this.loaded.diff(inputRequest) == null,
+                isLoading: false,
+                request: inputRequest,
+                missing: this.loadedAndLoading.diff(inputRequest),
+                promise: null,
+                reload: null,
+            };
+            result.reload = () => {
+                result.missing = inputRequest;
+                this.loadImpl(result);
+            };
+            if (result.isComplete) {
+                // Everything requested is already loaded
+                result.isComplete = true;
+                result.isLoading = false;
+                result.promise = Promise.resolve();
+                return result;
             }
-        });
-    }
-    return changes(object, base);
-}
-exports.difference = difference;
-
-
-/***/ }),
-
-/***/ 0:
-/*!*************************!*\
-  !*** multi ./index.tsx ***!
-  \*************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /Users/Aliaksei_Manetau/WebstormProjects/uui/uui-db/index.tsx */"./index.tsx");
-
-
-/***/ }),
-
-/***/ "@epam/uui-core":
-/*!*********************************!*\
-  !*** external "@epam/uui-core" ***!
-  \*********************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("@epam/uui-core");
-
-/***/ }),
-
-/***/ "immutable":
-/*!****************************!*\
-  !*** external "immutable" ***!
-  \****************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("immutable");
-
-/***/ }),
-
-/***/ "lodash.countby":
-/*!*********************************!*\
-  !*** external "lodash.countby" ***!
-  \*********************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash.countby");
-
-/***/ }),
-
-/***/ "lodash.filter":
-/*!********************************!*\
-  !*** external "lodash.filter" ***!
-  \********************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash.filter");
-
-/***/ }),
-
-/***/ "lodash.foreach":
-/*!*********************************!*\
-  !*** external "lodash.foreach" ***!
-  \*********************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash.foreach");
-
-/***/ }),
-
-/***/ "lodash.groupby":
-/*!*********************************!*\
-  !*** external "lodash.groupby" ***!
-  \*********************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash.groupby");
-
-/***/ }),
-
-/***/ "lodash.isempty":
-/*!*********************************!*\
-  !*** external "lodash.isempty" ***!
-  \*********************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash.isempty");
-
-/***/ }),
-
-/***/ "lodash.isequal":
-/*!*********************************!*\
-  !*** external "lodash.isequal" ***!
-  \*********************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash.isequal");
-
-/***/ }),
-
-/***/ "lodash.map":
-/*!*****************************!*\
-  !*** external "lodash.map" ***!
-  \*****************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash.map");
-
-/***/ }),
-
-/***/ "lodash.merge":
-/*!*******************************!*\
-  !*** external "lodash.merge" ***!
-  \*******************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash.merge");
-
-/***/ }),
-
-/***/ "lodash.pick":
-/*!******************************!*\
-  !*** external "lodash.pick" ***!
-  \******************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash.pick");
-
-/***/ }),
-
-/***/ "lodash.transform":
-/*!***********************************!*\
-  !*** external "lodash.transform" ***!
-  \***********************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash.transform");
-
-/***/ }),
-
-/***/ "lodash.zip":
-/*!*****************************!*\
-  !*** external "lodash.zip" ***!
-  \*****************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash.zip");
-
-/***/ }),
-
-/***/ "react":
-/*!************************!*\
-  !*** external "react" ***!
-  \************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("react");
+            else {
+                if (result.missing == null) {
+                    // Everything requested is either loaded already, or being loaded
+                    result.isComplete = false;
+                    result.isLoading = true;
+                    // There's no good way to tell which of current requests is querying requested data - there actually can be 2 of them.
+                    // So we track all running requests, and await all of them in such case.
+                    result.promise = Promise.all(this.currentRequests.entries()).then(() => { });
+                    return result;
+                }
+                else {
+                    // Something requested is not loaded, nor being loaded. Need to perform a new request.
+                    this.loadImpl(result);
+                    return result;
+                }
+            }
+        };
+        this.loaded = getTracker();
+        this.loadedAndLoading = getTracker();
+    }
+    loadImpl(state) {
+        this.loadedAndLoading.append(state.missing);
+        state.isLoading = true;
+        let serverRequest = state.missing;
+        if (this.options.clientToServerRequest) {
+            serverRequest = this.options.clientToServerRequest(serverRequest);
+        }
+        state.promise = this.options.api(serverRequest).then(result => {
+            this.loaded.append(state.missing, result);
+            this.loadedAndLoading.append(state.missing, result);
+            state.missing = null;
+            state.isLoading = false;
+            state.isComplete = true;
+            state.promise = Promise.resolve();
+            const flatten = this.options.convertToPatch(result);
+            this.options.postProcess && this.options.postProcess(flatten);
+            this.dbRef.commitFetch(flatten);
+        });
+        this.currentRequests.add(state.promise);
+        state.promise.finally(() => {
+            this.currentRequests.delete(state.promise);
+        });
+        return state.promise;
+    }
+}
 
-/***/ }),
+class SimpleLoadingTracker {
+    constructor() {
+        this.set = new Set();
+    }
+    getKey(request) {
+        return JSON.stringify(request);
+    }
+    diff(request) {
+        return this.set.has(this.getKey(request)) ? null : request;
+    }
+    append(request, result) {
+        this.set.add(this.getKey(request));
+    }
+}
 
-/***/ "shallowequal":
-/*!*******************************!*\
-  !*** external "shallowequal" ***!
-  \*******************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
+class ListLoadingTracker {
+    constructor(options) {
+        this.options = options;
+        this.cache = new Map();
+        this.extractList = (options === null || options === void 0 ? void 0 : options.extractList) || ((r) => r);
+    }
+    prepare(request) {
+        const { filter, sorting, search, range } = request, unknownFields = __rest(request, ["filter", "sorting", "search", "range"]);
+        const options = {};
+        if (filter) {
+            options.filter = filter;
+        }
+        if (sorting) {
+            options.sorting = sorting;
+        }
+        if (search) {
+            options.search = search;
+        }
+        let keyObject = Object.assign(Object.assign({}, options), unknownFields);
+        const key = JSON.stringify(keyObject);
+        let entry = this.cache.get(key);
+        if (!entry) {
+            entry = { options, count: 0, maxCount: null, isComplete: false };
+            this.cache.set(key, entry);
+        }
+        return { options, range, unknownFields, entry };
+    }
+    diff(request) {
+        const { options, range, unknownFields, entry } = this.prepare(request);
+        if (entry.isComplete) {
+            return null;
+        }
+        if (!request.range) {
+            return request;
+        }
+        else {
+            const requestedMax = request.range.from + request.range.count;
+            let missingCount = requestedMax - entry.count;
+            if (entry.maxCount) {
+                missingCount = Math.min(missingCount, entry.maxCount);
+            }
+            if (missingCount > 0) {
+                return Object.assign(Object.assign(Object.assign({}, options), unknownFields), { range: { from: entry.count, count: requestedMax - entry.count } });
+            }
+            else {
+                return null;
+            }
+        }
+    }
+    count(request) {
+        const { entry } = this.prepare(request);
+        return { knownCount: Math.max(entry.count, entry.maxCount), exactCount: entry.maxCount };
+    }
+    append(request, response) {
+        const { options, range, unknownFields, entry } = this.prepare(request);
+        if (response) {
+            const list = this.extractList(response);
+            if (list.count) {
+                entry.maxCount = list.count;
+            }
+            if (!range) {
+                entry.count = list.items.length;
+                entry.maxCount = list.items.length;
+                entry.isComplete = true;
+            }
+            else {
+                const from = (list.from == null) ? range.from : list.from;
+                if (list.items.length > 0) {
+                    entry.count = Math.max(entry.count, from + list.items.length);
+                }
+                if (list.items.length < range.count) {
+                    entry.maxCount = from + list.items.length;
+                    entry.count = entry.maxCount;
+                    entry.isComplete = true;
+                }
+            }
+        }
+        else {
+            if (range) {
+                entry.count = Math.max(entry.count, request.range.from + request.range.count);
+            }
+            else {
+                entry.isComplete = true;
+            }
+        }
+    }
+}
 
-module.exports = require("shallowequal");
+class DbRef {
+    constructor(blank) {
+        this.blank = blank;
+        this.log = [];
+        this.autoSave = true;
+        this.savedPoint = 0;
+        this.throttleSaveMs = 1000;
+        /* Update subscriptions (aka live views) */
+        this.lastSubscriptionId = 1;
+        this.subscriptions = new Map();
+        this.updateHandlers = [];
+        /* Error Subscriptions */
+        this.saveErrorHandlers = [];
+        /* Save scheduling */
+        this.enqueueSave = batch(() => __awaiter(this, void 0, void 0, function* () {
+            const cumulativePatch = this.makeCumulativePatch();
+            const lastLogEntry = this.log.length;
+            if (isEmpty(cumulativePatch)) {
+                return;
+            }
+            try {
+                const response = yield this.savePatch(cumulativePatch);
+                this.applyResponse(response, lastLogEntry);
+                this.update();
+            }
+            catch (error) {
+                this.saveError(cumulativePatch, error);
+                this.update();
+                throw error;
+            }
+        }));
+        this.handleBeforeUnload = (e) => {
+            if (this.enqueueSave.isBusy) {
+                e.returnValue = false;
+                return false;
+            }
+        };
+        this.loaders = [];
+        this.db = blank;
+        this.base = blank;
+        this.tempIdMap = new TempIdMap(blank);
+        this.idMap = this.tempIdMap;
+        window.addEventListener('beforeunload', this.handleBeforeUnload);
+    }
+    /** Saves all committed patches. Useful only if autoSave is off. */
+    save() {
+        return this.enqueueSave();
+    }
+    getAutoSave() {
+        return this.autoSave;
+    }
+    setAutoSave(val) {
+        if (this.autoSave != val) {
+            this.autoSave = val;
+            this.autoSave && this.enqueueSave();
+            this.update();
+        }
+    }
+    revert() {
+        this.db = this.base;
+        this.log = this.log.slice(0, this.savedPoint);
+        this.update();
+    }
+    /** Concrete DbRef instances should override and implement their save logic in this method */
+    savePatch(patch) {
+        return Promise.resolve({ submit: {} });
+    }
+    /* Db Update logic */
+    commit(patch) {
+        const dbBeforeUpdate = this.db.with(patch);
+        patch = this.beforeUpdate(patch, dbBeforeUpdate.tables, this.db.tables);
+        patch = mergeEntityPatches(this.db.tables, patch);
+        this.log.push({ patch });
+        this.db = this.db.with(patch);
+        this.autoSave && this.enqueueSave(null, { throttleMs: this.throttleSaveMs });
+        this.update();
+    }
+    beforeUpdate(patch, tables, prevTables) {
+        let patchAndDependencies = {};
+        objectKeys(tables).filter(entityName => patch[entityName] && !tables[entityName].schema.beforeUpdate).forEach(entityName => {
+            patchAndDependencies[entityName] = patch[entityName];
+        });
+        objectKeys(tables).filter(entityName => patch[entityName] && tables[entityName].schema.beforeUpdate).forEach(entityName => {
+            const schema = tables[entityName].schema;
+            const { beforeUpdate } = schema;
+            let context = {
+                clientIdsMap: this.tempIdMap,
+                schema,
+                tables,
+                prevTables,
+            };
+            const results = patch[entityName].map(e => beforeUpdate(e, context));
+            const updatedPatch = { [entityName]: results.map(result => result.entity) };
+            const dependentEntityPatchesForUpdate = unionPatches(results.filter(result => result.dependentEntities).map(result => result.dependentEntities));
+            const dependentEntityPatches = this.beforeUpdate(dependentEntityPatchesForUpdate, tables, prevTables);
+            patchAndDependencies = mergeEntityPatches(tables, unionPatches([patchAndDependencies, updatedPatch, dependentEntityPatches]));
+        });
+        return patchAndDependencies;
+    }
+    commitFetch(patch) {
+        patch = this.tempIdMap.serverToClientPatch(patch);
+        this.rebase(this.base.with(patch));
+        this.update();
+    }
+    rebase(newBase) {
+        this.base = newBase;
+        this.db = newBase;
+        for (let n = this.savedPoint; n < this.log.length; n++) {
+            this.db = this.db.with(this.log[n].patch);
+        }
+    }
+    makeCumulativePatch() {
+        const lastLogEntry = this.log.length;
+        const logEntriesToSave = this.log.slice(this.savedPoint, lastLogEntry);
+        let cumulativePatch = makeCumulativePatch(this.db, logEntriesToSave.map(t => t.patch), this.tempIdMap);
+        cumulativePatch = this.tempIdMap.clientToServerPatch(cumulativePatch);
+        return cumulativePatch;
+    }
+    applyResponse(response, newSavedPoint) {
+        this.tempIdMap.appendServerMapping(response);
+        let serverPatch = flattenResponse(response.submit, this.db.tables);
+        serverPatch = mergeEntityPatches(this.db.tables, serverPatch);
+        this.savedPoint = newSavedPoint;
+        this.base = this.db;
+        this.commitFetch(serverPatch);
+    }
+    subscribe(view, params, onUpdate) {
+        const id = this.lastSubscriptionId++;
+        const subscription = {
+            update: (params) => {
+                subscription.currentParams = params;
+                subscription.currentValue = this.db.runView(view, params);
+                return subscription.currentValue;
+            },
+            currentParams: null,
+            currentValue: null,
+            onUpdate,
+            unsubscribe: () => { this.subscriptions.delete(id); },
+        };
+        subscription.update(params);
+        this.subscriptions.set(id, subscription);
+        return subscription;
+    }
+    onUpdate(handler) {
+        this.subscribe({
+            compute: db => db,
+            compareResults: (a, b) => a === b,
+        }, null, handler);
+    }
+    update() {
+        this.subscriptions.forEach(subscription => {
+            const previousValue = subscription.currentValue;
+            subscription.update(subscription.currentParams);
+            if (subscription.currentValue !== previousValue && subscription.onUpdate) {
+                subscription.onUpdate(subscription.currentValue);
+            }
+        });
+    }
+    onSaveError(handler) {
+        this.saveErrorHandlers.push(handler);
+    }
+    saveError(request, error) {
+        this.saveErrorHandlers.forEach(handler => handler(request, error));
+    }
+    makeLoader(options) {
+        const loader = new Loader(this, () => new SimpleLoadingTracker(), options);
+        this.loaders.push(loader);
+        return loader;
+    }
+    makeListLoader(options) {
+        const loader = new Loader(this, () => new ListLoadingTracker(), options);
+        this.loaders.push(loader);
+        return loader;
+    }
+    reload() {
+        this.loaders = [];
+    }
+}
 
-/***/ })
+const DbContext = createContext(null);
+function useDbRef() {
+    return useContext(DbContext);
+}
+function useDbView(fn, params, options) {
+    const dbRef = useDbRef();
+    const [state, setState] = useState();
+    const subscription = useMemo(() => dbRef.subscribe(Object.assign({ compute: fn }, options), params, setState), []);
+    subscription.update(params);
+    useEffect(() => {
+        return () => subscription.unsubscribe();
+    }, []);
+    return subscription.currentValue;
+}
 
-/******/ });
-//# sourceMappingURL=index.js.map
+export { Db, DbContext, DbRef, DbRelationType, DbTable, TempIdMap, defaultCompareViewDependencies, difference, flattenResponse, getEntityParentDependencies, getId, getParentEntities, getTempId, hasServerFields, isClientOnly, isNew, isPatchBlank, isTempId, makeCumulativePatch, mergeEntityPatches, objectKeys, unionPatches, useDbRef, useDbView };
+//# sourceMappingURL=index.js.map