@veeqo/transfigure 2.3.0 → 2.4.0

package/dist/index70.js

@@ -1,60 +1,379 @@
-var b = Object.defineProperty;
-var v = (l, t, i) => t in l ? b(l, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : l[t] = i;
-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 "./index9.js";
-class u {
-  constructor({ filterId: t }) {
-    e(this, "filterId");
-    e(this, "gteMinLabel");
-    e(this, "gteMin");
-    e(this, "lteMaxLabel");
-    e(this, "lteMax");
-    e(this, "gte");
-    e(this, "lte");
-    e(this, "setGte", (t) => {
-      this.gte = t;
-    });
-    e(this, "setLte", (t) => {
-      this.lte = t;
-    });
-    e(this, "clear", () => {
-      this.setGte(void 0), this.setLte(void 0);
-    });
-    e(this, "clone", () => {
-      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));
-    var a, o;
-    L(this, {
-      filterId: h,
-      filterLabel: c,
-      gte: h,
-      lte: h,
-      lteMax: h,
-      gteMin: h,
-      setGte: n,
-      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)));
-    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;
-    } else
-      this.gte = 0, this.gteMin = 0, this.gteMinLabel = "Min.", this.lte = 100, this.lteMax = 100, this.lteMaxLabel = "Max.";
+var V = Object.defineProperty;
+var B = (R, t, s) => t in R ? V(R, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : R[t] = s;
+var h = (R, t, s) => B(R, typeof t != "symbol" ? t + "" : t, s);
+import { makeObservable as z, computed as M, action as c, observable as d } from "mobx";
+import { DateRanges as q } from "@veeqo/ui";
+import { parseDate as v } from "@internationalized/date";
+import N from "lodash/isEqual";
+import j from "lodash/get";
+import P from "lodash/set";
+import I from "qs";
+import { FilterChoiceValue as p } from "./index50.js";
+import { SortingMode as C } from "./index2.js";
+import { RangeFilter as b } from "./index72.js";
+import { NumberRangeFilter as O } from "./index71.js";
+import { parseSortString as U } from "./index110.js";
+import { ALL_VIEW_ID as K } from "./index108.js";
+import { isValidDateRange as L } from "./index79.js";
+import { BusinessLogicManager as S } from "./index9.js";
+class le {
+  /**
+   * @param tableStore - Optional reference to the Table store for sort state
+   * tracking in custom views. Sort state lives on Table (for the UI table
+   * component) but needs to participate in view persistence (owned by Filters).
+   * Filters reads Table.sortState for comparison and writes to it via setSortState
+   * on view initialisation and discard. This store-to-store coupling is intentional but
+   * should not be treated as a pattern to follow — keep stores decoupled wherever possible.
+   */
+  constructor(t) {
+    // PAGINATION
+    h(this, "defaultPageSize");
+    h(this, "pageSize");
+    h(this, "currentPage");
+    // DEFAULT FILTERS
+    h(this, "defaultFilters");
+    h(this, "defaultArrayFilters");
+    h(this, "defaultDateRangeFilters");
+    h(this, "defaultNumberRangeFilters");
+    // CURRENT FILTERS
+    h(this, "filters");
+    h(this, "arrayFilters");
+    h(this, "dateRangeFilters");
+    h(this, "numberRangeFilters");
+    // VIEWS
+    h(this, "activeViewId");
+    // SORT
+    h(this, "defaultSortState");
+    h(this, "tableStore");
+    // VISIBILITY STATE
+    h(this, "isFiltersDropdownVisible");
+    h(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), this.defaultSortState = { columnId: "", direction: "asc" };
+    });
+    h(this, "updateUrl", (t = !1) => {
+      try {
+        const { SORT_FILTER_ID: s, SORTING_MODE: n } = S.getBusinessLogic(), e = I.parse(window.location.search, { ignoreQueryPrefix: !0 }), o = e[s], g = e.sort_order, i = e.sort;
+        let r = "";
+        switch (n) {
+          case C.CORAL:
+            if (g && i) {
+              const m = { ...this.queryParamsObject, sort: i, sort_order: g };
+              r = `${window.location.pathname}?${I.stringify(m, { arrayFormat: "brackets" })}`;
+            }
+            break;
+          case C.MONOLITH:
+          default:
+            if (o) {
+              const m = { ...this.queryParamsObject, [s]: o };
+              r = `${window.location.pathname}?${I.stringify(m, { arrayFormat: "brackets" })}`;
+            }
+        }
+        o || (r = `${window.location.pathname}?${this.queryParams}`), t ? window.history.pushState({}, "", r) : window.history.replaceState({}, "", r);
+      } catch (s) {
+        console.log(s);
+      }
+    });
+    // PAGINATION
+    h(this, "setCurrentPage", (t) => {
+      this.currentPage = t;
+    });
+    h(this, "setPageSize", (t) => {
+      this.pageSize = t, this.updateUrl();
+    });
+    // TEXT FILTERS
+    h(this, "setFilter", (t, s) => {
+      this.filters.set(t, s), this.setCurrentPage(1), this.updateUrl();
+    });
+    h(this, "clearFilter", (t) => {
+      this.filters.set(t, ""), this.setCurrentPage(1), this.updateUrl();
+    });
+    // ARRAY FILTERS
+    h(this, "setArrayFilter", (t, s) => {
+      this.arrayFilters.set(t, s), this.setCurrentPage(1), this.updateUrl();
+    });
+    h(this, "clearArrayFilter", (t) => {
+      this.arrayFilters.set(t, []), this.setCurrentPage(1), this.updateUrl();
+    });
+    // RANGE FILTERS
+    h(this, "setRangeFilter", ({
+      key: t,
+      range: s,
+      dates: n
+    }) => {
+      s.setFilterType(t), s.setDates(n.start, n.end), this.setCurrentPage(1), this.updateUrl();
+    });
+    h(this, "clearRangeFilter", (t) => {
+      const s = this.dateRangeFilters.get(t);
+      s && (s.clear(), this.setCurrentPage(1), this.updateUrl());
+    });
+    // NUMBER RANGE FILTERS
+    h(this, "setNumberRangeFilter", ({
+      numberRange: t,
+      gte: s,
+      lte: n
+    }) => {
+      t.setGte(s), t.setLte(n), this.setCurrentPage(1), this.updateUrl();
+    });
+    h(this, "clearNumberRangeFilter", (t) => {
+      const s = this.numberRangeFilters.get(t);
+      s && (s.clear(), this.setCurrentPage(1), this.updateUrl());
+    });
+    // CLEARING ALL FILTERS
+    h(this, "clearAllFilters", (t = !1) => {
+      const { SEARCH_FILTER_ID: s } = S.getBusinessLogic();
+      this.filters.forEach((n, e) => {
+        e !== s && this.filters.set(e, "");
+      }), this.arrayFilters.forEach((n, e) => this.arrayFilters.set(e, [])), this.dateRangeFilters.forEach((n) => n.clear()), this.numberRangeFilters.forEach((n) => n.clear()), this.setCurrentPage(1), t || this.updateUrl();
+    });
+    h(this, "clearFiltersForGroup", (t) => {
+      const { GROUP_MAP: s } = S.getBusinessLogic(), n = s.get(t);
+      n && n.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
+    h(this, "setActiveViewId", (t) => {
+      this.activeViewId = t, this.updateUrl();
+    });
+    // VISIBILITY
+    h(this, "toggleFiltersDropdownVisible", (t) => {
+      this.isFiltersDropdownVisible = t;
+    });
+    // FILTER GROUPS
+    h(this, "getFiltersForGroup", (t) => {
+      const { GROUP_MAP: s } = S.getBusinessLogic(), n = s.get(t);
+      if (!n) return {};
+      const e = {};
+      return n.fields.forEach((o) => {
+        this.arrayFilters.has(o.id) ? e[o.id] = this.arrayFilters.get(o.id) : this.dateRangeFilters.has(o.id) ? e[o.id] = this.dateRangeFilters.get(o.id) : this.numberRangeFilters.has(o.id) ? e[o.id] = this.numberRangeFilters.get(o.id) : e[o.id] = this.filters.get(o.id);
+      }), e;
+    });
+    h(this, "initFiltersFromView", (t) => {
+      var e, o;
+      const { PAGE_SIZE_OPTIONS: s } = S.getBusinessLogic();
+      (e = t.page) != null && e.size && s.includes(t.page.size) && (this.defaultPageSize = t.page.size, this.pageSize = t.page.size), this.setCurrentPage(1), 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(([g, i]) => {
+          const r = new b(i.filterType);
+          return i.gte && i.lte && r.setDates(i.gte, i.lte), [g, r];
+        })
+      ), this.defaultNumberRangeFilters = new Map(
+        Array.from(t.filterMaps.numberRangeFilters.entries()).map(([g, i]) => {
+          const r = i.clone();
+          return i.gte && r.setGte(i.gte), i.lte && r.setLte(i.lte), [g, r];
+        })
+      ), 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(([g, i]) => {
+          const r = new b(i.filterType);
+          return i.gte && i.lte && r.setDates(i.gte, i.lte), [g, r];
+        })
+      ), this.numberRangeFilters = new Map(
+        Array.from(t.filterMaps.numberRangeFilters.entries()).map(([g, i]) => {
+          const r = i.clone();
+          return i.gte && r.setGte(i.gte), i.lte && r.setLte(i.lte), [g, r];
+        })
+      );
+      const n = U(t.sort);
+      this.defaultSortState = n, (o = this.tableStore) == null || o.setSortState(n), this.activeViewId = t.id;
+    });
+    h(this, "initFromUrl", (t = !0) => {
+      var w, A;
+      const { GROUP_MAP: s, PAGE_SIZE_OPTIONS: n, PAGE_SIZE_FILTER_ID: e, SORT_FILTER_ID: o } = S.getBusinessLogic(), g = I.parse(window.location.search, {
+        ignoreQueryPrefix: !0
+      }), i = Array.from(s.values()).flatMap((u) => u.fields), r = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map();
+      t && g.view && (this.activeViewId = g.view), g[e] && n.includes(Number(g[e])) && (this.pageSize = Number(g[e]));
+      const f = g.filter || {};
+      i.forEach((u) => {
+        const F = j(f, u.id);
+        if (F !== void 0)
+          switch (u.filterType) {
+            case p.CHECKBOX:
+              Array.isArray(F) ? m.set(u.id, F) : F && m.set(u.id, [F]);
+              break;
+            case p.DATE_RANGE:
+              if (typeof F == "string" && L(F))
+                E.set(u.id, new b(F));
+              else if (typeof F == "object" && F !== null) {
+                const y = F;
+                if (y.relative && L(y.relative))
+                  E.set(u.id, new b(y.relative));
+                else if (y.gte && y.lte)
+                  try {
+                    const T = v(y.gte), G = v(y.lte), D = new b("CUSTOM");
+                    D.setDates(T, G), E.set(u.id, D);
+                  } catch {
+                    E.set(u.id, new b(q.TODAY));
+                  }
+              }
+              break;
+            case p.NUMBER_RANGE:
+              if (typeof F == "object" && F !== null) {
+                const y = F, T = new O({ filterId: u.id });
+                y.gte !== void 0 && T.setGte(Number(y.gte)), y.lte !== void 0 && T.setLte(Number(y.lte)), _.set(u.id, T);
+              }
+              break;
+            case p.TEXT:
+            case p.NUMBER:
+            case p.RADIO:
+              (typeof F == "string" || typeof F == "number") && r.set(u.id, String(F));
+              break;
+          }
+      }), this.filters = r, this.arrayFilters = m, this.dateRangeFilters = E, this.numberRangeFilters = _;
+      const l = g[o] || g.sort, a = g.sort_order;
+      if (a && g.sort)
+        (w = this.tableStore) == null || w.setSortState({ columnId: g.sort, direction: a });
+      else if (l) {
+        const u = U(l);
+        u.columnId && ((A = this.tableStore) == null || A.setSortState(u));
+      }
+      this.updateUrl();
+    });
+    h(this, "discardChanges", (t = !1) => {
+      var e;
+      this.pageSize = this.defaultPageSize;
+      const { SEARCH_FILTER_ID: s } = S.getBusinessLogic(), n = new Map(this.defaultFilters);
+      this.filters.has(s) && n.set(s, this.filters.get(s)), this.filters = n, this.arrayFilters = new Map(this.defaultArrayFilters), this.dateRangeFilters.clear(), this.defaultDateRangeFilters.forEach((o, g) => {
+        const i = new b(o.filterType);
+        i.setDates(o.gte, o.lte), this.dateRangeFilters.set(g, i);
+      }), this.numberRangeFilters.clear(), this.defaultNumberRangeFilters.forEach((o, g) => {
+        this.numberRangeFilters.set(g, o.clone());
+      }), (e = this.tableStore) == null || e.setSortState(this.defaultSortState), this.updateUrl(t);
+    });
+    const { GROUP_MAP: s } = S.getBusinessLogic(), n = Array.from(s.values()).flatMap((e) => e.fields);
+    this.filters = new Map(
+      n.filter(
+        (e) => e.filterType === p.TEXT || e.filterType === p.NUMBER || e.filterType === p.RADIO || e.filterType === p.DATE_RANGE
+      ).map((e) => [e.id, ""])
+    ), this.arrayFilters = new Map(
+      n.filter((e) => e.filterType === p.CHECKBOX).map((e) => [e.id, []])
+    ), this.dateRangeFilters = new Map(
+      n.filter((e) => e.filterType === p.DATE_RANGE).map((e) => [e.id, new b()])
+    ), this.numberRangeFilters = new Map(
+      n.filter((e) => e.filterType === p.NUMBER_RANGE).map((e) => {
+        const o = new O({ filterId: e.id });
+        return [e.id, o];
+      })
+    ), 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, this.defaultSortState = { columnId: "", direction: "asc" }, this.tableStore = t, z(this, {
+      defaultPageSize: d,
+      pageSize: d,
+      currentPage: d,
+      defaultFilters: d,
+      defaultArrayFilters: d,
+      defaultDateRangeFilters: d,
+      defaultNumberRangeFilters: d,
+      filters: d,
+      arrayFilters: d,
+      numberRangeFilters: d,
+      dateRangeFilters: d,
+      isFiltersDropdownVisible: d,
+      activeViewId: d,
+      defaultSortState: d,
+      tableStore: d.ref,
+      setPageSize: c,
+      setCurrentPage: c,
+      toggleFiltersDropdownVisible: c,
+      setActiveViewId: c,
+      setFilter: c,
+      setArrayFilter: c,
+      setRangeFilter: c,
+      setNumberRangeFilter: c,
+      clearFilter: c,
+      clearArrayFilter: c,
+      clearRangeFilter: c,
+      clearNumberRangeFilter: c,
+      clearAllFilters: c,
+      getFiltersForGroup: c,
+      clearFiltersForGroup: c,
+      initFromUrl: c,
+      initFiltersFromView: c,
+      initDefaultFilterMaps: c,
+      discardChanges: c,
+      updateUrl: c,
+      hasActiveFilters: M,
+      activeFilterKeysList: M,
+      queryParamsObject: M,
+      queryParams: M,
+      hasUnsavedChanges: M
+    });
   }
-  get isValidLte() {
-    return !(this.lte === void 0 || this.lte === this.lteMax);
+  get hasActiveFilters() {
+    const { GROUP_MAP: t } = S.getBusinessLogic(), s = Array.from(t.values()).flatMap((e) => e.fields), n = new Set(s.map((e) => e.id));
+    return Array.from(this.filters.entries()).filter(([e]) => n.has(e)).some(([, e]) => e !== "") || Array.from(this.arrayFilters.entries()).filter(([e]) => n.has(e)).some(([, e]) => e.length > 0) || Array.from(this.dateRangeFilters.entries()).filter(([e]) => n.has(e)).some(([, e]) => e.filterType !== void 0) || Array.from(this.numberRangeFilters.entries()).filter(([e]) => n.has(e)).some(([, e]) => e.isActive);
   }
-  get filterLabel() {
-    return this.gte === void 0 && this.lte === void 0 ? "" : this.isValidLte ? `Between ${this.gte} and ${this.lte}` : this.gte !== void 0 ? `${this.gte} or more` : "";
+  get activeFilterKeysList() {
+    const { DATE_RANGE_FILTERS: t, NUMBER_RANGE_FILTERS: s } = S.getBusinessLogic(), n = Array.from(this.filters.entries()).filter(
+      ([r, m]) => m !== "" && !t.includes(r) && !s.includes(r)
+    ).map(([r]) => r), e = Array.from(this.arrayFilters.entries()).filter(([, r]) => r.length > 0).map(([r]) => r), o = Array.from(this.dateRangeFilters.entries()).filter(([, r]) => r.filterType !== void 0).map(([r]) => r), g = Array.from(this.numberRangeFilters.entries()).filter(([, r]) => r.isActive).map(([r]) => r);
+    return [.../* @__PURE__ */ new Set([...n, ...e, ...o, ...g])];
   }
-  get isActive() {
-    return this.gte === this.gteMin && this.lte === this.lteMax || this.gte === void 0 && this.lte === void 0 ? !1 : this.gte !== void 0 ? !0 : this.lte !== void 0 && this.lte < this.lteMax;
+  get queryParamsObject() {
+    const { DATE_RANGE_FILTERS: t, NUMBER_RANGE_FILTERS: s, PAGE_SIZE_FILTER_ID: n, PAGE_NUMBER_FILTER_ID: e } = S.getBusinessLogic(), o = {};
+    Array.from(this.filters.entries()).filter(
+      ([i, r]) => r !== "" && !t.includes(i) && !s.includes(i)
+    ).forEach(([i, r]) => {
+      P(o, i, r);
+    }), Array.from(this.arrayFilters.entries()).filter(([, i]) => i.length > 0).forEach(([i, r]) => {
+      P(o, i, r);
+    }), Array.from(this.dateRangeFilters.entries()).filter(([, i]) => i.filterType !== void 0).forEach(([i, r]) => {
+      r.filterType === "CUSTOM" ? P(o, i, {
+        gte: r.gte.toString(),
+        lte: r.lte.toString()
+      }) : P(o, i, { relative: r.filterType });
+    }), Array.from(this.numberRangeFilters.entries()).filter(([, i]) => i.isActive).forEach(([i, r]) => {
+      const m = {};
+      r.gte !== void 0 && (m.gte = r.gte), r.isValidLte && (m.lte = r.lte), P(o, i, m);
+    });
+    const g = {
+      filter: o,
+      [n]: String(this.pageSize),
+      [e]: String(this.currentPage)
+    };
+    return this.activeViewId && (g.view = this.activeViewId), g;
+  }
+  get queryParams() {
+    return I.stringify(this.queryParamsObject, {
+      arrayFormat: "brackets"
+    });
+  }
+  get hasUnsavedChanges() {
+    if (this.activeViewId === K) return !1;
+    if (this.defaultPageSize !== this.pageSize || this.tableStore && (this.tableStore.sortState.columnId !== this.defaultSortState.columnId || this.tableStore.sortState.direction !== this.defaultSortState.direction))
+      return !0;
+    const { GROUP_MAP: t, SEARCH_FILTER_ID: s } = S.getBusinessLogic(), n = Array.from(t.values()).flatMap((f) => f.fields), e = new Set(n.map((f) => f.id));
+    if (Array.from(this.filters.entries()).filter(([f]) => f !== s && e.has(f)).some(([f, l]) => {
+      const a = this.defaultFilters.get(f);
+      return a === void 0 && l !== "" || a !== void 0 && l !== a;
+    }))
+      return !0;
+    const g = Array.from(this.defaultArrayFilters.entries()).filter(([f]) => e.has(f)).some(([f, l]) => {
+      const a = this.defaultArrayFilters.get(f) || [];
+      return l.length > 0 || a.length > 0 ? l.length !== a.length || !N(l, a) : !1;
+    }), i = Array.from(this.arrayFilters.entries()).filter(([f]) => e.has(f)).some(([f, l]) => {
+      const a = this.defaultArrayFilters.get(f) || [];
+      return l.length > 0 || a.length > 0 ? l.length !== a.length || !N(l, a) : !1;
+    });
+    if (g || i)
+      return !0;
+    const r = Array.from(this.numberRangeFilters.entries()).filter(([f]) => e.has(f)).some(([f, l]) => {
+      const a = this.defaultNumberRangeFilters.get(f);
+      return !l.isEqual(a);
+    });
+    if (Array.from(this.defaultNumberRangeFilters.entries()).filter(([f]) => e.has(f)).some(([f, l]) => {
+      const a = this.numberRangeFilters.get(f);
+      return !l.isEqual(a);
+    }) || r)
+      return !0;
+    const E = Array.from(this.defaultDateRangeFilters.entries()).filter(([f]) => e.has(f)).some(([f, l]) => {
+      var w, A, u, F;
+      const a = this.dateRangeFilters.get(f);
+      return l != null && l.filterType && !(a != null && a.filterType) || a != null && a.filterType && !(l != null && l.filterType) || (a == null ? void 0 : a.filterType) !== (l == null ? void 0 : l.filterType) ? !0 : (a == null ? void 0 : a.filterType) === "CUSTOM" && (l == null ? void 0 : l.filterType) === "CUSTOM" ? ((w = l.gte) == null ? void 0 : w.toString()) !== ((A = a.gte) == null ? void 0 : A.toString()) || ((u = l.lte) == null ? void 0 : u.toString()) !== ((F = a.lte) == null ? void 0 : F.toString()) : !1;
+    });
+    return Array.from(this.dateRangeFilters.entries()).filter(([f]) => e.has(f)).some(([f, l]) => {
+      var w, A, u, F;
+      const a = this.defaultDateRangeFilters.get(f);
+      return l != null && l.filterType && !(a != null && a.filterType) || a != null && a.filterType && !(l != null && l.filterType) || (a == null ? void 0 : a.filterType) !== (l == null ? void 0 : l.filterType) ? !0 : (a == null ? void 0 : a.filterType) === "CUSTOM" && (l == null ? void 0 : l.filterType) === "CUSTOM" ? ((w = l.gte) == null ? void 0 : w.toString()) !== ((A = a.gte) == null ? void 0 : A.toString()) || ((u = l.lte) == null ? void 0 : u.toString()) !== ((F = a.lte) == null ? void 0 : F.toString()) : !1;
+    }) || E;
   }
 }
 export {
-  u as NumberRangeFilter
+  le as Filters
 };

package/dist/index71.cjs

@@ -1 +1 @@
-"use strict";var c=Object.defineProperty;var g=(r,e,t)=>e in r?c(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var i=(r,e,t)=>g(r,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("mobx"),a=require("@veeqo/ui"),l=require("./index48.cjs"),o=require("./index9.cjs");class u{constructor(e){i(this,"filterType");i(this,"gte");i(this,"lte");i(this,"setFilterType",e=>{if(e===this.filterType)return;const t=e||l.DateValue.TODAY;if(this.filterType=t,t!=="CUSTOM"){const n=a.getDateRange(t);n&&(this.gte=n.start,this.lte=n.end)}});i(this,"setDates",(e,t)=>{this.gte=e,this.lte=t});i(this,"clear",()=>{this.filterType=void 0;const{DEFAULT_DATE_RANGE:e}=o.BusinessLogicManager.getBusinessLogic();e&&this.setDates(e.start,e.end)});s.makeObservable(this,{filterType:s.observable,gte:s.observable,lte:s.observable,filterSelection:s.computed,filterLabel:s.computed,selectedRange:s.computed,setFilterType:s.action,setDates:s.action,clear:s.action});const t=e&&e!=="CUSTOM"?a.getDateRange(e):null,{DEFAULT_DATE_RANGE:n}=o.BusinessLogicManager.getBusinessLogic();this.filterType=e,this.gte=(t==null?void 0:t.start)??n.start,this.lte=(t==null?void 0:t.end)??n.end}get filterSelection(){const{DEFAULT_DATE_PRESET:e}=o.BusinessLogicManager.getBusinessLogic();return this.filterType?l.DateOptionMap.get(this.filterType)??e:e}get filterLabel(){return this.filterSelection.label}get selectedRange(){return{start:this.gte,end:this.lte}}}exports.RangeFilter=u;
+"use strict";var c=Object.defineProperty;var M=(r,e,s)=>e in r?c(r,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[e]=s;var t=(r,e,s)=>M(r,typeof e!="symbol"?e+"":e,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("mobx"),d=require("./index9.cjs");class n{constructor({filterId:e}){t(this,"filterId");t(this,"gteMinLabel");t(this,"gteMin");t(this,"lteMaxLabel");t(this,"lteMax");t(this,"gte");t(this,"lte");t(this,"setGte",e=>{this.gte=e});t(this,"setLte",e=>{this.lte=e});t(this,"clear",()=>{this.setGte(void 0),this.setLte(void 0)});t(this,"clone",()=>{const e=new n({filterId:this.filterId});return e.setGte(this.gte),e.setLte(this.lte),e});t(this,"isEqual",e=>!(!e||this.lte!==e.lte||this.gte!==e.gte));var h,o;i.makeObservable(this,{filterId:i.observable,filterLabel:i.computed,gte:i.observable,lte:i.observable,lteMax:i.observable,gteMin:i.observable,setGte:i.action,setLte:i.action,clear:i.action}),this.filterId=e;const{FIELDS_MAP:s}=d.BusinessLogicManager.getBusinessLogic(),l=s.get(this.filterId),u=(h=l==null?void 0:l.options)==null?void 0:h.every(a=>a.value&&Number.isInteger(Number(a.value)));if(l&&u&&((o=l.options)==null?void 0:o.length)===2){const[a,g]=l.options,b=Number(a.value),f=Number(g.value);this.gteMin=b,this.gteMinLabel=a.label,this.lteMax=f,this.lteMaxLabel=g.label}else this.gte=0,this.gteMin=0,this.gteMinLabel="Min.",this.lte=100,this.lteMax=100,this.lteMaxLabel="Max."}get isValidLte(){return!(this.lte===void 0||this.lte===this.lteMax)}get filterLabel(){return this.gte===void 0&&this.lte===void 0?"":this.isValidLte?`Between ${this.gte} and ${this.lte}`:this.gte!==void 0?`${this.gte} or more`:""}get isActive(){return this.gte===this.gteMin&&this.lte===this.lteMax||this.gte===void 0&&this.lte===void 0?!1:this.gte!==void 0?!0:this.lte!==void 0&&this.lte<this.lteMax}}exports.NumberRangeFilter=n;

package/dist/index71.js

@@ -1,59 +1,60 @@
-var g = Object.defineProperty;
-var h = (i, t, e) => t in i ? g(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var s = (i, t, e) => h(i, typeof t != "symbol" ? t + "" : t, e);
-import { makeObservable as p, action as l, computed as n, observable as o } from "mobx";
-import { getDateRange as a } from "@veeqo/ui";
-import { DateValue as T, DateOptionMap as f } from "./index48.js";
-import { BusinessLogicManager as c } from "./index9.js";
-class L {
-  constructor(t) {
-    s(this, "filterType");
-    s(this, "gte");
-    s(this, "lte");
-    s(this, "setFilterType", (t) => {
-      if (t === this.filterType) return;
-      const e = t || T.TODAY;
-      if (this.filterType = e, e !== "CUSTOM") {
-        const r = a(e);
-        r && (this.gte = r.start, this.lte = r.end);
-      }
+var b = Object.defineProperty;
+var v = (l, t, i) => t in l ? b(l, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : l[t] = i;
+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 "./index9.js";
+class u {
+  constructor({ filterId: t }) {
+    e(this, "filterId");
+    e(this, "gteMinLabel");
+    e(this, "gteMin");
+    e(this, "lteMaxLabel");
+    e(this, "lteMax");
+    e(this, "gte");
+    e(this, "lte");
+    e(this, "setGte", (t) => {
+      this.gte = t;
     });
-    s(this, "setDates", (t, e) => {
-      this.gte = t, this.lte = e;
+    e(this, "setLte", (t) => {
+      this.lte = t;
     });
-    s(this, "clear", () => {
-      this.filterType = void 0;
-      const { DEFAULT_DATE_RANGE: t } = c.getBusinessLogic();
-      t && this.setDates(t.start, t.end);
+    e(this, "clear", () => {
+      this.setGte(void 0), this.setLte(void 0);
     });
-    p(this, {
-      filterType: o,
-      gte: o,
-      lte: o,
-      filterSelection: n,
-      filterLabel: n,
-      selectedRange: n,
-      setFilterType: l,
-      setDates: l,
-      clear: l
+    e(this, "clone", () => {
+      const t = new u({ filterId: this.filterId });
+      return t.setGte(this.gte), t.setLte(this.lte), t;
     });
-    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;
+    e(this, "isEqual", (t) => !(!t || this.lte !== t.lte || this.gte !== t.gte));
+    var a, o;
+    L(this, {
+      filterId: h,
+      filterLabel: c,
+      gte: h,
+      lte: h,
+      lteMax: h,
+      gteMin: h,
+      setGte: n,
+      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)));
+    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;
+    } else
+      this.gte = 0, this.gteMin = 0, this.gteMinLabel = "Min.", this.lte = 100, this.lteMax = 100, this.lteMaxLabel = "Max.";
   }
-  get filterSelection() {
-    const { DEFAULT_DATE_PRESET: t } = c.getBusinessLogic();
-    return this.filterType ? f.get(this.filterType) ?? t : t;
+  get isValidLte() {
+    return !(this.lte === void 0 || this.lte === this.lteMax);
   }
   get filterLabel() {
-    return this.filterSelection.label;
+    return this.gte === void 0 && this.lte === void 0 ? "" : this.isValidLte ? `Between ${this.gte} and ${this.lte}` : this.gte !== void 0 ? `${this.gte} or more` : "";
   }
-  get selectedRange() {
-    return {
-      start: this.gte,
-      end: this.lte
-    };
+  get isActive() {
+    return this.gte === this.gteMin && this.lte === this.lteMax || this.gte === void 0 && this.lte === void 0 ? !1 : this.gte !== void 0 ? !0 : this.lte !== void 0 && this.lte < this.lteMax;
   }
 }
 export {
-  L as RangeFilter
+  u as NumberRangeFilter
 };

package/dist/index72.cjs

@@ -1 +1 @@
-"use strict";var d=Object.defineProperty;var f=(r,t,e)=>t in r?d(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var i=(r,t,e)=>f(r,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("mobx");class w{constructor(){i(this,"draftCount");i(this,"draftViewsMap");i(this,"addDraftView",t=>{const e=t.originalView||t,s=`${e.id}-draft${this.draftCount}`,o=`${e.label} (Copy ${this.draftCount+1})`,n={...t,id:s,label:o,editable:!0,originalView:e};return this.draftViewsMap.set(s,n),this.incrementDraftViewCount(),n});i(this,"removeDraftViewById",t=>{this.draftViewsMap.has(t)&&this.draftViewsMap.delete(t)});i(this,"incrementDraftViewCount",()=>{this.draftCount+=1});a.makeObservable(this,{draftViewsList:a.computed,draftViewsMap:a.observable,draftCount:a.observable,addDraftView:a.action,removeDraftViewById:a.action,incrementDraftViewCount:a.action}),this.draftCount=0,this.draftViewsMap=new Map}get draftViewsList(){return Array.from(this.draftViewsMap.entries()).map(([,t])=>t)}}exports.Views=w;
+"use strict";var c=Object.defineProperty;var g=(r,e,t)=>e in r?c(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var i=(r,e,t)=>g(r,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("mobx"),a=require("@veeqo/ui"),l=require("./index48.cjs"),o=require("./index9.cjs");class u{constructor(e){i(this,"filterType");i(this,"gte");i(this,"lte");i(this,"setFilterType",e=>{if(e===this.filterType)return;const t=e||l.DateValue.TODAY;if(this.filterType=t,t!=="CUSTOM"){const n=a.getDateRange(t);n&&(this.gte=n.start,this.lte=n.end)}});i(this,"setDates",(e,t)=>{this.gte=e,this.lte=t});i(this,"clear",()=>{this.filterType=void 0;const{DEFAULT_DATE_RANGE:e}=o.BusinessLogicManager.getBusinessLogic();e&&this.setDates(e.start,e.end)});s.makeObservable(this,{filterType:s.observable,gte:s.observable,lte:s.observable,filterSelection:s.computed,filterLabel:s.computed,selectedRange:s.computed,setFilterType:s.action,setDates:s.action,clear:s.action});const t=e&&e!=="CUSTOM"?a.getDateRange(e):null,{DEFAULT_DATE_RANGE:n}=o.BusinessLogicManager.getBusinessLogic();this.filterType=e,this.gte=(t==null?void 0:t.start)??n.start,this.lte=(t==null?void 0:t.end)??n.end}get filterSelection(){const{DEFAULT_DATE_PRESET:e}=o.BusinessLogicManager.getBusinessLogic();return this.filterType?l.DateOptionMap.get(this.filterType)??e:e}get filterLabel(){return this.filterSelection.label}get selectedRange(){return{start:this.gte,end:this.lte}}}exports.RangeFilter=u;