@teselagen/ove 0.7.28 → 0.7.30-beta.1

package/index.es.js

@@ -5783,12 +5783,12 @@ var freeGlobal = typeof global == "object" && global && global.Object === Object
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
 var root$4 = freeGlobal || freeSelf || Function("return this")();
 var Symbol$1 = root$4.Symbol;
-var objectProto$j = Object.prototype;
-var hasOwnProperty$j = objectProto$j.hasOwnProperty;
-var nativeObjectToString$2 = objectProto$j.toString;
+var objectProto$k = Object.prototype;
+var hasOwnProperty$k = objectProto$k.hasOwnProperty;
+var nativeObjectToString$2 = objectProto$k.toString;
 var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : void 0;
 function getRawTag(value) {
-  var isOwn = hasOwnProperty$j.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+  var isOwn = hasOwnProperty$k.call(value, symToStringTag$1), tag = value[symToStringTag$1];
   try {
     value[symToStringTag$1] = void 0;
     var unmasked = true;
@@ -5805,8 +5805,8 @@ function getRawTag(value) {
   return result;
 }
 __name(getRawTag, "getRawTag");
-var objectProto$i = Object.prototype;
-var nativeObjectToString$1 = objectProto$i.toString;
+var objectProto$j = Object.prototype;
+var nativeObjectToString$1 = objectProto$j.toString;
 function objectToString(value) {
   return nativeObjectToString$1.call(value);
 }
@@ -5953,11 +5953,11 @@ function toSource(func) {
 __name(toSource, "toSource");
 var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
 var reIsHostCtor = /^\[object .+?Constructor\]$/;
-var funcProto$1 = Function.prototype, objectProto$h = Object.prototype;
+var funcProto$1 = Function.prototype, objectProto$i = Object.prototype;
 var funcToString$1 = funcProto$1.toString;
-var hasOwnProperty$i = objectProto$h.hasOwnProperty;
+var hasOwnProperty$j = objectProto$i.hasOwnProperty;
 var reIsNative = RegExp(
-  "^" + funcToString$1.call(hasOwnProperty$i).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  "^" + funcToString$1.call(hasOwnProperty$j).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
 function baseIsNative(value) {
   if (!isObject$2(value) || isMasked(value)) {
@@ -6130,11 +6130,11 @@ function eq$1(value, other) {
   return value === other || value !== value && other !== other;
 }
 __name(eq$1, "eq$1");
-var objectProto$g = Object.prototype;
-var hasOwnProperty$h = objectProto$g.hasOwnProperty;
+var objectProto$h = Object.prototype;
+var hasOwnProperty$i = objectProto$h.hasOwnProperty;
 function assignValue(object3, key, value) {
   var objValue = object3[key];
-  if (!(hasOwnProperty$h.call(object3, key) && eq$1(objValue, value)) || value === void 0 && !(key in object3)) {
+  if (!(hasOwnProperty$i.call(object3, key) && eq$1(objValue, value)) || value === void 0 && !(key in object3)) {
     baseAssignValue(object3, key, value);
   }
 }
@@ -6219,9 +6219,9 @@ function createAssigner(assigner) {
   });
 }
 __name(createAssigner, "createAssigner");
-var objectProto$f = Object.prototype;
+var objectProto$g = Object.prototype;
 function isPrototype(value) {
-  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$f;
+  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$g;
   return value === proto;
 }
 __name(isPrototype, "isPrototype");
@@ -6238,13 +6238,13 @@ function baseIsArguments(value) {
   return isObjectLike$1(value) && baseGetTag(value) == argsTag$3;
 }
 __name(baseIsArguments, "baseIsArguments");
-var objectProto$e = Object.prototype;
-var hasOwnProperty$g = objectProto$e.hasOwnProperty;
-var propertyIsEnumerable$1 = objectProto$e.propertyIsEnumerable;
+var objectProto$f = Object.prototype;
+var hasOwnProperty$h = objectProto$f.hasOwnProperty;
+var propertyIsEnumerable$1 = objectProto$f.propertyIsEnumerable;
 var isArguments$2 = baseIsArguments(/* @__PURE__ */ function() {
   return arguments;
 }()) ? baseIsArguments : function(value) {
-  return isObjectLike$1(value) && hasOwnProperty$g.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
+  return isObjectLike$1(value) && hasOwnProperty$h.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
 };
 function stubFalse() {
   return false;
@@ -6253,8 +6253,8 @@ __name(stubFalse, "stubFalse");
 var freeExports$2 = typeof exports == "object" && exports && !exports.nodeType && exports;
 var freeModule$2 = freeExports$2 && typeof module == "object" && module && !module.nodeType && module;
 var moduleExports$2 = freeModule$2 && freeModule$2.exports === freeExports$2;
-var Buffer$3 = moduleExports$2 ? root$4.Buffer : void 0;
-var nativeIsBuffer = Buffer$3 ? Buffer$3.isBuffer : void 0;
+var Buffer$2 = moduleExports$2 ? root$4.Buffer : void 0;
+var nativeIsBuffer = Buffer$2 ? Buffer$2.isBuffer : void 0;
 var isBuffer$1 = nativeIsBuffer || stubFalse;
 var argsTag$2 = "[object Arguments]", arrayTag$2 = "[object Array]", boolTag$3 = "[object Boolean]", dateTag$3 = "[object Date]", errorTag$2 = "[object Error]", funcTag$1 = "[object Function]", mapTag$7 = "[object Map]", numberTag$4 = "[object Number]", objectTag$4 = "[object Object]", regexpTag$3 = "[object RegExp]", setTag$7 = "[object Set]", stringTag$4 = "[object String]", weakMapTag$2 = "[object WeakMap]";
 var arrayBufferTag$3 = "[object ArrayBuffer]", dataViewTag$4 = "[object DataView]", float32Tag$2 = "[object Float32Array]", float64Tag$2 = "[object Float64Array]", int8Tag$2 = "[object Int8Array]", int16Tag$2 = "[object Int16Array]", int32Tag$2 = "[object Int32Array]", uint8Tag$2 = "[object Uint8Array]", uint8ClampedTag$2 = "[object Uint8ClampedArray]", uint16Tag$2 = "[object Uint16Array]", uint32Tag$2 = "[object Uint32Array]";
@@ -6287,12 +6287,12 @@ var nodeUtil = function() {
 }();
 var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
 var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
-var objectProto$d = Object.prototype;
-var hasOwnProperty$f = objectProto$d.hasOwnProperty;
+var objectProto$e = Object.prototype;
+var hasOwnProperty$g = objectProto$e.hasOwnProperty;
 function arrayLikeKeys(value, inherited) {
   var isArr = isArray$2(value), isArg = !isArr && isArguments$2(value), isBuff = !isArr && !isArg && isBuffer$1(value), isType2 = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType2, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
   for (var key in value) {
-    if ((inherited || hasOwnProperty$f.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
+    if ((inherited || hasOwnProperty$g.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
     (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
     isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
     isType2 && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
@@ -6310,15 +6310,15 @@ function overArg(func, transform) {
 }
 __name(overArg, "overArg");
 var nativeKeys = overArg(Object.keys, Object);
-var objectProto$c = Object.prototype;
-var hasOwnProperty$e = objectProto$c.hasOwnProperty;
+var objectProto$d = Object.prototype;
+var hasOwnProperty$f = objectProto$d.hasOwnProperty;
 function baseKeys(object3) {
   if (!isPrototype(object3)) {
     return nativeKeys(object3);
   }
   var result = [];
   for (var key in Object(object3)) {
-    if (hasOwnProperty$e.call(object3, key) && key != "constructor") {
+    if (hasOwnProperty$f.call(object3, key) && key != "constructor") {
       result.push(key);
     }
   }
@@ -6329,15 +6329,15 @@ function keys$1(object3) {
   return isArrayLike(object3) ? arrayLikeKeys(object3) : baseKeys(object3);
 }
 __name(keys$1, "keys$1");
-var objectProto$b = Object.prototype;
-var hasOwnProperty$d = objectProto$b.hasOwnProperty;
+var objectProto$c = Object.prototype;
+var hasOwnProperty$e = objectProto$c.hasOwnProperty;
 var assign$2 = createAssigner(function(object3, source) {
   if (isPrototype(source) || isArrayLike(source)) {
     copyObject(source, keys$1(source), object3);
     return;
   }
   for (var key in source) {
-    if (hasOwnProperty$d.call(source, key)) {
+    if (hasOwnProperty$e.call(source, key)) {
       assignValue(object3, key, source[key]);
     }
   }
@@ -6352,15 +6352,15 @@ function nativeKeysIn(object3) {
   return result;
 }
 __name(nativeKeysIn, "nativeKeysIn");
-var objectProto$a = Object.prototype;
-var hasOwnProperty$c = objectProto$a.hasOwnProperty;
+var objectProto$b = Object.prototype;
+var hasOwnProperty$d = objectProto$b.hasOwnProperty;
 function baseKeysIn(object3) {
   if (!isObject$2(object3)) {
     return nativeKeysIn(object3);
   }
   var isProto = isPrototype(object3), result = [];
   for (var key in object3) {
-    if (!(key == "constructor" && (isProto || !hasOwnProperty$c.call(object3, key)))) {
+    if (!(key == "constructor" && (isProto || !hasOwnProperty$d.call(object3, key)))) {
       result.push(key);
     }
   }
@@ -6399,22 +6399,22 @@ function hashDelete(key) {
 }
 __name(hashDelete, "hashDelete");
 var HASH_UNDEFINED$2 = "__lodash_hash_undefined__";
-var objectProto$9 = Object.prototype;
-var hasOwnProperty$b = objectProto$9.hasOwnProperty;
+var objectProto$a = Object.prototype;
+var hasOwnProperty$c = objectProto$a.hasOwnProperty;
 function hashGet(key) {
   var data = this.__data__;
   if (nativeCreate) {
     var result = data[key];
     return result === HASH_UNDEFINED$2 ? void 0 : result;
   }
-  return hasOwnProperty$b.call(data, key) ? data[key] : void 0;
+  return hasOwnProperty$c.call(data, key) ? data[key] : void 0;
 }
 __name(hashGet, "hashGet");
-var objectProto$8 = Object.prototype;
-var hasOwnProperty$a = objectProto$8.hasOwnProperty;
+var objectProto$9 = Object.prototype;
+var hasOwnProperty$b = objectProto$9.hasOwnProperty;
 function hashHas(key) {
   var data = this.__data__;
-  return nativeCreate ? data[key] !== void 0 : hasOwnProperty$a.call(data, key);
+  return nativeCreate ? data[key] !== void 0 : hasOwnProperty$b.call(data, key);
 }
 __name(hashHas, "hashHas");
 var HASH_UNDEFINED$1 = "__lodash_hash_undefined__";
@@ -6677,9 +6677,9 @@ function flatRest(func) {
 __name(flatRest, "flatRest");
 var getPrototype = overArg(Object.getPrototypeOf, Object);
 var objectTag$3 = "[object Object]";
-var funcProto = Function.prototype, objectProto$7 = Object.prototype;
+var funcProto = Function.prototype, objectProto$8 = Object.prototype;
 var funcToString = funcProto.toString;
-var hasOwnProperty$9 = objectProto$7.hasOwnProperty;
+var hasOwnProperty$a = objectProto$8.hasOwnProperty;
 var objectCtorString = funcToString.call(Object);
 function isPlainObject$2(value) {
   if (!isObjectLike$1(value) || baseGetTag(value) != objectTag$3) {
@@ -6689,7 +6689,7 @@ function isPlainObject$2(value) {
   if (proto === null) {
     return true;
   }
-  var Ctor = hasOwnProperty$9.call(proto, "constructor") && proto.constructor;
+  var Ctor = hasOwnProperty$a.call(proto, "constructor") && proto.constructor;
   return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
 }
 __name(isPlainObject$2, "isPlainObject$2");
@@ -7124,7 +7124,7 @@ __name(baseAssignIn, "baseAssignIn");
 var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
 var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
 var moduleExports = freeModule && freeModule.exports === freeExports;
-var Buffer$2 = moduleExports ? root$4.Buffer : void 0, allocUnsafe = Buffer$2 ? Buffer$2.allocUnsafe : void 0;
+var Buffer$1 = moduleExports ? root$4.Buffer : void 0, allocUnsafe = Buffer$1 ? Buffer$1.allocUnsafe : void 0;
 function cloneBuffer(buffer2, isDeep) {
   if (isDeep) {
     return buffer2.slice();
@@ -7149,8 +7149,8 @@ function stubArray() {
   return [];
 }
 __name(stubArray, "stubArray");
-var objectProto$6 = Object.prototype;
-var propertyIsEnumerable = objectProto$6.propertyIsEnumerable;
+var objectProto$7 = Object.prototype;
+var propertyIsEnumerable = objectProto$7.propertyIsEnumerable;
 var nativeGetSymbols$1 = Object.getOwnPropertySymbols;
 var getSymbols = !nativeGetSymbols$1 ? stubArray : function(object3) {
   if (object3 == null) {
@@ -7218,11 +7218,11 @@ if (DataView$1 && getTag$1(new DataView$1(new ArrayBuffer(1))) != dataViewTag$3
     return result;
   }, "getTag$1");
 }
-var objectProto$5 = Object.prototype;
-var hasOwnProperty$8 = objectProto$5.hasOwnProperty;
+var objectProto$6 = Object.prototype;
+var hasOwnProperty$9 = objectProto$6.hasOwnProperty;
 function initCloneArray(array2) {
   var length = array2.length, result = new array2.constructor(length);
-  if (length && typeof array2[0] == "string" && hasOwnProperty$8.call(array2, "index")) {
+  if (length && typeof array2[0] == "string" && hasOwnProperty$9.call(array2, "index")) {
     result.index = array2.index;
     result.input = array2.input;
   }
@@ -7536,8 +7536,8 @@ function equalByTag(object3, other, tag, bitmask, customizer, equalFunc, stack)
 }
 __name(equalByTag, "equalByTag");
 var COMPARE_PARTIAL_FLAG$3 = 1;
-var objectProto$4 = Object.prototype;
-var hasOwnProperty$7 = objectProto$4.hasOwnProperty;
+var objectProto$5 = Object.prototype;
+var hasOwnProperty$8 = objectProto$5.hasOwnProperty;
 function equalObjects(object3, other, bitmask, customizer, equalFunc, stack) {
   var isPartial = bitmask & COMPARE_PARTIAL_FLAG$3, objProps = getAllKeys(object3), objLength = objProps.length, othProps = getAllKeys(other), othLength = othProps.length;
   if (objLength != othLength && !isPartial) {
@@ -7546,7 +7546,7 @@ function equalObjects(object3, other, bitmask, customizer, equalFunc, stack) {
   var index2 = objLength;
   while (index2--) {
     var key = objProps[index2];
-    if (!(isPartial ? key in other : hasOwnProperty$7.call(other, key))) {
+    if (!(isPartial ? key in other : hasOwnProperty$8.call(other, key))) {
       return false;
     }
   }
@@ -7584,8 +7584,8 @@ function equalObjects(object3, other, bitmask, customizer, equalFunc, stack) {
 __name(equalObjects, "equalObjects");
 var COMPARE_PARTIAL_FLAG$2 = 1;
 var argsTag = "[object Arguments]", arrayTag = "[object Array]", objectTag = "[object Object]";
-var objectProto$3 = Object.prototype;
-var hasOwnProperty$6 = objectProto$3.hasOwnProperty;
+var objectProto$4 = Object.prototype;
+var hasOwnProperty$7 = objectProto$4.hasOwnProperty;
 function baseIsEqualDeep(object3, other, bitmask, customizer, equalFunc, stack) {
   var objIsArr = isArray$2(object3), othIsArr = isArray$2(other), objTag = objIsArr ? arrayTag : getTag$1(object3), othTag = othIsArr ? arrayTag : getTag$1(other);
   objTag = objTag == argsTag ? objectTag : objTag;
@@ -7603,7 +7603,7 @@ function baseIsEqualDeep(object3, other, bitmask, customizer, equalFunc, stack)
     return objIsArr || isTypedArray(object3) ? equalArrays(object3, other, bitmask, customizer, equalFunc, stack) : equalByTag(object3, other, objTag, bitmask, customizer, equalFunc, stack);
   }
   if (!(bitmask & COMPARE_PARTIAL_FLAG$2)) {
-    var objIsWrapped = objIsObj && hasOwnProperty$6.call(object3, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty$6.call(other, "__wrapped__");
+    var objIsWrapped = objIsObj && hasOwnProperty$7.call(object3, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty$7.call(other, "__wrapped__");
     if (objIsWrapped || othIsWrapped) {
       var objUnwrapped = objIsWrapped ? object3.value() : object3, othUnwrapped = othIsWrapped ? other.value() : other;
       stack || (stack = new Stack());
@@ -7815,10 +7815,10 @@ function createAggregator(setter, initializer) {
   };
 }
 __name(createAggregator, "createAggregator");
-var objectProto$2 = Object.prototype;
-var hasOwnProperty$5 = objectProto$2.hasOwnProperty;
+var objectProto$3 = Object.prototype;
+var hasOwnProperty$6 = objectProto$3.hasOwnProperty;
 var countBy = createAggregator(function(result, value, key) {
-  if (hasOwnProperty$5.call(result, key)) {
+  if (hasOwnProperty$6.call(result, key)) {
     ++result[key];
   } else {
     baseAssignValue(result, key, 1);
@@ -8054,15 +8054,6 @@ var differenceBy = baseRest(function(array2, values3) {
   }
   return isArrayLikeObject(array2) ? baseDifference(array2, baseFlatten(values3, 1, isArrayLikeObject, true), baseIteratee(iteratee)) : [];
 });
-function drop$2(array2, n2, guard) {
-  var length = array2 == null ? 0 : array2.length;
-  if (!length) {
-    return [];
-  }
-  n2 = n2 === void 0 ? 1 : toInteger(n2);
-  return baseSlice(array2, n2 < 0 ? 0 : n2, length);
-}
-__name(drop$2, "drop$2");
 function castFunction(value) {
   return typeof value == "function" ? value : identity$3;
 }
@@ -8171,6 +8162,16 @@ function baseGt(value, other) {
   return value > other;
 }
 __name(baseGt, "baseGt");
+var objectProto$2 = Object.prototype;
+var hasOwnProperty$5 = objectProto$2.hasOwnProperty;
+function baseHas(object3, key) {
+  return object3 != null && hasOwnProperty$5.call(object3, key);
+}
+__name(baseHas, "baseHas");
+function has$3(object3, path2) {
+  return object3 != null && hasPath(object3, path2, baseHas);
+}
+__name(has$3, "has$3");
 var stringTag = "[object String]";
 function isString$1(value) {
   return typeof value == "string" || !isArray$2(value) && isObjectLike$1(value) && baseGetTag(value) == stringTag;
@@ -8304,15 +8305,15 @@ function isEqualWith(value, other, customizer) {
   return result === void 0 ? baseIsEqual(value, other, void 0, customizer) : !!result;
 }
 __name(isEqualWith, "isEqualWith");
-function isInteger(value) {
-  return typeof value == "number" && value == toInteger(value);
-}
-__name(isInteger, "isInteger");
 var numberTag = "[object Number]";
 function isNumber$2(value) {
   return typeof value == "number" || isObjectLike$1(value) && baseGetTag(value) == numberTag;
 }
 __name(isNumber$2, "isNumber$2");
+function isNull(value) {
+  return value === null;
+}
+__name(isNull, "isNull");
 function isUndefined(value) {
   return value === void 0;
 }
@@ -15991,6 +15992,7 @@ var itemSizeEstimator = /* @__PURE__ */ __name(function itemSizeEstimator2() {
   return 41.36;
 }, "itemSizeEstimator");
 var ReactTableDefaults = defaultProps$1;
+var VIRTUALIZE_CUTOFF_LENGTH = 200;
 var ReactTable = function(_Methods) {
   _inherits$8(ReactTable2, _Methods);
   function ReactTable2(props) {
@@ -16576,7 +16578,7 @@ var ReactTable = function(_Methods) {
                   minWidth: rowMinWidth + "px"
                 })
               }, tBodyProps.rest),
-              pageRows.length < 200 ? pageRows.map(function(d2, i) {
+              _this2.props.noVirtual || pageRows.length < VIRTUALIZE_CUTOFF_LENGTH ? pageRows.map(function(d2, i) {
                 return makePageRow(d2, i);
               }) : React__default.createElement(ReactList, {
                 type: "variable",
@@ -16680,7 +16682,7 @@ const getIdOrCodeOrIndex = /* @__PURE__ */ __name((record, rowIndex) => {
 const getSelectedRowsFromEntities = /* @__PURE__ */ __name((entities, idMap) => {
   if (!idMap) return [];
   return entities.reduce((acc, entity, i) => {
-    return idMap[getIdOrCodeOrIndex(entity, i)] ? acc.concat(i) : acc;
+    return idMap[getIdOrCodeOrIndex(entity, i)] ? acc.concat([i]) : acc;
   }, []);
 }, "getSelectedRowsFromEntities");
 const removeCleanRows = /* @__PURE__ */ __name((entities, cellValidation) => {
@@ -16799,9 +16801,9 @@ const stripNumberAtEnd = /* @__PURE__ */ __name((str) => {
   var _a2;
   return (_a2 = str == null ? void 0 : str.replace) == null ? void 0 : _a2.call(str, getNumberStrAtEnd(str), "");
 }, "stripNumberAtEnd");
-const getAllRows = /* @__PURE__ */ __name((e) => {
-  const el = e.target.querySelector(".data-table-container") ? e.target.querySelector(".data-table-container") : e.target.closest(".data-table-container");
-  const allRowEls = el.querySelectorAll(".rt-tr");
+const getAllRows = /* @__PURE__ */ __name((tableRef) => {
+  var _a2, _b2;
+  const allRowEls = (_b2 = (_a2 = tableRef.current) == null ? void 0 : _a2.tableRef) == null ? void 0 : _b2.querySelectorAll(".rt-tr");
   if (!allRowEls || !allRowEls.length) {
     return;
   }
@@ -17068,14 +17070,14 @@ const handleCopyRows = /* @__PURE__ */ __name((rowElsToCopy, { specificColumn, o
     handleCopyHelper(textToCopy, jsonToCopy, onFinishMsg || "Row Copied");
   }
 }, "handleCopyRows");
-const handleCopyColumn = /* @__PURE__ */ __name((e, cellWrapper, selectedRecords) => {
+const handleCopyColumn = /* @__PURE__ */ __name((tableRef, cellWrapper, selectedRecords) => {
   const specificColumn = cellWrapper.getAttribute("data-test");
-  let rowElsToCopy = getAllRows(e);
+  let rowElsToCopy = getAllRows(tableRef);
   if (!rowElsToCopy) return;
   if (selectedRecords) {
-    const ids2 = selectedRecords.map((e2) => {
+    const ids2 = selectedRecords.map((e) => {
       var _a2;
-      return (_a2 = getIdOrCodeOrIndex(e2)) == null ? void 0 : _a2.toString();
+      return (_a2 = getIdOrCodeOrIndex(e)) == null ? void 0 : _a2.toString();
     });
     rowElsToCopy = Array.from(rowElsToCopy).filter((rowEl) => {
       var _a2;
@@ -17108,9 +17110,9 @@ const isBottomRightCornerOfRectangle = /* @__PURE__ */ __name(({
   const isBottomRight = i === lastRowIndex && cellIndex === lastCellIndex;
   return isBottomRight;
 }, "isBottomRightCornerOfRectangle");
-const handleCopyTable = /* @__PURE__ */ __name((e, opts2) => {
+const handleCopyTable = /* @__PURE__ */ __name((tableRef, opts2) => {
   try {
-    const allRowEls = getAllRows(e);
+    const allRowEls = getAllRows(tableRef);
     if (!allRowEls) return;
     handleCopyRows(allRowEls, __spreadProps(__spreadValues({}, opts2), {
       onFinishMsg: "Table Copied"
@@ -17147,13 +17149,15 @@ const useTableEntities = /* @__PURE__ */ __name((tableFormName) => {
     },
     [dispatch, tableFormName]
   );
-  const { allOrderedEntities, selectedEntities } = useSelector((state2) => {
-    var _a2, _b2, _c, _d, _e, _f;
-    return {
-      allOrderedEntities: (_c = (_b2 = (_a2 = state2.form) == null ? void 0 : _a2[tableFormName]) == null ? void 0 : _b2.values) == null ? void 0 : _c.allOrderedEntities,
-      selectedEntities: (_f = (_e = (_d = state2.form) == null ? void 0 : _d[tableFormName]) == null ? void 0 : _e.values) == null ? void 0 : _f.reduxFormSelectedEntityIdMap
-    };
-  });
+  const { allOrderedEntities, selectedEntities } = useSelector(
+    (state2) => {
+      var _a2, _b2, _c, _d, _e, _f;
+      return {
+        allOrderedEntities: (_c = (_b2 = (_a2 = state2.form) == null ? void 0 : _a2[tableFormName]) == null ? void 0 : _b2.values) == null ? void 0 : _c.allOrderedEntities,
+        selectedEntities: (_f = (_e = (_d = state2.form) == null ? void 0 : _d[tableFormName]) == null ? void 0 : _e.values) == null ? void 0 : _f.reduxFormSelectedEntityIdMap
+      };
+    }
+  );
   return { selectTableEntities, allOrderedEntities, selectedEntities };
 }, "useTableEntities");
 const useDeepEqualMemo = /* @__PURE__ */ __name((value) => {
@@ -19527,293 +19531,501 @@ function requireLib$8() {
 __name(requireLib$8, "requireLib$8");
 var libExports$3 = /* @__PURE__ */ requireLib$8();
 const queryString = /* @__PURE__ */ getDefaultExportFromCjs(libExports$3);
-var dayjs_min$1 = { exports: {} };
-var dayjs_min = dayjs_min$1.exports;
-var hasRequiredDayjs_min;
-function requireDayjs_min() {
-  if (hasRequiredDayjs_min) return dayjs_min$1.exports;
-  hasRequiredDayjs_min = 1;
-  (function(module2, exports2) {
-    !function(t2, e) {
-      module2.exports = e();
-    }(dayjs_min, function() {
-      var t2 = 1e3, e = 6e4, n2 = 36e5, r2 = "millisecond", i = "second", s2 = "minute", u2 = "hour", a2 = "day", o2 = "week", c2 = "month", f2 = "quarter", h2 = "year", d2 = "date", l2 = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y2 = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M2 = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: /* @__PURE__ */ __name(function(t3) {
-        var e2 = ["th", "st", "nd", "rd"], n3 = t3 % 100;
-        return "[" + t3 + (e2[(n3 - 20) % 10] || e2[n3] || e2[0]) + "]";
-      }, "ordinal") }, m2 = /* @__PURE__ */ __name(function(t3, e2, n3) {
-        var r3 = String(t3);
-        return !r3 || r3.length >= e2 ? t3 : "" + Array(e2 + 1 - r3.length).join(n3) + t3;
-      }, "m"), v2 = { s: m2, z: /* @__PURE__ */ __name(function(t3) {
-        var e2 = -t3.utcOffset(), n3 = Math.abs(e2), r3 = Math.floor(n3 / 60), i2 = n3 % 60;
-        return (e2 <= 0 ? "+" : "-") + m2(r3, 2, "0") + ":" + m2(i2, 2, "0");
-      }, "z"), m: /* @__PURE__ */ __name(function t3(e2, n3) {
-        if (e2.date() < n3.date()) return -t3(n3, e2);
-        var r3 = 12 * (n3.year() - e2.year()) + (n3.month() - e2.month()), i2 = e2.clone().add(r3, c2), s3 = n3 - i2 < 0, u3 = e2.clone().add(r3 + (s3 ? -1 : 1), c2);
-        return +(-(r3 + (n3 - i2) / (s3 ? i2 - u3 : u3 - i2)) || 0);
-      }, "t"), a: /* @__PURE__ */ __name(function(t3) {
-        return t3 < 0 ? Math.ceil(t3) || 0 : Math.floor(t3);
-      }, "a"), p: /* @__PURE__ */ __name(function(t3) {
-        return { M: c2, y: h2, w: o2, d: a2, D: d2, h: u2, m: s2, s: i, ms: r2, Q: f2 }[t3] || String(t3 || "").toLowerCase().replace(/s$/, "");
-      }, "p"), u: /* @__PURE__ */ __name(function(t3) {
-        return void 0 === t3;
-      }, "u") }, g2 = "en", D2 = {};
-      D2[g2] = M2;
-      var p2 = "$isDayjsObject", S2 = /* @__PURE__ */ __name(function(t3) {
-        return t3 instanceof _2 || !(!t3 || !t3[p2]);
-      }, "S"), w2 = /* @__PURE__ */ __name(function t3(e2, n3, r3) {
-        var i2;
-        if (!e2) return g2;
-        if ("string" == typeof e2) {
-          var s3 = e2.toLowerCase();
-          D2[s3] && (i2 = s3), n3 && (D2[s3] = n3, i2 = s3);
-          var u3 = e2.split("-");
-          if (!i2 && u3.length > 1) return t3(u3[0]);
-        } else {
-          var a3 = e2.name;
-          D2[a3] = e2, i2 = a3;
-        }
-        return !r3 && i2 && (g2 = i2), i2 || !r3 && g2;
-      }, "t"), O2 = /* @__PURE__ */ __name(function(t3, e2) {
-        if (S2(t3)) return t3.clone();
-        var n3 = "object" == typeof e2 ? e2 : {};
-        return n3.date = t3, n3.args = arguments, new _2(n3);
-      }, "O"), b3 = v2;
-      b3.l = w2, b3.i = S2, b3.w = function(t3, e2) {
-        return O2(t3, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
-      };
-      var _2 = function() {
-        function M3(t3) {
-          this.$L = w2(t3.locale, null, true), this.parse(t3), this.$x = this.$x || t3.x || {}, this[p2] = true;
+function tableQueryParamsToHasuraClauses({
+  page,
+  pageSize,
+  searchTerm,
+  filters,
+  order: order2,
+  schema: schema2,
+  // Add schema as a parameter
+  additionalFilter
+}) {
+  const ccFields = getFieldsMappedByCCDisplayName(schema2);
+  let where = {};
+  const order_by = [];
+  const limit = pageSize || 25;
+  const offset4 = page && pageSize ? (page - 1) * pageSize : 0;
+  if (searchTerm) {
+    const searchTermFilters = [];
+    const uniqueFieldsByPath = {};
+    const searchTerms = searchTerm.split(",");
+    schema2.fields.forEach((field) => {
+      const { type: type2, path: path2, searchDisabled } = field;
+      if (uniqueFieldsByPath[path2]) return;
+      uniqueFieldsByPath[path2] = true;
+      if (searchDisabled || field.filterDisabled || type2 === "color") return;
+      searchTerms.forEach((term) => {
+        const filterValue = term.trim();
+        if (type2 === "string" || type2 === "lookup") {
+          const o2 = set$2({}, path2, { _ilike: `%${filterValue}%` });
+          searchTermFilters.push(o2);
+        } else if (type2 === "boolean") {
+          let regex;
+          try {
+            regex = new RegExp("^" + filterValue, "ig");
+          } catch (error) {
+          }
+          if (regex) {
+            if ("true".replace(regex, "") !== "true") {
+              const o2 = set$2({}, path2, { _eq: true });
+              searchTermFilters.push(o2);
+            } else if ("false".replace(regex, "") !== "false") {
+              const o2 = set$2({}, path2, { _eq: false });
+              searchTermFilters.push(o2);
+            }
+          }
+        } else if ((type2 === "number" || type2 === "integer") && !isNaN(filterValue)) {
+          const o2 = set$2({}, path2, { _eq: parseFloat(filterValue) });
+          searchTermFilters.push(o2);
         }
-        __name(M3, "M");
-        var m3 = M3.prototype;
-        return m3.parse = function(t3) {
-          this.$d = function(t4) {
-            var e2 = t4.date, n3 = t4.utc;
-            if (null === e2) return /* @__PURE__ */ new Date(NaN);
-            if (b3.u(e2)) return /* @__PURE__ */ new Date();
-            if (e2 instanceof Date) return new Date(e2);
-            if ("string" == typeof e2 && !/Z$/i.test(e2)) {
-              var r3 = e2.match($);
-              if (r3) {
-                var i2 = r3[2] - 1 || 0, s3 = (r3[7] || "0").substring(0, 3);
-                return n3 ? new Date(Date.UTC(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3)) : new Date(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3);
+      });
+    });
+    if (searchTermFilters.length > 0) {
+      if (Object.keys(where).length > 0) {
+        where = { _and: [where, { _or: searchTermFilters }] };
+      } else {
+        where = { _or: searchTermFilters };
+      }
+    }
+  }
+  if (filters && filters.length > 0) {
+    const filterClauses = filters.map((filter2) => {
+      let { selectedFilter, filterOn, filterValue } = filter2;
+      const fieldSchema = ccFields[filterOn] || {};
+      const { path: path2, reference: reference2, type: type2, customColumnFilter } = fieldSchema;
+      if (customColumnFilter) {
+        return customColumnFilter(filterValue);
+      }
+      let stringFilterValue = filterValue && filterValue.toString ? filterValue.toString() : filterValue;
+      if (stringFilterValue === false) {
+        stringFilterValue = "false";
+      } else {
+        stringFilterValue = stringFilterValue || "";
+      }
+      const arrayFilterValue = Array.isArray(filterValue) ? filterValue : stringFilterValue.split(";");
+      if (type2 === "number" || type2 === "integer") {
+        filterValue = Array.isArray(filterValue) ? filterValue.map((val2) => Number(val2)) : Number(filterValue);
+      }
+      if (fieldSchema.normalizeFilter) {
+        filterValue = fieldSchema.normalizeFilter(
+          filterValue,
+          selectedFilter,
+          filterOn
+        );
+      }
+      if (reference2) {
+        filterOn = reference2.sourceField;
+      } else {
+        filterOn = path2 || filterOn;
+      }
+      switch (selectedFilter) {
+        case "none":
+          return {};
+        case "startsWith":
+          return { [filterOn]: { _ilike: `${filterValue}%` } };
+        case "endsWith":
+          return { [filterOn]: { _ilike: `%${filterValue}` } };
+        case "contains":
+          return { [filterOn]: { _ilike: `%${filterValue}%` } };
+        case "notContains":
+          return { [filterOn]: { _nilike: `%${filterValue}%` } };
+        case "isExactly":
+          return { [filterOn]: { _eq: filterValue } };
+        case "isEmpty":
+          if (filterOn.includes(".")) {
+            return {
+              _not: {
+                [filterOn.split(".")[0]]: {}
               }
-            }
-            return new Date(e2);
-          }(t3), this.init();
-        }, m3.init = function() {
-          var t3 = this.$d;
-          this.$y = t3.getFullYear(), this.$M = t3.getMonth(), this.$D = t3.getDate(), this.$W = t3.getDay(), this.$H = t3.getHours(), this.$m = t3.getMinutes(), this.$s = t3.getSeconds(), this.$ms = t3.getMilliseconds();
-        }, m3.$utils = function() {
-          return b3;
-        }, m3.isValid = function() {
-          return !(this.$d.toString() === l2);
-        }, m3.isSame = function(t3, e2) {
-          var n3 = O2(t3);
-          return this.startOf(e2) <= n3 && n3 <= this.endOf(e2);
-        }, m3.isAfter = function(t3, e2) {
-          return O2(t3) < this.startOf(e2);
-        }, m3.isBefore = function(t3, e2) {
-          return this.endOf(e2) < O2(t3);
-        }, m3.$g = function(t3, e2, n3) {
-          return b3.u(t3) ? this[e2] : this.set(n3, t3);
-        }, m3.unix = function() {
-          return Math.floor(this.valueOf() / 1e3);
-        }, m3.valueOf = function() {
-          return this.$d.getTime();
-        }, m3.startOf = function(t3, e2) {
-          var n3 = this, r3 = !!b3.u(e2) || e2, f3 = b3.p(t3), l3 = /* @__PURE__ */ __name(function(t4, e3) {
-            var i2 = b3.w(n3.$u ? Date.UTC(n3.$y, e3, t4) : new Date(n3.$y, e3, t4), n3);
-            return r3 ? i2 : i2.endOf(a2);
-          }, "l"), $2 = /* @__PURE__ */ __name(function(t4, e3) {
-            return b3.w(n3.toDate()[t4].apply(n3.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n3);
-          }, "$"), y3 = this.$W, M4 = this.$M, m4 = this.$D, v3 = "set" + (this.$u ? "UTC" : "");
-          switch (f3) {
-            case h2:
-              return r3 ? l3(1, 0) : l3(31, 11);
-            case c2:
-              return r3 ? l3(1, M4) : l3(0, M4 + 1);
-            case o2:
-              var g3 = this.$locale().weekStart || 0, D3 = (y3 < g3 ? y3 + 7 : y3) - g3;
-              return l3(r3 ? m4 - D3 : m4 + (6 - D3), M4);
-            case a2:
-            case d2:
-              return $2(v3 + "Hours", 0);
-            case u2:
-              return $2(v3 + "Minutes", 1);
-            case s2:
-              return $2(v3 + "Seconds", 2);
-            case i:
-              return $2(v3 + "Milliseconds", 3);
-            default:
-              return this.clone();
+            };
           }
-        }, m3.endOf = function(t3) {
-          return this.startOf(t3, false);
-        }, m3.$set = function(t3, e2) {
-          var n3, o3 = b3.p(t3), f3 = "set" + (this.$u ? "UTC" : ""), l3 = (n3 = {}, n3[a2] = f3 + "Date", n3[d2] = f3 + "Date", n3[c2] = f3 + "Month", n3[h2] = f3 + "FullYear", n3[u2] = f3 + "Hours", n3[s2] = f3 + "Minutes", n3[i] = f3 + "Seconds", n3[r2] = f3 + "Milliseconds", n3)[o3], $2 = o3 === a2 ? this.$D + (e2 - this.$W) : e2;
-          if (o3 === c2 || o3 === h2) {
-            var y3 = this.clone().set(d2, 1);
-            y3.$d[l3]($2), y3.init(), this.$d = y3.set(d2, Math.min(this.$D, y3.daysInMonth())).$d;
-          } else l3 && this.$d[l3]($2);
-          return this.init(), this;
-        }, m3.set = function(t3, e2) {
-          return this.clone().$set(t3, e2);
-        }, m3.get = function(t3) {
-          return this[b3.p(t3)]();
-        }, m3.add = function(r3, f3) {
-          var d3, l3 = this;
-          r3 = Number(r3);
-          var $2 = b3.p(f3), y3 = /* @__PURE__ */ __name(function(t3) {
-            var e2 = O2(l3);
-            return b3.w(e2.date(e2.date() + Math.round(t3 * r3)), l3);
-          }, "y");
-          if ($2 === c2) return this.set(c2, this.$M + r3);
-          if ($2 === h2) return this.set(h2, this.$y + r3);
-          if ($2 === a2) return y3(1);
-          if ($2 === o2) return y3(7);
-          var M4 = (d3 = {}, d3[s2] = e, d3[u2] = n2, d3[i] = t2, d3)[$2] || 1, m4 = this.$d.getTime() + r3 * M4;
-          return b3.w(m4, this);
-        }, m3.subtract = function(t3, e2) {
-          return this.add(-1 * t3, e2);
-        }, m3.format = function(t3) {
-          var e2 = this, n3 = this.$locale();
-          if (!this.isValid()) return n3.invalidDate || l2;
-          var r3 = t3 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b3.z(this), s3 = this.$H, u3 = this.$m, a3 = this.$M, o3 = n3.weekdays, c3 = n3.months, f3 = n3.meridiem, h3 = /* @__PURE__ */ __name(function(t4, n4, i3, s4) {
-            return t4 && (t4[n4] || t4(e2, r3)) || i3[n4].slice(0, s4);
-          }, "h"), d3 = /* @__PURE__ */ __name(function(t4) {
-            return b3.s(s3 % 12 || 12, t4, "0");
-          }, "d"), $2 = f3 || function(t4, e3, n4) {
-            var r4 = t4 < 12 ? "AM" : "PM";
-            return n4 ? r4.toLowerCase() : r4;
+          return {
+            _or: [
+              { [filterOn]: { _eq: "" } },
+              { [filterOn]: { _is_null: true } }
+            ]
           };
-          return r3.replace(y2, function(t4, r4) {
-            return r4 || function(t5) {
-              switch (t5) {
-                case "YY":
-                  return String(e2.$y).slice(-2);
-                case "YYYY":
-                  return b3.s(e2.$y, 4, "0");
-                case "M":
-                  return a3 + 1;
-                case "MM":
-                  return b3.s(a3 + 1, 2, "0");
-                case "MMM":
-                  return h3(n3.monthsShort, a3, c3, 3);
-                case "MMMM":
-                  return h3(c3, a3);
-                case "D":
-                  return e2.$D;
-                case "DD":
-                  return b3.s(e2.$D, 2, "0");
-                case "d":
-                  return String(e2.$W);
-                case "dd":
-                  return h3(n3.weekdaysMin, e2.$W, o3, 2);
-                case "ddd":
-                  return h3(n3.weekdaysShort, e2.$W, o3, 3);
-                case "dddd":
-                  return o3[e2.$W];
-                case "H":
-                  return String(s3);
-                case "HH":
-                  return b3.s(s3, 2, "0");
-                case "h":
-                  return d3(1);
-                case "hh":
-                  return d3(2);
-                case "a":
-                  return $2(s3, u3, true);
-                case "A":
-                  return $2(s3, u3, false);
-                case "m":
-                  return String(u3);
-                case "mm":
-                  return b3.s(u3, 2, "0");
-                case "s":
-                  return String(e2.$s);
-                case "ss":
-                  return b3.s(e2.$s, 2, "0");
-                case "SSS":
-                  return b3.s(e2.$ms, 3, "0");
-                case "Z":
-                  return i2;
+        case "notEmpty":
+          return {
+            _and: [
+              { [filterOn]: { _neq: "" } },
+              { [filterOn]: { _is_null: false } }
+            ]
+          };
+        case "inList":
+          return { [filterOn]: { _in: filterValue } };
+        case "notInList":
+          return { [filterOn]: { _nin: filterValue } };
+        case "true":
+          return { [filterOn]: { _eq: true } };
+        case "false":
+          return { [filterOn]: { _eq: false } };
+        case "dateIs":
+          return { [filterOn]: { _eq: filterValue } };
+        case "notBetween":
+          return {
+            _or: [
+              {
+                [filterOn]: {
+                  _lt: new Date(arrayFilterValue[0])
+                }
+              },
+              {
+                [filterOn]: {
+                  _gt: new Date(new Date(arrayFilterValue[1]).setHours(23, 59))
+                }
               }
-              return null;
-            }(t4) || i2.replace(":", "");
-          });
-        }, m3.utcOffset = function() {
-          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-        }, m3.diff = function(r3, d3, l3) {
-          var $2, y3 = this, M4 = b3.p(d3), m4 = O2(r3), v3 = (m4.utcOffset() - this.utcOffset()) * e, g3 = this - m4, D3 = /* @__PURE__ */ __name(function() {
-            return b3.m(y3, m4);
-          }, "D");
-          switch (M4) {
-            case h2:
-              $2 = D3() / 12;
+            ]
+          };
+        case "isBetween":
+          return {
+            [filterOn]: {
+              _gte: new Date(arrayFilterValue[0]),
+              _lte: new Date(new Date(arrayFilterValue[1]).setHours(23, 59))
+            }
+          };
+        case "isBefore":
+          return { [filterOn]: { _lt: new Date(filterValue) } };
+        case "isAfter":
+          return { [filterOn]: { _gt: new Date(filterValue) } };
+        case "greaterThan":
+          return { [filterOn]: { _gt: parseFloat(filterValue) } };
+        case "lessThan":
+          return { [filterOn]: { _lt: parseFloat(filterValue) } };
+        case "inRange":
+          return {
+            [filterOn]: {
+              _gte: parseFloat(arrayFilterValue[0]),
+              _lte: parseFloat(arrayFilterValue[1])
+            }
+          };
+        case "outsideRange":
+          return {
+            _or: [
+              {
+                [filterOn]: {
+                  _lt: parseFloat(arrayFilterValue[0])
+                }
+              },
+              {
+                [filterOn]: {
+                  _gt: parseFloat(arrayFilterValue[1])
+                }
+              }
+            ]
+          };
+        case "equalTo":
+          return {
+            [filterOn]: {
+              _eq: type2 === "number" || type2 === "integer" ? parseFloat(filterValue) : filterValue
+            }
+          };
+        case "regex":
+          return { [filterOn]: { _regex: filterValue } };
+        default:
+          console.warn(`Unsupported filter type: ${selectedFilter}`);
+          return {};
+      }
+    });
+    if (filterClauses.length > 0) {
+      if (Object.keys(where).length > 0) {
+        where = { _and: [where, ...filterClauses] };
+      } else {
+        where = { _and: filterClauses };
+      }
+    }
+  }
+  if (order2 && order2.length > 0) {
+    order2.forEach((item) => {
+      const field = item.startsWith("-") ? item.substring(1) : item;
+      const direction = item.startsWith("-") ? "desc" : "asc";
+      order_by.push({ [field]: direction });
+    });
+  }
+  if (additionalFilter) {
+    where = { _and: [where, additionalFilter] };
+  }
+  return { where, order_by, limit, offset: offset4 };
+}
+__name(tableQueryParamsToHasuraClauses, "tableQueryParamsToHasuraClauses");
+function getFieldsMappedByCCDisplayName(schema2) {
+  if (!schema2 || !schema2.fields) return {};
+  return schema2.fields.reduce((acc, field) => {
+    const ccDisplayName = getCCDisplayName(field);
+    acc[ccDisplayName] = field;
+    return acc;
+  }, {});
+}
+__name(getFieldsMappedByCCDisplayName, "getFieldsMappedByCCDisplayName");
+function getCCDisplayName(field) {
+  return camelCase(
+    typeof field.displayName === "string" ? field.displayName : field.path
+  );
+}
+__name(getCCDisplayName, "getCCDisplayName");
+function filterLocalEntitiesToHasura(records, { where, order_by, limit, offset: offset4, isInfinite } = {}) {
+  let filteredRecords = [...records];
+  if (where) {
+    filteredRecords = applyWhereClause(filteredRecords, where);
+  }
+  if (order_by) {
+    filteredRecords = applyOrderBy(filteredRecords, order_by);
+  }
+  filteredRecords = restoreEntitiesFromLocalFilter(filteredRecords);
+  const allFilteredRecords = [...filteredRecords];
+  if (!isInfinite && offset4 !== void 0) {
+    filteredRecords = filteredRecords.slice(offset4);
+  }
+  if (!isInfinite && limit !== void 0) {
+    filteredRecords = filteredRecords.slice(0, limit);
+  }
+  return {
+    entities: filteredRecords,
+    entitiesAcrossPages: allFilteredRecords,
+    entityCount: allFilteredRecords.length
+  };
+}
+__name(filterLocalEntitiesToHasura, "filterLocalEntitiesToHasura");
+function applyWhereClause(records, where) {
+  function applyFilter(record, filter2) {
+    if (isEmpty$1(filter2)) {
+      return true;
+    }
+    for (const key in filter2) {
+      if (key === "_and") {
+        if (isEmpty$1(filter2[key])) {
+          continue;
+        }
+        if (!every(filter2[key], (subFilter) => applyFilter(record, subFilter))) {
+          return false;
+        }
+      } else if (key === "_or") {
+        if (isEmpty$1(filter2[key])) {
+          continue;
+        }
+        if (!some(filter2[key], (subFilter) => applyFilter(record, subFilter))) {
+          return false;
+        }
+      } else if (key === "_not") {
+        if (applyFilter(record, filter2[key])) {
+          return false;
+        }
+      } else {
+        const value = get$4(record, key);
+        const conditions = filter2[key];
+        if (isObject$2(value) && isObject$2(conditions) && !hasOperator(conditions)) {
+          return applyFilter(value, conditions);
+        }
+        for (const operator in conditions) {
+          const conditionValue = conditions[operator];
+          if (operator === "_gt" && conditions._lt) {
+            if (!(value > conditionValue && value < conditions._lt))
+              return false;
+            continue;
+          }
+          if (operator === "_gte" && conditions._lte) {
+            if (!(value >= conditionValue && value <= conditions._lte))
+              return false;
+            continue;
+          }
+          switch (operator) {
+            case "_eq":
+              if (!isEqual$3(value, conditionValue)) return false;
               break;
-            case c2:
-              $2 = D3();
+            case "_neq":
+              if (isEqual$3(value, conditionValue)) return false;
               break;
-            case f2:
-              $2 = D3() / 3;
+            case "_gt":
+              if (!(value > conditionValue)) return false;
               break;
-            case o2:
-              $2 = (g3 - v3) / 6048e5;
+            case "_gte":
+              if (!(value >= conditionValue)) return false;
               break;
-            case a2:
-              $2 = (g3 - v3) / 864e5;
+            case "_lt":
+              if (!(value < conditionValue)) return false;
               break;
-            case u2:
-              $2 = g3 / n2;
+            case "_lte":
+              if (!(value <= conditionValue)) return false;
               break;
-            case s2:
-              $2 = g3 / e;
+            case "_like":
+              if (!isString$1(value) || !new RegExp(conditionValue.replace(/%/g, ".*")).test(value))
+                return false;
               break;
-            case i:
-              $2 = g3 / t2;
+            case "_ilike":
+              if (!isString$1(value) || !new RegExp(conditionValue.replace(/%/g, ".*"), "i").test(value))
+                return false;
+              break;
+            case "_nlike":
+              if (!isString$1(value) || new RegExp(conditionValue.replace(/%/g, ".*")).test(value))
+                return false;
+              break;
+            case "_nilike":
+              if (!isString$1(value) || new RegExp(conditionValue.replace(/%/g, ".*"), "i").test(value))
+                return false;
+              break;
+            case "_starts_with":
+              if (!isString$1(value) || !value.startsWith(conditionValue))
+                return false;
+              break;
+            case "_ends_with":
+              if (!isString$1(value) || !value.endsWith(conditionValue))
+                return false;
+              break;
+            case "_is_null":
+              if (conditionValue && !isNull(value) || !conditionValue && isNull(value))
+                return false;
+              break;
+            case "_contains":
+              if (!isArray$2(value) || !every(conditionValue, (item) => includes(value, item)))
+                return false;
+              break;
+            case "_contained_in":
+              if (!isArray$2(value) || !every(value, (item) => includes(conditionValue, item)))
+                return false;
+              break;
+            case "_has_key":
+              if (!isObject$2(value) || !has$3(value, conditionValue)) return false;
+              break;
+            case "_has_keys_any":
+              if (!isObject$2(value) || !some(conditionValue, (item) => has$3(value, item)))
+                return false;
+              break;
+            case "_has_keys_all":
+              if (!isObject$2(value) || !every(conditionValue, (item) => has$3(value, item)))
+                return false;
+              break;
+            case "_similar":
+              if (!isString$1(value) || !new RegExp(conditionValue.replace(/%/g, ".*")).test(value))
+                return false;
               break;
             default:
-              $2 = g3;
+              if (operator.startsWith("_")) {
+                console.warn(`Unsupported operator: ${operator}`);
+                return false;
+              } else {
+                console.warn(`Unsupported operator: ${operator}`);
+                return false;
+              }
           }
-          return l3 ? $2 : b3.a($2);
-        }, m3.daysInMonth = function() {
-          return this.endOf(c2).$D;
-        }, m3.$locale = function() {
-          return D2[this.$L];
-        }, m3.locale = function(t3, e2) {
-          if (!t3) return this.$L;
-          var n3 = this.clone(), r3 = w2(t3, e2, true);
-          return r3 && (n3.$L = r3), n3;
-        }, m3.clone = function() {
-          return b3.w(this.$d, this);
-        }, m3.toDate = function() {
-          return new Date(this.valueOf());
-        }, m3.toJSON = function() {
-          return this.isValid() ? this.toISOString() : null;
-        }, m3.toISOString = function() {
-          return this.$d.toISOString();
-        }, m3.toString = function() {
-          return this.$d.toUTCString();
-        }, M3;
-      }(), k2 = _2.prototype;
-      return O2.prototype = k2, [["$ms", r2], ["$s", i], ["$m", s2], ["$H", u2], ["$W", a2], ["$M", c2], ["$y", h2], ["$D", d2]].forEach(function(t3) {
-        k2[t3[1]] = function(e2) {
-          return this.$g(e2, t3[0], t3[1]);
-        };
-      }), O2.extend = function(t3, e2) {
-        return t3.$i || (t3(e2, _2, O2), t3.$i = true), O2;
-      }, O2.locale = w2, O2.isDayjs = S2, O2.unix = function(t3) {
-        return O2(1e3 * t3);
-      }, O2.en = D2[g2], O2.Ls = D2, O2.p = {}, O2;
+        }
+      }
+    }
+    return true;
+  }
+  __name(applyFilter, "applyFilter");
+  function hasOperator(obj) {
+    return Object.keys(obj).some((key) => key.startsWith("_"));
+  }
+  __name(hasOperator, "hasOperator");
+  return records.filter((record) => applyFilter(record, where));
+}
+__name(applyWhereClause, "applyWhereClause");
+function applyOrderBy(records, _order_by) {
+  const order_by = isArray$2(_order_by) ? _order_by : isEmpty$1(_order_by) ? [] : [_order_by];
+  if (order_by.length > 0) {
+    const orderFuncs = [];
+    const ascOrDescArray = [];
+    order_by.forEach(
+      ({ path: path2, direction, type: type2, sortFn, getValueToFilterOn, ownProps }) => {
+        direction = direction || "desc";
+        if (sortFn) {
+          const sortFnArray = Array.isArray(sortFn) ? sortFn : [sortFn];
+          sortFnArray.forEach((fn4) => {
+            const getter = typeof fn4 === "function" ? fn4 : (r2) => get$4(r2, fn4);
+            orderFuncs.push((r2) => {
+              const val2 = getter(r2);
+              return val2 !== null && val2 !== void 0 ? 1 : 0;
+            });
+            ascOrDescArray.push("desc");
+            orderFuncs.push(getter);
+            ascOrDescArray.push(direction);
+          });
+        } else if (getValueToFilterOn) {
+          orderFuncs.push((r2) => {
+            const val2 = getValueToFilterOn(r2, ownProps);
+            return val2 !== null && val2 !== void 0 ? 1 : 0;
+          });
+          ascOrDescArray.push("desc");
+          orderFuncs.push((r2) => getValueToFilterOn(r2, ownProps));
+          ascOrDescArray.push(direction);
+        } else if (type2 === "timestamp") {
+          orderFuncs.push((r2) => {
+            const val2 = get$4(r2, path2);
+            return val2 ? 1 : 0;
+          });
+          ascOrDescArray.push("desc");
+          orderFuncs.push((r2) => {
+            const val2 = get$4(r2, path2);
+            return val2 ? new Date(val2).getTime() : -Infinity;
+          });
+          ascOrDescArray.push(direction);
+        } else if (path2 && endsWith$1(path2.toLowerCase(), "id")) {
+          orderFuncs.push((r2) => {
+            const val2 = get$4(r2, path2);
+            return val2 !== null && val2 !== void 0 ? 1 : 0;
+          });
+          ascOrDescArray.push("desc");
+          orderFuncs.push((o2) => {
+            const val2 = get$4(o2, path2);
+            if (val2 === null || val2 === void 0) return -Infinity;
+            return parseInt(val2, 10) || 0;
+          });
+          ascOrDescArray.push(direction);
+        } else {
+          orderFuncs.push((r2) => {
+            const val2 = get$4(r2, path2);
+            return val2 !== null && val2 !== void 0 ? 1 : 0;
+          });
+          ascOrDescArray.push("desc");
+          orderFuncs.push((r2) => {
+            const val2 = get$4(r2, path2);
+            if (val2 === null || val2 === void 0) return -Infinity;
+            if (isString$1(val2)) {
+              return val2.toLowerCase().replace(
+                /(\d+)/g,
+                (num) => (
+                  // Pad numbers with leading zeros for proper natural sort
+                  num.padStart(10, "0")
+                )
+              );
+            }
+            return val2;
+          });
+          ascOrDescArray.push(direction);
+        }
+      }
+    );
+    records = orderBy$1(records, orderFuncs, ascOrDescArray);
+  }
+  return records;
+}
+__name(applyOrderBy, "applyOrderBy");
+function restoreEntitiesFromLocalFilter(ents) {
+  return ents.map((entity) => {
+    forEach$1(entity, (val2, key) => {
+      var _a2;
+      if ((_a2 = key.startsWith) == null ? void 0 : _a2.call(key, "___original___")) {
+        entity[key.slice("___original___".length)] = val2;
+        delete entity[key];
+      }
     });
-  })(dayjs_min$1);
-  return dayjs_min$1.exports;
+    return entity;
+  });
 }
-__name(requireDayjs_min, "requireDayjs_min");
-var dayjs_minExports = requireDayjs_min();
-const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
+__name(restoreEntitiesFromLocalFilter, "restoreEntitiesFromLocalFilter");
+function initializeHasuraWhereAndFilter(additionalFilter, where = {}, currentParams) {
+  where._and = where._and || [];
+  where._or = where._or || [];
+  if (typeof additionalFilter === "function") {
+    const newWhere = additionalFilter(where, currentParams);
+    if (newWhere) {
+      Object.assign(where, newWhere);
+    }
+  } else if (typeof additionalFilter === "object")
+    where._and.push(additionalFilter);
+}
+__name(initializeHasuraWhereAndFilter, "initializeHasuraWhereAndFilter");
 const defaultPageSizes = [5, 10, 15, 25, 50, 100, 200, 400];
 function safeStringify(val2) {
   if (val2 !== null && typeof val2 === "object") {
@@ -19830,325 +20042,6 @@ function safeParse(val2) {
   }
 }
 __name(safeParse, "safeParse");
-function getCCDisplayName(field) {
-  return camelCase(
-    typeof field.displayName === "string" ? field.displayName : field.path
-  );
-}
-__name(getCCDisplayName, "getCCDisplayName");
-function getFieldsMappedByCCDisplayName(schema2) {
-  return schema2.fields.reduce((acc, field) => {
-    const ccDisplayName = getCCDisplayName(field);
-    acc[ccDisplayName] = field;
-    return acc;
-  }, {});
-}
-__name(getFieldsMappedByCCDisplayName, "getFieldsMappedByCCDisplayName");
-function orderEntitiesLocal(orderArray, entities, schema2, ownProps) {
-  if (orderArray == null ? void 0 : orderArray.length) {
-    const orderFuncs = [];
-    const ascOrDescArray = [];
-    orderArray.forEach((order2) => {
-      const ccDisplayName = order2.replace(/^-/gi, "");
-      const ccFields = getFieldsMappedByCCDisplayName(schema2);
-      const field = ccFields[ccDisplayName];
-      if (!field) {
-        throw new Error(
-          "Ruh roh, there should have been a column to sort on for " + order2 + " but none was found in " + schema2.fields
-        );
-      }
-      const { path: path2, getValueToFilterOn, sortFn } = field;
-      if (field.type === "timestamp") {
-        ascOrDescArray.push("desc");
-      }
-      ascOrDescArray.push(ccDisplayName === order2 ? "asc" : "desc");
-      if (field.type === "timestamp") {
-        orderFuncs.push((r2) => {
-          const val2 = get$4(r2, path2);
-          return !!val2;
-        });
-      }
-      if (path2 && endsWith$1(path2.toLowerCase(), "id")) {
-        orderFuncs.push((o2) => {
-          return parseInt(get$4(o2, path2), 10);
-        });
-      } else if (sortFn) {
-        const toOrder = Array.isArray(sortFn) ? sortFn : [sortFn];
-        orderFuncs.push(...toOrder);
-      } else if (getValueToFilterOn) {
-        orderFuncs.push((o2) => {
-          return getValueToFilterOn(o2, ownProps);
-        });
-      } else {
-        orderFuncs.push((r2) => {
-          const val2 = get$4(r2, path2);
-          return val2 && val2.toLowerCase ? val2.toLowerCase() : val2;
-        });
-      }
-    });
-    entities = orderBy$1(entities, orderFuncs, ascOrDescArray);
-  }
-  return entities;
-}
-__name(orderEntitiesLocal, "orderEntitiesLocal");
-function getAndAndOrFilters(allFilters) {
-  const orFilters = [];
-  const andFilters = [];
-  const otherOrFilters = [];
-  allFilters.forEach((filter2) => {
-    if (filter2.isOrFilter && typeof filter2.filterValue === "string" && filter2.filterValue.includes(",")) {
-      const allFilterValues = filter2.filterValue.split(",");
-      allFilterValues.forEach((filterValue, i) => {
-        filterValue = filterValue.trim();
-        if (!filterValue) return;
-        const newFilter = __spreadProps(__spreadValues({}, filter2), {
-          filterValue
-        });
-        if (i === 0) {
-          orFilters.push(newFilter);
-        } else {
-          const iMinus = i - 1;
-          if (!otherOrFilters[iMinus]) otherOrFilters[iMinus] = [];
-          otherOrFilters[iMinus].push(newFilter);
-        }
-      });
-    } else if (filter2.isOrFilter) {
-      orFilters.push(filter2);
-    } else {
-      andFilters.push(filter2);
-    }
-  });
-  return {
-    orFilters,
-    andFilters,
-    otherOrFilters
-  };
-}
-__name(getAndAndOrFilters, "getAndAndOrFilters");
-function filterEntitiesLocal(filters = [], searchTerm, entities, schema2, ownProps) {
-  const allFilters = getAllFilters(filters, searchTerm, schema2);
-  if (allFilters.length) {
-    const ccFields = getFieldsMappedByCCDisplayName(schema2);
-    const { andFilters, orFilters, otherOrFilters } = getAndAndOrFilters(allFilters);
-    andFilters.forEach((filter2) => {
-      entities = getEntitiesForGivenFilter(
-        entities,
-        filter2,
-        ccFields,
-        ownProps
-      );
-    });
-    if (orFilters.length) {
-      let orEntities = [];
-      orFilters.concat(...otherOrFilters).forEach((filter2) => {
-        orEntities = orEntities.concat(
-          getEntitiesForGivenFilter(entities, filter2, ccFields, ownProps)
-        );
-      });
-      entities = uniq(orEntities);
-    }
-  }
-  return entities;
-}
-__name(filterEntitiesLocal, "filterEntitiesLocal");
-function cleanFilterValue(_filterValue, type2) {
-  let filterValue = _filterValue;
-  if (type2 === "number" || type2 === "integer") {
-    filterValue = Array.isArray(filterValue) ? filterValue.map((val2) => Number(val2)) : Number(filterValue);
-  }
-  return filterValue;
-}
-__name(cleanFilterValue, "cleanFilterValue");
-function getEntitiesForGivenFilter(entities, filter2, ccFields, ownProps) {
-  const { filterOn, filterValue: _filterValue, selectedFilter } = filter2;
-  const field = ccFields[filterOn];
-  const { path: path2, getValueToFilterOn } = field;
-  const filterValue = cleanFilterValue(_filterValue, field.type);
-  const subFilter = getSubFilter(false, selectedFilter, filterValue);
-  entities = entities.filter((entity) => {
-    const fieldVal = getValueToFilterOn ? getValueToFilterOn(entity, ownProps) : get$4(entity, path2);
-    const shouldKeep = subFilter(fieldVal);
-    return shouldKeep;
-  });
-  return entities;
-}
-__name(getEntitiesForGivenFilter, "getEntitiesForGivenFilter");
-function getFiltersFromSearchTerm(searchTerm, schema2) {
-  const searchTermFilters = [];
-  if (searchTerm) {
-    const sharedFields = {
-      isOrFilter: true,
-      isSearchTermFilter: true
-    };
-    schema2.fields.forEach((field) => {
-      const { type: type2, searchDisabled } = field;
-      if (searchDisabled || field.filterDisabled || type2 === "color") return;
-      const ccDisplayName = getCCDisplayName(field);
-      const filterValue = cleanFilterValue(searchTerm, type2);
-      if (type2 === "string" || type2 === "lookup") {
-        searchTermFilters.push(__spreadProps(__spreadValues({}, sharedFields), {
-          filterOn: ccDisplayName,
-          filterValue: searchTerm,
-          selectedFilter: "contains"
-        }));
-      } else if (type2 === "boolean") {
-        let regex;
-        try {
-          regex = new RegExp("^" + searchTerm, "ig");
-        } catch (error) {
-        }
-        if (regex) {
-          if ("true".replace(regex, "") !== "true") {
-            searchTermFilters.push(__spreadProps(__spreadValues({}, sharedFields), {
-              filterOn: ccDisplayName,
-              filterValue: true,
-              selectedFilter: "true"
-            }));
-          } else if ("false".replace(regex, "") !== "false") {
-            searchTermFilters.push(__spreadProps(__spreadValues({}, sharedFields), {
-              filterOn: ccDisplayName,
-              filterValue: false,
-              selectedFilter: "false"
-            }));
-          }
-        }
-      } else if ((type2 === "number" || type2 === "integer") && !isNaN(filterValue)) {
-        if (type2 === "integer" && !isInteger(filterValue)) {
-          return;
-        }
-        searchTermFilters.push(__spreadProps(__spreadValues({}, sharedFields), {
-          filterOn: ccDisplayName,
-          filterValue,
-          selectedFilter: "equalTo"
-        }));
-      }
-    });
-  }
-  return searchTermFilters;
-}
-__name(getFiltersFromSearchTerm, "getFiltersFromSearchTerm");
-function getSubFilter(qb, selectedFilter, filterValue) {
-  const ccSelectedFilter = camelCase(selectedFilter);
-  let stringFilterValue = filterValue && filterValue.toString ? filterValue.toString() : filterValue;
-  if (stringFilterValue === false) {
-    stringFilterValue = "false";
-  } else {
-    stringFilterValue = stringFilterValue || "";
-  }
-  const filterValLower = stringFilterValue.toLowerCase && stringFilterValue.toLowerCase();
-  const arrayFilterValue = Array.isArray(filterValue) ? filterValue : stringFilterValue.split(";");
-  if (ccSelectedFilter === "startsWith") {
-    return qb ? qb.startsWith(stringFilterValue) : (fieldVal) => {
-      if (!fieldVal || !fieldVal.toLowerCase) return false;
-      return startsWith(fieldVal.toLowerCase(), filterValLower);
-    };
-  } else if (ccSelectedFilter === "endsWith") {
-    return qb ? qb.endsWith(stringFilterValue) : (fieldVal) => {
-      if (!fieldVal || !fieldVal.toLowerCase) return false;
-      return endsWith$1(fieldVal.toLowerCase(), filterValLower);
-    };
-  } else if (ccSelectedFilter === "contains" || ccSelectedFilter === "notContains") {
-    return qb ? ccSelectedFilter === "contains" ? qb.contains(stringFilterValue.replace(/_/g, "\\_")) : qb.notContains(stringFilterValue.replace(/_/g, "\\_")) : (fieldVal) => {
-      if (!fieldVal || !fieldVal.toLowerCase) return false;
-      return ccSelectedFilter === "contains" ? fieldVal.toLowerCase().replace(filterValLower, "") !== fieldVal.toLowerCase() : fieldVal.toLowerCase().replace(filterValLower, "") === fieldVal.toLowerCase();
-    };
-  } else if (ccSelectedFilter === "inList") {
-    return qb ? qb.inList(arrayFilterValue) : (fieldVal) => {
-      if (!(fieldVal == null ? void 0 : fieldVal.toString)) return false;
-      return arrayFilterValue.map((val2) => {
-        if (val2) {
-          if (val2.toString) return val2.toString().toLowerCase();
-          return val2.toLowerCase();
-        }
-        return void 0;
-      }).indexOf(fieldVal.toString().toLowerCase()) > -1;
-    };
-  } else if (ccSelectedFilter === "notInList") {
-    return qb ? qb.notInList(arrayFilterValue) : (fieldVal) => {
-      if (!(fieldVal == null ? void 0 : fieldVal.toString)) return false;
-      return arrayFilterValue.map((val2) => {
-        if (val2) {
-          if (val2.toString) return val2.toString().toLowerCase();
-          return val2.toLowerCase();
-        }
-        return void 0;
-      }).indexOf(fieldVal.toString().toLowerCase()) === -1;
-    };
-  } else if (ccSelectedFilter === "isEmpty") {
-    return qb ? qb.isEmpty() : (fieldVal) => {
-      return !fieldVal;
-    };
-  } else if (ccSelectedFilter === "notEmpty") {
-    return qb ? [qb.notNull(), qb.notEquals("")] : (fieldVal) => {
-      return !!fieldVal;
-    };
-  } else if (ccSelectedFilter === "isExactly") {
-    return qb ? filterValue : (fieldVal) => {
-      return fieldVal === filterValue;
-    };
-  } else if (ccSelectedFilter === "true") {
-    return qb ? qb.equals(true) : (fieldVal) => {
-      return !!fieldVal;
-    };
-  } else if (ccSelectedFilter === "false") {
-    return qb ? qb.equals(false) : (fieldVal) => {
-      return !fieldVal;
-    };
-  } else if (ccSelectedFilter === "isBetween") {
-    return qb ? qb.between(
-      new Date(arrayFilterValue[0]),
-      new Date(new Date(arrayFilterValue[1]).setHours(23, 59))
-      // set end of day for more accurate filtering
-    ) : (fieldVal) => {
-      return dayjs(arrayFilterValue[0]).valueOf() <= dayjs(fieldVal).valueOf() && dayjs(fieldVal).valueOf() <= dayjs(arrayFilterValue[1]).valueOf();
-    };
-  } else if (ccSelectedFilter === "notBetween") {
-    return qb ? qb.notBetween(
-      new Date(arrayFilterValue[0]),
-      new Date(new Date(arrayFilterValue[1]).setHours(23, 59))
-      // set end of day for more accurate filtering
-    ) : (fieldVal) => {
-      return dayjs(arrayFilterValue[0]).valueOf() > dayjs(fieldVal).valueOf() || dayjs(fieldVal).valueOf() > dayjs(arrayFilterValue[1]).valueOf();
-    };
-  } else if (ccSelectedFilter === "isBefore") {
-    return qb ? qb.lessThan(new Date(filterValue)) : (fieldVal) => {
-      return dayjs(fieldVal).valueOf() < dayjs(filterValue).valueOf();
-    };
-  } else if (ccSelectedFilter === "isAfter") {
-    return qb ? qb.greaterThan(new Date(new Date(filterValue).setHours(23, 59))) : (fieldVal) => {
-      return dayjs(fieldVal).valueOf() > dayjs(filterValue).valueOf();
-    };
-  } else if (ccSelectedFilter === "greaterThan") {
-    return qb ? qb.greaterThan(filterValue) : (fieldVal) => {
-      return fieldVal > filterValue;
-    };
-  } else if (ccSelectedFilter === "lessThan") {
-    return qb ? qb.lessThan(filterValue) : (fieldVal) => {
-      return fieldVal < filterValue;
-    };
-  } else if (ccSelectedFilter === "inRange") {
-    return qb ? qb.between(filterValue[0], filterValue[1]) : (fieldVal) => {
-      return filterValue[0] <= fieldVal && fieldVal <= filterValue[1];
-    };
-  } else if (ccSelectedFilter === "outsideRange") {
-    return qb ? qb.notBetween(filterValue[0], filterValue[1]) : (fieldVal) => {
-      return filterValue[0] > fieldVal || fieldVal > filterValue[1];
-    };
-  } else if (ccSelectedFilter === "equalTo") {
-    return qb ? filterValue : (fieldVal) => {
-      return fieldVal === filterValue;
-    };
-  } else if (ccSelectedFilter === "regex") {
-    return qb ? qb.matchesRegex(filterValue) : (fieldVal) => {
-      new RegExp(filterValue).test(fieldVal);
-      return fieldVal;
-    };
-  }
-  throw new Error(
-    `Unsupported filter ${selectedFilter}. Please make a new filter if you need one`
-  );
-}
-__name(getSubFilter, "getSubFilter");
 function getCurrentParamsFromUrl(location2, isSimple) {
   let { search: search2 } = location2;
   return parseFilters(queryString.parse(search2, { ignoreQueryPrefix: true }));
@@ -20212,22 +20105,6 @@ function parseFilters(newParams) {
   });
 }
 __name(parseFilters, "parseFilters");
-function buildRef(qb, reference2, searchField, expression) {
-  if (reference2.reference) {
-    return qb.related(reference2.target).whereAny({
-      [reference2.sourceField]: buildRef(
-        qb,
-        reference2.reference,
-        searchField,
-        expression
-      )
-    });
-  }
-  return qb.related(reference2.target).whereAny({
-    [searchField]: expression
-  });
-}
-__name(buildRef, "buildRef");
 function makeDataTableHandlers({
   setNewParams,
   defaults: defaults2,
@@ -20315,27 +20192,19 @@ function makeDataTableHandlers({
   };
 }
 __name(makeDataTableHandlers, "makeDataTableHandlers");
-function cleanupFilter(filter2) {
-  let filterToUse = filter2;
-  if (filterToUse.selectedFilter === "inList" && typeof filterToUse.filterValue === "number") {
-    filterToUse = __spreadProps(__spreadValues({}, filterToUse), {
-      filterValue: filterToUse.filterValue.toString()
-    });
-  }
-  return filterToUse;
-}
-__name(cleanupFilter, "cleanupFilter");
-function getAllFilters(filters, searchTerm, schema2) {
-  let allFilters = [
-    ...filters,
-    ...getFiltersFromSearchTerm(searchTerm, schema2)
-  ];
-  allFilters = allFilters.filter((val2) => {
-    return val2 !== "";
+function cleanupFilters({ filters, ccFields }) {
+  (filters || []).forEach((filter2) => {
+    const { filterOn, filterValue } = filter2;
+    const field = ccFields[filterOn];
+    if (field.type === "number" || field.type === "integer") {
+      filter2.filterValue = Array.isArray(filterValue) ? filterValue.map((val2) => Number(val2)) : Number(filterValue);
+    }
+    if (filter2.selectedFilter === "inList" && typeof filter2.filterValue === "number") {
+      filter2.filterValue = filter2.filterValue.toString();
+    }
   });
-  return allFilters.map(cleanupFilter);
 }
-__name(getAllFilters, "getAllFilters");
+__name(cleanupFilters, "cleanupFilters");
 function getQueryParams({
   currentParams,
   urlConnected,
@@ -20345,88 +20214,45 @@ function getQueryParams({
   entities,
   isLocalCall,
   additionalFilter,
-  additionalOrFilter,
   doNotCoercePageSize,
   noOrderError,
   isCodeModel,
   ownProps
 }) {
-  Object.keys(currentParams).forEach(function(key) {
-    if (currentParams[key] === void 0) {
-      delete currentParams[key];
+  let errorParsingUrlString;
+  try {
+    Object.keys(currentParams).forEach(function(key) {
+      if (currentParams[key] === void 0) {
+        delete currentParams[key];
+      }
+    });
+    const tableQueryParams = __spreadValues(__spreadValues({}, defaults2), currentParams);
+    let { page, pageSize, searchTerm, filters, order: order2 } = tableQueryParams;
+    const ccFields = getFieldsMappedByCCDisplayName(schema2);
+    cleanupFilters({ filters, ccFields });
+    if (page <= 0 || isNaN(page)) {
+      page = void 0;
     }
-  });
-  const tableQueryParams = __spreadValues(__spreadValues({}, defaults2), currentParams);
-  let { page, pageSize, searchTerm, filters, order: order2 } = tableQueryParams;
-  if (page <= 0 || isNaN(page)) {
-    page = void 0;
-  }
-  if (isInfinite) {
-    page = void 0;
-    pageSize = void 0;
-  }
-  if (pageSize !== void 0 && !doNotCoercePageSize) {
-    const closest2 = clone$1(window.tgPageSizes || defaultPageSizes).sort(
-      (a2, b3) => Math.abs(pageSize - a2) - Math.abs(pageSize - b3)
-    )[0];
-    pageSize = closest2;
-  }
-  const toReturn = {
-    //these are values that might be generally useful for the wrapped component
-    page,
-    pageSize: ownProps.controlled_pageSize || pageSize,
-    order: order2,
-    filters,
-    searchTerm
-  };
-  if (isLocalCall) {
-    let newEntities = entities;
-    newEntities = filterEntitiesLocal(
-      filters,
-      searchTerm,
-      newEntities,
-      schema2,
-      ownProps
-    );
-    newEntities = orderEntitiesLocal(order2, newEntities, schema2, ownProps);
-    const entitiesAcrossPages = newEntities;
-    const newEntityCount = newEntities.length;
-    if (!isInfinite && !ownProps.controlled_pageSize) {
-      const offset4 = (page - 1) * pageSize;
-      newEntities = take(drop$2(newEntities, offset4), pageSize);
-    }
-    toReturn.entities = newEntities;
-    toReturn.entitiesAcrossPages = entitiesAcrossPages;
-    toReturn.entityCount = newEntityCount;
-    return toReturn;
-  } else {
-    const graphqlQueryParams = {
-      // need to make sure sort exists because of https://github.com/apollographql/apollo-client/issues/3077
-      sort: []
-    };
     if (isInfinite) {
-      graphqlQueryParams.pageSize = 999;
-      graphqlQueryParams.pageNumber = 1;
-    } else {
-      graphqlQueryParams.pageNumber = Number(page);
-      graphqlQueryParams.pageSize = ownProps.controlled_pageSize || Number(pageSize);
-    }
-    const { model } = schema2;
-    if (!window.QueryBuilder) return toReturn;
-    const qb = new window.QueryBuilder(model);
-    const ccFields = getFieldsMappedByCCDisplayName(schema2);
-    if (tableQueryParams.order && tableQueryParams.order.length) {
-      tableQueryParams.order.forEach((orderVal) => {
+      page = void 0;
+      pageSize = void 0;
+    }
+    if (pageSize !== void 0 && !doNotCoercePageSize) {
+      const closest2 = clone$1(window.tgPageSizes || defaultPageSizes).sort(
+        (a2, b3) => Math.abs(pageSize - a2) - Math.abs(pageSize - b3)
+      )[0];
+      pageSize = closest2;
+    }
+    const cleanedOrder = [];
+    if (order2 && order2.length) {
+      order2.forEach((orderVal) => {
         const ccDisplayName = orderVal.replace(/^-/gi, "");
         const schemaForField = ccFields[ccDisplayName];
         if (schemaForField) {
           const { path: path2 } = schemaForField;
           const reversed = ccDisplayName !== orderVal;
           const prefix2 = reversed ? "-" : "";
-          graphqlQueryParams.sort = [
-            ...graphqlQueryParams.sort || [],
-            prefix2 + path2
-          ];
+          cleanedOrder.push(prefix2 + path2);
         } else {
           !noOrderError && console.error(
             "No schema for field found!",
@@ -20436,167 +20262,104 @@ function getQueryParams({
         }
       });
     }
-    let errorParsingUrlString;
-    const additionalFilterToUse = additionalFilter(qb, currentParams);
-    let additionalOrFilterToUse = additionalOrFilter(qb, currentParams);
-    if (additionalOrFilterToUse && additionalOrFilterToUse.ignoreSearchTerm) {
-      searchTerm = "";
-      additionalOrFilterToUse = additionalOrFilterToUse.additionalOrFilterToUse;
-    }
-    const allFilters = getAllFilters(filters, searchTerm, schema2);
-    const { andFilters, orFilters, otherOrFilters } = getAndAndOrFilters(allFilters);
-    try {
-      const flattenFilters = /* @__PURE__ */ __name((filterObj) => {
-        return flatMap(Object.keys(filterObj), (key) => {
-          return filterObj[key].map((filter2) => ({
-            [key]: filter2
-          }));
-        });
-      }, "flattenFilters");
-      const orFiltersObject = getQueries(orFilters, qb, ccFields);
-      let allOrFilters = flattenFilters(orFiltersObject);
-      otherOrFilters.forEach((orFilters2) => {
-        const otherOrFiltersObject = getQueries(orFilters2, qb, ccFields);
-        allOrFilters = allOrFilters.concat(
-          flattenFilters(otherOrFiltersObject)
-        );
-      });
-      allOrFilters.push(additionalOrFilterToUse);
-      allOrFilters = allOrFilters.filter((obj) => !isEmpty$1(obj));
-      const unflattenedAndQueries = getQueries(andFilters, qb, ccFields);
-      let allAndFilters = flattenFilters(unflattenedAndQueries);
-      allAndFilters.push(additionalFilterToUse);
-      allAndFilters = allAndFilters.filter((obj) => !isEmpty$1(obj));
-      if (allAndFilters.length) {
-        qb.whereAll(...allAndFilters);
-      }
-      if (allOrFilters.length) {
-        qb.andWhereAny(...allOrFilters);
-      }
-      const columnCustomFilters = getColumnCustomFilters(
-        andFilters,
-        qb,
-        ccFields
+    let toRet = {
+      //these are values that might be generally useful for the wrapped component
+      page,
+      pageSize: ownProps.controlled_pageSize || pageSize,
+      order: cleanedOrder,
+      filters,
+      searchTerm
+    };
+    const { where, order_by, limit, offset: offset4 } = tableQueryParamsToHasuraClauses({
+      page,
+      pageSize,
+      searchTerm,
+      filters,
+      order: cleanedOrder,
+      schema: schema2
+    });
+    initializeHasuraWhereAndFilter(additionalFilter, where, currentParams);
+    if (isLocalCall) {
+      const r2 = filterLocalEntitiesToHasura(
+        prepEntitiesForLocalFilter({ entities, ccFields }),
+        {
+          where,
+          order_by: (Array.isArray(order_by) ? order_by : [order_by]).map(
+            (obj) => {
+              const path2 = Object.keys(obj)[0];
+              return __spreadValues({
+                path: path2,
+                direction: obj[path2],
+                ownProps
+              }, ccFields[path2]);
+            }
+          ),
+          limit,
+          offset: offset4,
+          isInfinite
+        }
       );
-      if (columnCustomFilters.length) {
-        qb.whereAll(...columnCustomFilters);
-      }
-    } catch (e) {
-      if (urlConnected) {
-        errorParsingUrlString = e;
-        console.error(
-          "The following error occurred when trying to build the query params. This is probably due to a malformed URL:",
-          e
-        );
-      } else {
-        console.error("Error building query params from filter:");
-        throw e;
+      toRet = __spreadValues(__spreadValues({}, toRet), r2);
+      return toRet;
+    } else {
+      if (!order_by.length) {
+        order_by.push({ updatedAt: "desc" });
       }
+      order_by.push(
+        isCodeModel ? { code: "asc" } : { [window.__sortId || "id"]: "asc" }
+      );
+      return __spreadProps(__spreadValues({}, toRet), {
+        variables: {
+          where,
+          order_by,
+          limit,
+          offset: offset4
+        }
+      });
     }
-    if (qb.query.filters.length) {
-      graphqlQueryParams.filter = qb.toJSON();
-    }
-    if (!graphqlQueryParams.sort.length) {
-      graphqlQueryParams.sort.push("-updatedAt");
+  } catch (e) {
+    if (urlConnected) {
+      errorParsingUrlString = e;
+      console.error(
+        "The following error occurred when trying to build the query params. This is probably due to a malformed URL:",
+        e
+      );
+      return {
+        errorParsingUrlString,
+        variables: {
+          where: {},
+          order_by: [],
+          limit: 0,
+          offset: 0
+        }
+      };
+    } else {
+      console.error("Error building query params from filter:");
+      throw e;
     }
-    graphqlQueryParams.sort.push(
-      isCodeModel ? "code" : window.__sortId || "id"
-    );
-    return __spreadProps(__spreadValues({}, toReturn), {
-      //the query params will get passed directly to as variables to the graphql query
-      variables: graphqlQueryParams,
-      errorParsingUrlString
-    });
   }
 }
 __name(getQueryParams, "getQueryParams");
-function getSubFiltersAndPath(filter2, qb, ccFields) {
-  const { selectedFilter, filterValue, filterOn } = filter2;
-  const fieldSchema = ccFields[filterOn];
-  let filterValueToUse = filterValue;
-  if (fieldSchema) {
-    if (fieldSchema.normalizeFilter) {
-      filterValueToUse = fieldSchema.normalizeFilter(
-        filterValue,
-        selectedFilter,
-        filterOn
-      );
-    }
-  }
-  const _subFilters = getSubFilter(qb, selectedFilter, filterValueToUse);
-  let filterField;
-  if (fieldSchema) {
-    const { path: path2, reference: reference2 } = fieldSchema;
-    if (reference2) {
-      filterField = reference2.sourceField;
-    } else {
-      filterField = path2;
-    }
-  } else if (filterOn === "id") {
-    filterField = filterOn;
-  } else {
-    console.error("Trying to filter on unknown field");
-  }
-  const subFiltersToUse = [];
-  const subFilters = Array.isArray(_subFilters) ? _subFilters : [_subFilters];
-  subFilters.forEach((subFilter) => {
-    let subFilterToUse = subFilter;
-    if (fieldSchema) {
-      const { path: path2, reference: reference2 } = fieldSchema;
-      if (reference2) {
-        subFilterToUse = buildRef(
-          qb,
-          reference2,
-          last$1(path2.split(".")),
-          subFilter
-        );
+function prepEntitiesForLocalFilter({ entities, ccFields }) {
+  const r2 = entities.map((entity) => {
+    const toSpread = {};
+    let hasChanged = false;
+    forEach$1(ccFields, ({ getValueToFilterOn, path: path2 }) => {
+      if (getValueToFilterOn) {
+        hasChanged = true;
+        toSpread["___original___" + path2] = entity[path2];
+        const value = getValueToFilterOn(entity);
+        toSpread[path2] = value;
       }
+    });
+    if (hasChanged) {
+      return __spreadValues(__spreadValues({}, entity), toSpread);
     }
-    subFiltersToUse.push(subFilterToUse);
+    return entity;
   });
-  return {
-    path: filterField,
-    subFilters: subFiltersToUse
-  };
-}
-__name(getSubFiltersAndPath, "getSubFiltersAndPath");
-function getQueries(filters, qb, ccFields) {
-  const subQueries = filters.reduce((acc, filter2) => {
-    if (!filter2) {
-      console.warn("We should always have a filter object!");
-      return acc;
-    }
-    const { filterOn } = filter2;
-    const fieldSchema = ccFields[filterOn];
-    if (!filter2.isSearchTermFilter && (fieldSchema == null ? void 0 : fieldSchema.additionalColumnFilter))
-      return acc;
-    const { path: path2, subFilters } = getSubFiltersAndPath(filter2, qb, ccFields);
-    acc[path2] = subFilters;
-    return acc;
-  }, {});
-  return subQueries;
-}
-__name(getQueries, "getQueries");
-function getColumnCustomFilters(filters, qb, ccFields) {
-  const subQueries = filters.reduce((acc, filter2) => {
-    if (!filter2) {
-      console.warn("We should always have a filter object!");
-      return acc;
-    }
-    const { filterOn } = filter2;
-    const fieldSchema = ccFields[filterOn];
-    if (filter2.isSearchTermFilter || !(fieldSchema == null ? void 0 : fieldSchema.additionalColumnFilter)) {
-      return acc;
-    }
-    const { path: path2, subFilters } = getSubFiltersAndPath(filter2, qb, ccFields);
-    subFilters.forEach((subFilter) => {
-      acc.push(fieldSchema.additionalColumnFilter(qb, subFilter, path2));
-    });
-    return acc;
-  }, []);
-  return subQueries;
+  return r2;
 }
-__name(getColumnCustomFilters, "getColumnCustomFilters");
+__name(prepEntitiesForLocalFilter, "prepEntitiesForLocalFilter");
 function PagingInput({ disabled, onBlur, defaultPage }) {
   const [page, setPage] = useState(defaultPage);
   const defaultValue2 = useRef(defaultPage);
@@ -32400,7 +32163,15 @@ function requireColor() {
 __name(requireColor, "requireColor");
 var colorExports = requireColor();
 const Color = /* @__PURE__ */ getDefaultExportFromCjs(colorExports);
-const determineBlackOrWhiteTextColor = /* @__PURE__ */ __name((c2) => Color(c2).isLight() ? "#000000" : "#FFFFFF", "determineBlackOrWhiteTextColor");
+function determineBlackOrWhiteTextColor(c2) {
+  try {
+    return Color(c2).isLight() ? "#000000" : "#FFFFFF";
+  } catch (e) {
+    console.error("Error in color parsing:", e);
+    return "#000000";
+  }
+}
+__name(determineBlackOrWhiteTextColor, "determineBlackOrWhiteTextColor");
 function getTagsAndTagOptions(allTags) {
   return flatMap(allTags, (tag) => {
     if (tag.tagOptions && tag.tagOptions.length) {
@@ -32987,6 +32758,293 @@ const InfoHelper = /* @__PURE__ */ __name((_e) => {
     toReturn
   );
 }, "InfoHelper");
+var dayjs_min$1 = { exports: {} };
+var dayjs_min = dayjs_min$1.exports;
+var hasRequiredDayjs_min;
+function requireDayjs_min() {
+  if (hasRequiredDayjs_min) return dayjs_min$1.exports;
+  hasRequiredDayjs_min = 1;
+  (function(module2, exports2) {
+    !function(t2, e) {
+      module2.exports = e();
+    }(dayjs_min, function() {
+      var t2 = 1e3, e = 6e4, n2 = 36e5, r2 = "millisecond", i = "second", s2 = "minute", u2 = "hour", a2 = "day", o2 = "week", c2 = "month", f2 = "quarter", h2 = "year", d2 = "date", l2 = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y2 = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M2 = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: /* @__PURE__ */ __name(function(t3) {
+        var e2 = ["th", "st", "nd", "rd"], n3 = t3 % 100;
+        return "[" + t3 + (e2[(n3 - 20) % 10] || e2[n3] || e2[0]) + "]";
+      }, "ordinal") }, m2 = /* @__PURE__ */ __name(function(t3, e2, n3) {
+        var r3 = String(t3);
+        return !r3 || r3.length >= e2 ? t3 : "" + Array(e2 + 1 - r3.length).join(n3) + t3;
+      }, "m"), v2 = { s: m2, z: /* @__PURE__ */ __name(function(t3) {
+        var e2 = -t3.utcOffset(), n3 = Math.abs(e2), r3 = Math.floor(n3 / 60), i2 = n3 % 60;
+        return (e2 <= 0 ? "+" : "-") + m2(r3, 2, "0") + ":" + m2(i2, 2, "0");
+      }, "z"), m: /* @__PURE__ */ __name(function t3(e2, n3) {
+        if (e2.date() < n3.date()) return -t3(n3, e2);
+        var r3 = 12 * (n3.year() - e2.year()) + (n3.month() - e2.month()), i2 = e2.clone().add(r3, c2), s3 = n3 - i2 < 0, u3 = e2.clone().add(r3 + (s3 ? -1 : 1), c2);
+        return +(-(r3 + (n3 - i2) / (s3 ? i2 - u3 : u3 - i2)) || 0);
+      }, "t"), a: /* @__PURE__ */ __name(function(t3) {
+        return t3 < 0 ? Math.ceil(t3) || 0 : Math.floor(t3);
+      }, "a"), p: /* @__PURE__ */ __name(function(t3) {
+        return { M: c2, y: h2, w: o2, d: a2, D: d2, h: u2, m: s2, s: i, ms: r2, Q: f2 }[t3] || String(t3 || "").toLowerCase().replace(/s$/, "");
+      }, "p"), u: /* @__PURE__ */ __name(function(t3) {
+        return void 0 === t3;
+      }, "u") }, g2 = "en", D2 = {};
+      D2[g2] = M2;
+      var p2 = "$isDayjsObject", S2 = /* @__PURE__ */ __name(function(t3) {
+        return t3 instanceof _2 || !(!t3 || !t3[p2]);
+      }, "S"), w2 = /* @__PURE__ */ __name(function t3(e2, n3, r3) {
+        var i2;
+        if (!e2) return g2;
+        if ("string" == typeof e2) {
+          var s3 = e2.toLowerCase();
+          D2[s3] && (i2 = s3), n3 && (D2[s3] = n3, i2 = s3);
+          var u3 = e2.split("-");
+          if (!i2 && u3.length > 1) return t3(u3[0]);
+        } else {
+          var a3 = e2.name;
+          D2[a3] = e2, i2 = a3;
+        }
+        return !r3 && i2 && (g2 = i2), i2 || !r3 && g2;
+      }, "t"), O2 = /* @__PURE__ */ __name(function(t3, e2) {
+        if (S2(t3)) return t3.clone();
+        var n3 = "object" == typeof e2 ? e2 : {};
+        return n3.date = t3, n3.args = arguments, new _2(n3);
+      }, "O"), b3 = v2;
+      b3.l = w2, b3.i = S2, b3.w = function(t3, e2) {
+        return O2(t3, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
+      };
+      var _2 = function() {
+        function M3(t3) {
+          this.$L = w2(t3.locale, null, true), this.parse(t3), this.$x = this.$x || t3.x || {}, this[p2] = true;
+        }
+        __name(M3, "M");
+        var m3 = M3.prototype;
+        return m3.parse = function(t3) {
+          this.$d = function(t4) {
+            var e2 = t4.date, n3 = t4.utc;
+            if (null === e2) return /* @__PURE__ */ new Date(NaN);
+            if (b3.u(e2)) return /* @__PURE__ */ new Date();
+            if (e2 instanceof Date) return new Date(e2);
+            if ("string" == typeof e2 && !/Z$/i.test(e2)) {
+              var r3 = e2.match($);
+              if (r3) {
+                var i2 = r3[2] - 1 || 0, s3 = (r3[7] || "0").substring(0, 3);
+                return n3 ? new Date(Date.UTC(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3)) : new Date(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3);
+              }
+            }
+            return new Date(e2);
+          }(t3), this.init();
+        }, m3.init = function() {
+          var t3 = this.$d;
+          this.$y = t3.getFullYear(), this.$M = t3.getMonth(), this.$D = t3.getDate(), this.$W = t3.getDay(), this.$H = t3.getHours(), this.$m = t3.getMinutes(), this.$s = t3.getSeconds(), this.$ms = t3.getMilliseconds();
+        }, m3.$utils = function() {
+          return b3;
+        }, m3.isValid = function() {
+          return !(this.$d.toString() === l2);
+        }, m3.isSame = function(t3, e2) {
+          var n3 = O2(t3);
+          return this.startOf(e2) <= n3 && n3 <= this.endOf(e2);
+        }, m3.isAfter = function(t3, e2) {
+          return O2(t3) < this.startOf(e2);
+        }, m3.isBefore = function(t3, e2) {
+          return this.endOf(e2) < O2(t3);
+        }, m3.$g = function(t3, e2, n3) {
+          return b3.u(t3) ? this[e2] : this.set(n3, t3);
+        }, m3.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, m3.valueOf = function() {
+          return this.$d.getTime();
+        }, m3.startOf = function(t3, e2) {
+          var n3 = this, r3 = !!b3.u(e2) || e2, f3 = b3.p(t3), l3 = /* @__PURE__ */ __name(function(t4, e3) {
+            var i2 = b3.w(n3.$u ? Date.UTC(n3.$y, e3, t4) : new Date(n3.$y, e3, t4), n3);
+            return r3 ? i2 : i2.endOf(a2);
+          }, "l"), $2 = /* @__PURE__ */ __name(function(t4, e3) {
+            return b3.w(n3.toDate()[t4].apply(n3.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n3);
+          }, "$"), y3 = this.$W, M4 = this.$M, m4 = this.$D, v3 = "set" + (this.$u ? "UTC" : "");
+          switch (f3) {
+            case h2:
+              return r3 ? l3(1, 0) : l3(31, 11);
+            case c2:
+              return r3 ? l3(1, M4) : l3(0, M4 + 1);
+            case o2:
+              var g3 = this.$locale().weekStart || 0, D3 = (y3 < g3 ? y3 + 7 : y3) - g3;
+              return l3(r3 ? m4 - D3 : m4 + (6 - D3), M4);
+            case a2:
+            case d2:
+              return $2(v3 + "Hours", 0);
+            case u2:
+              return $2(v3 + "Minutes", 1);
+            case s2:
+              return $2(v3 + "Seconds", 2);
+            case i:
+              return $2(v3 + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, m3.endOf = function(t3) {
+          return this.startOf(t3, false);
+        }, m3.$set = function(t3, e2) {
+          var n3, o3 = b3.p(t3), f3 = "set" + (this.$u ? "UTC" : ""), l3 = (n3 = {}, n3[a2] = f3 + "Date", n3[d2] = f3 + "Date", n3[c2] = f3 + "Month", n3[h2] = f3 + "FullYear", n3[u2] = f3 + "Hours", n3[s2] = f3 + "Minutes", n3[i] = f3 + "Seconds", n3[r2] = f3 + "Milliseconds", n3)[o3], $2 = o3 === a2 ? this.$D + (e2 - this.$W) : e2;
+          if (o3 === c2 || o3 === h2) {
+            var y3 = this.clone().set(d2, 1);
+            y3.$d[l3]($2), y3.init(), this.$d = y3.set(d2, Math.min(this.$D, y3.daysInMonth())).$d;
+          } else l3 && this.$d[l3]($2);
+          return this.init(), this;
+        }, m3.set = function(t3, e2) {
+          return this.clone().$set(t3, e2);
+        }, m3.get = function(t3) {
+          return this[b3.p(t3)]();
+        }, m3.add = function(r3, f3) {
+          var d3, l3 = this;
+          r3 = Number(r3);
+          var $2 = b3.p(f3), y3 = /* @__PURE__ */ __name(function(t3) {
+            var e2 = O2(l3);
+            return b3.w(e2.date(e2.date() + Math.round(t3 * r3)), l3);
+          }, "y");
+          if ($2 === c2) return this.set(c2, this.$M + r3);
+          if ($2 === h2) return this.set(h2, this.$y + r3);
+          if ($2 === a2) return y3(1);
+          if ($2 === o2) return y3(7);
+          var M4 = (d3 = {}, d3[s2] = e, d3[u2] = n2, d3[i] = t2, d3)[$2] || 1, m4 = this.$d.getTime() + r3 * M4;
+          return b3.w(m4, this);
+        }, m3.subtract = function(t3, e2) {
+          return this.add(-1 * t3, e2);
+        }, m3.format = function(t3) {
+          var e2 = this, n3 = this.$locale();
+          if (!this.isValid()) return n3.invalidDate || l2;
+          var r3 = t3 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b3.z(this), s3 = this.$H, u3 = this.$m, a3 = this.$M, o3 = n3.weekdays, c3 = n3.months, f3 = n3.meridiem, h3 = /* @__PURE__ */ __name(function(t4, n4, i3, s4) {
+            return t4 && (t4[n4] || t4(e2, r3)) || i3[n4].slice(0, s4);
+          }, "h"), d3 = /* @__PURE__ */ __name(function(t4) {
+            return b3.s(s3 % 12 || 12, t4, "0");
+          }, "d"), $2 = f3 || function(t4, e3, n4) {
+            var r4 = t4 < 12 ? "AM" : "PM";
+            return n4 ? r4.toLowerCase() : r4;
+          };
+          return r3.replace(y2, function(t4, r4) {
+            return r4 || function(t5) {
+              switch (t5) {
+                case "YY":
+                  return String(e2.$y).slice(-2);
+                case "YYYY":
+                  return b3.s(e2.$y, 4, "0");
+                case "M":
+                  return a3 + 1;
+                case "MM":
+                  return b3.s(a3 + 1, 2, "0");
+                case "MMM":
+                  return h3(n3.monthsShort, a3, c3, 3);
+                case "MMMM":
+                  return h3(c3, a3);
+                case "D":
+                  return e2.$D;
+                case "DD":
+                  return b3.s(e2.$D, 2, "0");
+                case "d":
+                  return String(e2.$W);
+                case "dd":
+                  return h3(n3.weekdaysMin, e2.$W, o3, 2);
+                case "ddd":
+                  return h3(n3.weekdaysShort, e2.$W, o3, 3);
+                case "dddd":
+                  return o3[e2.$W];
+                case "H":
+                  return String(s3);
+                case "HH":
+                  return b3.s(s3, 2, "0");
+                case "h":
+                  return d3(1);
+                case "hh":
+                  return d3(2);
+                case "a":
+                  return $2(s3, u3, true);
+                case "A":
+                  return $2(s3, u3, false);
+                case "m":
+                  return String(u3);
+                case "mm":
+                  return b3.s(u3, 2, "0");
+                case "s":
+                  return String(e2.$s);
+                case "ss":
+                  return b3.s(e2.$s, 2, "0");
+                case "SSS":
+                  return b3.s(e2.$ms, 3, "0");
+                case "Z":
+                  return i2;
+              }
+              return null;
+            }(t4) || i2.replace(":", "");
+          });
+        }, m3.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, m3.diff = function(r3, d3, l3) {
+          var $2, y3 = this, M4 = b3.p(d3), m4 = O2(r3), v3 = (m4.utcOffset() - this.utcOffset()) * e, g3 = this - m4, D3 = /* @__PURE__ */ __name(function() {
+            return b3.m(y3, m4);
+          }, "D");
+          switch (M4) {
+            case h2:
+              $2 = D3() / 12;
+              break;
+            case c2:
+              $2 = D3();
+              break;
+            case f2:
+              $2 = D3() / 3;
+              break;
+            case o2:
+              $2 = (g3 - v3) / 6048e5;
+              break;
+            case a2:
+              $2 = (g3 - v3) / 864e5;
+              break;
+            case u2:
+              $2 = g3 / n2;
+              break;
+            case s2:
+              $2 = g3 / e;
+              break;
+            case i:
+              $2 = g3 / t2;
+              break;
+            default:
+              $2 = g3;
+          }
+          return l3 ? $2 : b3.a($2);
+        }, m3.daysInMonth = function() {
+          return this.endOf(c2).$D;
+        }, m3.$locale = function() {
+          return D2[this.$L];
+        }, m3.locale = function(t3, e2) {
+          if (!t3) return this.$L;
+          var n3 = this.clone(), r3 = w2(t3, e2, true);
+          return r3 && (n3.$L = r3), n3;
+        }, m3.clone = function() {
+          return b3.w(this.$d, this);
+        }, m3.toDate = function() {
+          return new Date(this.valueOf());
+        }, m3.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, m3.toISOString = function() {
+          return this.$d.toISOString();
+        }, m3.toString = function() {
+          return this.$d.toUTCString();
+        }, M3;
+      }(), k2 = _2.prototype;
+      return O2.prototype = k2, [["$ms", r2], ["$s", i], ["$m", s2], ["$H", u2], ["$W", a2], ["$M", c2], ["$y", h2], ["$D", d2]].forEach(function(t3) {
+        k2[t3[1]] = function(e2) {
+          return this.$g(e2, t3[0], t3[1]);
+        };
+      }), O2.extend = function(t3, e2) {
+        return t3.$i || (t3(e2, _2, O2), t3.$i = true), O2;
+      }, O2.locale = w2, O2.isDayjs = S2, O2.unix = function(t3) {
+        return O2(1e3 * t3);
+      }, O2.en = D2[g2], O2.Ls = D2, O2.p = {}, O2;
+    });
+  })(dayjs_min$1);
+  return dayjs_min$1.exports;
+}
+__name(requireDayjs_min, "requireDayjs_min");
+var dayjs_minExports = requireDayjs_min();
+const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
 var localizedFormat$2 = { exports: {} };
 var localizedFormat$1 = localizedFormat$2.exports;
 var hasRequiredLocalizedFormat;
@@ -33226,7 +33284,7 @@ function removeUnwantedProps(props) {
   return cleanedProps;
 }
 __name(removeUnwantedProps, "removeUnwantedProps");
-const LabelWithTooltipInfo = /* @__PURE__ */ __name(({ label, tooltipInfo, labelStyle }) => tooltipInfo ? /* @__PURE__ */ React__default.createElement("div", { style: __spreadValues({ display: "flex", alignItems: "center" }, labelStyle) }, label, " ", /* @__PURE__ */ React__default.createElement(
+const LabelWithTooltipInfo = /* @__PURE__ */ __name(({ label, tooltipInfo, labelStyle }) => tooltipInfo ? /* @__PURE__ */ React__default.createElement("span", { style: __spreadValues({ display: "flex", alignItems: "center" }, labelStyle) }, label, " ", /* @__PURE__ */ React__default.createElement(
   InfoHelper,
   {
     style: { marginLeft: "5px", marginTop: "-6px" },
@@ -36884,7 +36942,7 @@ const multiViewColumn = __spreadProps(__spreadValues({}, viewColumn), {
     ));
   }, "render")
 });
-function convertSchema(schema2) {
+const convertSchema = /* @__PURE__ */ __name((schema2) => {
   let schemaToUse = schema2;
   if (!schemaToUse.fields && Array.isArray(schema2)) {
     schemaToUse = {
@@ -36893,35 +36951,26 @@ function convertSchema(schema2) {
   }
   schemaToUse = __spreadValues({}, schemaToUse);
   schemaToUse.fields = schemaToUse.fields.map((field, i) => {
-    let fieldToUse = field;
     if (typeof field === "string") {
-      fieldToUse = {
+      return {
         displayName: startCase(camelCase(field)),
         path: field,
         type: "string"
       };
-    } else if (!field.type) {
-      fieldToUse = __spreadProps(__spreadValues({}, field), {
-        type: "string"
-      });
-    }
-    if (!fieldToUse.displayName) {
-      fieldToUse = __spreadProps(__spreadValues({}, fieldToUse), {
-        displayName: startCase(camelCase(fieldToUse.path))
-      });
-    }
-    if (!fieldToUse.path) {
-      fieldToUse = __spreadProps(__spreadValues({}, fieldToUse), {
-        filterDisabled: true,
-        sortDisabled: true,
-        path: "fake-path" + i
-      });
+    } else {
+      const fieldToUse = __spreadValues({}, field);
+      fieldToUse.type = fieldToUse.type || "string";
+      fieldToUse.displayName = fieldToUse.displayName || startCase(camelCase(fieldToUse.path || ""));
+      if (!fieldToUse.path) {
+        fieldToUse.filterDisabled = true;
+        fieldToUse.sortDisabled = true;
+        fieldToUse.path = "fake-path" + i;
+      }
+      return fieldToUse;
     }
-    return fieldToUse;
   });
   return schemaToUse;
-}
-__name(convertSchema, "convertSchema");
+}, "convertSchema");
 const TableFormTrackerContext = React__default.createContext({
   formNames: [],
   // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -50484,42 +50533,42 @@ function getFilterMenuItems(dataType) {
   let filterMenuItems2 = [];
   if (dataType === "string") {
     filterMenuItems2 = [
-      "Contains",
-      "Not Contains",
-      "Starts With",
-      "Ends With",
-      "Is Exactly",
-      "Regex",
-      "In List",
-      "Not In List",
-      "Is Empty",
-      "Not Empty"
+      "contains",
+      "notContains",
+      "startsWith",
+      "endsWith",
+      "isExactly",
+      "regex",
+      "inList",
+      "notInList",
+      "isEmpty",
+      "notEmpty"
     ];
   } else if (dataType === "lookup") {
     filterMenuItems2 = [
-      "Contains",
-      "Not Contains",
-      "Starts With",
-      "Ends With",
-      "Is Exactly",
-      "Regex"
+      "contains",
+      "notContains",
+      "startsWith",
+      "endsWith",
+      "isExactly",
+      "regex"
     ];
   } else if (dataType === "boolean") {
-    filterMenuItems2 = ["True", "False"];
+    filterMenuItems2 = ["true", "false"];
   } else if (dataType === "number" || dataType === "integer") {
     filterMenuItems2 = [
-      "Greater Than",
-      "Less Than",
-      "In Range",
-      "Outside Range",
-      "Equal To",
-      "In List",
-      "Not In List"
+      "greaterThan",
+      "lessThan",
+      "inRange",
+      "outsideRange",
+      "equalTo",
+      "inList",
+      "notInList"
     ];
   } else if (dataType === "timestamp") {
-    filterMenuItems2 = ["Is Between", "Not Between", "Is Before", "Is After"];
+    filterMenuItems2 = ["isBetween", "notBetween", "isBefore", "isAfter"];
   }
-  return filterMenuItems2;
+  return filterMenuItems2.map((item) => startCase(item));
 }
 __name(getFilterMenuItems, "getFilterMenuItems");
 const ColumnFilterMenu = /* @__PURE__ */ __name(({
@@ -51020,7 +51069,7 @@ const RenderColumnHeader = /* @__PURE__ */ __name(({
   if (order2 && order2.length) {
     order2.forEach((order22) => {
       const orderField = order22.replace("-", "");
-      if (orderField === ccDisplayName) {
+      if (orderField === path2) {
         if (orderField === order22) {
           ordering = "asc";
         } else {
@@ -55956,6 +56005,7 @@ const DataTable = /* @__PURE__ */ __name((_u) => {
   );
   const tableRef = useRef();
   const alreadySelected = useRef(false);
+  const [noVirtual, setNoVirtual] = useState(false);
   const [onlyShowRowsWErrors, setOnlyShowRowsWErrors] = useState(false);
   const [entitiesUndoRedoStack, setEntitiesUndoRedoStack] = useState({
     currentVersion: 0
@@ -56107,8 +56157,6 @@ const DataTable = /* @__PURE__ */ __name((_u) => {
   props = __spreadValues(__spreadValues({}, props), tableParams);
   const queryParams = useMemo$1(() => {
     if (!isTableParamsConnected) {
-      const additionalFilterToUse = typeof props.additionalFilter === "function" ? props.additionalFilter : () => props.additionalFilter;
-      const additionalOrFilterToUse = typeof props.additionalOrFilter === "function" ? props.additionalOrFilter : () => props.additionalOrFilter;
       return getQueryParams({
         doNotCoercePageSize,
         currentParams,
@@ -56119,8 +56167,7 @@ const DataTable = /* @__PURE__ */ __name((_u) => {
         schema: convertedSchema,
         isInfinite,
         isLocalCall,
-        additionalFilter: additionalFilterToUse,
-        additionalOrFilter: additionalOrFilterToUse,
+        additionalFilter: props.additionalFilter,
         noOrderError: props.noOrderError,
         isCodeModel: props.isCodeModel,
         ownProps: props
@@ -56343,7 +56390,7 @@ const DataTable = /* @__PURE__ */ __name((_u) => {
             }) : !val2;
           });
         }
-        if (noValsForField) {
+        if (noValsForField && entities.length) {
           return __spreadProps(__spreadValues({}, field), {
             isHidden: true,
             isForcedHidden: true
@@ -56800,76 +56847,94 @@ const DataTable = /* @__PURE__ */ __name((_u) => {
     updateEntitiesHelper,
     updateValidation
   ]);
-  const handleCopySelectedCells = useCallback$1(
-    (e) => {
-      if (isEmpty$1(selectedCells)) return;
-      const pathToIndex = getFieldPathToIndex(schema2);
-      const entityIdToEntity = getEntityIdToEntity(entities);
-      const selectionGrid = [];
-      let firstRowIndex;
-      let firstCellIndex;
-      Object.keys(selectedCells).forEach((key) => {
-        const [rowId, path2] = key.split(":");
-        const eInfo = entityIdToEntity[rowId];
-        if (eInfo) {
-          if (firstRowIndex === void 0 || eInfo.i < firstRowIndex) {
-            firstRowIndex = eInfo.i;
-          }
-          if (!selectionGrid[eInfo.i]) {
-            selectionGrid[eInfo.i] = [];
-          }
-          const cellIndex = pathToIndex[path2];
-          if (firstCellIndex === void 0 || cellIndex < firstCellIndex) {
-            firstCellIndex = cellIndex;
-          }
-          selectionGrid[eInfo.i][cellIndex] = true;
-        }
-      });
-      if (firstRowIndex === void 0) return;
-      const allRows = getAllRows(e);
-      let fullCellText = "";
-      const fullJson = [];
-      times(selectionGrid.length, (i) => {
-        const row = selectionGrid[i];
-        if (fullCellText) {
-          fullCellText += "\n";
+  const waitUntilAllRowsAreRendered = useCallback$1(() => {
+    return new Promise((resolve) => {
+      const interval = setInterval(() => {
+        var _a3, _b2;
+        const allRowEls = (_b2 = (_a3 = tableRef.current) == null ? void 0 : _a3.tableRef) == null ? void 0 : _b2.querySelectorAll(".rt-tr-group");
+        if ((allRowEls == null ? void 0 : allRowEls.length) === entities.length) {
+          clearInterval(interval);
+          resolve();
         }
-        if (!row) {
-          return;
-        } else {
-          const jsonRow = [];
-          let [rowCopyText, json] = getRowCopyText(allRows[i + 1]);
-          rowCopyText = rowCopyText.split("	");
-          times(row.length, (i2) => {
-            const cell = row[i2];
-            if (cell) {
-              fullCellText += rowCopyText[i2];
-              jsonRow.push(json[i2]);
-            }
-            if (i2 !== row.length - 1 && i2 >= firstCellIndex)
-              fullCellText += "	";
-          });
-          fullJson.push(jsonRow);
+      }, 50);
+    });
+  }, []);
+  const handleCopySelectedCells = useCallback$1(() => __async(void 0, null, function* () {
+    if (isEmpty$1(selectedCells)) return;
+    if (entities.length > VIRTUALIZE_CUTOFF_LENGTH) {
+      setNoVirtual(true);
+      yield waitUntilAllRowsAreRendered();
+    }
+    const pathToIndex = getFieldPathToIndex(schema2);
+    const entityIdToEntity = getEntityIdToEntity(entities);
+    const selectionGrid = [];
+    let firstRowIndex;
+    let firstCellIndex;
+    Object.keys(selectedCells).forEach((key) => {
+      const [rowId, path2] = key.split(":");
+      const eInfo = entityIdToEntity[rowId];
+      if (eInfo) {
+        if (firstRowIndex === void 0 || eInfo.i < firstRowIndex) {
+          firstRowIndex = eInfo.i;
+        }
+        if (!selectionGrid[eInfo.i]) {
+          selectionGrid[eInfo.i] = [];
+        }
+        const cellIndex = pathToIndex[path2];
+        if (firstCellIndex === void 0 || cellIndex < firstCellIndex) {
+          firstCellIndex = cellIndex;
         }
-      });
-      if (!fullCellText) return window.toastr.warning("No text to copy");
-      handleCopyHelper(fullCellText, fullJson, "Selected cells copied");
-    },
-    [entities, selectedCells, schema2]
-  );
+        selectionGrid[eInfo.i][cellIndex] = true;
+      }
+    });
+    if (firstRowIndex === void 0) return;
+    const allRows = getAllRows(tableRef);
+    let fullCellText = "";
+    const fullJson = [];
+    times(selectionGrid.length, (i) => {
+      const row = selectionGrid[i];
+      if (fullCellText) {
+        fullCellText += "\n";
+      }
+      if (!row) {
+        return;
+      } else {
+        const jsonRow = [];
+        let [rowCopyText, json] = getRowCopyText(allRows[i + 1]);
+        rowCopyText = rowCopyText.split("	");
+        times(row.length, (i2) => {
+          const cell = row[i2];
+          if (cell) {
+            fullCellText += rowCopyText[i2];
+            jsonRow.push(json[i2]);
+          }
+          if (i2 !== row.length - 1 && i2 >= firstCellIndex) fullCellText += "	";
+        });
+        fullJson.push(jsonRow);
+      }
+    });
+    if (!fullCellText) return window.toastr.warning("No text to copy");
+    handleCopyHelper(fullCellText, fullJson, "Selected cells copied");
+    setNoVirtual(false);
+  }), [entities, selectedCells, schema2, waitUntilAllRowsAreRendered]);
   const handleCopySelectedRows = useCallback$1(
-    (selectedRecords, e) => {
-      const idToIndex = entities.reduce((acc, e2, i) => {
-        acc[e2.id || e2.code] = i;
+    (selectedRecords) => __async(void 0, null, function* () {
+      if (entities.length > VIRTUALIZE_CUTOFF_LENGTH) {
+        setNoVirtual(true);
+        yield waitUntilAllRowsAreRendered();
+      }
+      const idToIndex = entities.reduce((acc, e, i) => {
+        acc[e.id || e.code] = i;
         return acc;
       }, {});
       const rowNumbersToCopy = selectedRecords.map((rec) => idToIndex[rec.id || rec.code] + 1).sort();
       if (!rowNumbersToCopy.length) return;
       rowNumbersToCopy.unshift(0);
       try {
-        const allRowEls = getAllRows(e);
+        const allRowEls = getAllRows(tableRef);
         if (!allRowEls) return;
         const rowEls = rowNumbersToCopy.map((i) => allRowEls[i]);
+        if (window.Cypress) window.Cypress.__copiedRowsLength = rowEls.length;
         handleCopyRows(rowEls, {
           onFinishMsg: "Selected rows copied"
         });
@@ -56877,8 +56942,9 @@ const DataTable = /* @__PURE__ */ __name((_u) => {
         console.error(`error:`, error);
         window.toastr.error("Error copying rows.");
       }
-    },
-    [entities]
+      setNoVirtual(false);
+    }),
+    [entities, waitUntilAllRowsAreRendered]
   );
   const handleCopyHotkey = useCallback$1(
     (e) => {
@@ -57645,7 +57711,7 @@ const DataTable = /* @__PURE__ */ __name((_u) => {
               {
                 key: "copyColumn",
                 onClick: /* @__PURE__ */ __name(() => {
-                  handleCopyColumn(e, cellWrapper);
+                  handleCopyColumn(tableRef, cellWrapper);
                 }, "onClick"),
                 text: "Column"
               }
@@ -57658,7 +57724,7 @@ const DataTable = /* @__PURE__ */ __name((_u) => {
                 {
                   key: "copyColumnSelected",
                   onClick: /* @__PURE__ */ __name(() => {
-                    handleCopyColumn(e, cellWrapper, selectedRecords);
+                    handleCopyColumn(tableRef, cellWrapper, selectedRecords);
                   }, "onClick"),
                   text: "Column (Selected)"
                 }
@@ -57701,7 +57767,7 @@ const DataTable = /* @__PURE__ */ __name((_u) => {
             {
               key: "copyFullTableRows",
               onClick: /* @__PURE__ */ __name(() => {
-                handleCopyTable(e);
+                handleCopyTable(tableRef);
               }, "onClick"),
               text: "Table"
             }
@@ -58238,6 +58304,7 @@ const DataTable = /* @__PURE__ */ __name((_u) => {
       __spreadValues({
         data: filteredEnts,
         ref: tableRef,
+        noVirtual,
         className: classNames({
           isCellEditable,
           "tg-table-loading": isLoading,
@@ -58305,7 +58372,8 @@ const DataTable = /* @__PURE__ */ __name((_u) => {
       resizePersist,
       resized,
       rowsToShow,
-      style2
+      style2,
+      noVirtual
     ]
   );
   return /* @__PURE__ */ React__default.createElement("div", { tabIndex: "1", onKeyDown: handleKeyDown, onKeyUp: handleKeyUp }, /* @__PURE__ */ React__default.createElement(
@@ -58508,7 +58576,7 @@ const DataTable = /* @__PURE__ */ __name((_u) => {
                 try {
                   const allEntities = yield safeQuery(fragment, {
                     variables: {
-                      filter: variables.filter,
+                      where: variables.where,
                       sort: variables.sort
                     },
                     canCancel: true
@@ -58588,8 +58656,8 @@ const DataTable = /* @__PURE__ */ __name((_u) => {
       ), /* @__PURE__ */ React__default.createElement(
         Button,
         {
-          onClick: /* @__PURE__ */ __name((e) => {
-            handleCopyTable(e, { isDownload: true });
+          onClick: /* @__PURE__ */ __name(() => {
+            handleCopyTable(tableRef, { isDownload: true });
           }, "onClick"),
           "data-tip": "Download Table as CSV",
           minimal: true,
@@ -68873,6 +68941,7 @@ function parseCsvOrExcelFile(_0) {
 }
 __name(parseCsvOrExcelFile, "parseCsvOrExcelFile");
 const filterFilesInZip = /* @__PURE__ */ __name((file, accepted) => __async(void 0, null, function* () {
+  var _a2, _b2, _c, _d;
   if (!file || Array.isArray(file) && !file.length) return [];
   const zipExtracted = yield extractZipFiles(file);
   const acceptedFiles = [];
@@ -68882,9 +68951,12 @@ const filterFilesInZip = /* @__PURE__ */ __name((file, accepted) => __async(void
     }
   }
   if (acceptedFiles.length && acceptedFiles.length < zipExtracted.length)
-    window.toastr.warning("Some files don't have the proper file extension.");
+    (_b2 = (_a2 = window == null ? void 0 : window.toastr) == null ? void 0 : _a2.warning) == null ? void 0 : _b2.call(
+      _a2,
+      "Some files don't have the proper file extension."
+    );
   if (!acceptedFiles.length)
-    window.toastr.warning("No files with the proper extension were found.");
+    (_d = (_c = window == null ? void 0 : window.toastr) == null ? void 0 : _c.warning) == null ? void 0 : _d.call(_c, "No files with the proper extension were found.");
   return acceptedFiles;
 }), "filterFilesInZip");
 function removeExt(filename) {
@@ -70865,8 +70937,12 @@ const Uploader = /* @__PURE__ */ __name(({
           onClick: /* @__PURE__ */ __name((evt) => evt.preventDefault(), "onClick"),
           multiple: fileLimit !== 1,
           accept: simpleAccept ? simpleAccept.split(", ").map((acc) => acc.startsWith(".") ? acc : "." + acc).join(", ") : void 0,
-          onDrop: /* @__PURE__ */ __name((_acceptedFiles, rejectedFiles) => __async(void 0, null, function* () {
+          onDrop: /* @__PURE__ */ __name((_acceptedFiles, rejectedFiles, e) => __async(void 0, null, function* () {
             var _a3, _b3;
+            const parentDropzone = e.target.closest(".tg-dropzone");
+            if (parentDropzone) {
+              parentDropzone.blur();
+            }
             let acceptedFiles = [];
             for (const file of _acceptedFiles) {
               if ((validateAgainstSchema || autoUnzip) && isZipFile(file)) {
@@ -76928,6 +77004,7 @@ const updateAmbiguousOrLiteral = createMetaAction(
   "updateAmbiguousOrLiteral"
 );
 const updateDnaOrAA = createMetaAction("updateDnaOrAA");
+const updateMismatchesAllowed = createMetaAction("updateMismatchesAllowed");
 const updateMatchNumber = createMetaAction("updateMatchNumber");
 const findTool = createMergedDefaultStateReducer(
   {
@@ -76959,6 +77036,12 @@ const findTool = createMergedDefaultStateReducer(
         dnaOrAA: payload
       });
     },
+    [updateMismatchesAllowed]: (state2, payload) => {
+      return __spreadProps(__spreadValues({}, state2), {
+        matchNumber: 0,
+        mismatchesAllowed: payload
+      });
+    },
     [updateSearchText]: (state2, payload) => {
       return __spreadProps(__spreadValues({}, state2), {
         matchNumber: 0,
@@ -76978,6 +77061,7 @@ const findTool = createMergedDefaultStateReducer(
     dnaOrAA: "DNA",
     ambiguousOrLiteral: "LITERAL",
     highlightAll: false,
+    mismatchesAllowed: 0,
     matchNumber: 0
   }
 );
@@ -76990,6 +77074,7 @@ const findTool$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   updateAmbiguousOrLiteral,
   updateDnaOrAA,
   updateMatchNumber,
+  updateMismatchesAllowed,
   updateSearchText
 }, Symbol.toStringTag, { value: "Module" }));
 const openToolbarItemUpdate = createMetaAction("openToolbarItemUpdate");
@@ -77427,30 +77512,31 @@ function adjustRangeToDeletionOfAnotherRange(rangeToBeAdjusted, anotherRange, ma
     anotherRange,
     maxLength
   );
-  if (trimmedRange) {
-    const nonCircularDeletionRanges = splitRangeIntoTwoPartsIfItIsCircular(
-      anotherRange,
-      maxLength
-    );
-    nonCircularDeletionRanges.forEach(function(nonCircularDeletionRange) {
-      const deletionLength = nonCircularDeletionRange.end - nonCircularDeletionRange.start + 1;
-      if (trimmedRange.start > trimmedRange.end) {
-        if (nonCircularDeletionRange.start < trimmedRange.end) {
-          trimmedRange.start -= deletionLength;
-          trimmedRange.end -= deletionLength;
-        } else if (nonCircularDeletionRange.start < trimmedRange.start) {
-          trimmedRange.start -= deletionLength;
-        } else ;
-      } else {
-        if (nonCircularDeletionRange.start < trimmedRange.start) {
-          trimmedRange.start -= deletionLength;
-          trimmedRange.end -= deletionLength;
-        } else if (nonCircularDeletionRange.start < trimmedRange.end) {
-          trimmedRange.end -= deletionLength;
-        } else ;
-      }
-    });
+  if (!trimmedRange) {
+    return null;
   }
+  const nonCircularDeletionRanges = splitRangeIntoTwoPartsIfItIsCircular(
+    anotherRange,
+    maxLength
+  );
+  nonCircularDeletionRanges.forEach(function(nonCircularDeletionRange) {
+    const deletionLength = nonCircularDeletionRange.end - nonCircularDeletionRange.start + 1;
+    if (trimmedRange.start > trimmedRange.end) {
+      if (nonCircularDeletionRange.start < trimmedRange.end) {
+        trimmedRange.start -= deletionLength;
+        trimmedRange.end -= deletionLength;
+      } else if (nonCircularDeletionRange.start < trimmedRange.start) {
+        trimmedRange.start -= deletionLength;
+      } else ;
+    } else {
+      if (nonCircularDeletionRange.start < trimmedRange.start) {
+        trimmedRange.start -= deletionLength;
+        trimmedRange.end -= deletionLength;
+      } else if (nonCircularDeletionRange.start < trimmedRange.end) {
+        trimmedRange.end -= deletionLength;
+      } else ;
+    }
+  });
   return trimmedRange;
 }
 __name(adjustRangeToDeletionOfAnotherRange, "adjustRangeToDeletionOfAnotherRange");
@@ -83824,6 +83910,36 @@ function addSizeIdName(frag, sequenceLength) {
   });
 }
 __name(addSizeIdName, "addSizeIdName");
+function findApproxMatches(searchSeq, targetSeq, maxMismatches, circular2 = false) {
+  const matches = [];
+  const lenA = searchSeq.length;
+  const lenB = targetSeq.length;
+  const targetSeqExtended = circular2 ? targetSeq + targetSeq.slice(0, lenA - 1) : targetSeq;
+  const limit = circular2 ? lenB : lenB - lenA + 1;
+  for (let i = 0; i < limit; i++) {
+    const window2 = targetSeqExtended.slice(i, i + lenA);
+    let mismatchCount = 0;
+    const mismatchPositions = [];
+    for (let j2 = 0; j2 < lenA; j2++) {
+      if (searchSeq[j2] !== window2[j2]) {
+        mismatchPositions.push(j2);
+        mismatchCount++;
+        if (mismatchCount > maxMismatches) break;
+      }
+    }
+    if (mismatchCount <= maxMismatches) {
+      matches.push({
+        index: i,
+        match: window2,
+        mismatchPositions,
+        numMismatches: mismatchPositions.length
+        // Keep for backwards compatibility
+      });
+    }
+  }
+  return matches;
+}
+__name(findApproxMatches, "findApproxMatches");
 var spliceString$1;
 var hasRequiredSpliceString;
 function requireSpliceString() {
@@ -92909,11 +93025,11 @@ function requireLib$3() {
   if (hasRequiredLib$3) return lib$3;
   hasRequiredLib$3 = 1;
   var isNumber2 = requireLib$4();
-  function isInteger2(value) {
+  function isInteger(value) {
     return isNumber2(value) && value % 1 === 0;
   }
-  __name(isInteger2, "isInteger");
-  lib$3 = isInteger2;
+  __name(isInteger, "isInteger");
+  lib$3 = isInteger;
   return lib$3;
 }
 __name(requireLib$3, "requireLib$3");
@@ -92922,9 +93038,9 @@ var hasRequiredLib$2;
 function requireLib$2() {
   if (hasRequiredLib$2) return lib$2;
   hasRequiredLib$2 = 1;
-  var isInteger2 = requireLib$3();
+  var isInteger = requireLib$3();
   function isNonNegativeInteger(value) {
-    return isInteger2(value) && value >= 0;
+    return isInteger(value) && value >= 0;
   }
   __name(isNonNegativeInteger, "isNonNegativeInteger");
   lib$2 = isNonNegativeInteger;
@@ -96174,7 +96290,7 @@ var bufferpackExports = requireBufferpack();
 const bufferpack = /* @__PURE__ */ getDefaultExportFromCjs(bufferpackExports);
 var string_decoder = {};
 var safeBuffer = { exports: {} };
-var buffer$2 = {};
+var buffer$1 = {};
 var base64Js = {};
 var hasRequiredBase64Js;
 function requireBase64Js() {
@@ -96376,7 +96492,7 @@ __name(requireIeee754, "requireIeee754");
  */
 var hasRequiredBuffer;
 function requireBuffer() {
-  if (hasRequiredBuffer) return buffer$2;
+  if (hasRequiredBuffer) return buffer$1;
   hasRequiredBuffer = 1;
   (function(exports2) {
     var base64 = requireBase64Js();
@@ -97788,8 +97904,8 @@ function requireBuffer() {
       }
       return table2;
     }();
-  })(buffer$2);
-  return buffer$2;
+  })(buffer$1);
+  return buffer$1;
 }
 __name(requireBuffer, "requireBuffer");
 /*! safe-buffer. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
@@ -98111,7 +98227,6 @@ function requireString_decoder() {
 __name(requireString_decoder, "requireString_decoder");
 var string_decoderExports = requireString_decoder();
 var bufferExports = requireBuffer();
-const buffer$1 = /* @__PURE__ */ getDefaultExportFromCjs(bufferExports);
 const isBrowser$3 = typeof window !== "undefined" && typeof window.document !== "undefined";
 function getArrayBufferFromFile(file) {
   if (!isBrowser$3) {
@@ -98141,12 +98256,11 @@ function toArrayBuffer(buffer2) {
   return ab;
 }
 __name(toArrayBuffer, "toArrayBuffer");
-const Buffer$1 = buffer$1.Buffer;
 function snapgeneToJson(_0) {
   return __async(this, arguments, function* (fileObj, options = {}) {
     try {
       let read2 = /* @__PURE__ */ __name(function(size, fmt) {
-        const buffer2 = Buffer$1.from(arrayBuffer.slice(offset4, size + offset4));
+        const buffer2 = bufferExports.Buffer.from(arrayBuffer.slice(offset4, size + offset4));
         offset4 += size;
         if (fmt) {
           const decoder = new string_decoderExports.StringDecoder(fmt);
@@ -106244,7 +106358,7 @@ function translationsRawSelector(sequenceData2) {
 }
 __name(translationsRawSelector, "translationsRawSelector");
 const translationsRawSelector$1 = createSelector(sequenceDataSelector, translationsRawSelector);
-function searchLayersSelector(sequence2, isCircular, isOpen, searchString, ambiguousOrLiteral, dnaOrAA, isProtein2, proteinSequence) {
+function searchLayersSelector(sequence2, isCircular, isOpen, searchString, ambiguousOrLiteral, dnaOrAA, isProtein2, proteinSequence, mismatchesAllowed) {
   if (!searchString || !isOpen) {
     return [];
   }
@@ -106272,6 +106386,26 @@ function searchLayersSelector(sequence2, isCircular, isOpen, searchString, ambig
       });
     });
   }
+  if (dnaOrAA === "DNA" && ambiguousOrLiteral === "LITERAL" && mismatchesAllowed > 0) {
+    const approxMatches = findApproxMatches(
+      searchString,
+      sequence2,
+      mismatchesAllowed,
+      isCircular
+    );
+    const matches2 = approxMatches.map((match) => ({
+      start: match.index,
+      end: match.index + match.match.length - 1,
+      matchedString: match.match,
+      mismatchPositions: match.mismatchPositions,
+      numMismatches: match.numMismatches,
+      isSearchLayer: true,
+      forward: true
+    })).sort((a2, b3) => a2.start - b3.start);
+    return matches2.map((match) => __spreadProps(__spreadValues({}, match), {
+      className: "veSearchLayer"
+    }));
+  }
   const matches = findSequenceMatches(sequence2, searchString, {
     isCircular,
     isAmbiguous: ambiguousOrLiteral === "AMBIGUOUS",
@@ -106296,6 +106430,7 @@ const searchLayersSelector$1 = createSelector(
   (state2) => state2.findTool && state2.findTool.dnaOrAA,
   (state2) => state2.sequenceData.isProtein,
   (state2) => state2.sequenceData.proteinSequence,
+  (state2) => state2.findTool && state2.findTool.mismatchesAllowed,
   searchLayersSelector
 );
 const translationSearchMatchesSelector = createSelector(
@@ -117300,26 +117435,49 @@ function SelectionLayer$2(props) {
             )
           ];
         }
-        return [
-          /* @__PURE__ */ React__default.createElement(
+        const selectionElement = /* @__PURE__ */ React__default.createElement(
+          "div",
+          {
+            onClick: _onClick,
+            title: selectionMessage,
+            onContextMenu: onSelectionContextMenu,
+            key,
+            className: classNameToPass + " veSelectionLayer veRowViewSelectionLayer notCaret " + (isTrueStart ? " isTrueStart " : "") + (isTrueEnd ? " isTrueEnd " : ""),
+            style: __spreadProps(__spreadValues({
+              width,
+              left: leftMargin + xStart
+            }, style2), {
+              background: color2 || topLevelColor,
+              height
+            })
+          }
+        );
+        let mismatchElements = [];
+        if (selectionLayer2.mismatchPositions && selectionLayer2.mismatchPositions.length > 0) {
+          const relativeToOverlap = selectionLayer2.mismatchPositions.filter((pos) => {
+            const absPos = pos + selectionLayer2.start;
+            return absPos >= overlap.start && absPos <= overlap.end;
+          }).map((pos) => {
+            return pos - (overlap.start - selectionLayer2.start);
+          });
+          mismatchElements = relativeToOverlap.map((pos, i) => /* @__PURE__ */ React__default.createElement(
             "div",
             {
-              onClick: _onClick,
-              title: selectionMessage,
-              onContextMenu: onSelectionContextMenu,
-              key,
-              className: classNameToPass + " veSelectionLayer veRowViewSelectionLayer notCaret " + (isTrueStart ? " isTrueStart " : "") + (isTrueEnd ? " isTrueEnd " : ""),
-              style: __spreadProps(__spreadValues({
-                width,
-                left: leftMargin + xStart
-              }, style2), {
-                background: color2 || topLevelColor,
-                height
-              })
+              key: `${key}-mismatch-${i}`,
+              className: "veSelectionLayer veMismatchLayer notCaret",
+              style: {
+                width: charWidth2,
+                left: leftMargin + xStart + pos * charWidth2,
+                top: 0,
+                height: height || "100%",
+                background: "red",
+                position: "absolute",
+                opacity: 0.5
+              }
             }
-          ),
-          ...caretSvgs
-        ];
+          ));
+        }
+        return [selectionElement, ...mismatchElements, ...caretSvgs];
       });
     } else {
       return null;
@@ -122192,7 +122350,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.7.27";
+const version = "0.7.29";
 const packageJson = {
   version
 };
@@ -135650,10 +135808,10 @@ function requireLodash() {
           return value > other;
         }
         __name(baseGt2, "baseGt");
-        function baseHas(object3, key) {
+        function baseHas2(object3, key) {
           return object3 != null && hasOwnProperty2.call(object3, key);
         }
-        __name(baseHas, "baseHas");
+        __name(baseHas2, "baseHas");
         function baseHasIn2(object3, key) {
           return object3 != null && key in Object2(object3);
         }
@@ -138671,10 +138829,10 @@ function requireLodash() {
           return tag == funcTag2 || tag == genTag2 || tag == asyncTag2 || tag == proxyTag2;
         }
         __name(isFunction2, "isFunction");
-        function isInteger2(value) {
+        function isInteger(value) {
           return typeof value == "number" && value == toInteger2(value);
         }
-        __name(isInteger2, "isInteger");
+        __name(isInteger, "isInteger");
         function isLength2(value) {
           return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER2;
         }
@@ -138709,10 +138867,10 @@ function requireLodash() {
           return baseIsNative2(value);
         }
         __name(isNative2, "isNative");
-        function isNull(value) {
+        function isNull2(value) {
           return value === null;
         }
-        __name(isNull, "isNull");
+        __name(isNull2, "isNull");
         function isNil(value) {
           return value == null;
         }
@@ -138735,7 +138893,7 @@ function requireLodash() {
         __name(isPlainObject2, "isPlainObject");
         var isRegExp = nodeIsRegExp ? baseUnary2(nodeIsRegExp) : baseIsRegExp;
         function isSafeInteger(value) {
-          return isInteger2(value) && value >= -9007199254740991 && value <= MAX_SAFE_INTEGER2;
+          return isInteger(value) && value >= -9007199254740991 && value <= MAX_SAFE_INTEGER2;
         }
         __name(isSafeInteger, "isSafeInteger");
         var isSet2 = nodeIsSet2 ? baseUnary2(nodeIsSet2) : baseIsSet2;
@@ -138921,7 +139079,7 @@ function requireLodash() {
         }
         __name(get7, "get");
         function has4(object3, path2) {
-          return object3 != null && hasPath2(object3, path2, baseHas);
+          return object3 != null && hasPath2(object3, path2, baseHas2);
         }
         __name(has4, "has");
         function hasIn2(object3, path2) {
@@ -139872,7 +140030,7 @@ function requireLodash() {
         lodash2.isError = isError;
         lodash2.isFinite = isFinite2;
         lodash2.isFunction = isFunction2;
-        lodash2.isInteger = isInteger2;
+        lodash2.isInteger = isInteger;
         lodash2.isLength = isLength2;
         lodash2.isMap = isMap2;
         lodash2.isMatch = isMatch;
@@ -139880,7 +140038,7 @@ function requireLodash() {
         lodash2.isNaN = isNaN2;
         lodash2.isNative = isNative2;
         lodash2.isNil = isNil;
-        lodash2.isNull = isNull;
+        lodash2.isNull = isNull2;
         lodash2.isNumber = isNumber2;
         lodash2.isObject = isObject2;
         lodash2.isObjectLike = isObjectLike2;
@@ -149018,6 +149176,7 @@ const _FindBar = class _FindBar extends React__default.Component {
       annotationVisibilityShow: annotationVisibilityShow2,
       updateAmbiguousOrLiteral: updateAmbiguousOrLiteral2,
       updateDnaOrAA: updateDnaOrAA2,
+      updateMismatchesAllowed: updateMismatchesAllowed2,
       updateMatchNumber: _updateMatchNumber,
       selectionLayerUpdate: selectionLayerUpdate2,
       annotationSearchMatches,
@@ -149030,6 +149189,7 @@ const _FindBar = class _FindBar extends React__default.Component {
       ambiguousOrLiteral,
       matchesTotal = 0,
       matchNumber = 0,
+      mismatchesAllowed = 0,
       isInline
     } = findTool2;
     const updateMatchNumber2 = /* @__PURE__ */ __name((...args) => {
@@ -149069,6 +149229,30 @@ const _FindBar = class _FindBar extends React__default.Component {
           }, "onChange")
         }
       ), /* @__PURE__ */ React__default.createElement(InfoHelper, { style: { marginLeft: 10 } }, /* @__PURE__ */ React__default.createElement("div", null, "Ambiguous substitutions:", /* @__PURE__ */ React__default.createElement("div", { style: { display: "flex", fontSize: 12 } }, /* @__PURE__ */ React__default.createElement("div", { style: { marginRight: 20 } }, /* @__PURE__ */ React__default.createElement("div", { style: { fontSize: 14, marginBottom: 4, marginTop: 5 } }, "DNA:"), /* @__PURE__ */ React__default.createElement("div", null, "M: AC"), /* @__PURE__ */ React__default.createElement("div", null, "R: AG"), /* @__PURE__ */ React__default.createElement("div", null, "W: AT"), /* @__PURE__ */ React__default.createElement("div", null, "S: CG"), /* @__PURE__ */ React__default.createElement("div", null, "Y: CT"), /* @__PURE__ */ React__default.createElement("div", null, "K: GT"), /* @__PURE__ */ React__default.createElement("div", null, "V: ACG"), /* @__PURE__ */ React__default.createElement("div", null, "H: ACT"), /* @__PURE__ */ React__default.createElement("div", null, "D: AGT"), /* @__PURE__ */ React__default.createElement("div", null, "B: CGT"), /* @__PURE__ */ React__default.createElement("div", null, "X: GATC"), /* @__PURE__ */ React__default.createElement("div", null, "N: GATC"), /* @__PURE__ */ React__default.createElement("div", null, "*: any")), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("div", { style: { fontSize: 14, marginBottom: 4, marginTop: 5 } }, "AA:"), /* @__PURE__ */ React__default.createElement("div", null, "B: ND"), /* @__PURE__ */ React__default.createElement("div", null, "J: IL"), /* @__PURE__ */ React__default.createElement("div", null, "X: ACDEFGHIKLMNPQRSTVWY"), /* @__PURE__ */ React__default.createElement("div", null, "Z: QE"), /* @__PURE__ */ React__default.createElement("div", null, "*: any")))))),
+      /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          key: "mismatchesAllowed",
+          style: { marginTop: "8px", display: "flex", alignItems: "center" }
+        },
+        /* @__PURE__ */ React__default.createElement("label", { style: { marginRight: "8px" } }, "Mismatches Allowed:"),
+        /* @__PURE__ */ React__default.createElement(
+          NumericInput,
+          {
+            min: 0,
+            max: 10,
+            className: "tg-mismatches-allowed-input",
+            style: { width: "60px" },
+            value: mismatchesAllowed,
+            disabled: dnaOrAA !== "DNA" || ambiguousOrLiteral !== "LITERAL",
+            onValueChange: /* @__PURE__ */ __name((value) => {
+              const newValue = Math.max(0, parseInt(value, 10) || 0);
+              updateMismatchesAllowed2(newValue);
+            }, "onValueChange")
+          }
+        ),
+        /* @__PURE__ */ React__default.createElement(InfoHelper, { style: { marginLeft: 10 } }, /* @__PURE__ */ React__default.createElement("div", null, "Number of mismatches allowed when searching DNA sequences with literal matching.", /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement("br", null), "Higher values may slow down search performance."))
+      ),
       /* @__PURE__ */ React__default.createElement(
         Switch,
         {