@veeqo/transfigure 0.0.21 → 0.0.22

package/dist/index14.js

@@ -1,44 +1,39 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { useState as F, useEffect as g } from "react";
-import { observer as v } from "mobx-react";
-import { FilterTag as y, BaseContainer as o, theme as n, Stack as C, Button as d } from "@veeqo/ui";
-import { useFilterLabel as b } from "./index56.js";
-import { FilterField as x } from "./index17.js";
-import { useStores as z } from "./index58.js";
-const w = v(({ filterData: e }) => {
-  const {
-    Filters: { filters: l, clearFilter: c, setFilter: a }
-  } = z(), i = l.get(e.id), { filterLabel: m } = b({ filterData: e }), [r, s] = F(i || "");
-  g(() => {
-    r !== i && s(i || "");
-  }, [e.id, i, l]);
-  const p = () => {
-    c(e.id);
-  }, u = () => {
-    a(e.id, r);
-  };
-  return /* @__PURE__ */ t(
-    y,
-    {
-      shouldCloseOnClickAway: !0,
-      header: /* @__PURE__ */ t("div", { children: "Edit filter (style and semant me pls)" }),
-      label: e.label,
-      text: m || "Loading...",
-      content: /* @__PURE__ */ t(o, { style: { padding: n.sizes.md }, children: /* @__PURE__ */ t(
-        x,
-        {
-          data: e,
-          editedValue: r,
-          setEditedValue: (h) => s(h)
-        }
-      ) }),
-      footer: /* @__PURE__ */ t(o, { style: { padding: n.sizes.sm, width: "200px" }, children: /* @__PURE__ */ f(C, { direction: "horizontal", alignX: "end", children: [
-        /* @__PURE__ */ t(d, { variant: "default", size: "sm", onClick: p, children: "Clear" }),
-        /* @__PURE__ */ t(d, { variant: "primary", size: "sm", onClick: u, children: "Apply" })
-      ] }) })
-    }
-  );
+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);
+      }
+    })() }))
+  ] });
 });
 export {
-  w as ActiveFilterTag
+  M as ActiveFilters
 };

package/dist/index15.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("./index46.cjs"),A=require("./index18.cjs"),g=require("./index19.cjs"),h=require("./index20.cjs"),v=require("./index14.cjs"),T=require("./index7.cjs"),f=require("./index58.cjs"),x=F.observer(()=>{const{FIELDS_MAP:c}=T.useBusinessLogic(),{Filters:{hasActiveFilters:a,activeFilterKeysList:l,clearAllFilters:n}}=f.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(A.ActiveFilterArrayTag,{filterData:i},e);case r.FilterChoiceValue.DATE_RANGE:return t.jsx(g.ActiveFilterDateRangeTag,{filterData:i},e);case r.FilterChoiceValue.NUMBER_RANGE:return t.jsx(h.ActiveFilterNumberRangeTag,{filterData:i},e);case r.FilterChoiceValue.TEXT:case r.FilterChoiceValue.NUMBER:case r.FilterChoiceValue.RADIO:return t.jsx(v.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"),l=require("mobx-react"),s=require("@veeqo/ui"),c=require("./index47.cjs"),u=require("./index109.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/index15.js

@@ -1,39 +1,35 @@
-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 "./index46.js";
-import { ActiveFilterArrayTag as F } from "./index18.js";
-import { ActiveFilterDateRangeTag as h } from "./index19.js";
-import { ActiveFilterNumberRangeTag as d } from "./index20.js";
-import { ActiveFilterTag as g } from "./index14.js";
-import { useBusinessLogic as v } from "./index7.js";
-import { useStores as D } from "./index58.js";
-const M = m(() => {
-  const { FIELDS_MAP: o } = v(), {
-    Filters: { hasActiveFilters: s, activeFilterKeysList: a, clearAllFilters: l }
-  } = D();
-  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(F, { filterData: i }, r);
-        case e.DATE_RANGE:
-          return /* @__PURE__ */ t(h, { filterData: i }, r);
-        case e.NUMBER_RANGE:
-          return /* @__PURE__ */ t(d, { filterData: i }, r);
-        case e.TEXT:
-        case e.NUMBER:
-        case e.RADIO:
-          return /* @__PURE__ */ t(g, { filterData: i }, r);
-        default:
-          return /* @__PURE__ */ t(u, { size: "xs", variant: "error", title: `Unsupport filter "${r}"` }, r);
-      }
-    })() }))
-  ] });
-});
+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 "./index109.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;
+    }
+  }
+);
 export {
-  M as ActiveFilters
+  F as FilterArrayField
 };

