@veeqo/transfigure 2.2.0 → 2.3.0

package/dist/index69.js

@@ -1,22 +1,31 @@
-var C = Object.defineProperty;
-var U = (b, t, l) => t in b ? C(b, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : b[t] = l;
-var h = (b, t, l) => U(b, typeof t != "symbol" ? t + "" : t, l);
-import { makeObservable as O, computed as M, action as F, observable as c } from "mobx";
-import { DateRanges as L } from "@veeqo/ui";
-import { parseDate as _ } from "@internationalized/date";
-import D from "lodash/isEqual";
-import G from "lodash/get";
-import R from "lodash/set";
-import T from "qs";
-import { FilterChoiceValue as m } from "./index50.js";
-import { SortingMode as I } from "./index2.js";
-import { RangeFilter as w } from "./index71.js";
-import { NumberRangeFilter as v } from "./index70.js";
-import { ALL_VIEW_ID as V } from "./index80.js";
-import { isValidDateRange as N } from "./index78.js";
-import { BusinessLogicManager as d } from "./index9.js";
-class ee {
-  constructor() {
+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 "./index71.js";
+import { NumberRangeFilter as O } from "./index70.js";
+import { parseSortString as U } from "./index99.js";
+import { ALL_VIEW_ID as K } from "./index80.js";
+import { isValidDateRange as L } from "./index78.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");
@@ -33,32 +42,35 @@ class ee {
     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.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: l, SORTING_MODE: s } = d.getBusinessLogic(), e = T.parse(window.location.search, { ignoreQueryPrefix: !0 }), i = e[l], f = e.sort_order, g = e.sort;
-        let o = "";
-        switch (s) {
-          case I.CORAL:
-            if (f && g) {
-              const u = { ...this.queryParamsObject, sort: g, sort_order: f };
-              o = `${window.location.pathname}?${T.stringify(u, { arrayFormat: "brackets" })}`;
+        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 I.MONOLITH:
+          case C.MONOLITH:
           default:
-            if (i) {
-              const u = { ...this.queryParamsObject, [l]: i };
-              o = `${window.location.pathname}?${T.stringify(u, { arrayFormat: "brackets" })}`;
+            if (o) {
+              const m = { ...this.queryParamsObject, [s]: o };
+              r = `${window.location.pathname}?${I.stringify(m, { arrayFormat: "brackets" })}`;
             }
         }
-        i || (o = `${window.location.pathname}?${this.queryParams}`), t ? window.history.pushState({}, "", o) : window.history.replaceState({}, "", o);
-      } catch (l) {
-        console.log(l);
+        o || (r = `${window.location.pathname}?${this.queryParams}`), t ? window.history.pushState({}, "", r) : window.history.replaceState({}, "", r);
+      } catch (s) {
+        console.log(s);
       }
     });
     // PAGINATION
@@ -69,15 +81,15 @@ class ee {
       this.pageSize = t, this.updateUrl();
     });
     // TEXT FILTERS
