@veeqo/transfigure 0.0.1 → 0.0.4

package/dist/index60.js

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

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;