package/dist/index16.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("./index46.cjs"),u=require("./index21.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 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;

package/dist/index16.js

@@ -1,35 +1,52 @@
-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 "./index46.js";
-import { ActiveAsyncCheckboxFilter as c } from "./index21.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 { 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;
   }
-);
+  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 {
-  F as FilterArrayField
+  y as FilterField
 };

package/dist/index17.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("mobx-react"),n=require("@veeqo/ui"),i=require("./index46.cjs"),F=require("./index22.cjs"),h=u.observer(({data:e,editedValue:r,setEditedValue:t})=>{var s;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(n.TextField,{label:e.label,type:l,value:r,onChange:c=>t(c)});case i.FilterChoiceValue.RADIO:case i.FilterChoiceValue.DATE_RANGE:return e.fetchAsyncFilterOptions?o.jsx(F.ActiveAsyncRadioFilter,{field:e,setEditedValue:t,editedValue:r}):o.jsx(n.ChoiceList,{title:e.label,options:(s=e.options)!=null&&s.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 t=require("react/jsx-runtime"),c=require("react"),v=require("mobx-react"),s=require("@veeqo/ui"),q=require("./index59.cjs"),A=require("./index57.cjs"),g=require("./index22.cjs"),x=require("./index16.cjs"),j=require("./index23.cjs"),m=v.observer(({filterData:e})=>{const{Filters:{filters:l,clearFilter:n,setFilter:u}}=q.useStores(),r=l.get(e.id),{filterLabel:d}=A.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}),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(g.ActiveFilterFooter,{clearActiveFilter:F,applyActiveFilter:a})})});exports.ActiveFilterTag=m;

package/dist/index17.js

@@ -1,53 +1,43 @@
-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 "./index46.js";
-import { ActiveAsyncRadioFilter as m } from "./index22.js";
-const u = 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,
+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 v } from "@veeqo/ui";
+import { useStores as A } from "./index59.js";
+import { useFilterLabel as g } from "./index57.js";
+import { ActiveFilterFooter as h } from "./index22.js";
+import { FilterField as L } from "./index16.js";
+import { ActiveFilterHeader as V } from "./index23.js";
+const z = a(({ filterData: e }) => {
+  const {
+    Filters: { filters: o, clearFilter: s, setFilter: d }
+  } = A(), r = o.get(e.id), { filterLabel: m } = g({ filterData: e }), [i, l] = F(r || "");
+  u(() => {
+    i !== r && l(r || "");
+  }, [e.id, r, o]);
+  const c = () => {
+    s(e.id);
+  }, n = () => {
+    d(e.id, i);
+  };
+  return /* @__PURE__ */ t(
+    f,
+    {
+      shouldCloseOnClickAway: !0,
+      header: /* @__PURE__ */ t(V, { filterLabel: e.label }),
+      label: e.label,
+      text: m || "Loading...",
+      content: /* @__PURE__ */ t(b, { style: { padding: v.sizes.md }, children: /* @__PURE__ */ t(
+        L,
         {
-          label: e.label,
-          type: t,
-          value: o,
-          onChange: (l) => i(l)
+          data: e,
+          editedValue: i,
+          setEditedValue: (p) => l(p)
         }
-      );
-    case r.RADIO:
-    case r.DATE_RANGE:
-      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;
-  }
+      ) }),
+      footer: /* @__PURE__ */ t(h, { clearActiveFilter: c, applyActiveFilter: n })
+    }
+  );
 });
 export {
-  u as FilterField
+  z as ActiveFilterTag
 };