-    h(this, "setFilter", (t, l) => {
-      this.filters.set(t, l), this.setCurrentPage(1), this.updateUrl();
+    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, l) => {
-      this.arrayFilters.set(t, l), this.setCurrentPage(1), this.updateUrl();
+    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();
@@ -85,37 +97,37 @@ class ee {
     // RANGE FILTERS
     h(this, "setRangeFilter", ({
       key: t,
-      range: l,
-      dates: s
+      range: s,
+      dates: n
     }) => {
-      l.setFilterType(t), l.setDates(s.start, s.end), this.setCurrentPage(1), this.updateUrl();
+      s.setFilterType(t), s.setDates(n.start, n.end), this.setCurrentPage(1), this.updateUrl();
     });
     h(this, "clearRangeFilter", (t) => {
-      const l = this.dateRangeFilters.get(t);
-      l && (l.clear(), this.setCurrentPage(1), this.updateUrl());
+      const s = this.dateRangeFilters.get(t);
+      s && (s.clear(), this.setCurrentPage(1), this.updateUrl());
     });
     // NUMBER RANGE FILTERS
     h(this, "setNumberRangeFilter", ({
       numberRange: t,
-      gte: l,
-      lte: s
+      gte: s,
+      lte: n
     }) => {
-      t.setGte(l), t.setLte(s), this.setCurrentPage(1), this.updateUrl();
+      t.setGte(s), t.setLte(n), this.setCurrentPage(1), this.updateUrl();
     });
     h(this, "clearNumberRangeFilter", (t) => {
-      const l = this.numberRangeFilters.get(t);
-      l && (l.clear(), this.setCurrentPage(1), this.updateUrl());
+      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: l } = d.getBusinessLogic();
-      this.filters.forEach((s, e) => {
-        e !== l && this.filters.set(e, "");
-      }), this.arrayFilters.forEach((s, e) => this.arrayFilters.set(e, [])), this.dateRangeFilters.forEach((s) => s.clear()), this.numberRangeFilters.forEach((s) => s.clear()), this.setCurrentPage(1), t || this.updateUrl();
+      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: l } = d.getBusinessLogic(), s = l.get(t);
-      s && s.fields.forEach((e) => {
+      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);
       });
     });
