@veeqo/transfigure 0.0.1 → 0.0.3

package/dist/index60.js

@@ -1,18 +1,22 @@
-var I = Object.defineProperty;
-var L = (R, r, i) => r in R ? I(R, r, { enumerable: !0, configurable: !0, writable: !0, value: i }) : R[r] = i;
-var o = (R, r, i) => L(R, typeof r != "symbol" ? r + "" : r, i);
-import { makeObservable as C, computed as E, action as h, observable as d } from "mobx";
-import { DateRanges as v } from "@veeqo/ui";
-import { parseDate as D } from "@internationalized/date";
-import N from "lodash/isEqual";
-import { FilterChoiceValue as g } from "./index44.js";
-import { RangeFilter as M } from "./index62.js";
-import { NumberRangeFilter as S } from "./index61.js";
-import { ALL_VIEW_ID as G } from "./index70.js";
-import { isValidDateRange as V } from "./index68.js";
+var P = Object.defineProperty;
+var C = (w, t, a) => t in w ? P(w, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : w[t] = a;
+var o = (w, t, a) => C(w, typeof t != "symbol" ? t + "" : t, a);
+import { makeObservable as L, computed as b, action as F, observable as d } from "mobx";
+import { DateRanges as G } from "@veeqo/ui";
+import { parseDate as U } from "@internationalized/date";
+import D from "lodash/isEqual";
+import { FilterChoiceValue as u } from "./index44.js";
+import { RangeFilter as A } from "./index62.js";
+import { NumberRangeFilter as I } from "./index61.js";
+import { ALL_VIEW_ID as v } from "./index70.js";
+import { isValidDateRange as O } from "./index68.js";
 import { BusinessLogicManager as p } from "./index8.js";
-class W {
+class Q {
   constructor() {
+    // PAGINATION
+    o(this, "defaultPageSize");
+    o(this, "pageSize");
+    o(this, "currentPage");
     // DEFAULT FILTERS
     o(this, "defaultFilters");
     o(this, "defaultArrayFilters");
@@ -30,169 +34,186 @@ class W {
     o(this, "initDefaultFilterMaps", () => {
       this.defaultFilters = new Map(this.filters), this.defaultArrayFilters = new Map(this.arrayFilters), this.defaultDateRangeFilters = new Map(this.dateRangeFilters), this.defaultNumberRangeFilters = new Map(this.numberRangeFilters);
     });
-    o(this, "updateUrl", (r = !1) => {
+    o(this, "updateUrl", (t = !1) => {
       try {
-        const i = `${window.location.pathname}?${this.queryParams}`;
-        r ? window.history.pushState({}, "", i) : window.history.replaceState({}, "", i);
-      } catch (i) {
-        console.log(i);
+        const a = `${window.location.pathname}?${this.queryParams}`;
+        t ? window.history.pushState({}, "", a) : window.history.replaceState({}, "", a);
+      } catch (a) {
+        console.log(a);
       }
     });
+    // PAGINATION
+    o(this, "setCurrentPage", (t) => {
+      this.currentPage = t;
+    });
+    o(this, "setPageSize", (t) => {
+      this.pageSize = t;
+    });
     // TEXT FILTERS
-    o(this, "setFilter", (r, i) => {
-      this.filters.set(r, i), this.updateUrl();
+    o(this, "setFilter", (t, a) => {
+      this.filters.set(t, a), this.updateUrl();
     });
-    o(this, "clearFilter", (r) => {
-      this.filters.set(r, ""), this.updateUrl();
+    o(this, "clearFilter", (t) => {
+      this.filters.set(t, ""), this.updateUrl();
     });
     // ARRAY FILTERS
-    o(this, "setArrayFilter", (r, i) => {
-      this.arrayFilters.set(r, i), this.updateUrl();
+    o(this, "setArrayFilter", (t, a) => {
+      this.arrayFilters.set(t, a), this.updateUrl();
     });
-    o(this, "clearArrayFilter", (r) => {
-      this.arrayFilters.set(r, []), this.updateUrl();
+    o(this, "clearArrayFilter", (t) => {
+      this.arrayFilters.set(t, []), this.updateUrl();
     });
     // RANGE FILTERS
     o(this, "setRangeFilter", ({
-      key: r,
-      range: i,
-      dates: t
+      key: t,
+      range: a,
+      dates: i
     }) => {
-      i.setFilterType(r), i.setDates(t.start, t.end), this.updateUrl();
+      a.setFilterType(t), a.setDates(i.start, i.end), this.updateUrl();
     });
-    o(this, "clearRangeFilter", (r) => {
-      const i = this.dateRangeFilters.get(r);
-      i && (i.clear(), this.updateUrl());
+    o(this, "clearRangeFilter", (t) => {
+      const a = this.dateRangeFilters.get(t);
+      a && (a.clear(), this.updateUrl());
     });
     // NUMBER RANGE FILTERS
     o(this, "setNumberRangeFilter", ({
-      numberRange: r,
-      gte: i,
-      lte: t
+      numberRange: t,
+      gte: a,
+      lte: i
     }) => {
-      r.setGte(i), r.setLte(t), this.updateUrl();
+      t.setGte(a), t.setLte(i), this.updateUrl();
     });
-    o(this, "clearNumberRangeFilter", (r) => {
-      const i = this.numberRangeFilters.get(r);
-      i && (i.clear(), this.updateUrl());
+    o(this, "clearNumberRangeFilter", (t) => {
+      const a = this.numberRangeFilters.get(t);
+      a && (a.clear(), this.updateUrl());
     });
     // CLEARING ALL FILTERS
-    o(this, "clearAllFilters", (r = !1) => {
-      const {
-        SEARCH_FILTER_ID: i
-      } = p.getBusinessLogic();
-      this.filters.forEach((t, e) => {
-        e !== i && this.filters.set(e, "");
-      }), this.arrayFilters.forEach((t, e) => this.arrayFilters.set(e, [])), this.dateRangeFilters.forEach((t) => t.clear()), this.numberRangeFilters.forEach((t) => t.clear()), r || this.updateUrl();
+    o(this, "clearAllFilters", (t = !1) => {
+      const { SEARCH_FILTER_ID: a } = p.getBusinessLogic();
+      this.filters.forEach((i, e) => {
+        e !== a && this.filters.set(e, "");
+      }), this.arrayFilters.forEach((i, e) => this.arrayFilters.set(e, [])), this.dateRangeFilters.forEach((i) => i.clear()), this.numberRangeFilters.forEach((i) => i.clear()), t || this.updateUrl();
     });
-    o(this, "clearFiltersForGroup", (r) => {
-      const {
-        GROUP_MAP: i
-      } = p.getBusinessLogic(), t = i.get(r);
-      t && t.fields.forEach((e) => {
+    o(this, "clearFiltersForGroup", (t) => {
+      const { GROUP_MAP: a } = p.getBusinessLogic(), i = a.get(t);
+      i && i.fields.forEach((e) => {
         this.arrayFilters.has(e.id) ? this.clearArrayFilter(e.id) : this.dateRangeFilters.has(e.id) ? this.clearRangeFilter(e.id) : this.numberRangeFilters.has(e.id) ? this.clearNumberRangeFilter(e.id) : this.clearFilter(e.id);
       });
     });
     // VIEWS
-    o(this, "setActiveViewId", (r) => {
-      this.activeViewId = r, this.updateUrl();
+    o(this, "setActiveViewId", (t) => {
+      this.activeViewId = t, this.updateUrl();
     });
     // VISIBILITY
-    o(this, "toggleFiltersDropdownVisible", (r) => {
-      this.isFiltersDropdownVisible = r;
+    o(this, "toggleFiltersDropdownVisible", (t) => {
+      this.isFiltersDropdownVisible = t;
     });
     // FILTER GROUPS
-    o(this, "getFiltersForGroup", (r) => {
-      const {
-        GROUP_MAP: i
-      } = p.getBusinessLogic(), t = i.get(r);
-      if (!t) return {};
+    o(this, "getFiltersForGroup", (t) => {
+      const { GROUP_MAP: a } = p.getBusinessLogic(), i = a.get(t);
+      if (!i) return {};
       const e = {};
-      return t.fields.forEach((n) => {
-        this.arrayFilters.has(n.id) ? e[n.id] = this.arrayFilters.get(n.id) : this.dateRangeFilters.has(n.id) ? e[n.id] = this.dateRangeFilters.get(n.id) : this.numberRangeFilters.has(n.id) ? e[n.id] = this.numberRangeFilters.get(n.id) : e[n.id] = this.filters.get(n.id);
+      return i.fields.forEach((r) => {
+        this.arrayFilters.has(r.id) ? e[r.id] = this.arrayFilters.get(r.id) : this.dateRangeFilters.has(r.id) ? e[r.id] = this.dateRangeFilters.get(r.id) : this.numberRangeFilters.has(r.id) ? e[r.id] = this.numberRangeFilters.get(r.id) : e[r.id] = this.filters.get(r.id);
       }), e;
     });
-    o(this, "initFiltersFromView", (r) => {
-      this.defaultFilters = new Map(r.filterMaps.filters), this.defaultArrayFilters = new Map(r.filterMaps.arrayFilters), this.defaultDateRangeFilters = new Map(Array.from(r.filterMaps.rangeFilters.entries()).map(([i, t]) => {
-        const e = new M(t.filterType);
-        return t.gte && t.lte && e.setDates(t.gte, t.lte), [i, e];
-      })), this.defaultNumberRangeFilters = new Map(Array.from(r.filterMaps.numberRangeFilters.entries()).map(([i, t]) => {
-        const e = t.clone();
-        return t.gte && e.setGte(t.gte), t.lte && e.setLte(t.lte), [i, e];
-      })), this.filters = new Map(r.filterMaps.filters), this.arrayFilters = new Map(r.filterMaps.arrayFilters), this.dateRangeFilters = new Map(Array.from(r.filterMaps.rangeFilters.entries()).map(([i, t]) => {
-        const e = new M(t.filterType);
-        return t.gte && t.lte && e.setDates(t.gte, t.lte), [i, e];
-      })), this.numberRangeFilters = new Map(Array.from(r.filterMaps.numberRangeFilters.entries()).map(([i, t]) => {
-        const e = t.clone();
-        return t.gte && e.setGte(t.gte), t.lte && e.setLte(t.lte), [i, e];
-      })), this.activeViewId = r.id;
+    o(this, "initFiltersFromView", (t) => {
+      var i;
+      const { PAGE_SIZE_OPTIONS: a } = p.getBusinessLogic();
+      (i = t.page) != null && i.size && a.includes(t.page.size) && (this.defaultPageSize = t.page.size, this.pageSize = t.page.size), this.defaultFilters = new Map(t.filterMaps.filters), this.defaultArrayFilters = new Map(t.filterMaps.arrayFilters), this.defaultDateRangeFilters = new Map(
+        Array.from(t.filterMaps.rangeFilters.entries()).map(([e, r]) => {
+          const f = new A(r.filterType);
+          return r.gte && r.lte && f.setDates(r.gte, r.lte), [e, f];
+        })
+      ), this.defaultNumberRangeFilters = new Map(
+        Array.from(t.filterMaps.numberRangeFilters.entries()).map(([e, r]) => {
+          const f = r.clone();
+          return r.gte && f.setGte(r.gte), r.lte && f.setLte(r.lte), [e, f];
+        })
+      ), this.filters = new Map(t.filterMaps.filters), this.arrayFilters = new Map(t.filterMaps.arrayFilters), this.dateRangeFilters = new Map(
+        Array.from(t.filterMaps.rangeFilters.entries()).map(([e, r]) => {
+          const f = new A(r.filterType);
+          return r.gte && r.lte && f.setDates(r.gte, r.lte), [e, f];
+        })
+      ), this.numberRangeFilters = new Map(
+        Array.from(t.filterMaps.numberRangeFilters.entries()).map(([e, r]) => {
+          const f = r.clone();
+          return r.gte && f.setGte(r.gte), r.lte && f.setLte(r.lte), [e, f];
+        })
+      ), this.activeViewId = t.id;
     });
-    o(this, "initFromUrl", (r = !0) => {
-      const {
-        GROUP_MAP: i,
-        NUMBER_RANGE_FILTERS: t
-      } = p.getBusinessLogic(), e = new URLSearchParams(window.location.search), n = Array.from(i.values()).flatMap((F) => F.fields), c = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map();
-      Array.from(e.entries()).forEach(([F, l]) => {
-        (F.includes("_gte") || F.includes("_lte")) && w.set(F, l);
-      }), Array.from(e.entries()).forEach(([F, l]) => {
-        if (F === "view" && r) {
-          this.activeViewId = l;
+    o(this, "initFromUrl", (t = !0) => {
+      const { GROUP_MAP: a, NUMBER_RANGE_FILTERS: i, PAGE_SIZE_OPTIONS: e } = p.getBusinessLogic(), r = new URLSearchParams(window.location.search), f = Array.from(a.values()).flatMap((n) => n.fields), R = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map();
+      Array.from(r.entries()).forEach(([n, s]) => {
+        (n.includes("_gte") || n.includes("_lte")) && M.set(n, s);
+      }), Array.from(r.entries()).forEach(([n, s]) => {
+        if (n === "view" && t) {
+          this.activeViewId = s;
           return;
         }
-        let a = n.find((s) => s.id === F);
-        if (!a) {
-          const s = F.replace(/_[gl]te$/, "");
-          t.includes(s) && (a = n.find((m) => m.id === s));
+        if (n === "page" && e.includes(Number(s))) {
+          this.pageSize = Number(s);
+          return;
         }
-        if (a)
-          switch (a.filterType) {
-            case g.CHECKBOX:
-              l && T.set(F, l.split(","));
+        let l = f.find((g) => g.id === n);
+        if (!l) {
+          const g = n.replace(/_[gl]te$/, "");
+          i.includes(g) && (l = f.find((m) => m.id === g));
+        }
+        if (l)
+          switch (l.filterType) {
+            case u.CHECKBOX:
+              s && h.set(n, s.split(","));
               break;
-            case g.DATE_RANGE:
-              let s;
-              if (l === "CUSTOM") {
-                s = new M("CUSTOM");
-                const _ = w.get(`${F}_gte`), U = w.get(`${F}_lte`);
-                _ && U && s.setDates(D(_), D(U));
-              } else V(l) ? s = new M(l) : s = new M(v.TODAY);
-              f.set(F, s);
+            case u.DATE_RANGE:
+              let g;
+              if (s === "CUSTOM") {
+                g = new A("CUSTOM");
+                const _ = M.get(`${n}_gte`), N = M.get(`${n}_lte`);
+                _ && N && g.setDates(U(_), U(N));
+              } else O(s) ? g = new A(s) : g = new A(G.TODAY);
+              T.set(n, g);
               break;
-            case g.NUMBER_RANGE:
-              const m = new S({
-                filterId: a.id
-              }), u = F.replace(/_[gl]te$/, ""), y = w.get(`${u}_gte`), A = w.get(`${u}_lte`);
-              y && m.setGte(Number(y)), A && m.setLte(Number(A)), b.set(u, m);
+            case u.NUMBER_RANGE:
+              const m = new I({ filterId: l.id }), c = n.replace(/_[gl]te$/, ""), y = M.get(`${c}_gte`), S = M.get(`${c}_lte`);
+              y && m.setGte(Number(y)), S && m.setLte(Number(S)), E.set(c, m);
               break;
-            case g.TEXT:
-            case g.NUMBER:
-            case g.RADIO:
-              c.set(F, l);
+            case u.TEXT:
+            case u.NUMBER:
+            case u.RADIO:
+              R.set(n, s);
               break;
           }
-      }), this.filters = c, this.arrayFilters = T, this.dateRangeFilters = f, this.numberRangeFilters = b, this.updateUrl();
+      }), this.filters = R, this.arrayFilters = h, this.dateRangeFilters = T, this.numberRangeFilters = E, this.updateUrl();
     });
-    // In Filters class
-    o(this, "discardChanges", (r = !1) => {
-      const {
-        SEARCH_FILTER_ID: i
-      } = p.getBusinessLogic(), t = new Map(this.defaultFilters);
-      this.filters.has(i) && t.set(i, this.filters.get(i)), this.filters = t, this.arrayFilters = new Map(this.defaultArrayFilters), this.dateRangeFilters.clear(), this.defaultDateRangeFilters.forEach((e, n) => {
-        const c = new M(e.filterType);
-        c.setDates(e.gte, e.lte), this.dateRangeFilters.set(n, c);
-      }), this.numberRangeFilters.clear(), this.defaultNumberRangeFilters.forEach((e, n) => {
-        this.numberRangeFilters.set(n, e.clone());
-      }), this.updateUrl(r);
+    o(this, "discardChanges", (t = !1) => {
+      this.pageSize = this.defaultPageSize;
+      const { SEARCH_FILTER_ID: a } = p.getBusinessLogic(), i = new Map(this.defaultFilters);
+      this.filters.has(a) && i.set(a, this.filters.get(a)), this.filters = i, this.arrayFilters = new Map(this.defaultArrayFilters), this.dateRangeFilters.clear(), this.defaultDateRangeFilters.forEach((e, r) => {
+        const f = new A(e.filterType);
+        f.setDates(e.gte, e.lte), this.dateRangeFilters.set(r, f);
+      }), this.numberRangeFilters.clear(), this.defaultNumberRangeFilters.forEach((e, r) => {
+        this.numberRangeFilters.set(r, e.clone());
+      }), this.updateUrl(t);
     });
-    const {
-      GROUP_MAP: r
-    } = p.getBusinessLogic(), i = Array.from(r.values()).flatMap((t) => t.fields);
-    this.filters = new Map(i.filter((t) => t.filterType === g.TEXT || t.filterType === g.NUMBER || t.filterType === g.RADIO || t.filterType === g.DATE_RANGE).map((t) => [t.id, ""])), this.arrayFilters = new Map(i.filter((t) => t.filterType === g.CHECKBOX).map((t) => [t.id, []])), this.dateRangeFilters = new Map(i.filter((t) => t.filterType === g.DATE_RANGE).map((t) => [t.id, new M()])), this.numberRangeFilters = new Map(i.filter((t) => t.filterType === g.NUMBER_RANGE).map((t) => {
-      const e = new S({
-        filterId: t.id
-      });
-      return [t.id, e];
-    })), this.defaultArrayFilters = /* @__PURE__ */ new Map(), this.defaultFilters = /* @__PURE__ */ new Map(), this.defaultDateRangeFilters = /* @__PURE__ */ new Map(), this.defaultNumberRangeFilters = /* @__PURE__ */ new Map(), this.initDefaultFilterMaps(), this.isFiltersDropdownVisible = !1, this.activeViewId = void 0, C(this, {
+    const { GROUP_MAP: t } = p.getBusinessLogic(), a = Array.from(t.values()).flatMap((i) => i.fields);
+    this.filters = new Map(
+      a.filter(
+        (i) => i.filterType === u.TEXT || i.filterType === u.NUMBER || i.filterType === u.RADIO || i.filterType === u.DATE_RANGE
+      ).map((i) => [i.id, ""])
+    ), this.arrayFilters = new Map(
+      a.filter((i) => i.filterType === u.CHECKBOX).map((i) => [i.id, []])
+    ), this.dateRangeFilters = new Map(
+      a.filter((i) => i.filterType === u.DATE_RANGE).map((i) => [i.id, new A()])
+    ), this.numberRangeFilters = new Map(
+      a.filter((i) => i.filterType === u.NUMBER_RANGE).map((i) => {
+        const e = new I({ filterId: i.id });
+        return [i.id, e];
+      })
+    ), this.defaultArrayFilters = /* @__PURE__ */ new Map(), this.defaultFilters = /* @__PURE__ */ new Map(), this.defaultDateRangeFilters = /* @__PURE__ */ new Map(), this.defaultNumberRangeFilters = /* @__PURE__ */ new Map(), this.currentPage = 1, this.pageSize = 10, this.defaultPageSize = 10, this.initDefaultFilterMaps(), this.isFiltersDropdownVisible = !1, this.activeViewId = void 0, L(this, {
+      defaultPageSize: d,
+      pageSize: d,
+      currentPage: d,
       defaultFilters: d,
       defaultArrayFilters: d,
       defaultDateRangeFilters: d,
@@ -203,99 +224,95 @@ class W {
       dateRangeFilters: d,
       isFiltersDropdownVisible: d,
       activeViewId: d,
-      toggleFiltersDropdownVisible: h,
-      setActiveViewId: h,
-      setFilter: h,
-      setArrayFilter: h,
-      setRangeFilter: h,
-      setNumberRangeFilter: h,
-      clearFilter: h,
-      clearArrayFilter: h,
-      clearRangeFilter: h,
-      clearNumberRangeFilter: h,
-      clearAllFilters: h,
-      getFiltersForGroup: h,
-      clearFiltersForGroup: h,
-      initFromUrl: h,
-      initFiltersFromView: h,
-      initDefaultFilterMaps: h,
-      discardChanges: h,
-      updateUrl: h,
-      hasActiveFilters: E,
-      activeFilterKeysList: E,
-      queryParams: E,
-      hasUnsavedChanges: E
+      setPageSize: F,
+      setCurrentPage: F,
+      toggleFiltersDropdownVisible: F,
+      setActiveViewId: F,
+      setFilter: F,
+      setArrayFilter: F,
+      setRangeFilter: F,
+      setNumberRangeFilter: F,
+      clearFilter: F,
+      clearArrayFilter: F,
+      clearRangeFilter: F,
+      clearNumberRangeFilter: F,
+      clearAllFilters: F,
+      getFiltersForGroup: F,
+      clearFiltersForGroup: F,
+      initFromUrl: F,
+      initFiltersFromView: F,
+      initDefaultFilterMaps: F,
+      discardChanges: F,
+      updateUrl: F,
+      hasActiveFilters: b,
+      activeFilterKeysList: b,
+      queryParams: b,
+      hasUnsavedChanges: b
     });
   }
   get hasActiveFilters() {
-    const {
-      GROUP_MAP: r
-    } = p.getBusinessLogic(), i = Array.from(r.values()).flatMap((e) => e.fields), t = new Set(i.map((e) => e.id));
-    return Array.from(this.filters.entries()).filter(([e]) => t.has(e)).some(([, e]) => e !== "") || Array.from(this.arrayFilters.entries()).filter(([e]) => t.has(e)).some(([, e]) => e.length > 0) || Array.from(this.dateRangeFilters.entries()).filter(([e]) => t.has(e)).some(([, e]) => e.filterType !== void 0) || Array.from(this.numberRangeFilters.entries()).filter(([e]) => t.has(e)).some(([, e]) => e.isActive);
+    const { GROUP_MAP: t } = p.getBusinessLogic(), a = Array.from(t.values()).flatMap((e) => e.fields), i = new Set(a.map((e) => e.id));
+    return Array.from(this.filters.entries()).filter(([e]) => i.has(e)).some(([, e]) => e !== "") || Array.from(this.arrayFilters.entries()).filter(([e]) => i.has(e)).some(([, e]) => e.length > 0) || Array.from(this.dateRangeFilters.entries()).filter(([e]) => i.has(e)).some(([, e]) => e.filterType !== void 0) || Array.from(this.numberRangeFilters.entries()).filter(([e]) => i.has(e)).some(([, e]) => e.isActive);
   }
   get activeFilterKeysList() {
-    const {
-      DATE_RANGE_FILTERS: r,
-      NUMBER_RANGE_FILTERS: i
-    } = p.getBusinessLogic(), t = Array.from(this.filters.entries()).filter(([f, b]) => b !== "" && !r.includes(f) && !i.includes(f)).map(([f]) => f), e = Array.from(this.arrayFilters.entries()).filter(([, f]) => f.length > 0).map(([f]) => f), n = Array.from(this.dateRangeFilters.entries()).filter(([, f]) => f.filterType !== void 0).map(([f]) => f), c = Array.from(this.numberRangeFilters.entries()).filter(([, f]) => f.isActive).map(([f]) => f);
-    return [.../* @__PURE__ */ new Set([...t, ...e, ...n, ...c])];
+    const { DATE_RANGE_FILTERS: t, NUMBER_RANGE_FILTERS: a } = p.getBusinessLogic(), i = Array.from(this.filters.entries()).filter(
+      ([h, T]) => T !== "" && !t.includes(h) && !a.includes(h)
+    ).map(([h]) => h), e = Array.from(this.arrayFilters.entries()).filter(([, h]) => h.length > 0).map(([h]) => h), r = Array.from(this.dateRangeFilters.entries()).filter(([, h]) => h.filterType !== void 0).map(([h]) => h), f = Array.from(this.numberRangeFilters.entries()).filter(([, h]) => h.isActive).map(([h]) => h);
+    return [.../* @__PURE__ */ new Set([...i, ...e, ...r, ...f])];
   }
   get queryParams() {
-    const {
-      DATE_RANGE_FILTERS: r,
-      NUMBER_RANGE_FILTERS: i
-    } = p.getBusinessLogic(), t = new URLSearchParams();
-    return Array.from(this.filters.entries()).filter(([e, n]) => n !== "" && !r.includes(e) && !i.includes(e)).forEach(([e, n]) => {
-      t.append(e, n);
-    }), Array.from(this.arrayFilters.entries()).filter(([, e]) => e.length > 0).forEach(([e, n]) => {
-      t.append(e, n.join(","));
-    }), Array.from(this.dateRangeFilters.entries()).filter(([, e]) => e.filterType !== void 0).forEach(([e, n]) => {
-      t.set(e, n.filterType), n.filterType === "CUSTOM" && (t.set(`${e}_gte`, n.gte.toString()), t.set(`${e}_lte`, n.lte.toString()));
-    }), Array.from(this.numberRangeFilters.entries()).filter(([, e]) => e.isActive).forEach(([e, n]) => {
-      n.gte !== void 0 && t.set(`${e}_gte`, n.gte.toString()), n.isValidLte && t.set(`${e}_lte`, n.lte.toString());
-    }), this.activeViewId && t.set("view", this.activeViewId), t.toString();
+    const { DATE_RANGE_FILTERS: t, NUMBER_RANGE_FILTERS: a } = p.getBusinessLogic(), i = new URLSearchParams();
+    return Array.from(this.filters.entries()).filter(
+      ([e, r]) => r !== "" && !t.includes(e) && !a.includes(e)
+    ).forEach(([e, r]) => {
+      i.append(e, r);
+    }), Array.from(this.arrayFilters.entries()).filter(([, e]) => e.length > 0).forEach(([e, r]) => {
+      i.append(e, r.join(","));
+    }), Array.from(this.dateRangeFilters.entries()).filter(([, e]) => e.filterType !== void 0).forEach(([e, r]) => {
+      i.set(e, r.filterType), r.filterType === "CUSTOM" && (i.set(`${e}_gte`, r.gte.toString()), i.set(`${e}_lte`, r.lte.toString()));
+    }), Array.from(this.numberRangeFilters.entries()).filter(([, e]) => e.isActive).forEach(([e, r]) => {
+      r.gte !== void 0 && i.set(`${e}_gte`, r.gte.toString()), r.isValidLte && i.set(`${e}_lte`, r.lte.toString());
+    }), this.activeViewId && i.set("view", this.activeViewId), i.set("page", this.pageSize.toString()), i.toString();
   }
   get hasUnsavedChanges() {
-    if (this.activeViewId === G) return !1;
-    const {
-      GROUP_MAP: r,
-      SEARCH_FILTER_ID: i
-    } = p.getBusinessLogic(), t = Array.from(r.values()).flatMap((l) => l.fields), e = new Set(t.map((l) => l.id));
-    if (Array.from(this.filters.entries()).filter(([l]) => l !== i && e.has(l)).some(([l, a]) => {
-      const s = this.defaultFilters.get(l);
-      return s === void 0 && a !== "" || s !== void 0 && a !== s;
+    if (this.activeViewId === v) return !1;
+    if (this.defaultPageSize !== this.pageSize) return !0;
+    const { GROUP_MAP: t, SEARCH_FILTER_ID: a } = p.getBusinessLogic(), i = Array.from(t.values()).flatMap((n) => n.fields), e = new Set(i.map((n) => n.id));
+    if (Array.from(this.filters.entries()).filter(([n]) => n !== a && e.has(n)).some(([n, s]) => {
+      const l = this.defaultFilters.get(n);
+      return l === void 0 && s !== "" || l !== void 0 && s !== l;
     }))
       return !0;
-    const c = Array.from(this.defaultArrayFilters.entries()).filter(([l]) => e.has(l)).some(([l, a]) => {
-      const s = this.defaultArrayFilters.get(l) || [];
-      return a.length > 0 || s.length > 0 ? a.length !== s.length || !N(a, s) : !1;
-    }), T = Array.from(this.arrayFilters.entries()).filter(([l]) => e.has(l)).some(([l, a]) => {
-      const s = this.defaultArrayFilters.get(l) || [];
-      return a.length > 0 || s.length > 0 ? a.length !== s.length || !N(a, s) : !1;
+    const f = Array.from(this.defaultArrayFilters.entries()).filter(([n]) => e.has(n)).some(([n, s]) => {
+      const l = this.defaultArrayFilters.get(n) || [];
+      return s.length > 0 || l.length > 0 ? s.length !== l.length || !D(s, l) : !1;
+    }), R = Array.from(this.arrayFilters.entries()).filter(([n]) => e.has(n)).some(([n, s]) => {
+      const l = this.defaultArrayFilters.get(n) || [];
+      return s.length > 0 || l.length > 0 ? s.length !== l.length || !D(s, l) : !1;
     });
-    if (c || T)
+    if (f || R)
       return !0;
-    const f = Array.from(this.numberRangeFilters.entries()).filter(([l]) => e.has(l)).some(([l, a]) => {
-      const s = this.defaultNumberRangeFilters.get(l);
-      return !a.isEqual(s);
+    const h = Array.from(this.numberRangeFilters.entries()).filter(([n]) => e.has(n)).some(([n, s]) => {
+      const l = this.defaultNumberRangeFilters.get(n);
+      return !s.isEqual(l);
     });
-    if (Array.from(this.defaultNumberRangeFilters.entries()).filter(([l]) => e.has(l)).some(([l, a]) => {
-      const s = this.numberRangeFilters.get(l);
-      return !a.isEqual(s);
-    }) || f)
+    if (Array.from(this.defaultNumberRangeFilters.entries()).filter(([n]) => e.has(n)).some(([n, s]) => {
+      const l = this.numberRangeFilters.get(n);
+      return !s.isEqual(l);
+    }) || h)
       return !0;
-    const w = Array.from(this.defaultDateRangeFilters.entries()).filter(([l]) => e.has(l)).some(([l, a]) => {
-      var m, u, y, A;
-      const s = this.dateRangeFilters.get(l);
-      return a != null && a.filterType && !(s != null && s.filterType) || s != null && s.filterType && !(a != null && a.filterType) || (s == null ? void 0 : s.filterType) !== (a == null ? void 0 : a.filterType) ? !0 : (s == null ? void 0 : s.filterType) === "CUSTOM" && (a == null ? void 0 : a.filterType) === "CUSTOM" ? ((m = a.gte) == null ? void 0 : m.toString()) !== ((u = s.gte) == null ? void 0 : u.toString()) || ((y = a.lte) == null ? void 0 : y.toString()) !== ((A = s.lte) == null ? void 0 : A.toString()) : !1;
+    const E = Array.from(this.defaultDateRangeFilters.entries()).filter(([n]) => e.has(n)).some(([n, s]) => {
+      var g, m, c, y;
+      const l = this.dateRangeFilters.get(n);
+      return s != null && s.filterType && !(l != null && l.filterType) || l != null && l.filterType && !(s != null && s.filterType) || (l == null ? void 0 : l.filterType) !== (s == null ? void 0 : s.filterType) ? !0 : (l == null ? void 0 : l.filterType) === "CUSTOM" && (s == null ? void 0 : s.filterType) === "CUSTOM" ? ((g = s.gte) == null ? void 0 : g.toString()) !== ((m = l.gte) == null ? void 0 : m.toString()) || ((c = s.lte) == null ? void 0 : c.toString()) !== ((y = l.lte) == null ? void 0 : y.toString()) : !1;
     });
-    return Array.from(this.dateRangeFilters.entries()).filter(([l]) => e.has(l)).some(([l, a]) => {
-      var m, u, y, A;
-      const s = this.defaultDateRangeFilters.get(l);
-      return a != null && a.filterType && !(s != null && s.filterType) || s != null && s.filterType && !(a != null && a.filterType) || (s == null ? void 0 : s.filterType) !== (a == null ? void 0 : a.filterType) ? !0 : (s == null ? void 0 : s.filterType) === "CUSTOM" && (a == null ? void 0 : a.filterType) === "CUSTOM" ? ((m = a.gte) == null ? void 0 : m.toString()) !== ((u = s.gte) == null ? void 0 : u.toString()) || ((y = a.lte) == null ? void 0 : y.toString()) !== ((A = s.lte) == null ? void 0 : A.toString()) : !1;
-    }) || w;
+    return Array.from(this.dateRangeFilters.entries()).filter(([n]) => e.has(n)).some(([n, s]) => {
+      var g, m, c, y;
+      const l = this.defaultDateRangeFilters.get(n);
+      return s != null && s.filterType && !(l != null && l.filterType) || l != null && l.filterType && !(s != null && s.filterType) || (l == null ? void 0 : l.filterType) !== (s == null ? void 0 : s.filterType) ? !0 : (l == null ? void 0 : l.filterType) === "CUSTOM" && (s == null ? void 0 : s.filterType) === "CUSTOM" ? ((g = s.gte) == null ? void 0 : g.toString()) !== ((m = l.gte) == null ? void 0 : m.toString()) || ((c = s.lte) == null ? void 0 : c.toString()) !== ((y = l.lte) == null ? void 0 : y.toString()) : !1;
+    }) || E;
   }
 }
 export {
-  W as Filters
+  Q as Filters
 };

package/dist/index61.js

@@ -4,9 +4,7 @@ var e = (l, t, i) => v(l, typeof t != "symbol" ? t + "" : t, i);
 import { makeObservable as L, action as n, observable as h, computed as c } from "mobx";
 import { BusinessLogicManager as x } from "./index8.js";
 class u {
-  constructor({
-    filterId: t
-  }) {
+  constructor({ filterId: t }) {
     e(this, "filterId");
     e(this, "gteMinLabel");
     e(this, "gteMin");
@@ -24,9 +22,7 @@ class u {
       this.setGte(void 0), this.setLte(void 0);
     });
     e(this, "clone", () => {
-      const t = new u({
-        filterId: this.filterId
-      });
+      const t = new u({ filterId: this.filterId });
       return t.setGte(this.gte), t.setLte(this.lte), t;
     });
     e(this, "isEqual", (t) => !(!t || this.lte !== t.lte || this.gte !== t.gte));
@@ -42,9 +38,9 @@ class u {
       setLte: n,
       clear: n
     }), this.filterId = t;
-    const {
-      FIELDS_MAP: i
-    } = x.getBusinessLogic(), s = i.get(this.filterId), f = (a = s == null ? void 0 : s.options) == null ? void 0 : a.every((r) => r.value && Number.isInteger(Number(r.value)));
+    const { FIELDS_MAP: i } = x.getBusinessLogic(), s = i.get(this.filterId), f = (a = s == null ? void 0 : s.options) == null ? void 0 : a.every(
+      (r) => r.value && Number.isInteger(Number(r.value))
+    );
     if (s && f && ((o = s.options) == null ? void 0 : o.length) === 2) {
       const [r, g] = s.options, M = Number(r.value), d = Number(g.value);
       this.gteMin = M, this.gteMinLabel = r.label, this.lteMax = d, this.lteMaxLabel = g.label;

package/dist/index62.js

@@ -23,9 +23,7 @@ class L {
     });
     s(this, "clear", () => {
       this.filterType = void 0;
-      const {
-        DEFAULT_DATE_RANGE: t
-      } = c.getBusinessLogic();
+      const { DEFAULT_DATE_RANGE: t } = c.getBusinessLogic();
       t && this.setDates(t.start, t.end);
     });
     p(this, {
@@ -39,15 +37,11 @@ class L {
       setDates: l,
       clear: l
     });
-    const e = t && t !== "CUSTOM" ? a(t) : null, {
-      DEFAULT_DATE_RANGE: r
-    } = c.getBusinessLogic();
+    const e = t && t !== "CUSTOM" ? a(t) : null, { DEFAULT_DATE_RANGE: r } = c.getBusinessLogic();
     this.filterType = t, this.gte = (e == null ? void 0 : e.start) ?? r.start, this.lte = (e == null ? void 0 : e.end) ?? r.end;
   }
   get filterSelection() {
-    const {
-      DEFAULT_DATE_PRESET: t
-    } = c.getBusinessLogic();
+    const { DEFAULT_DATE_PRESET: t } = c.getBusinessLogic();
     return this.filterType ? f.get(this.filterType) ?? t : t;
   }
   get filterLabel() {

package/dist/index65.js

@@ -1,11 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Provider as s } from "mobx-react";
-const n = ({
-  children: i,
-  Filters: o,
-  Views: r,
-  Notifications: t
-}) => /* @__PURE__ */ e(s, { Filters: o, Views: r, Notifications: t, children: i });
+const n = ({ children: i, Filters: o, Views: r, Notifications: t }) => /* @__PURE__ */ e(s, { Filters: o, Views: r, Notifications: t, children: i });
 export {
   n as MobXProvider
 };

package/dist/index66.js

@@ -1,8 +1,5 @@
 import o from "lodash/get";
-const u = ({
-  data: t,
-  config: r
-}) => !r || !t ? [] : t.map((e) => {
+const u = ({ data: t, config: r }) => !r || !t ? [] : t.map((e) => {
   const l = o(e, r.labelProperty), n = o(e, r.valueProperty);
   return {
     label: l,