package/dist/index18.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),A=require("mobx-react"),r=require("@veeqo/ui"),h=require("./index55.cjs"),m=require("./index16.cjs"),x=require("./index58.cjs"),j=A.observer(({filterData:t})=>{const{Filters:{arrayFilters:l,clearArrayFilter:c,setArrayFilter:d}}=x.useStores(),i=l.get(t.id),[s,n]=a.useState(i||[]);a.useEffect(()=>{s!==i&&n(i||[])},[t.id,i,l]);const o=()=>{c(t.id)},u=()=>{d(t.id,s)},{filterLabel:y}=h.useFilterArrayLabel({filterData:t});return e.jsx(r.FilterTag,{shouldCloseOnClickAway:!0,header:e.jsx("div",{children:"Edit filter (style and semant me pls)"}),label:t.label,text:y||"",content:e.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.md},children:e.jsx(m.FilterArrayField,{data:t,editedValue:s||[],setEditedValue:F=>n(F)})}),footer:e.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.sm,width:"200px"},children:e.jsxs(r.Stack,{direction:"horizontal",alignX:"end",children:[e.jsx(r.Button,{variant:"default",size:"sm",onClick:o,children:"Clear"}),e.jsx(r.Button,{variant:"primary",size:"sm",onClick:u,children:"Apply"})]})})})});exports.ActiveFilterArrayTag=j;
+"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"),q=require("./index59.cjs"),x=require("./index22.cjs"),g=require("./index23.cjs"),j=y.observer(({filterData:e})=>{const{Filters:{arrayFilters:l,clearArrayFilter:u,setArrayFilter:a}}=q.useStores(),t=l.get(e.id),[i,c]=o.useState(t||[]);o.useEffect(()=>{i!==t&&c(t||[])},[e.id,t,l]);const n=()=>{u(e.id)},d=()=>{a(e.id,i)},{filterLabel:F}=b.useFilterArrayLabel({filterData:e});return r.jsx(s.FilterTag,{shouldCloseOnClickAway:!0,header:r.jsx(g.ActiveFilterHeader,{filterLabel:e.label}),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(x.ActiveFilterFooter,{clearActiveFilter:n,applyActiveFilter:d})})});exports.ActiveFilterArrayTag=j;

package/dist/index18.js