@@ -129,139 +141,153 @@ class ee {
     });
     // FILTER GROUPS
     h(this, "getFiltersForGroup", (t) => {
-      const { GROUP_MAP: l } = d.getBusinessLogic(), s = l.get(t);
-      if (!s) return {};
+      const { GROUP_MAP: s } = S.getBusinessLogic(), n = s.get(t);
+      if (!n) return {};
       const e = {};
-      return s.fields.forEach((i) => {
-        this.arrayFilters.has(i.id) ? e[i.id] = this.arrayFilters.get(i.id) : this.dateRangeFilters.has(i.id) ? e[i.id] = this.dateRangeFilters.get(i.id) : this.numberRangeFilters.has(i.id) ? e[i.id] = this.numberRangeFilters.get(i.id) : e[i.id] = this.filters.get(i.id);
+      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 s;
-      const { PAGE_SIZE_OPTIONS: l } = d.getBusinessLogic();
-      (s = t.page) != null && s.size && l.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(([e, i]) => {
-          const f = new w(i.filterType);
-          return i.gte && i.lte && f.setDates(i.gte, i.lte), [e, f];
+      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(([e, i]) => {
-          const f = i.clone();
-          return i.gte && f.setGte(i.gte), i.lte && f.setLte(i.lte), [e, f];
+        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(([e, i]) => {
-          const f = new w(i.filterType);
-          return i.gte && i.lte && f.setDates(i.gte, i.lte), [e, f];
+        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(([e, i]) => {
-          const f = i.clone();
-          return i.gte && f.setGte(i.gte), i.lte && f.setLte(i.lte), [e, f];
+        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.activeViewId = t.id;
+      );
+      const n = U(t.sort);
+      this.defaultSortState = n, (o = this.tableStore) == null || o.setSortState(n), this.activeViewId = t.id;
     });
     h(this, "initFromUrl", (t = !0) => {
-      const { GROUP_MAP: l, PAGE_SIZE_OPTIONS: s, PAGE_SIZE_FILTER_ID: e } = d.getBusinessLogic(), i = T.parse(window.location.search, {
+      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
-      }), f = Array.from(l.values()).flatMap((n) => n.fields), g = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Map();
-      t && i.view && (this.activeViewId = i.view), i[e] && s.includes(Number(i[e])) && (this.pageSize = Number(i[e]));
-      const P = i.filter || {};
-      f.forEach((n) => {
-        const r = G(P, n.id);
-        if (r !== void 0)
-          switch (n.filterType) {
-            case m.CHECKBOX:
-              Array.isArray(r) ? o.set(n.id, r) : r && o.set(n.id, [r]);
+      }), 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 m.DATE_RANGE:
-              if (typeof r == "string" && N(r))
-                u.set(n.id, new w(r));
-              else if (typeof r == "object" && r !== null) {
-                const a = r;
-                if (a.relative && N(a.relative))
-                  u.set(n.id, new w(a.relative));
-                else if (a.gte && a.lte)
+            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 p = _(a.gte), A = _(a.lte), y = new w("CUSTOM");
-                    y.setDates(p, A), u.set(n.id, y);
+                    const T = v(y.gte), G = v(y.lte), D = new b("CUSTOM");
+                    D.setDates(T, G), E.set(u.id, D);
                   } catch {
-                    u.set(n.id, new w(L.TODAY));
+                    E.set(u.id, new b(q.TODAY));
                   }
               }
               break;
-            case m.NUMBER_RANGE:
-              if (typeof r == "object" && r !== null) {
-                const a = r, p = new v({ filterId: n.id });
-                a.gte !== void 0 && p.setGte(Number(a.gte)), a.lte !== void 0 && p.setLte(Number(a.lte)), S.set(n.id, p);
+            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 m.TEXT:
-            case m.NUMBER:
-            case m.RADIO:
-              (typeof r == "string" || typeof r == "number") && g.set(n.id, String(r));
+            case p.TEXT:
+            case p.NUMBER:
+            case p.RADIO:
+              (typeof F == "string" || typeof F == "number") && r.set(u.id, String(F));
               break;
           }
-      }), this.filters = g, this.arrayFilters = o, this.dateRangeFilters = u, this.numberRangeFilters = S, this.updateUrl();
+      }), 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: l } = d.getBusinessLogic(), s = new Map(this.defaultFilters);
-      this.filters.has(l) && s.set(l, this.filters.get(l)), this.filters = s, this.arrayFilters = new Map(this.defaultArrayFilters), this.dateRangeFilters.clear(), this.defaultDateRangeFilters.forEach((e, i) => {
-        const f = new w(e.filterType);
-        f.setDates(e.gte, e.lte), this.dateRangeFilters.set(i, f);
-      }), this.numberRangeFilters.clear(), this.defaultNumberRangeFilters.forEach((e, i) => {
-        this.numberRangeFilters.set(i, e.clone());
-      }), this.updateUrl(t);
+      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: t } = d.getBusinessLogic(), l = Array.from(t.values()).flatMap((s) => s.fields);
+    const { GROUP_MAP: s } = S.getBusinessLogic(), n = Array.from(s.values()).flatMap((e) => e.fields);
     this.filters = new Map(
-      l.filter(
-        (s) => s.filterType === m.TEXT || s.filterType === m.NUMBER || s.filterType === m.RADIO || s.filterType === m.DATE_RANGE
-      ).map((s) => [s.id, ""])
+      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(
-      l.filter((s) => s.filterType === m.CHECKBOX).map((s) => [s.id, []])
+      n.filter((e) => e.filterType === p.CHECKBOX).map((e) => [e.id, []])
     ), this.dateRangeFilters = new Map(
-      l.filter((s) => s.filterType === m.DATE_RANGE).map((s) => [s.id, new w()])
+      n.filter((e) => e.filterType === p.DATE_RANGE).map((e) => [e.id, new b()])
     ), this.numberRangeFilters = new Map(
-      l.filter((s) => s.filterType === m.NUMBER_RANGE).map((s) => {
-        const e = new v({ filterId: s.id });
-        return [s.id, e];
+      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, O(this, {
-      defaultPageSize: c,
-      pageSize: c,
-      currentPage: c,
-      defaultFilters: c,
-      defaultArrayFilters: c,
-      defaultDateRangeFilters: c,
-      defaultNumberRangeFilters: c,
-      filters: c,
-      arrayFilters: c,
-      numberRangeFilters: c,
-      dateRangeFilters: c,
-      isFiltersDropdownVisible: c,
-      activeViewId: c,
-      setPageSize: F,
-      setCurrentPage: F,
-      toggleFiltersDropdownVisible: F,
-      setActiveViewId: F,
-      setFilter: F,
-      setArrayFilter: F,
-      setRangeFilter: F,
-      setNumberRangeFilter: F,
-      clearFilter: F,
-      clearArrayFilter: F,
-      clearRangeFilter: F,
-      clearNumberRangeFilter: F,
-      clearAllFilters: F,
-      getFiltersForGroup: F,
-      clearFiltersForGroup: F,
-      initFromUrl: F,
-      initFiltersFromView: F,
-      initDefaultFilterMaps: F,
-      discardChanges: F,
-      updateUrl: F,
+    ), 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,
@@ -270,83 +296,84 @@ class ee {
     });
   }
   get hasActiveFilters() {
-    const { GROUP_MAP: t } = d.getBusinessLogic(), l = Array.from(t.values()).flatMap((e) => e.fields), s = new Set(l.map((e) => e.id));
-    return Array.from(this.filters.entries()).filter(([e]) => s.has(e)).some(([, e]) => e !== "") || Array.from(this.arrayFilters.entries()).filter(([e]) => s.has(e)).some(([, e]) => e.length > 0) || Array.from(this.dateRangeFilters.entries()).filter(([e]) => s.has(e)).some(([, e]) => e.filterType !== void 0) || Array.from(this.numberRangeFilters.entries()).filter(([e]) => s.has(e)).some(([, e]) => e.isActive);
+    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 activeFilterKeysList() {
-    const { DATE_RANGE_FILTERS: t, NUMBER_RANGE_FILTERS: l } = d.getBusinessLogic(), s = Array.from(this.filters.entries()).filter(
-      ([o, u]) => u !== "" && !t.includes(o) && !l.includes(o)
-    ).map(([o]) => o), e = Array.from(this.arrayFilters.entries()).filter(([, o]) => o.length > 0).map(([o]) => o), i = Array.from(this.dateRangeFilters.entries()).filter(([, o]) => o.filterType !== void 0).map(([o]) => o), f = Array.from(this.numberRangeFilters.entries()).filter(([, o]) => o.isActive).map(([o]) => o);
-    return [.../* @__PURE__ */ new Set([...s, ...e, ...i, ...f])];
+    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 queryParamsObject() {
-    const { DATE_RANGE_FILTERS: t, NUMBER_RANGE_FILTERS: l, PAGE_SIZE_FILTER_ID: s, PAGE_NUMBER_FILTER_ID: e } = d.getBusinessLogic(), i = {};
+    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(
-      ([g, o]) => o !== "" && !t.includes(g) && !l.includes(g)
-    ).forEach(([g, o]) => {
-      R(i, g, o);
-    }), Array.from(this.arrayFilters.entries()).filter(([, g]) => g.length > 0).forEach(([g, o]) => {
-      R(i, g, o);
-    }), Array.from(this.dateRangeFilters.entries()).filter(([, g]) => g.filterType !== void 0).forEach(([g, o]) => {
-      o.filterType === "CUSTOM" ? R(i, g, {
-        gte: o.gte.toString(),
-        lte: o.lte.toString()
-      }) : R(i, g, { relative: o.filterType });
-    }), Array.from(this.numberRangeFilters.entries()).filter(([, g]) => g.isActive).forEach(([g, o]) => {
-      const u = {};
-      o.gte !== void 0 && (u.gte = o.gte), o.isValidLte && (u.lte = o.lte), R(i, g, u);
+      ([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 f = {
-      filter: i,
-      [s]: String(this.pageSize),
+    const g = {
+      filter: o,
+      [n]: String(this.pageSize),
       [e]: String(this.currentPage)
     };
-    return this.activeViewId && (f.view = this.activeViewId), f;
+    return this.activeViewId && (g.view = this.activeViewId), g;
   }
   get queryParams() {
-    return T.stringify(this.queryParamsObject, {
+    return I.stringify(this.queryParamsObject, {
       arrayFormat: "brackets"
     });
   }
   get hasUnsavedChanges() {
-    if (this.activeViewId === V) return !1;
-    if (this.defaultPageSize !== this.pageSize) return !0;
-    const { GROUP_MAP: t, SEARCH_FILTER_ID: l } = d.getBusinessLogic(), s = Array.from(t.values()).flatMap((n) => n.fields), e = new Set(s.map((n) => n.id));
-    if (Array.from(this.filters.entries()).filter(([n]) => n !== l && e.has(n)).some(([n, r]) => {
-      const a = this.defaultFilters.get(n);
-      return a === void 0 && r !== "" || a !== void 0 && r !== a;
+    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 f = Array.from(this.defaultArrayFilters.entries()).filter(([n]) => e.has(n)).some(([n, r]) => {
-      const a = this.defaultArrayFilters.get(n) || [];
-      return r.length > 0 || a.length > 0 ? r.length !== a.length || !D(r, a) : !1;
-    }), g = Array.from(this.arrayFilters.entries()).filter(([n]) => e.has(n)).some(([n, r]) => {
-      const a = this.defaultArrayFilters.get(n) || [];
-      return r.length > 0 || a.length > 0 ? r.length !== a.length || !D(r, a) : !1;
+    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 (f || g)
+    if (g || i)
       return !0;
-    const o = Array.from(this.numberRangeFilters.entries()).filter(([n]) => e.has(n)).some(([n, r]) => {
-      const a = this.defaultNumberRangeFilters.get(n);
-      return !r.isEqual(a);
+    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(([n]) => e.has(n)).some(([n, r]) => {
-      const a = this.numberRangeFilters.get(n);
-      return !r.isEqual(a);
-    }) || o)
+    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 S = Array.from(this.defaultDateRangeFilters.entries()).filter(([n]) => e.has(n)).some(([n, r]) => {
-      var p, A, y, E;
-      const a = this.dateRangeFilters.get(n);
-      return r != null && r.filterType && !(a != null && a.filterType) || a != null && a.filterType && !(r != null && r.filterType) || (a == null ? void 0 : a.filterType) !== (r == null ? void 0 : r.filterType) ? !0 : (a == null ? void 0 : a.filterType) === "CUSTOM" && (r == null ? void 0 : r.filterType) === "CUSTOM" ? ((p = r.gte) == null ? void 0 : p.toString()) !== ((A = a.gte) == null ? void 0 : A.toString()) || ((y = r.lte) == null ? void 0 : y.toString()) !== ((E = a.lte) == null ? void 0 : E.toString()) : !1;
+    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(([n]) => e.has(n)).some(([n, r]) => {
-      var p, A, y, E;
-      const a = this.defaultDateRangeFilters.get(n);
-      return r != null && r.filterType && !(a != null && a.filterType) || a != null && a.filterType && !(r != null && r.filterType) || (a == null ? void 0 : a.filterType) !== (r == null ? void 0 : r.filterType) ? !0 : (a == null ? void 0 : a.filterType) === "CUSTOM" && (r == null ? void 0 : r.filterType) === "CUSTOM" ? ((p = r.gte) == null ? void 0 : p.toString()) !== ((A = a.gte) == null ? void 0 : A.toString()) || ((y = r.lte) == null ? void 0 : y.toString()) !== ((E = a.lte) == null ? void 0 : E.toString()) : !1;
-    }) || S;
+    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 {
-  ee as Filters
+  le as Filters
 };

package/dist/index79.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@internationalized/date"),f=require("./index71.cjs"),F=require("./index70.cjs"),R=require("lodash/get"),A=require("./index104.cjs"),_=require("./index9.cjs"),T=r=>r&&r.__esModule?r:{default:r},n=T(R),h=({view:r,canUpdateCustomViews:g})=>{var u,c;const{DATE_RANGE_FILTERS:a,NUMBER_RANGE_FILTERS:o,GROUP_MAP:p}=_.BusinessLogicManager.getBusinessLogic(),s=Array.from(p.values()).flatMap(e=>e.fields),l=r.filters.filter||{},{colourPalette:m,customTextColour:b}=A.getViewTheme((u=r.view_attributes)==null?void 0:u.type);return{id:r.id,label:r.title,viewFilters:l,filterMaps:{filters:new Map(s.filter(e=>!a.includes(e.id)&&!o.includes(e.id)&&e.filterType!=="checkbox").map(e=>{const t=n.default(l,e.id);return[e.id,t!==void 0&&!Array.isArray(t)&&typeof t!="object"?String(t):""]}).filter(([,e])=>e!=="")),arrayFilters:new Map(s.filter(e=>e.filterType==="checkbox").map(e=>{const t=n.default(l,e.id);return[e.id,Array.isArray(t)?t:[]]}).filter(([,e])=>e.length>0)),rangeFilters:new Map(s.filter(e=>a.includes(e.id)).map(e=>{const t=n.default(l,e.id);if(!t)return null;let i;if(typeof t=="string")i=new f.RangeFilter(t);else if(typeof t=="object"&&t.gte&&t.lte){i=new f.RangeFilter("CUSTOM");const y=d.parseDate(t.gte),M=d.parseDate(t.lte);i.setDates(y,M)}else return null;return[e.id,i]}).filter(e=>e!==null)),numberRangeFilters:new Map(s.filter(e=>o.includes(e.id)).map(e=>{const t=n.default(l,e.id);if(!t||typeof t!="object")return null;const i=new F.NumberRangeFilter({filterId:e.id});return t.lte!==void 0&&i.setLte(Number(t.lte)),t.gte!==void 0&&i.setGte(Number(t.gte)),[e.id,i]}).filter(e=>e!==null))},page:r.filters.page,editable:r.editable&&g,isShared:r.shared,columns:r.columns,sort:(c=r.filters)==null?void 0:c.sort,colourPalette:m,customTextColour:b}};exports.viewsAdapter=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@internationalized/date"),f=require("./index71.cjs"),F=require("./index70.cjs"),R=require("lodash/get"),A=require("./index101.cjs"),_=require("./index9.cjs"),T=r=>r&&r.__esModule?r:{default:r},n=T(R),h=({view:r,canUpdateCustomViews:g})=>{var u,c;const{DATE_RANGE_FILTERS:a,NUMBER_RANGE_FILTERS:o,GROUP_MAP:p}=_.BusinessLogicManager.getBusinessLogic(),s=Array.from(p.values()).flatMap(e=>e.fields),l=r.filters.filter||{},{colourPalette:m,customTextColour:b}=A.getViewTheme((u=r.view_attributes)==null?void 0:u.type);return{id:r.id,label:r.title,viewFilters:l,filterMaps:{filters:new Map(s.filter(e=>!a.includes(e.id)&&!o.includes(e.id)&&e.filterType!=="checkbox").map(e=>{const t=n.default(l,e.id);return[e.id,t!==void 0&&!Array.isArray(t)&&typeof t!="object"?String(t):""]}).filter(([,e])=>e!=="")),arrayFilters:new Map(s.filter(e=>e.filterType==="checkbox").map(e=>{const t=n.default(l,e.id);return[e.id,Array.isArray(t)?t:[]]}).filter(([,e])=>e.length>0)),rangeFilters:new Map(s.filter(e=>a.includes(e.id)).map(e=>{const t=n.default(l,e.id);if(!t)return null;let i;if(typeof t=="string")i=new f.RangeFilter(t);else if(typeof t=="object"&&t.gte&&t.lte){i=new f.RangeFilter("CUSTOM");const y=d.parseDate(t.gte),M=d.parseDate(t.lte);i.setDates(y,M)}else return null;return[e.id,i]}).filter(e=>e!==null)),numberRangeFilters:new Map(s.filter(e=>o.includes(e.id)).map(e=>{const t=n.default(l,e.id);if(!t||typeof t!="object")return null;const i=new F.NumberRangeFilter({filterId:e.id});return t.lte!==void 0&&i.setLte(Number(t.lte)),t.gte!==void 0&&i.setGte(Number(t.gte)),[e.id,i]}).filter(e=>e!==null))},page:r.filters.page,editable:r.editable&&g,isShared:r.shared,columns:r.columns,sort:(c=r.filters)==null?void 0:c.sort,colourPalette:m,customTextColour:b}};exports.viewsAdapter=h;

package/dist/index79.js

@@ -2,7 +2,7 @@ import { parseDate as c } from "@internationalized/date";
 import { RangeFilter as p } from "./index71.js";
 import { NumberRangeFilter as M } from "./index70.js";
 import n from "lodash/get";
-import { getViewTheme as F } from "./index104.js";
+import { getViewTheme as F } from "./index101.js";
 import { BusinessLogicManager as R } from "./index9.js";
 const S = ({
   view: r,

package/dist/index87.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@veeqo/ui"),t=require("react"),j=require("./index92.cjs"),o=require("./index93.cjs"),w=require("./index94.cjs"),T=require("./index95.cjs"),r=require("./index96.cjs"),D=require("./index97.cjs"),V=require("./index49.cjs"),b=require("./index98.cjs"),H=({onClose:u,columnDefinitions:I,hiddenColumns:d,visibleColumns:m,pinnedLeftColumnIds:G,pinnedRightColumnIds:f})=>{const[c,p]=t.useState(""),a=t.useMemo(()=>new Map(I.map(s=>[s.id,s])),[]),[i,C]=t.useState(()=>({[r.ColumnGroupIds.Hidden]:d,[r.ColumnGroupIds.Visible]:m})),y=t.useMemo(()=>{const s=i[r.ColumnGroupIds.Visible].map(l=>a.get(`${l}`));return b.filterColumnsBySearch(s,c)},[i,a,c]),v=t.useMemo(()=>{const s=i[r.ColumnGroupIds.Hidden].map(l=>a.get(`${l}`));return b.filterColumnsBySearch(s,c)},[i,a,c]),{isSavingColumns:h,saveColumns:M}=D.usePersistColumns({pinnedLeftColumnIds:G,pinnedRightColumnIds:f}),k=()=>{p(""),C({[r.ColumnGroupIds.Hidden]:d,[r.ColumnGroupIds.Visible]:m})},x=t.useCallback(s=>{if(p(s),!s){const l=new Set([...d,...m]);C(S=>({[r.ColumnGroupIds.Hidden]:S[r.ColumnGroupIds.Hidden].filter(g=>l.has(`${g}`)),[r.ColumnGroupIds.Visible]:S[r.ColumnGroupIds.Visible].filter(g=>l.has(`${g}`))}))}},[d,m]),q=t.useCallback(s=>{const l=a.get(`${s}`);return l?e.jsx(T.ColumnItem,{column:l,isDragOverlay:!0}):null},[a]);return e.jsx(n.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>u==null?void 0:u(),headerSlot:e.jsxs(o.HeaderContainer,{children:[e.jsxs(n.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(n.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(n.ListBoardIcon,{height:n.theme.sizes.lg,width:n.theme.sizes.lg}),e.jsx(n.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(n.Button,{"aria-label":"Close modal",onClick:u,variant:"flat",iconSlot:e.jsx(n.CloseIcon,{})})]}),e.jsxs(n.Text,{variant:"subheadingMedium",children:["Show, hide, or change the order of the columns in the view, so you always see the data that's most important to you. Learn more with our"," ",e.jsx(n.Anchor,{href:V.helpGuideUrls.ORDER_VIEWS_AND_TABLE_CUSTOMIZATION,target:"_blank",children:"help guide"}),"."]}),e.jsx(n.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(o.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:c,onChange:x,onClearClick:()=>x(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:k,variant:"default",disabled:h}],rightActions:[{label:"Cancel",onClick:u,variant:"default",disabled:h},{label:"Save",onClick:()=>M({visibleColumns:i[r.ColumnGroupIds.Visible]}),variant:"primary",disabled:h,loading:h}],children:e.jsx(n.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(n.Stack,{spacing:4,alignX:"stretch",children:e.jsx(w.DndContainer,{items:i,setItems:C,renderDragOverlay:q,children:e.jsx(o.Container,{children:e.jsxs(o.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(j.ColumnGroup,{id:r.ColumnGroupIds.Visible,title:"Shown columns:",columns:y}),e.jsx(o.VerticalSeparator,{children:e.jsx(o.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(j.ColumnGroup,{id:r.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:v})]})})})})})})};exports.TableManagementModal=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_actionsHeaderContainer_fgqms_1",t={actionsHeaderContainer:e};exports.actionsHeaderContainer=e;exports.default=t;