@veeqo/transfigure 1.1.2 → 1.1.3

package/dist/index13.js

@@ -1,27 +1,45 @@
-import { jsx as s } from "react/jsx-runtime";
-import { ToastsLayout as m } from "@veeqo/ui";
-import { observer as i } from "mobx-react";
-import { useEffect as a } from "react";
-import { useStores as n } from "./index59.js";
-const T = i(() => {
-  const { Notifications: { toasts: o, removeByKey: r } } = n();
-  return a(() => {
-    const e = o.filter((t) => !t.persistent).map((t) => setTimeout(() => {
-      r(t.key);
-    }, 2e3));
-    return () => {
-      e.forEach((t) => clearTimeout(t));
-    };
-  }, [o, r]), /* @__PURE__ */ s(
-    m,
-    {
-      max: 10,
-      minWidth: "",
-      toasts: o,
-      onClose: r
-    }
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { observer as h } from "mobx-react";
+import { Stack as p, Pagination as u, ActionMenu as s, theme as P } from "@veeqo/ui";
+import { useCallback as d } from "react";
+import { useBusinessLogic as f } from "./index8.js";
+import { useStores as S } from "./index60.js";
+const L = h(({ totalPagesCount: o }) => {
+  const { PAGE_SIZE_OPTIONS: i } = f(), {
+    Filters: { setCurrentPage: m, currentPage: c, pageSize: r, setPageSize: t }
+  } = S(), g = (e) => {
+    m(e);
+  }, l = d(
+    (e) => {
+      r !== e && t(e);
+    },
+    [r, t]
   );
+  return /* @__PURE__ */ n(p, { direction: "horizontal", children: [
+    /* @__PURE__ */ a(
+      u,
+      {
+        currentPage: c,
+        totalPagesCount: o,
+        handleChangePage: g
+      }
+    ),
+    /* @__PURE__ */ a(
+      s,
+      {
+        menuLabel: "items per page",
+        ctaProps: {
+          children: `${r} / page`,
+          style: { marginLeft: P.sizes.xs }
+        },
+        children: i.map((e) => /* @__PURE__ */ n(s.Item, { onAction: () => l(e), children: [
+          e,
+          " / page"
+        ] }, e))
+      }
+    )
+  ] });
 });
 export {
-  T as ToastsManager
+  L as TableControls
 };

package/dist/index14.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),F=require("mobx-react"),s=require("@veeqo/ui"),r=require("./index47.cjs"),A=require("./index7.cjs"),g=require("./index59.cjs"),h=require("./index17.cjs"),v=require("./index20.cjs"),T=require("./index19.cjs"),f=require("./index18.cjs"),x=F.observer(()=>{const{FIELDS_MAP:c}=A.useBusinessLogic(),{Filters:{hasActiveFilters:a,activeFilterKeysList:l,clearAllFilters:n}}=g.useStores();if(!a)return null;const o=Array.from(c).filter(([e])=>l.includes(e));return t.jsxs(s.Stack,{direction:"horizontal",alignY:"center",style:{flexWrap:"wrap",rowGap:s.theme.sizes.sm},children:[t.jsx(s.Button,{variant:"link",onClick:()=>n(),children:"Clear all"}),o.map(([e,i])=>{const u=()=>{switch(i.filterType){case r.FilterChoiceValue.CHECKBOX:return t.jsx(f.ActiveFilterArrayTag,{filterData:i},e);case r.FilterChoiceValue.DATE_RANGE:return t.jsx(T.ActiveFilterDateRangeTag,{filterData:i},e);case r.FilterChoiceValue.NUMBER_RANGE:return t.jsx(v.ActiveFilterNumberRangeTag,{filterData:i},e);case r.FilterChoiceValue.TEXT:case r.FilterChoiceValue.NUMBER:case r.FilterChoiceValue.RADIO:return t.jsx(h.ActiveFilterTag,{filterData:i},e);default:return t.jsx(s.Alert,{size:"xs",variant:"error",title:`Unsupport filter "${e}"`},e)}};return t.jsx("div",{children:u()})})]})});exports.ActiveFilters=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("@veeqo/ui"),n=require("mobx-react"),u=require("react"),a=require("./index60.cjs"),c=n.observer(()=>{const{Notifications:{toasts:t,removeByKey:r}}=a.useStores();return u.useEffect(()=>{const s=t.filter(e=>!e.persistent).map(e=>setTimeout(()=>{r(e.key)},2e3));return()=>{s.forEach(e=>clearTimeout(e))}},[t,r]),o.jsx(i.ToastsLayout,{max:10,minWidth:"",toasts:t,onClose:r})});exports.ToastsManager=c;

package/dist/index14.js

@@ -1,39 +1,27 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { observer as m } from "mobx-react";
-import { Stack as f, theme as p, Button as A, Alert as u } from "@veeqo/ui";
-import { FilterChoiceValue as e } from "./index47.js";
-import { useBusinessLogic as F } from "./index7.js";
-import { useStores as h } from "./index59.js";
-import { ActiveFilterTag as d } from "./index17.js";
-import { ActiveFilterNumberRangeTag as g } from "./index20.js";
-import { ActiveFilterDateRangeTag as v } from "./index19.js";
-import { ActiveFilterArrayTag as D } from "./index18.js";
-const M = m(() => {
-  const { FIELDS_MAP: o } = F(), {
-    Filters: { hasActiveFilters: s, activeFilterKeysList: a, clearAllFilters: l }
-  } = h();
-  if (!s) return null;
-  const n = Array.from(o).filter(([r]) => a.includes(r));
-  return /* @__PURE__ */ c(f, { direction: "horizontal", alignY: "center", style: { flexWrap: "wrap", rowGap: p.sizes.sm }, children: [
-    /* @__PURE__ */ t(A, { variant: "link", onClick: () => l(), children: "Clear all" }),
-    n.map(([r, i]) => /* @__PURE__ */ t("div", { children: (() => {
-      switch (i.filterType) {
-        case e.CHECKBOX:
-          return /* @__PURE__ */ t(D, { filterData: i }, r);
-        case e.DATE_RANGE:
-          return /* @__PURE__ */ t(v, { filterData: i }, r);
-        case e.NUMBER_RANGE:
-          return /* @__PURE__ */ t(g, { filterData: i }, r);
-        case e.TEXT:
-        case e.NUMBER:
-        case e.RADIO:
-          return /* @__PURE__ */ t(d, { filterData: i }, r);
-        default:
-          return /* @__PURE__ */ t(u, { size: "xs", variant: "error", title: `Unsupport filter "${r}"` }, r);
-      }
-    })() }))
-  ] });
+import { jsx as s } from "react/jsx-runtime";
+import { ToastsLayout as m } from "@veeqo/ui";
+import { observer as i } from "mobx-react";
+import { useEffect as a } from "react";
+import { useStores as n } from "./index60.js";
+const T = i(() => {
+  const { Notifications: { toasts: o, removeByKey: r } } = n();
+  return a(() => {
+    const e = o.filter((t) => !t.persistent).map((t) => setTimeout(() => {
+      r(t.key);
+    }, 2e3));
+    return () => {
+      e.forEach((t) => clearTimeout(t));
+    };
+  }, [o, r]), /* @__PURE__ */ s(
+    m,
+    {
+      max: 10,
+      minWidth: "",
+      toasts: o,
+      onClose: r
+    }
+  );
 });
 export {
-  M as ActiveFilters
+  T as ToastsManager
 };

package/dist/index15.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("mobx-react"),s=require("@veeqo/ui"),c=require("./index47.cjs"),u=require("./index113.cjs"),h=l.observer(({data:e,editedValue:r,setEditedValue:t})=>{var i;switch(e.filterType){case c.FilterChoiceValue.CHECKBOX:return e.fetchAsyncFilterOptions?o.jsx(u.ActiveAsyncCheckboxFilter,{field:e,setEditedValue:t,editedValue:r}):o.jsx(s.ChoiceList,{allowMultiple:!0,title:e.label,options:(i=e.options)!=null&&i.length?e.options:[],selected:r,onChange:n=>t(n)});default:return null}});exports.FilterArrayField=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),F=require("mobx-react"),s=require("@veeqo/ui"),r=require("./index48.cjs"),A=require("./index8.cjs"),g=require("./index60.cjs"),h=require("./index18.cjs"),v=require("./index21.cjs"),T=require("./index20.cjs"),f=require("./index19.cjs"),x=F.observer(()=>{const{FIELDS_MAP:c}=A.useBusinessLogic(),{Filters:{hasActiveFilters:a,activeFilterKeysList:l,clearAllFilters:n}}=g.useStores();if(!a)return null;const o=Array.from(c).filter(([e])=>l.includes(e));return t.jsxs(s.Stack,{direction:"horizontal",alignY:"center",style:{flexWrap:"wrap",rowGap:s.theme.sizes.sm},children:[t.jsx(s.Button,{variant:"link",onClick:()=>n(),children:"Clear all"}),o.map(([e,i])=>{const u=()=>{switch(i.filterType){case r.FilterChoiceValue.CHECKBOX:return t.jsx(f.ActiveFilterArrayTag,{filterData:i},e);case r.FilterChoiceValue.DATE_RANGE:return t.jsx(T.ActiveFilterDateRangeTag,{filterData:i},e);case r.FilterChoiceValue.NUMBER_RANGE:return t.jsx(v.ActiveFilterNumberRangeTag,{filterData:i},e);case r.FilterChoiceValue.TEXT:case r.FilterChoiceValue.NUMBER:case r.FilterChoiceValue.RADIO:return t.jsx(h.ActiveFilterTag,{filterData:i},e);default:return t.jsx(s.Alert,{size:"xs",variant:"error",title:`Unsupport filter "${e}"`},e)}};return t.jsx("div",{children:u()})})]})});exports.ActiveFilters=x;

package/dist/index15.js

@@ -1,35 +1,39 @@
-import { jsx as t } from "react/jsx-runtime";
-import { observer as n } from "mobx-react";
-import { ChoiceList as p } from "@veeqo/ui";
-import { FilterChoiceValue as s } from "./index47.js";
-import { ActiveAsyncCheckboxFilter as c } from "./index113.js";
-const F = n(
-  ({ data: r, editedValue: e, setEditedValue: o }) => {
-    var i;
-    switch (r.filterType) {
-      case s.CHECKBOX:
-        return r.fetchAsyncFilterOptions ? /* @__PURE__ */ t(
-          c,
-          {
-            field: r,
-            setEditedValue: o,
-            editedValue: e
-          }
-        ) : /* @__PURE__ */ t(
-          p,
-          {
-            allowMultiple: !0,
-            title: r.label,
-            options: (i = r.options) != null && i.length ? r.options : [],
-            selected: e,
-            onChange: (l) => o(l)
-          }
-        );
-      default:
-        return null;
-    }
-  }
-);
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { observer as m } from "mobx-react";
+import { Stack as f, theme as p, Button as A, Alert as u } from "@veeqo/ui";
+import { FilterChoiceValue as e } from "./index48.js";
+import { useBusinessLogic as F } from "./index8.js";
+import { useStores as h } from "./index60.js";
+import { ActiveFilterTag as d } from "./index18.js";
+import { ActiveFilterNumberRangeTag as g } from "./index21.js";
+import { ActiveFilterDateRangeTag as v } from "./index20.js";
+import { ActiveFilterArrayTag as D } from "./index19.js";
+const M = m(() => {
+  const { FIELDS_MAP: o } = F(), {
+    Filters: { hasActiveFilters: s, activeFilterKeysList: a, clearAllFilters: l }
+  } = h();
+  if (!s) return null;
+  const n = Array.from(o).filter(([r]) => a.includes(r));
+  return /* @__PURE__ */ c(f, { direction: "horizontal", alignY: "center", style: { flexWrap: "wrap", rowGap: p.sizes.sm }, children: [
+    /* @__PURE__ */ t(A, { variant: "link", onClick: () => l(), children: "Clear all" }),
+    n.map(([r, i]) => /* @__PURE__ */ t("div", { children: (() => {
+      switch (i.filterType) {
+        case e.CHECKBOX:
+          return /* @__PURE__ */ t(D, { filterData: i }, r);
+        case e.DATE_RANGE:
+          return /* @__PURE__ */ t(v, { filterData: i }, r);
+        case e.NUMBER_RANGE:
+          return /* @__PURE__ */ t(g, { filterData: i }, r);
+        case e.TEXT:
+        case e.NUMBER:
+        case e.RADIO:
+          return /* @__PURE__ */ t(d, { filterData: i }, r);
+        default:
+          return /* @__PURE__ */ t(u, { size: "xs", variant: "error", title: `Unsupport filter "${r}"` }, r);
+      }
+    })() }))
+  ] });
+});
 export {
-  F as FilterArrayField
+  M as ActiveFilters
 };

package/dist/index16.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("mobx-react"),s=require("@veeqo/ui"),i=require("./index47.cjs"),F=require("./index21.cjs"),h=u.observer(({data:e,editedValue:r,setEditedValue:t})=>{var n;let l;switch(e.filterType){case i.FilterChoiceValue.NUMBER:l="number";break;case i.FilterChoiceValue.TEXT:l="text";break}switch(e.filterType){case i.FilterChoiceValue.TEXT:case i.FilterChoiceValue.NUMBER:return o.jsx(s.TextField,{label:e.label,type:l,value:r,onChange:c=>t(c)});case i.FilterChoiceValue.RADIO:return e.fetchAsyncFilterOptions?o.jsx(F.ActiveAsyncRadioFilter,{field:e,setEditedValue:t,editedValue:r}):o.jsx(s.ChoiceList,{title:e.label,options:(n=e.options)!=null&&n.length?e.options:[],selected:[r],onChange:c=>t(`${c[0]}`)});default:return null}});exports.FilterField=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("mobx-react"),s=require("@veeqo/ui"),c=require("./index48.cjs"),u=require("./index113.cjs"),h=l.observer(({data:e,editedValue:r,setEditedValue:t})=>{var i;switch(e.filterType){case c.FilterChoiceValue.CHECKBOX:return e.fetchAsyncFilterOptions?o.jsx(u.ActiveAsyncCheckboxFilter,{field:e,setEditedValue:t,editedValue:r}):o.jsx(s.ChoiceList,{allowMultiple:!0,title:e.label,options:(i=e.options)!=null&&i.length?e.options:[],selected:r,onChange:n=>t(n)});default:return null}});exports.FilterArrayField=h;

package/dist/index16.js

@@ -1,52 +1,35 @@
-import { jsx as n } from "react/jsx-runtime";
-import { observer as c } from "mobx-react";
-import { ChoiceList as p, TextField as f } from "@veeqo/ui";
-import { FilterChoiceValue as r } from "./index47.js";
-import { ActiveAsyncRadioFilter as m } from "./index21.js";
-const y = c(({ data: e, editedValue: o, setEditedValue: i }) => {
-  var s;
-  let t;
-  switch (e.filterType) {
-    case r.NUMBER:
-      t = "number";
-      break;
-    case r.TEXT:
-      t = "text";
-      break;
+import { jsx as t } from "react/jsx-runtime";
+import { observer as n } from "mobx-react";
+import { ChoiceList as p } from "@veeqo/ui";
+import { FilterChoiceValue as s } from "./index48.js";
+import { ActiveAsyncCheckboxFilter as c } from "./index113.js";
+const F = n(
+  ({ data: r, editedValue: e, setEditedValue: o }) => {
+    var i;
+    switch (r.filterType) {
+      case s.CHECKBOX:
+        return r.fetchAsyncFilterOptions ? /* @__PURE__ */ t(
+          c,
+          {
+            field: r,
+            setEditedValue: o,
+            editedValue: e
+          }
+        ) : /* @__PURE__ */ t(
+          p,
+          {
+            allowMultiple: !0,
+            title: r.label,
+            options: (i = r.options) != null && i.length ? r.options : [],
+            selected: e,
+            onChange: (l) => o(l)
+          }
+        );
+      default:
+        return null;
+    }
   }
-  switch (e.filterType) {
-    case r.TEXT:
-    case r.NUMBER:
-      return /* @__PURE__ */ n(
-        f,
-        {
-          label: e.label,
-          type: t,
-          value: o,
-          onChange: (l) => i(l)
-        }
-      );
-    case r.RADIO:
-      return e.fetchAsyncFilterOptions ? /* @__PURE__ */ n(
-        m,
-        {
-          field: e,
-          setEditedValue: i,
-          editedValue: o
-        }
-      ) : /* @__PURE__ */ n(
-        p,
-        {
-          title: e.label,
-          options: (s = e.options) != null && s.length ? e.options : [],
-          selected: [o],
-          onChange: (l) => i(`${l[0]}`)
-        }
-      );
-    default:
-      return null;
-  }
-});
+);
 export {
-  y as FilterField
+  F as FilterArrayField
 };

package/dist/index17.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),g=require("mobx-react"),s=require("@veeqo/ui"),v=require("./index59.cjs"),q=require("./index57.cjs"),A=require("./index22.cjs"),x=require("./index16.cjs"),j=require("./index23.cjs"),y=g.observer(({filterData:e})=>{const{Filters:{filters:l,clearFilter:n,setFilter:u}}=v.useStores(),r=l.get(e.id),{filterLabel:d}=q.useFilterLabel({filterData:e}),[i,o]=c.useState(r||"");c.useEffect(()=>{i!==r&&o(r||"")},[e.id,r,l]);const F=()=>{n(e.id)},a=()=>{u(e.id,i)};return t.jsx(s.FilterTag,{shouldCloseOnClickAway:!0,header:t.jsx(j.ActiveFilterHeader,{filterLabel:e.label,glyph:e.glyph}),label:e.label,text:d||"Loading...",content:t.jsx(s.BaseContainer,{style:{padding:s.theme.sizes.md},children:t.jsx(x.FilterField,{data:e,editedValue:i,setEditedValue:b=>o(b)})}),footer:t.jsx(A.ActiveFilterFooter,{clearActiveFilter:F,applyActiveFilter:a})})});exports.ActiveFilterTag=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("mobx-react"),s=require("@veeqo/ui"),i=require("./index48.cjs"),F=require("./index22.cjs"),h=u.observer(({data:e,editedValue:r,setEditedValue:t})=>{var n;let l;switch(e.filterType){case i.FilterChoiceValue.NUMBER:l="number";break;case i.FilterChoiceValue.TEXT:l="text";break}switch(e.filterType){case i.FilterChoiceValue.TEXT:case i.FilterChoiceValue.NUMBER:return o.jsx(s.TextField,{label:e.label,type:l,value:r,onChange:c=>t(c)});case i.FilterChoiceValue.RADIO:return e.fetchAsyncFilterOptions?o.jsx(F.ActiveAsyncRadioFilter,{field:e,setEditedValue:t,editedValue:r}):o.jsx(s.ChoiceList,{title:e.label,options:(n=e.options)!=null&&n.length?e.options:[],selected:[r],onChange:c=>t(`${c[0]}`)});default:return null}});exports.FilterField=h;

package/dist/index17.js

@@ -1,43 +1,52 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useState as F, useEffect as u } from "react";
-import { observer as a } from "mobx-react";
-import { FilterTag as f, BaseContainer as b, theme as g } from "@veeqo/ui";
-import { useStores as h } from "./index59.js";
-import { useFilterLabel as v } from "./index57.js";
-import { ActiveFilterFooter as A } from "./index22.js";
-import { FilterField as y } from "./index16.js";
-import { ActiveFilterHeader as L } from "./index23.js";
-const z = a(({ filterData: e }) => {
-  const {
-    Filters: { filters: i, clearFilter: s, setFilter: d }
-  } = h(), r = i.get(e.id), { filterLabel: m } = v({ filterData: e }), [o, l] = F(r || "");
-  u(() => {
-    o !== r && l(r || "");
-  }, [e.id, r, i]);
-  const c = () => {
-    s(e.id);
-  }, n = () => {
-    d(e.id, o);
-  };
-  return /* @__PURE__ */ t(
-    f,
-    {
-      shouldCloseOnClickAway: !0,
-      header: /* @__PURE__ */ t(L, { filterLabel: e.label, glyph: e.glyph }),
-      label: e.label,
-      text: m || "Loading...",
-      content: /* @__PURE__ */ t(b, { style: { padding: g.sizes.md }, children: /* @__PURE__ */ t(
-        y,
+import { jsx as n } from "react/jsx-runtime";
+import { observer as c } from "mobx-react";
+import { ChoiceList as p, TextField as f } from "@veeqo/ui";
+import { FilterChoiceValue as r } from "./index48.js";
+import { ActiveAsyncRadioFilter as m } from "./index22.js";
+const y = c(({ data: e, editedValue: o, setEditedValue: i }) => {
+  var s;
+  let t;
+  switch (e.filterType) {
+    case r.NUMBER:
+      t = "number";
+      break;
+    case r.TEXT:
+      t = "text";
+      break;
+  }
+  switch (e.filterType) {
+    case r.TEXT:
+    case r.NUMBER:
+      return /* @__PURE__ */ n(
+        f,
         {
-          data: e,
-          editedValue: o,
-          setEditedValue: (p) => l(p)
+          label: e.label,
+          type: t,
+          value: o,
+          onChange: (l) => i(l)
         }
-      ) }),
-      footer: /* @__PURE__ */ t(A, { clearActiveFilter: c, applyActiveFilter: n })
-    }
-  );
+      );
+    case r.RADIO:
+      return e.fetchAsyncFilterOptions ? /* @__PURE__ */ n(
+        m,
+        {
+          field: e,
+          setEditedValue: i,
+          editedValue: o
+        }
+      ) : /* @__PURE__ */ n(
+        p,
+        {
+          title: e.label,
+          options: (s = e.options) != null && s.length ? e.options : [],
+          selected: [o],
+          onChange: (l) => i(`${l[0]}`)
+        }
+      );
+    default:
+      return null;
+  }
 });
 export {
-  z as ActiveFilterTag
+  y as FilterField
 };

package/dist/index18.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),y=require("mobx-react"),s=require("@veeqo/ui"),b=require("./index56.cjs"),v=require("./index15.cjs"),g=require("./index59.cjs"),q=require("./index22.cjs"),x=require("./index23.cjs"),j=y.observer(({filterData:e})=>{const{Filters:{arrayFilters:l,clearArrayFilter:u,setArrayFilter:n}}=g.useStores(),t=l.get(e.id),[i,c]=o.useState(t||[]);o.useEffect(()=>{i!==t&&c(t||[])},[e.id,t,l]);const a=()=>{u(e.id)},d=()=>{n(e.id,i)},{filterLabel:F}=b.useFilterArrayLabel({filterData:e});return r.jsx(s.FilterTag,{shouldCloseOnClickAway:!0,header:r.jsx(x.ActiveFilterHeader,{filterLabel:e.label,glyph:e.glyph}),label:e.label,text:F||"",content:r.jsx(s.BaseContainer,{style:{padding:s.theme.sizes.md},children:r.jsx(v.FilterArrayField,{data:e,editedValue:i||[],setEditedValue:A=>c(A)})}),footer:r.jsx(q.ActiveFilterFooter,{clearActiveFilter:a,applyActiveFilter:d})})});exports.ActiveFilterArrayTag=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),g=require("mobx-react"),s=require("@veeqo/ui"),v=require("./index60.cjs"),q=require("./index58.cjs"),A=require("./index23.cjs"),x=require("./index17.cjs"),j=require("./index24.cjs"),y=g.observer(({filterData:e})=>{const{Filters:{filters:l,clearFilter:n,setFilter:u}}=v.useStores(),r=l.get(e.id),{filterLabel:d}=q.useFilterLabel({filterData:e}),[i,o]=c.useState(r||"");c.useEffect(()=>{i!==r&&o(r||"")},[e.id,r,l]);const F=()=>{n(e.id)},a=()=>{u(e.id,i)};return t.jsx(s.FilterTag,{shouldCloseOnClickAway:!0,header:t.jsx(j.ActiveFilterHeader,{filterLabel:e.label,glyph:e.glyph}),label:e.label,text:d||"Loading...",content:t.jsx(s.BaseContainer,{style:{padding:s.theme.sizes.md},children:t.jsx(x.FilterField,{data:e,editedValue:i,setEditedValue:b=>o(b)})}),footer:t.jsx(A.ActiveFilterFooter,{clearActiveFilter:F,applyActiveFilter:a})})});exports.ActiveFilterTag=y;

package/dist/index18.js

@@ -1,43 +1,43 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as p, useEffect as F } from "react";
-import { observer as u } from "mobx-react";
-import { FilterTag as y, BaseContainer as A, theme as f } from "@veeqo/ui";
-import { useFilterArrayLabel as b } from "./index56.js";
-import { FilterArrayField as g } from "./index15.js";
-import { useStores as h } from "./index59.js";
-import { ActiveFilterFooter as v } from "./index22.js";
-import { ActiveFilterHeader as V } from "./index23.js";
-const z = u(({ filterData: e }) => {
+import { jsx as t } from "react/jsx-runtime";
+import { useState as F, useEffect as u } from "react";
+import { observer as a } from "mobx-react";
+import { FilterTag as f, BaseContainer as b, theme as g } from "@veeqo/ui";
+import { useStores as h } from "./index60.js";
+import { useFilterLabel as v } from "./index58.js";
+import { ActiveFilterFooter as A } from "./index23.js";
+import { FilterField as y } from "./index17.js";
+import { ActiveFilterHeader as L } from "./index24.js";
+const z = a(({ filterData: e }) => {
   const {
-    Filters: { arrayFilters: o, clearArrayFilter: s, setArrayFilter: d }
-  } = h(), t = o.get(e.id), [i, l] = p(t || []);
-  F(() => {
-    i !== t && l(t || []);
-  }, [e.id, t, o]);
-  const m = () => {
+    Filters: { filters: i, clearFilter: s, setFilter: d }
+  } = h(), r = i.get(e.id), { filterLabel: m } = v({ filterData: e }), [o, l] = F(r || "");
+  u(() => {
+    o !== r && l(r || "");
+  }, [e.id, r, i]);
+  const c = () => {
     s(e.id);
-  }, c = () => {
-    d(e.id, i);
-  }, { filterLabel: a } = b({ filterData: e });
-  return /* @__PURE__ */ r(
-    y,
+  }, n = () => {
+    d(e.id, o);
+  };
+  return /* @__PURE__ */ t(
+    f,
     {
       shouldCloseOnClickAway: !0,
-      header: /* @__PURE__ */ r(V, { filterLabel: e.label, glyph: e.glyph }),
+      header: /* @__PURE__ */ t(L, { filterLabel: e.label, glyph: e.glyph }),
       label: e.label,
-      text: a || "",
-      content: /* @__PURE__ */ r(A, { style: { padding: f.sizes.md }, children: /* @__PURE__ */ r(
-        g,
+      text: m || "Loading...",
+      content: /* @__PURE__ */ t(b, { style: { padding: g.sizes.md }, children: /* @__PURE__ */ t(
+        y,
         {
           data: e,
-          editedValue: i || [],
-          setEditedValue: (n) => l(n)
+          editedValue: o,
+          setEditedValue: (p) => l(p)
         }
       ) }),
-      footer: /* @__PURE__ */ r(v, { clearActiveFilter: m, applyActiveFilter: c })
+      footer: /* @__PURE__ */ t(A, { clearActiveFilter: c, applyActiveFilter: n })
     }
   );
 });
 export {
-  z as ActiveFilterArrayTag
+  z as ActiveFilterTag
 };

package/dist/index19.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),h=require("mobx-react"),i=require("@veeqo/ui"),a=require("./index68.cjs"),f=require("./index7.cjs"),q=require("./index59.cjs"),E=require("./index22.cjs"),S=require("./index23.cjs"),x=h.observer(({filterData:s})=>{const{DEFAULT_DATE_PRESET:g,DEFAULT_DATE_RANGE:F}=f.useBusinessLogic(),{Filters:{dateRangeFilters:l,clearRangeFilter:u,setRangeFilter:R}}=q.useStores(),t=l.get(s.id),[e,c]=o.useState(l.get(s.id)),T=()=>{const r=new a.RangeFilter;return r.setFilterType(t==null?void 0:t.filterType),c(r),r};o.useEffect(()=>{if(!t)return;const r=new a.RangeFilter;r.setFilterType(t.filterType),t.gte&&t.lte&&r.setDates(t.gte,t.lte),c(r)},[t]);const d=()=>{u(s.id)},y=()=>{t&&(e!=null&&e.filterType)&&R({dates:{start:e.gte,end:e.lte},key:e.filterType,range:t})},A=(e==null?void 0:e.filterSelection)||g,p=r=>{r&&(e||T(),e==null||e.setFilterType(r.value))},b=r=>{!r||!e||e.setDates(r.start,r.end)},v=e?e.selectedRange:F;return n.jsx(i.FilterTag,{shouldCloseOnClickAway:!0,header:n.jsx(S.ActiveFilterHeader,{filterLabel:s.label,glyph:s.glyph}),label:s.label,text:(t==null?void 0:t.filterLabel)||"",content:n.jsx(i.BaseContainer,{style:{padding:i.theme.sizes.md},children:n.jsx(i.DateRangePicker,{"aria-label":`date range for ${s.label}`,selectedPreset:A,setSelectedPreset:p,selectedRange:v,setSelectedRange:b})}),footer:n.jsx(E.ActiveFilterFooter,{clearActiveFilter:d,applyActiveFilter:y})})});exports.ActiveFilterDateRangeTag=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),y=require("mobx-react"),s=require("@veeqo/ui"),b=require("./index57.cjs"),v=require("./index16.cjs"),g=require("./index60.cjs"),q=require("./index23.cjs"),x=require("./index24.cjs"),j=y.observer(({filterData:e})=>{const{Filters:{arrayFilters:l,clearArrayFilter:u,setArrayFilter:n}}=g.useStores(),t=l.get(e.id),[i,c]=o.useState(t||[]);o.useEffect(()=>{i!==t&&c(t||[])},[e.id,t,l]);const a=()=>{u(e.id)},d=()=>{n(e.id,i)},{filterLabel:F}=b.useFilterArrayLabel({filterData:e});return r.jsx(s.FilterTag,{shouldCloseOnClickAway:!0,header:r.jsx(x.ActiveFilterHeader,{filterLabel:e.label,glyph:e.glyph}),label:e.label,text:F||"",content:r.jsx(s.BaseContainer,{style:{padding:s.theme.sizes.md},children:r.jsx(v.FilterArrayField,{data:e,editedValue:i||[],setEditedValue:A=>c(A)})}),footer:r.jsx(q.ActiveFilterFooter,{clearActiveFilter:a,applyActiveFilter:d})})});exports.ActiveFilterArrayTag=j;

package/dist/index19.js

@@ -1,60 +1,43 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useState as A, useEffect as h } from "react";
-import { observer as E } from "mobx-react";
-import { FilterTag as b, BaseContainer as u, theme as v, DateRangePicker as P } from "@veeqo/ui";
-import { RangeFilter as l } from "./index68.js";
-import { useBusinessLogic as S } from "./index7.js";
-import { useStores as C } from "./index59.js";
-import { ActiveFilterFooter as L } from "./index22.js";
-import { ActiveFilterHeader as w } from "./index23.js";
-const H = E(
-  ({ filterData: n }) => {
-    const { DEFAULT_DATE_PRESET: a, DEFAULT_DATE_RANGE: c } = S(), {
-      Filters: { dateRangeFilters: i, clearRangeFilter: g, setRangeFilter: p }
-    } = C(), t = i.get(n.id), [e, o] = A(i.get(n.id)), m = () => {
-      const r = new l();
-      return r.setFilterType(t == null ? void 0 : t.filterType), o(r), r;
-    };
-    h(() => {
-      if (!t) return;
-      const r = new l();
-      r.setFilterType(t.filterType), t.gte && t.lte && r.setDates(t.gte, t.lte), o(r);
-    }, [t]);
-    const F = () => {
-      g(n.id);
-    }, f = () => {
-      t && (e != null && e.filterType) && p({
-        dates: { start: e.gte, end: e.lte },
-        key: e.filterType,
-        range: t
-      });
-    }, R = (e == null ? void 0 : e.filterSelection) || a, T = (r) => {
-      r && (e || m(), e == null || e.setFilterType(r.value));
-    }, y = (r) => {
-      !r || !e || e.setDates(r.start, r.end);
-    }, d = e ? e.selectedRange : c;
-    return /* @__PURE__ */ s(
-      b,
-      {
-        shouldCloseOnClickAway: !0,
-        header: /* @__PURE__ */ s(w, { filterLabel: n.label, glyph: n.glyph }),
-        label: n.label,
-        text: (t == null ? void 0 : t.filterLabel) || "",
-        content: /* @__PURE__ */ s(u, { style: { padding: v.sizes.md }, children: /* @__PURE__ */ s(
-          P,
-          {
-            "aria-label": `date range for ${n.label}`,
-            selectedPreset: R,
-            setSelectedPreset: T,
-            selectedRange: d,
-            setSelectedRange: y
-          }
-        ) }),
-        footer: /* @__PURE__ */ s(L, { clearActiveFilter: F, applyActiveFilter: f })
-      }
-    );
-  }
-);
+import { jsx as r } from "react/jsx-runtime";
+import { useState as p, useEffect as F } from "react";
+import { observer as u } from "mobx-react";
+import { FilterTag as y, BaseContainer as A, theme as f } from "@veeqo/ui";
+import { useFilterArrayLabel as b } from "./index57.js";
+import { FilterArrayField as g } from "./index16.js";
+import { useStores as h } from "./index60.js";
+import { ActiveFilterFooter as v } from "./index23.js";
+import { ActiveFilterHeader as V } from "./index24.js";
+const z = u(({ filterData: e }) => {
+  const {
+    Filters: { arrayFilters: o, clearArrayFilter: s, setArrayFilter: d }
+  } = h(), t = o.get(e.id), [i, l] = p(t || []);
+  F(() => {
+    i !== t && l(t || []);
+  }, [e.id, t, o]);
+  const m = () => {
+    s(e.id);
+  }, c = () => {
+    d(e.id, i);
+  }, { filterLabel: a } = b({ filterData: e });
+  return /* @__PURE__ */ r(
+    y,
+    {
+      shouldCloseOnClickAway: !0,
+      header: /* @__PURE__ */ r(V, { filterLabel: e.label, glyph: e.glyph }),
+      label: e.label,
+      text: a || "",
+      content: /* @__PURE__ */ r(A, { style: { padding: f.sizes.md }, children: /* @__PURE__ */ r(
+        g,
+        {
+          data: e,
+          editedValue: i || [],
+          setEditedValue: (n) => l(n)
+        }
+      ) }),
+      footer: /* @__PURE__ */ r(v, { clearActiveFilter: m, applyActiveFilter: c })
+    }
+  );
+});
 export {
-  H as ActiveFilterDateRangeTag
+  z as ActiveFilterArrayTag
 };

package/dist/index2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index6.cjs"),s=require("./index51.cjs"),i=require("./index52.cjs"),o=e=>t.axios.delete(`/api/v2/custom_views/${e}`,s.withCSRF(i.vndAPI));exports.deleteCustomView=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.MONOLITH="MONOLITH",e.CORAL="CORAL",e))(r||{});exports.SortingMode=r;