@@ -1,44 +1,43 @@
-import { jsx as r, jsxs as h } from "react/jsx-runtime";
-import { useState as F, useEffect as A } from "react";
-import { observer as f } from "mobx-react";
-import { FilterTag as v, BaseContainer as o, theme as d, Stack as g, Button as n } from "@veeqo/ui";
-import { useFilterArrayLabel as C } from "./index55.js";
-import { FilterArrayField as b } from "./index16.js";
-import { useStores as x } from "./index58.js";
-const B = f(({ filterData: e }) => {
+import { jsx as r } from "react/jsx-runtime";
+import { useState as F, useEffect as p } from "react";
+import { observer as u } from "mobx-react";
+import { FilterTag as A, BaseContainer as f, theme as y } from "@veeqo/ui";
+import { useFilterArrayLabel as b } from "./index56.js";
+import { FilterArrayField as v } from "./index15.js";
+import { useStores as V } from "./index59.js";
+import { ActiveFilterFooter as g } from "./index22.js";
+import { ActiveFilterHeader as h } from "./index23.js";
+const z = u(({ filterData: e }) => {
   const {
-    Filters: { arrayFilters: l, clearArrayFilter: a, setArrayFilter: c }
-  } = x(), t = l.get(e.id), [i, s] = F(t || []);
-  A(() => {
-    i !== t && s(t || []);
-  }, [e.id, t, l]);
+    Filters: { arrayFilters: o, clearArrayFilter: s, setArrayFilter: d }
+  } = V(), t = o.get(e.id), [i, l] = F(t || []);
+  p(() => {
+    i !== t && l(t || []);
+  }, [e.id, t, o]);
   const m = () => {
-    a(e.id);
-  }, p = () => {
-    c(e.id, i);
-  }, { filterLabel: u } = C({ filterData: e });
+    s(e.id);
+  }, a = () => {
+    d(e.id, i);
+  }, { filterLabel: c } = b({ filterData: e });
   return /* @__PURE__ */ r(
-    v,
+    A,
     {
       shouldCloseOnClickAway: !0,
-      header: /* @__PURE__ */ r("div", { children: "Edit filter (style and semant me pls)" }),
+      header: /* @__PURE__ */ r(h, { filterLabel: e.label }),
       label: e.label,
-      text: u || "",
-      content: /* @__PURE__ */ r(o, { style: { padding: d.sizes.md }, children: /* @__PURE__ */ r(
-        b,
+      text: c || "",
+      content: /* @__PURE__ */ r(f, { style: { padding: y.sizes.md }, children: /* @__PURE__ */ r(
+        v,
         {
           data: e,
           editedValue: i || [],
-          setEditedValue: (y) => s(y)
+          setEditedValue: (n) => l(n)
         }
       ) }),
-      footer: /* @__PURE__ */ r(o, { style: { padding: d.sizes.sm, width: "200px" }, children: /* @__PURE__ */ h(g, { direction: "horizontal", alignX: "end", children: [
-        /* @__PURE__ */ r(n, { variant: "default", size: "sm", onClick: m, children: "Clear" }),
-        /* @__PURE__ */ r(n, { variant: "primary", size: "sm", onClick: p, children: "Apply" })
-      ] }) })
+      footer: /* @__PURE__ */ r(g, { clearActiveFilter: m, applyActiveFilter: a })
     }
   );
 });
 export {
-  B as ActiveFilterArrayTag
+  z as ActiveFilterArrayTag
 };

package/dist/index19.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),x=require("mobx-react"),n=require("@veeqo/ui"),o=require("./index65.cjs"),A=require("./index7.cjs"),j=require("./index58.cjs"),v=x.observer(({filterData:i})=>{const{DEFAULT_DATE_PRESET:g,DEFAULT_DATE_RANGE:d}=A.useBusinessLogic(),{Filters:{dateRangeFilters:l,clearRangeFilter:u,setRangeFilter:F}}=j.useStores(),t=l.get(i.id),[e,a]=c.useState(l.get(i.id)),R=()=>{const s=new o.RangeFilter;return s.setFilterType(t==null?void 0:t.filterType),a(s),s};c.useEffect(()=>{if(!t)return;const s=new o.RangeFilter;s.setFilterType(t.filterType),t.gte&&t.lte&&s.setDates(t.gte,t.lte),a(s)},[t]);const p=()=>{u(i.id)},y=()=>{t&&(e!=null&&e.filterType)&&F({dates:{start:e.gte,end:e.lte},key:e.filterType,range:t})},h=(e==null?void 0:e.filterSelection)||g,T=s=>{s&&(e||R(),e==null||e.setFilterType(s.value))},f=s=>{!s||!e||e.setDates(s.start,s.end)},m=e?e.selectedRange:d;return r.jsx(n.FilterTag,{shouldCloseOnClickAway:!0,header:r.jsx("div",{children:"Edit filter (style and semant me pls)"}),label:i.label,text:(t==null?void 0:t.filterLabel)||"",content:r.jsx(n.BaseContainer,{style:{padding:n.theme.sizes.md},children:r.jsx(n.DateRangePicker,{"aria-label":`date range for ${i.label}`,selectedPreset:h,setSelectedPreset:T,selectedRange:m,setSelectedRange:f})}),footer:r.jsx(n.BaseContainer,{style:{padding:n.theme.sizes.sm,width:"200px"},children:r.jsxs(n.Stack,{direction:"horizontal",alignX:"end",children:[r.jsx(n.Button,{variant:"default",size:"sm",onClick:p,children:"Clear"}),r.jsx(n.Button,{variant:"primary",size:"sm",onClick:y,children:"Apply"})]})})})});exports.ActiveFilterDateRangeTag=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),f=require("mobx-react"),i=require("@veeqo/ui"),a=require("./index66.cjs"),q=require("./index7.cjs"),E=require("./index59.cjs"),S=require("./index22.cjs"),h=require("./index23.cjs"),x=f.observer(({filterData:s})=>{const{DEFAULT_DATE_PRESET:g,DEFAULT_DATE_RANGE:F}=q.useBusinessLogic(),{Filters:{dateRangeFilters:c,clearRangeFilter:u,setRangeFilter:R}}=E.useStores(),t=c.get(s.id),[e,l]=o.useState(c.get(s.id)),T=()=>{const r=new a.RangeFilter;return r.setFilterType(t==null?void 0:t.filterType),l(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),l(r)},[t]);const d=()=>{u(s.id)},A=()=>{t&&(e!=null&&e.filterType)&&R({dates:{start:e.gte,end:e.lte},key:e.filterType,range:t})},y=(e==null?void 0:e.filterSelection)||g,b=r=>{r&&(e||T(),e==null||e.setFilterType(r.value))},p=r=>{!r||!e||e.setDates(r.start,r.end)},v=e?e.selectedRange:F;return n.jsx(i.FilterTag,{shouldCloseOnClickAway:!0,header:n.jsx(h.ActiveFilterHeader,{filterLabel:s.label}),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:y,setSelectedPreset:b,selectedRange:v,setSelectedRange:p})}),footer:n.jsx(S.ActiveFilterFooter,{clearActiveFilter:d,applyActiveFilter:A})})});exports.ActiveFilterDateRangeTag=x;

