@veeqo/transfigure 0.0.21 → 0.0.22

package/dist/index64.js

@@ -1,62 +1,318 @@
-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 "./index8.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 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 m } from "./index47.js";
+import { RangeFilter as w } from "./index66.js";
+import { NumberRangeFilter as P } from "./index65.js";
+import { ALL_VIEW_ID as O } from "./index74.js";
+import { isValidDateRange as V } from "./index72.js";
+import { BusinessLogicManager as y } from "./index8.js";
+class W {
+  constructor() {
+    // PAGINATION
+    f(this, "defaultPageSize");
+    f(this, "pageSize");
+    f(this, "currentPage");
+    // DEFAULT FILTERS
+    f(this, "defaultFilters");
+    f(this, "defaultArrayFilters");
+    f(this, "defaultDateRangeFilters");
+    f(this, "defaultNumberRangeFilters");
+    // CURRENT FILTERS
+    f(this, "filters");
+    f(this, "arrayFilters");
+    f(this, "dateRangeFilters");
+    f(this, "numberRangeFilters");
+    // VIEWS
+    f(this, "activeViewId");
+    // VISIBILITY STATE
+    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);
+    });
+    f(this, "updateUrl", (e = !1) => {
+      try {
+        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, this.updateUrl();
+    });
+    f(this, "setPageSize", (e) => {
+      this.pageSize = e, this.updateUrl();
+    });
+    // TEXT FILTERS
+    f(this, "setFilter", (e, l) => {
+      this.filters.set(e, l), this.updateUrl();
+    });
+    f(this, "clearFilter", (e) => {
+      this.filters.set(e, ""), this.updateUrl();
+    });
+    // ARRAY FILTERS
+    f(this, "setArrayFilter", (e, l) => {
+      this.arrayFilters.set(e, l), this.updateUrl();
+    });
+    f(this, "clearArrayFilter", (e) => {
+      this.arrayFilters.set(e, []), this.updateUrl();
+    });
+    // RANGE FILTERS
+    f(this, "setRangeFilter", ({
+      key: e,
+      range: l,
+      dates: r
+    }) => {
+      l.setFilterType(e), l.setDates(r.start, r.end), this.updateUrl();
+    });
+    f(this, "clearRangeFilter", (e) => {
+      const l = this.dateRangeFilters.get(e);
+      l && (l.clear(), this.updateUrl());
+    });
+    // NUMBER RANGE FILTERS
+    f(this, "setNumberRangeFilter", ({
+      numberRange: e,
+      gte: l,
+      lte: r
+    }) => {
+      e.setGte(l), e.setLte(r), this.updateUrl();
+    });
+    f(this, "clearNumberRangeFilter", (e) => {
+      const l = this.numberRangeFilters.get(e);
+      l && (l.clear(), this.updateUrl());
+    });
+    // CLEARING ALL FILTERS
+    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();
+    });
+    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
+    f(this, "setActiveViewId", (e) => {
+      this.activeViewId = e, this.updateUrl();
+    });
+    // VISIBILITY
+    f(this, "toggleFiltersDropdownVisible", (e) => {
+      this.isFiltersDropdownVisible = e;
+    });
+    // FILTER GROUPS
+    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;
+    });
+    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;
+    });
+    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;
+        }
+        if (i === a && t.includes(Number(s))) {
+          this.pageSize = Number(s);
+          return;
+        }
+        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 m.DATE_RANGE:
+              let d;
+              if (s === "CUSTOM") {
+                d = new w("CUSTOM");
+                const I = o.get(`${i}_gte`), U = o.get(`${i}_lte`);
+                I && U && d.setDates(D(I), D(U));
+              } else V(s) ? d = new w(s) : d = new w(v.TODAY);
+              M.set(i, d);
+              break;
+            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 m.TEXT:
+            case m.NUMBER:
+            case m.RADIO:
+              F.set(i, s);
+              break;
+          }
+      }), this.filters = F, this.arrayFilters = R, this.dateRangeFilters = M, this.numberRangeFilters = S, this.updateUrl();
+    });
+    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: 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: 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 isValidLte() {
-    return !(this.lte === void 0 || this.lte === this.lteMax);
+  get activeFilterKeysList() {
+    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 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 queryParams() {
+    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 isActive() {
-    return this.gte === this.gteMin && this.lte === this.lteMax || this.gte === this.lte || this.gte === void 0 && this.lte === void 0 ? !1 : this.gte !== void 0 ? !0 : this.lte !== void 0 && this.lte < this.lteMax;
+  get hasUnsavedChanges() {
+    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 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 || !N(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 || !N(i, s) : !1;
+    });
+    if (n || h)
+      return !0;
+    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(([o]) => t.has(o)).some(([o, i]) => {
+      const s = this.numberRangeFilters.get(o);
+      return !i.isEqual(s);
+    }) || F)
+      return !0;
+    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(([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 {
-  u as NumberRangeFilter
+  W as Filters
 };

package/dist/index65.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("./index45.cjs"),o=require("./index8.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("./index8.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===this.lte||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/index65.js

@@ -1,59 +1,62 @@
-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 "./index45.js";
-import { BusinessLogicManager as c } from "./index8.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 "./index8.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 === this.lte || 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/index66.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("./index46.cjs"),o=require("./index8.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;

package/dist/index66.js

@@ -1,40 +1,59 @@
-var f = Object.defineProperty;
-var w = (a, t, e) => t in a ? f(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
-var r = (a, t, e) => w(a, typeof t != "symbol" ? t + "" : t, e);
-import { makeObservable as V, action as i, observable as d, computed as u } from "mobx";
-class h {
-  constructor() {
-    r(this, "draftCount");
-    r(this, "draftViewsMap");
-    r(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;
+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 "./index46.js";
+import { BusinessLogicManager as c } from "./index8.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);
+      }
     });
-    r(this, "removeDraftViewById", (t) => {
-      this.draftViewsMap.has(t) && this.draftViewsMap.delete(t);
+    s(this, "setDates", (t, e) => {
+      this.gte = t, this.lte = e;
     });
-    r(this, "incrementDraftViewCount", () => {
-      this.draftCount += 1;
+    s(this, "clear", () => {
+      this.filterType = void 0;
+      const { DEFAULT_DATE_RANGE: t } = c.getBusinessLogic();
+      t && this.setDates(t.start, t.end);
     });
-    V(this, {
-      draftViewsList: u,
-      draftViewsMap: d,
-      draftCount: d,
-      addDraftView: i,
-      removeDraftViewById: i,
-      incrementDraftViewCount: i
-    }), this.draftCount = 0, this.draftViewsMap = /* @__PURE__ */ new Map();
+    p(this, {
+      filterType: o,
+      gte: o,
+      lte: o,
+      filterSelection: n,
+      filterLabel: n,
+      selectedRange: n,
+      setFilterType: l,
+      setDates: l,
+      clear: l
+    });
+    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();
+    return this.filterType ? f.get(this.filterType) ?? t : t;
+  }
+  get filterLabel() {
+    return this.filterSelection.label;
   }
-  get draftViewsList() {
-    return Array.from(this.draftViewsMap.entries()).map(([, t]) => t);
+  get selectedRange() {
+    return {
+      start: this.gte,
+      end: this.lte
+    };
   }
 }
 export {
-  h as Views
+  L as RangeFilter
 };

package/dist/index67.cjs

@@ -1 +1 @@
-"use strict";var r=Object.defineProperty;var c=(e,t,s)=>t in e?r(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var o=(e,t,s)=>c(e,typeof t!="symbol"?t+"":t,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("mobx"),n=require("uid/secure");class u{constructor(){o(this,"toasts");o(this,"timeouts");o(this,"notify",t=>{const s={...t,key:n.uid()};this.toasts=[...this.toasts,s]});o(this,"setToasts",t=>{this.toasts=t});o(this,"removeByKey",t=>{const s=this.timeouts.get(t);s&&(clearTimeout(s),this.timeouts.delete(t)),this.toasts=this.toasts.filter(a=>a.key!==t)});i.makeObservable(this,{toasts:i.observable,notify:i.action,setToasts:i.action,removeByKey:i.action}),this.toasts=[],this.timeouts=new Map}}exports.Notifications=u;
+"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;