akeyless-client-commons 1.1.129 → 1.1.131

package/dist/components/index.js

@@ -791,17 +791,73 @@ function timestamp_to_string(firebaseTimestamp, options) {
             return import_moment_timezone.default.utc(date).format(format);
     }
 }
-// src/helpers/firebase.ts
+// src/helpers/global.ts
+var import_akeyless_types_commons = require("akeyless-types-commons");
+var import_axios = __toESM(require("axios"));
+var import_lodash = require("lodash");
 var import_meta = {};
+var renderOnce = function() {
+    return true;
+};
+var propsAreEqual = function(prevProps, nextProps) {
+    return (0, import_lodash.isEqual)(prevProps, nextProps);
+};
+var getLocationUrl = function(lng, lat) {
+    return "https://www.google.com/maps?q=".concat(lat, ",").concat(lng);
+};
+var isNodeEnv = typeof process !== "undefined" && process.env;
+var _ref = {
+    mode: isNodeEnv ? process.env.NEXT_PUBLIC_MODE : import_meta.env.VITE_MODE,
+    isLocal: (isNodeEnv ? process.env.NEXT_PUBLIC_IS_LOCAL : import_meta.env.VITE_is_local) === "true"
+}, mode = _ref.mode, isLocal = _ref.isLocal;
+var getFixedNumber = function() {
+    var number = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, fix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 4;
+    var sum_value = number % 1 === 0 ? number : number.toFixed(fix).replace(/\.?0+$/, "");
+    return String(sum_value);
+};
+var checkConditions = function(document2, conditions) {
+    if (!conditions || conditions.length === 0) return true;
+    return conditions.every(function(condition) {
+        var fieldValue = document2[condition.field_name];
+        switch(condition.operator){
+            case "==":
+                return fieldValue === condition.value;
+            case "!=":
+                return fieldValue !== condition.value;
+            case "<":
+                return fieldValue < condition.value;
+            case "<=":
+                return fieldValue <= condition.value;
+            case ">":
+                return fieldValue > condition.value;
+            case ">=":
+                return fieldValue >= condition.value;
+            case "in":
+                return Array.isArray(condition.value) && condition.value.includes(fieldValue);
+            case "not-in":
+                return Array.isArray(condition.value) && !condition.value.includes(fieldValue);
+            case "array-contains":
+                return Array.isArray(fieldValue) && fieldValue.includes(condition.value);
+            case "array-contains-any":
+                return Array.isArray(fieldValue) && Array.isArray(condition.value) && condition.value.some(function(v) {
+                    return fieldValue.includes(v);
+                });
+            default:
+                return false;
+        }
+    });
+};
+// src/helpers/firebase.ts
+var import_meta2 = {};
 var initApp = function() {
     var isNodeEnv2 = typeof process !== "undefined" && process.env;
     var firebaseConfig = {
-        apiKey: isNodeEnv2 ? process.env.NEXT_PUBLIC_API_KEY : import_meta.env.VITE_API_KEY,
-        authDomain: isNodeEnv2 ? process.env.NEXT_PUBLIC_AUTH_DOMAIN : import_meta.env.VITE_AUTH_DOMAIN,
-        projectId: isNodeEnv2 ? process.env.NEXT_PUBLIC_PROJECT_ID : import_meta.env.VITE_PROJECT_ID,
-        storageBucket: isNodeEnv2 ? process.env.NEXT_PUBLIC_STORAGE_BUCKET : import_meta.env.VITE_STORAGE_BUCKET,
-        messagingSenderId: isNodeEnv2 ? process.env.NEXT_PUBLIC_MESSAGING_SENDER_ID : import_meta.env.VITE_MESSAGING_SENDER_ID,
-        appId: isNodeEnv2 ? process.env.NEXT_PUBLIC_APP_ID : import_meta.env.VITE_APP_ID
+        apiKey: isNodeEnv2 ? process.env.NEXT_PUBLIC_API_KEY : import_meta2.env.VITE_API_KEY,
+        authDomain: isNodeEnv2 ? process.env.NEXT_PUBLIC_AUTH_DOMAIN : import_meta2.env.VITE_AUTH_DOMAIN,
+        projectId: isNodeEnv2 ? process.env.NEXT_PUBLIC_PROJECT_ID : import_meta2.env.VITE_PROJECT_ID,
+        storageBucket: isNodeEnv2 ? process.env.NEXT_PUBLIC_STORAGE_BUCKET : import_meta2.env.VITE_STORAGE_BUCKET,
+        messagingSenderId: isNodeEnv2 ? process.env.NEXT_PUBLIC_MESSAGING_SENDER_ID : import_meta2.env.VITE_MESSAGING_SENDER_ID,
+        appId: isNodeEnv2 ? process.env.NEXT_PUBLIC_APP_ID : import_meta2.env.VITE_APP_ID
     };
     try {
         var app2 = (0, import_app.initializeApp)(firebaseConfig);
@@ -810,7 +866,7 @@ var initApp = function() {
         var db2 = (0, import_firestore2.getFirestore)(app2);
         var storage2 = (0, import_storage.getStorage)(app2);
         var googleLoginProvider2 = new import_auth.GoogleAuthProvider();
-        var recaptchaSiteKey = isNodeEnv2 ? process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY : import_meta.env.VITE_RECAPTCHA_SITE_KEY;
+        var recaptchaSiteKey = isNodeEnv2 ? process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY : import_meta2.env.VITE_RECAPTCHA_SITE_KEY;
         var result = {
             db: db2,
             auth: auth2,
@@ -1170,30 +1226,6 @@ var validateUserStatusAndPermissions = function(user, app2) {
     }
     return userPermissions;
 };
-// src/helpers/global.ts
-var import_akeyless_types_commons = require("akeyless-types-commons");
-var import_axios = __toESM(require("axios"));
-var import_lodash = require("lodash");
-var import_meta2 = {};
-var renderOnce = function() {
-    return true;
-};
-var propsAreEqual = function(prevProps, nextProps) {
-    return (0, import_lodash.isEqual)(prevProps, nextProps);
-};
-var getLocationUrl = function(lng, lat) {
-    return "https://www.google.com/maps?q=".concat(lat, ",").concat(lng);
-};
-var isNodeEnv = typeof process !== "undefined" && process.env;
-var _ref = {
-    mode: isNodeEnv ? process.env.NEXT_PUBLIC_MODE : import_meta2.env.VITE_MODE,
-    isLocal: (isNodeEnv ? process.env.NEXT_PUBLIC_IS_LOCAL : import_meta2.env.VITE_is_local) === "true"
-}, mode = _ref.mode, isLocal = _ref.isLocal;
-var getFixedNumber = function() {
-    var number = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, fix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 4;
-    var sum_value = number % 1 === 0 ? number : number.toFixed(fix).replace(/\.?0+$/, "");
-    return String(sum_value);
-};
 // src/helpers/forms.ts
 var import_xregexp = __toESM(require("xregexp"));
 var textRegex = (0, import_xregexp.default)(String.raw(_templateObject()), "gu");
@@ -1340,6 +1372,9 @@ var SocketService = /*#__PURE__*/ function() {
         this.disconnectCallbacks = [];
         this.authToken = null;
         this.isDisconnected = true;
+        /// the data-socket keeps one subscription per collection per socket, so a second condition set
+        /// for a collection never reaches it and would silently receive the first one's documents
+        this.activeConditions = /* @__PURE__ */ new Map();
         this.handleDisconnect = function(source, reason) {
             var _this_socket;
             if (_this.isDisconnected) {
@@ -1507,6 +1542,39 @@ var SocketService = /*#__PURE__*/ function() {
                 }
             }
         },
+        {
+            key: "registerConditions",
+            value: function registerConditions(collectionName) {
+                var conditions = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+                var signature = JSON.stringify(conditions);
+                var active = this.activeConditions.get(collectionName);
+                if (!active) {
+                    this.activeConditions.set(collectionName, {
+                        signature: signature,
+                        conditions: conditions,
+                        count: 1
+                    });
+                    return;
+                }
+                active.count++;
+                if (active.signature !== signature) {
+                    console.error('[socket] "'.concat(collectionName, '" is already subscribed with different conditions, and a collection supports one condition set at a time. The active set stays in effect, so this subscription receives its documents instead of its own. active: ').concat(active.signature, " requested: ").concat(signature));
+                }
+            }
+        },
+        {
+            key: "releaseConditions",
+            value: function releaseConditions(collectionName) {
+                var active = this.activeConditions.get(collectionName);
+                if (!active) {
+                    return;
+                }
+                active.count--;
+                if (active.count <= 0) {
+                    this.activeConditions.delete(collectionName);
+                }
+            }
+        },
         {
             key: "disconnectSocket",
             value: function disconnectSocket() {
@@ -1518,6 +1586,8 @@ var SocketService = /*#__PURE__*/ function() {
         },
         {
             /// subscribe to collections
+            /// conditions are derived from OnSnapshotConfig.conditions, never passed in, so a caller cannot
+            /// set them in a second place and have them silently overwritten
             key: "subscribeToCollections",
             value: function subscribeToCollections(config, options) {
                 var _this = this;
@@ -1530,26 +1600,77 @@ var SocketService = /*#__PURE__*/ function() {
                 });
                 var eventHandlers = [];
                 config.forEach(function(configuration) {
-                    var collectionName = configuration.collectionName, onAdd = configuration.onAdd, onFirstTime = configuration.onFirstTime, onModify = configuration.onModify, onRemove = configuration.onRemove, extraParsers = configuration.extraParsers;
+                    var collectionName = configuration.collectionName, conditions = configuration.conditions;
+                    var parsers = [
+                        configuration
+                    ].concat(_to_consumable_array(configuration.extraParsers || []));
+                    var matchedIds = /* @__PURE__ */ new Set();
                     var attach = function(eventName, handler) {
-                        if (!handler) return;
-                        _this.socket.off(eventName, handler);
                         _this.socket.on(eventName, handler);
                         eventHandlers.push({
                             eventName: eventName,
                             handler: handler
                         });
                     };
-                    attach("initial:".concat(collectionName), onFirstTime);
-                    attach("add:".concat(collectionName), onAdd);
-                    attach("update:".concat(collectionName), onModify);
-                    attach("delete:".concat(collectionName), onRemove);
-                    extraParsers === null || extraParsers === void 0 ? void 0 : extraParsers.forEach(function(parsers) {
-                        var extraOnAdd = parsers.onAdd, extraOnFirstTime = parsers.onFirstTime, extraOnModify = parsers.onModify, extraOnRemove = parsers.onRemove;
-                        attach("initial:".concat(collectionName), extraOnFirstTime);
-                        attach("add:".concat(collectionName), extraOnAdd);
-                        attach("update:".concat(collectionName), extraOnModify);
-                        attach("delete:".concat(collectionName), extraOnRemove);
+                    var toDocs = function(payload) {
+                        return Array.isArray(payload) ? payload : payload ? [
+                            payload
+                        ] : [];
+                    };
+                    var run = function(op, docs) {
+                        return parsers.forEach(function(parser) {
+                            var _parser_op;
+                            return (_parser_op = parser[op]) === null || _parser_op === void 0 ? void 0 : _parser_op.call(parser, docs, configuration);
+                        });
+                    };
+                    var runIfAny = function(op, docs) {
+                        if (docs.length) {
+                            run(op, docs);
+                        }
+                    };
+                    attach("initial:".concat(collectionName), function(payload) {
+                        var docs = toDocs(payload).filter(function(doc2) {
+                            return checkConditions(doc2, conditions);
+                        });
+                        matchedIds.clear();
+                        docs.forEach(function(doc2) {
+                            return matchedIds.add(doc2.id);
+                        });
+                        run("onFirstTime", docs);
+                    });
+                    var handleUpsert = function(payload, defaultOp) {
+                        var added = [];
+                        var modified = [];
+                        var removed = [];
+                        toDocs(payload).forEach(function(doc2) {
+                            if (!(conditions === null || conditions === void 0 ? void 0 : conditions.length)) {
+                                (defaultOp === "onAdd" ? added : modified).push(doc2);
+                                return;
+                            }
+                            var wasMatching = matchedIds.has(doc2.id);
+                            if (checkConditions(doc2, conditions)) {
+                                matchedIds.add(doc2.id);
+                                (wasMatching ? modified : added).push(doc2);
+                            } else if (wasMatching) {
+                                matchedIds.delete(doc2.id);
+                                removed.push(doc2);
+                            }
+                        });
+                        runIfAny("onAdd", added);
+                        runIfAny("onModify", modified);
+                        runIfAny("onRemove", removed);
+                    };
+                    attach("add:".concat(collectionName), function(payload) {
+                        return handleUpsert(payload, "onAdd");
+                    });
+                    attach("update:".concat(collectionName), function(payload) {
+                        return handleUpsert(payload, "onModify");
+                    });
+                    attach("delete:".concat(collectionName), function(payload) {
+                        var docs = toDocs(payload).filter(function(doc2) {
+                            return !(conditions === null || conditions === void 0 ? void 0 : conditions.length) || matchedIds.delete(doc2.id);
+                        });
+                        runIfAny("onRemove", docs);
                     });
                 });
                 var acknowledge = function(callback) {
@@ -1559,12 +1680,28 @@ var SocketService = /*#__PURE__*/ function() {
                         console.error("Failed to subscribe to ".concat(config.join(", "), ": ").concat(callback.message));
                     }
                 };
-                if (options) {
-                    s.emit("subscribe_options", options);
+                config.forEach(function(c) {
+                    return _this.registerConditions(c.collectionName, c.conditions);
+                });
+                var conditionsByCollection = config.reduce(function(acc, c) {
+                    var active = _this.activeConditions.get(c.collectionName);
+                    if (active === null || active === void 0 ? void 0 : active.conditions.length) {
+                        acc[c.collectionName] = active.conditions;
+                    }
+                    return acc;
+                }, {});
+                var subscribeOptions = Object.keys(conditionsByCollection).length ? _object_spread_props(_object_spread({}, options), {
+                    conditions: conditionsByCollection
+                }) : options;
+                if (subscribeOptions) {
+                    s.emit("subscribe_options", subscribeOptions);
                 }
                 s.emit("subscribe_collections", collectionsNames, acknowledge);
                 return function() {
                     console.log("Cleaning up subscriptions for: ".concat(collectionsNames.join(", ")));
+                    collectionsNames.forEach(function(name) {
+                        return _this.releaseConditions(name);
+                    });
                     s.emit("unsubscribe_collections", collectionsNames);
                     eventHandlers.forEach(function(eh) {
                         s.off(eh.eventName, eh.handler);
@@ -2162,7 +2299,7 @@ var TableProvider = function(props) {
     rowStyles, rowStyles = _props_rowStyles === void 0 ? {} : _props_rowStyles, rowClassName = props.rowClassName, // cell style
     cellClassName = props.cellClassName, _props_cellStyle = props.cellStyle, cellStyle = _props_cellStyle === void 0 ? {} : _props_cellStyle, _props_headerStyle = props.// header styles
     headerStyle, headerStyle = _props_headerStyle === void 0 ? {} : _props_headerStyle, headerCellStyle = props.headerCellStyle, _props_searchInputStyle = props.searchInputStyle, searchInputStyle = _props_searchInputStyle === void 0 ? {} : _props_searchInputStyle, _props_searchInputClassName = props.// search
-    searchInputClassName, searchInputClassName = _props_searchInputClassName === void 0 ? "" : _props_searchInputClassName, includeSearch = props.includeSearch, searchPlaceHolder = props.searchPlaceHolder, _props_autoFocus = props.autoFocus, autoFocus = _props_autoFocus === void 0 ? true : _props_autoFocus, // sort
+    searchInputClassName, searchInputClassName = _props_searchInputClassName === void 0 ? "" : _props_searchInputClassName, includeSearch = props.includeSearch, defaultSearchQuery = props.defaultSearchQuery, searchPlaceHolder = props.searchPlaceHolder, _props_autoFocus = props.autoFocus, autoFocus = _props_autoFocus === void 0 ? true : _props_autoFocus, // sort
     sortKeys = props.sortKeys, _props_sortLabel = props.sortLabel, sortLabel = _props_sortLabel === void 0 ? "Sort by" : _props_sortLabel, _props_filterableColumns = props.// filter
     filterableColumns, filterableColumns = _props_filterableColumns === void 0 ? [] : _props_filterableColumns, _props_filterLabel = props.filterLabel, filterLabel = _props_filterLabel === void 0 ? "Filter by" : _props_filterLabel, // export to excel
     exportToExcelKeys = props.exportToExcelKeys, dataToAddToExcelTable = props.dataToAddToExcelTable, _props_exportExcelTitle = props.exportExcelTitle, exportExcelTitle = _props_exportExcelTitle === void 0 ? "Export to excel" : _props_exportExcelTitle, excelFileName = props.excelFileName, // summary
@@ -2170,7 +2307,7 @@ var TableProvider = function(props) {
     maxRows, maxRows = _props_maxRows === void 0 ? data.length : _props_maxRows, _props_noneSearchKeys = props.noneSearchKeys, noneSearchKeys = _props_noneSearchKeys === void 0 ? [] : _props_noneSearchKeys, showDisplayAllRowsButton = props.showDisplayAllRowsButton;
     var _useSort = useSort(), sortColumn = _useSort.sortColumn, sortOrder = _useSort.sortOrder, handleSort = _useSort.handleSort, clearSort = _useSort.clearSort;
     var _useDisplayToggle = useDisplayToggle(), displayAllRows = _useDisplayToggle.displayAllRows, setDisplayAllRows = _useDisplayToggle.setDisplayAllRows;
-    var _useSearch = useSearch(), searchQuery = _useSearch.searchQuery, handleSearch = _useSearch.handleSearch, debouncedSearchQuery = _useSearch.debouncedSearchQuery;
+    var _useSearch = useSearch(300, defaultSearchQuery), searchQuery = _useSearch.searchQuery, handleSearch = _useSearch.handleSearch, debouncedSearchQuery = _useSearch.debouncedSearchQuery;
     var _useFilter = useFilter({
         data: data,
         filterableColumns: filterableColumns
@@ -2418,9 +2555,9 @@ var useDisplayToggle = function() {
     };
 };
 var useSearch = function() {
-    var debounceDelay = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 300;
-    var _ref = _sliced_to_array((0, import_react6.useState)(""), 2), searchQuery = _ref[0], setSearchQuery = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react6.useState)(""), 2), debouncedSearchQuery = _ref1[0], setDebouncedSearchQuery = _ref1[1];
+    var debounceDelay = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 300, initialQuery = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+    var _ref = _sliced_to_array((0, import_react6.useState)(initialQuery), 2), searchQuery = _ref[0], setSearchQuery = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react6.useState)(initialQuery), 2), debouncedSearchQuery = _ref1[0], setDebouncedSearchQuery = _ref1[1];
     var debouncedUpdate = (0, import_react6.useMemo)(function() {
         return (0, import_lodash3.debounce)(function(query2) {
             setDebouncedSearchQuery(query2);

package/dist/components/index.mjs

@@ -524,6 +524,61 @@ function timestamp_to_string(firebaseTimestamp, options) {
             return moment.utc(date).format(format);
     }
 }
+// src/helpers/global.ts
+import { CountryOptions, LanguageOptions } from "akeyless-types-commons";
+import axios from "axios";
+import { isEqual } from "lodash";
+var renderOnce = function() {
+    return true;
+};
+var propsAreEqual = function(prevProps, nextProps) {
+    return isEqual(prevProps, nextProps);
+};
+var getLocationUrl = function(lng, lat) {
+    return "https://www.google.com/maps?q=".concat(lat, ",").concat(lng);
+};
+var isNodeEnv = typeof process !== "undefined" && process.env;
+var _ref = {
+    mode: isNodeEnv ? process.env.NEXT_PUBLIC_MODE : import.meta.env.VITE_MODE,
+    isLocal: (isNodeEnv ? process.env.NEXT_PUBLIC_IS_LOCAL : import.meta.env.VITE_is_local) === "true"
+}, mode = _ref.mode, isLocal = _ref.isLocal;
+var getFixedNumber = function() {
+    var number = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, fix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 4;
+    var sum_value = number % 1 === 0 ? number : number.toFixed(fix).replace(/\.?0+$/, "");
+    return String(sum_value);
+};
+var checkConditions = function(document2, conditions) {
+    if (!conditions || conditions.length === 0) return true;
+    return conditions.every(function(condition) {
+        var fieldValue = document2[condition.field_name];
+        switch(condition.operator){
+            case "==":
+                return fieldValue === condition.value;
+            case "!=":
+                return fieldValue !== condition.value;
+            case "<":
+                return fieldValue < condition.value;
+            case "<=":
+                return fieldValue <= condition.value;
+            case ">":
+                return fieldValue > condition.value;
+            case ">=":
+                return fieldValue >= condition.value;
+            case "in":
+                return Array.isArray(condition.value) && condition.value.includes(fieldValue);
+            case "not-in":
+                return Array.isArray(condition.value) && !condition.value.includes(fieldValue);
+            case "array-contains":
+                return Array.isArray(fieldValue) && fieldValue.includes(condition.value);
+            case "array-contains-any":
+                return Array.isArray(fieldValue) && Array.isArray(condition.value) && condition.value.some(function(v) {
+                    return fieldValue.includes(v);
+                });
+            default:
+                return false;
+        }
+    });
+};
 // src/helpers/firebase.ts
 var initApp = function() {
     var isNodeEnv2 = typeof process !== "undefined" && process.env;
@@ -902,29 +957,6 @@ var validateUserStatusAndPermissions = function(user, app2) {
     }
     return userPermissions;
 };
-// src/helpers/global.ts
-import { CountryOptions, LanguageOptions } from "akeyless-types-commons";
-import axios from "axios";
-import { isEqual } from "lodash";
-var renderOnce = function() {
-    return true;
-};
-var propsAreEqual = function(prevProps, nextProps) {
-    return isEqual(prevProps, nextProps);
-};
-var getLocationUrl = function(lng, lat) {
-    return "https://www.google.com/maps?q=".concat(lat, ",").concat(lng);
-};
-var isNodeEnv = typeof process !== "undefined" && process.env;
-var _ref = {
-    mode: isNodeEnv ? process.env.NEXT_PUBLIC_MODE : import.meta.env.VITE_MODE,
-    isLocal: (isNodeEnv ? process.env.NEXT_PUBLIC_IS_LOCAL : import.meta.env.VITE_is_local) === "true"
-}, mode = _ref.mode, isLocal = _ref.isLocal;
-var getFixedNumber = function() {
-    var number = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, fix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 4;
-    var sum_value = number % 1 === 0 ? number : number.toFixed(fix).replace(/\.?0+$/, "");
-    return String(sum_value);
-};
 // src/helpers/forms.ts
 import XRegExp from "xregexp";
 var textRegex = XRegExp(String.raw(_templateObject()), "gu");
@@ -1071,6 +1103,9 @@ var SocketService = /*#__PURE__*/ function() {
         this.disconnectCallbacks = [];
         this.authToken = null;
         this.isDisconnected = true;
+        /// the data-socket keeps one subscription per collection per socket, so a second condition set
+        /// for a collection never reaches it and would silently receive the first one's documents
+        this.activeConditions = /* @__PURE__ */ new Map();
         this.handleDisconnect = function(source, reason) {
             var _this_socket;
             if (_this.isDisconnected) {
@@ -1238,6 +1273,39 @@ var SocketService = /*#__PURE__*/ function() {
                 }
             }
         },
+        {
+            key: "registerConditions",
+            value: function registerConditions(collectionName) {
+                var conditions = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+                var signature = JSON.stringify(conditions);
+                var active = this.activeConditions.get(collectionName);
+                if (!active) {
+                    this.activeConditions.set(collectionName, {
+                        signature: signature,
+                        conditions: conditions,
+                        count: 1
+                    });
+                    return;
+                }
+                active.count++;
+                if (active.signature !== signature) {
+                    console.error('[socket] "'.concat(collectionName, '" is already subscribed with different conditions, and a collection supports one condition set at a time. The active set stays in effect, so this subscription receives its documents instead of its own. active: ').concat(active.signature, " requested: ").concat(signature));
+                }
+            }
+        },
+        {
+            key: "releaseConditions",
+            value: function releaseConditions(collectionName) {
+                var active = this.activeConditions.get(collectionName);
+                if (!active) {
+                    return;
+                }
+                active.count--;
+                if (active.count <= 0) {
+                    this.activeConditions.delete(collectionName);
+                }
+            }
+        },
         {
             key: "disconnectSocket",
             value: function disconnectSocket() {
@@ -1249,6 +1317,8 @@ var SocketService = /*#__PURE__*/ function() {
         },
         {
             /// subscribe to collections
+            /// conditions are derived from OnSnapshotConfig.conditions, never passed in, so a caller cannot
+            /// set them in a second place and have them silently overwritten
             key: "subscribeToCollections",
             value: function subscribeToCollections(config, options) {
                 var _this = this;
@@ -1261,26 +1331,77 @@ var SocketService = /*#__PURE__*/ function() {
                 });
                 var eventHandlers = [];
                 config.forEach(function(configuration) {
-                    var collectionName = configuration.collectionName, onAdd = configuration.onAdd, onFirstTime = configuration.onFirstTime, onModify = configuration.onModify, onRemove = configuration.onRemove, extraParsers = configuration.extraParsers;
+                    var collectionName = configuration.collectionName, conditions = configuration.conditions;
+                    var parsers = [
+                        configuration
+                    ].concat(_to_consumable_array(configuration.extraParsers || []));
+                    var matchedIds = /* @__PURE__ */ new Set();
                     var attach = function(eventName, handler) {
-                        if (!handler) return;
-                        _this.socket.off(eventName, handler);
                         _this.socket.on(eventName, handler);
                         eventHandlers.push({
                             eventName: eventName,
                             handler: handler
                         });
                     };
-                    attach("initial:".concat(collectionName), onFirstTime);
-                    attach("add:".concat(collectionName), onAdd);
-                    attach("update:".concat(collectionName), onModify);
-                    attach("delete:".concat(collectionName), onRemove);
-                    extraParsers === null || extraParsers === void 0 ? void 0 : extraParsers.forEach(function(parsers) {
-                        var extraOnAdd = parsers.onAdd, extraOnFirstTime = parsers.onFirstTime, extraOnModify = parsers.onModify, extraOnRemove = parsers.onRemove;
-                        attach("initial:".concat(collectionName), extraOnFirstTime);
-                        attach("add:".concat(collectionName), extraOnAdd);
-                        attach("update:".concat(collectionName), extraOnModify);
-                        attach("delete:".concat(collectionName), extraOnRemove);
+                    var toDocs = function(payload) {
+                        return Array.isArray(payload) ? payload : payload ? [
+                            payload
+                        ] : [];
+                    };
+                    var run = function(op, docs) {
+                        return parsers.forEach(function(parser) {
+                            var _parser_op;
+                            return (_parser_op = parser[op]) === null || _parser_op === void 0 ? void 0 : _parser_op.call(parser, docs, configuration);
+                        });
+                    };
+                    var runIfAny = function(op, docs) {
+                        if (docs.length) {
+                            run(op, docs);
+                        }
+                    };
+                    attach("initial:".concat(collectionName), function(payload) {
+                        var docs = toDocs(payload).filter(function(doc2) {
+                            return checkConditions(doc2, conditions);
+                        });
+                        matchedIds.clear();
+                        docs.forEach(function(doc2) {
+                            return matchedIds.add(doc2.id);
+                        });
+                        run("onFirstTime", docs);
+                    });
+                    var handleUpsert = function(payload, defaultOp) {
+                        var added = [];
+                        var modified = [];
+                        var removed = [];
+                        toDocs(payload).forEach(function(doc2) {
+                            if (!(conditions === null || conditions === void 0 ? void 0 : conditions.length)) {
+                                (defaultOp === "onAdd" ? added : modified).push(doc2);
+                                return;
+                            }
+                            var wasMatching = matchedIds.has(doc2.id);
+                            if (checkConditions(doc2, conditions)) {
+                                matchedIds.add(doc2.id);
+                                (wasMatching ? modified : added).push(doc2);
+                            } else if (wasMatching) {
+                                matchedIds.delete(doc2.id);
+                                removed.push(doc2);
+                            }
+                        });
+                        runIfAny("onAdd", added);
+                        runIfAny("onModify", modified);
+                        runIfAny("onRemove", removed);
+                    };
+                    attach("add:".concat(collectionName), function(payload) {
+                        return handleUpsert(payload, "onAdd");
+                    });
+                    attach("update:".concat(collectionName), function(payload) {
+                        return handleUpsert(payload, "onModify");
+                    });
+                    attach("delete:".concat(collectionName), function(payload) {
+                        var docs = toDocs(payload).filter(function(doc2) {
+                            return !(conditions === null || conditions === void 0 ? void 0 : conditions.length) || matchedIds.delete(doc2.id);
+                        });
+                        runIfAny("onRemove", docs);
                     });
                 });
                 var acknowledge = function(callback) {
@@ -1290,12 +1411,28 @@ var SocketService = /*#__PURE__*/ function() {
                         console.error("Failed to subscribe to ".concat(config.join(", "), ": ").concat(callback.message));
                     }
                 };
-                if (options) {
-                    s.emit("subscribe_options", options);
+                config.forEach(function(c) {
+                    return _this.registerConditions(c.collectionName, c.conditions);
+                });
+                var conditionsByCollection = config.reduce(function(acc, c) {
+                    var active = _this.activeConditions.get(c.collectionName);
+                    if (active === null || active === void 0 ? void 0 : active.conditions.length) {
+                        acc[c.collectionName] = active.conditions;
+                    }
+                    return acc;
+                }, {});
+                var subscribeOptions = Object.keys(conditionsByCollection).length ? _object_spread_props(_object_spread({}, options), {
+                    conditions: conditionsByCollection
+                }) : options;
+                if (subscribeOptions) {
+                    s.emit("subscribe_options", subscribeOptions);
                 }
                 s.emit("subscribe_collections", collectionsNames, acknowledge);
                 return function() {
                     console.log("Cleaning up subscriptions for: ".concat(collectionsNames.join(", ")));
+                    collectionsNames.forEach(function(name) {
+                        return _this.releaseConditions(name);
+                    });
                     s.emit("unsubscribe_collections", collectionsNames);
                     eventHandlers.forEach(function(eh) {
                         s.off(eh.eventName, eh.handler);
@@ -1893,7 +2030,7 @@ var TableProvider = function(props) {
     rowStyles, rowStyles = _props_rowStyles === void 0 ? {} : _props_rowStyles, rowClassName = props.rowClassName, // cell style
     cellClassName = props.cellClassName, _props_cellStyle = props.cellStyle, cellStyle = _props_cellStyle === void 0 ? {} : _props_cellStyle, _props_headerStyle = props.// header styles
     headerStyle, headerStyle = _props_headerStyle === void 0 ? {} : _props_headerStyle, headerCellStyle = props.headerCellStyle, _props_searchInputStyle = props.searchInputStyle, searchInputStyle = _props_searchInputStyle === void 0 ? {} : _props_searchInputStyle, _props_searchInputClassName = props.// search
-    searchInputClassName, searchInputClassName = _props_searchInputClassName === void 0 ? "" : _props_searchInputClassName, includeSearch = props.includeSearch, searchPlaceHolder = props.searchPlaceHolder, _props_autoFocus = props.autoFocus, autoFocus = _props_autoFocus === void 0 ? true : _props_autoFocus, // sort
+    searchInputClassName, searchInputClassName = _props_searchInputClassName === void 0 ? "" : _props_searchInputClassName, includeSearch = props.includeSearch, defaultSearchQuery = props.defaultSearchQuery, searchPlaceHolder = props.searchPlaceHolder, _props_autoFocus = props.autoFocus, autoFocus = _props_autoFocus === void 0 ? true : _props_autoFocus, // sort
     sortKeys = props.sortKeys, _props_sortLabel = props.sortLabel, sortLabel = _props_sortLabel === void 0 ? "Sort by" : _props_sortLabel, _props_filterableColumns = props.// filter
     filterableColumns, filterableColumns = _props_filterableColumns === void 0 ? [] : _props_filterableColumns, _props_filterLabel = props.filterLabel, filterLabel = _props_filterLabel === void 0 ? "Filter by" : _props_filterLabel, // export to excel
     exportToExcelKeys = props.exportToExcelKeys, dataToAddToExcelTable = props.dataToAddToExcelTable, _props_exportExcelTitle = props.exportExcelTitle, exportExcelTitle = _props_exportExcelTitle === void 0 ? "Export to excel" : _props_exportExcelTitle, excelFileName = props.excelFileName, // summary
@@ -1901,7 +2038,7 @@ var TableProvider = function(props) {
     maxRows, maxRows = _props_maxRows === void 0 ? data.length : _props_maxRows, _props_noneSearchKeys = props.noneSearchKeys, noneSearchKeys = _props_noneSearchKeys === void 0 ? [] : _props_noneSearchKeys, showDisplayAllRowsButton = props.showDisplayAllRowsButton;
     var _useSort = useSort(), sortColumn = _useSort.sortColumn, sortOrder = _useSort.sortOrder, handleSort = _useSort.handleSort, clearSort = _useSort.clearSort;
     var _useDisplayToggle = useDisplayToggle(), displayAllRows = _useDisplayToggle.displayAllRows, setDisplayAllRows = _useDisplayToggle.setDisplayAllRows;
-    var _useSearch = useSearch(), searchQuery = _useSearch.searchQuery, handleSearch = _useSearch.handleSearch, debouncedSearchQuery = _useSearch.debouncedSearchQuery;
+    var _useSearch = useSearch(300, defaultSearchQuery), searchQuery = _useSearch.searchQuery, handleSearch = _useSearch.handleSearch, debouncedSearchQuery = _useSearch.debouncedSearchQuery;
     var _useFilter = useFilter({
         data: data,
         filterableColumns: filterableColumns
@@ -2149,9 +2286,9 @@ var useDisplayToggle = function() {
     };
 };
 var useSearch = function() {
-    var debounceDelay = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 300;
-    var _useState3 = _sliced_to_array(useState3(""), 2), searchQuery = _useState3[0], setSearchQuery = _useState3[1];
-    var _useState31 = _sliced_to_array(useState3(""), 2), debouncedSearchQuery = _useState31[0], setDebouncedSearchQuery = _useState31[1];
+    var debounceDelay = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 300, initialQuery = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+    var _useState3 = _sliced_to_array(useState3(initialQuery), 2), searchQuery = _useState3[0], setSearchQuery = _useState3[1];
+    var _useState31 = _sliced_to_array(useState3(initialQuery), 2), debouncedSearchQuery = _useState31[0], setDebouncedSearchQuery = _useState31[1];
     var debouncedUpdate = useMemo2(function() {
         return debounce(function(query2) {
             setDebouncedSearchQuery(query2);