package/dist/index19.js

@@ -1,61 +1,60 @@
-import { jsx as n, jsxs as u } from "react/jsx-runtime";
-import { useState as v, useEffect as C } from "react";
-import { observer as S } from "mobx-react";
-import { FilterTag as b, BaseContainer as a, theme as o, Stack as k, Button as c, DateRangePicker as P } from "@veeqo/ui";
-import { RangeFilter as g } from "./index65.js";
-import { useBusinessLogic as w } from "./index7.js";
-import { useStores as x } from "./index58.js";
-const G = S(
-  ({ filterData: i }) => {
-    const { DEFAULT_DATE_PRESET: d, DEFAULT_DATE_RANGE: p } = w(), {
-      Filters: { dateRangeFilters: s, clearRangeFilter: m, setRangeFilter: f }
-    } = x(), t = s.get(i.id), [e, l] = v(s.get(i.id)), F = () => {
-      const r = new g();
-      return r.setFilterType(t == null ? void 0 : t.filterType), l(r), r;
+import { jsx as s } from "react/jsx-runtime";
+import { useState as A, useEffect as E } from "react";
+import { observer as b } from "mobx-react";
+import { FilterTag as h, BaseContainer as u, theme as v, DateRangePicker as P } from "@veeqo/ui";
+import { RangeFilter as l } from "./index66.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 = b(
+  ({ filterData: n }) => {
+    const { DEFAULT_DATE_PRESET: a, DEFAULT_DATE_RANGE: c } = S(), {
+      Filters: { dateRangeFilters: i, clearRangeFilter: g, setRangeFilter: m }
+    } = C(), t = i.get(n.id), [e, o] = A(i.get(n.id)), p = () => {
+      const r = new l();
+      return r.setFilterType(t == null ? void 0 : t.filterType), o(r), r;
     };
-    C(() => {
+    E(() => {
       if (!t) return;
-      const r = new g();
-      r.setFilterType(t.filterType), t.gte && t.lte && r.setDates(t.gte, t.lte), l(r);
+      const r = new l();
+      r.setFilterType(t.filterType), t.gte && t.lte && r.setDates(t.gte, t.lte), o(r);
     }, [t]);
-    const h = () => {
-      m(i.id);
-    }, y = () => {
-      t && (e != null && e.filterType) && f({
+    const F = () => {
+      g(n.id);
+    }, f = () => {
+      t && (e != null && e.filterType) && m({
         dates: { start: e.gte, end: e.lte },
         key: e.filterType,
         range: t
       });
-    }, R = (e == null ? void 0 : e.filterSelection) || d, T = (r) => {
-      r && (e || F(), e == null || e.setFilterType(r.value));
-    }, A = (r) => {
+    }, R = (e == null ? void 0 : e.filterSelection) || a, T = (r) => {
+      r && (e || p(), e == null || e.setFilterType(r.value));
+    }, d = (r) => {
       !r || !e || e.setDates(r.start, r.end);
-    }, E = e ? e.selectedRange : p;
-    return /* @__PURE__ */ n(
-      b,
+    }, y = e ? e.selectedRange : c;
+    return /* @__PURE__ */ s(
+      h,
       {
         shouldCloseOnClickAway: !0,
-        header: /* @__PURE__ */ n("div", { children: "Edit filter (style and semant me pls)" }),
-        label: i.label,
+        header: /* @__PURE__ */ s(w, { filterLabel: n.label }),
+        label: n.label,
         text: (t == null ? void 0 : t.filterLabel) || "",
-        content: /* @__PURE__ */ n(a, { style: { padding: o.sizes.md }, children: /* @__PURE__ */ n(
+        content: /* @__PURE__ */ s(u, { style: { padding: v.sizes.md }, children: /* @__PURE__ */ s(
           P,
           {
-            "aria-label": `date range for ${i.label}`,
+            "aria-label": `date range for ${n.label}`,
             selectedPreset: R,
             setSelectedPreset: T,
-            selectedRange: E,
-            setSelectedRange: A
+            selectedRange: y,
+            setSelectedRange: d
           }
         ) }),
-        footer: /* @__PURE__ */ n(a, { style: { padding: o.sizes.sm, width: "200px" }, children: /* @__PURE__ */ u(k, { direction: "horizontal", alignX: "end", children: [
-          /* @__PURE__ */ n(c, { variant: "default", size: "sm", onClick: h, children: "Clear" }),
-          /* @__PURE__ */ n(c, { variant: "primary", size: "sm", onClick: y, children: "Apply" })
-        ] }) })
+        footer: /* @__PURE__ */ s(L, { clearActiveFilter: F, applyActiveFilter: f })
       }
     );
   }
 );
 export {
-  G as ActiveFilterDateRangeTag
+  H as ActiveFilterDateRangeTag
 };

package/dist/index2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index6.cjs"),s=require("./index50.cjs"),i=require("./index51.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"});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;

package/dist/index2.js

@@ -1,6 +1,6 @@
 import { axios as t } from "./index6.js";
-import { withCSRF as e } from "./index50.js";
-import { vndAPI as i } from "./index51.js";
+import { withCSRF as e } from "./index51.js";
+import { vndAPI as i } from "./index52.js";
 const s = (o) => t.delete(`/api/v2/custom_views/${o}`, e(i));
 export {
   s as deleteCustomView

package/dist/index20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),b=require("mobx-react"),r=require("@veeqo/ui"),F=require("./index64.cjs"),R=require("./index105.cjs"),h=require("./index58.cjs"),x=b.observer(({filterData:i})=>{const{Filters:{numberRangeFilters:o,clearNumberRangeFilter:u,setNumberRangeFilter:d}}=h.useStores(),e=o.get(i.id),[s,a]=l.useState(e),c=l.useCallback(()=>{const n=new F.NumberRangeFilter({filterId:i.id});return e&&(e.gte&&n.setGte(e.gte),e.lte&&n.setLte(e.lte)),n},[i.id,e]);l.useEffect(()=>{const n=c();a(n)},[c,e]);const g=()=>{u(i.id)},m=()=>{!e||!s||d({numberRange:e,lte:s.lte,gte:s.gte})};return t.jsx(r.FilterTag,{shouldCloseOnClickAway:!0,header:t.jsx("div",{children:"Edit filter (style and semant me pls)"}),label:i.label,text:(e==null?void 0:e.filterLabel)||"Loading...",content:t.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.md},children:t.jsx(R.FilterNumberRangeFilter,{data:i,editedValue:s,setEditedValue:a})}),footer:t.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.sm,width:"200px"},children:t.jsxs(r.Stack,{direction:"horizontal",alignX:"end",children:[t.jsx(r.Button,{variant:"default",size:"sm",onClick:g,children:"Clear"}),t.jsx(r.Button,{variant:"primary",size:"sm",onClick:m,children:"Apply"})]})})})});exports.ActiveFilterNumberRangeTag=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("react"),d=require("mobx-react"),l=require("@veeqo/ui"),m=require("./index65.cjs"),R=require("./index108.cjs"),v=require("./index59.cjs"),N=require("./index22.cjs"),q=require("./index23.cjs"),A=d.observer(({filterData:t})=>{const{Filters:{numberRangeFilters:u,clearNumberRangeFilter:a,setNumberRangeFilter:F}}=v.useStores(),e=u.get(t.id),[n,c]=s.useState(e),o=s.useCallback(()=>{const r=new m.NumberRangeFilter({filterId:t.id});return e&&(e.gte&&r.setGte(e.gte),e.lte&&r.setLte(e.lte)),r},[t.id,e]);s.useEffect(()=>{const r=o();c(r)},[o,e]);const g=()=>{a(t.id)},b=()=>{!e||!n||F({numberRange:e,lte:n.lte,gte:n.gte})};return i.jsx(l.FilterTag,{shouldCloseOnClickAway:!0,header:i.jsx(q.ActiveFilterHeader,{filterLabel:t.label}),label:t.label,text:(e==null?void 0:e.filterLabel)||"Loading...",content:i.jsx(l.BaseContainer,{style:{padding:l.theme.sizes.md},children:i.jsx(R.FilterNumberRangeFilter,{data:t,editedValue:n,setEditedValue:c})}),footer:i.jsx(N.ActiveFilterFooter,{clearActiveFilter:g,applyActiveFilter:b})})});exports.ActiveFilterNumberRangeTag=A;