@veeqo/transfigure 0.0.1 → 0.0.3

package/dist/index19.js

@@ -1,39 +1,61 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { useMemo as u } from "react";
-import { observer as b } from "mobx-react";
-import { Stack as F, ChoiceList as x, Skeleton as y, theme as A, Text as d } from "@veeqo/ui";
-import L from "swr/immutable";
-import { getAsyncOptions as O } from "./index66.js";
-import { getFetcherFunction as S } from "./index67.js";
-const R = b(({
-  field: t,
-  editedValue: c,
-  setEditedValue: a
-}) => {
-  var o, i;
-  const l = u(() => {
-    var e;
-    return S({
-      fetcherName: (e = t.fetchAsyncFilterOptions) == null ? void 0 : e.fetcher
-    });
-  }, [(o = t.fetchAsyncFilterOptions) == null ? void 0 : o.fetcher]), {
-    isLoading: m,
-    isValidating: h,
-    data: p,
-    error: f
-  } = L((i = t.fetchAsyncFilterOptions) == null ? void 0 : i.URL, l), r = m || h, g = O({
-    data: p,
-    config: t.fetchAsyncFilterOptions
-  });
-  return /* @__PURE__ */ n(F, { spacing: "xs", alignX: "stretch", children: [
-    /* @__PURE__ */ s(x, { allowMultiple: !0, title: t.label, options: g, selected: c, onChange: (e) => a(e) }),
-    r && /* @__PURE__ */ s(y, { width: "200px", height: A.sizes[5], "aria-busy": !0, "aria-label": `Loading ${t.label} filters` }),
-    !r && f && /* @__PURE__ */ n(d, { variant: "errorSmall", children: [
-      "Error: failed to load filter for ",
-      t.label
-    ] })
-  ] });
-});
+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 "./index62.js";
+import { useBusinessLogic as w } from "./index7.js";
+import { useStores as x } from "./index56.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;
+    };
+    C(() => {
+      if (!t) return;
+      const r = new g();
+      r.setFilterType(t.filterType), t.gte && t.lte && r.setDates(t.gte, t.lte), l(r);
+    }, [t]);
+    const h = () => {
+      m(i.id);
+    }, y = () => {
+      t && (e != null && e.filterType) && f({
+        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 || e.setDates(r.start, r.end);
+    }, E = e ? e.selectedRange : p;
+    return /* @__PURE__ */ n(
+      b,
+      {
+        shouldCloseOnClickAway: !0,
+        header: /* @__PURE__ */ n("div", { children: "Edit filter (style and semant me pls)" }),
+        label: i.label,
+        text: (t == null ? void 0 : t.filterLabel) || "",
+        content: /* @__PURE__ */ n(a, { style: { padding: o.sizes.md }, children: /* @__PURE__ */ n(
+          P,
+          {
+            "aria-label": `date range for ${i.label}`,
+            selectedPreset: R,
+            setSelectedPreset: T,
+            selectedRange: E,
+            setSelectedRange: A
+          }
+        ) }),
+        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" })
+        ] }) })
+      }
+    );
+  }
+);
 export {
-  R as AsyncInlineCheckboxFilter
+  G as ActiveFilterDateRangeTag
 };

package/dist/index20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("react"),m=require("mobx-react"),t=require("@veeqo/ui"),p=require("swr/immutable"),y=require("./index66.cjs"),F=require("./index67.cjs"),x=e=>e&&e.__esModule?e:{default:e},A=x(p),q=m.observer(({field:e,editedValue:c,setEditedValue:a})=>{var i,o;const l=b.useMemo(()=>{var r;return F.getFetcherFunction({fetcherName:(r=e.fetchAsyncFilterOptions)==null?void 0:r.fetcher})},[(i=e.fetchAsyncFilterOptions)==null?void 0:i.fetcher]),{isLoading:u,isValidating:h,data:g,error:d}=A.default((o=e.fetchAsyncFilterOptions)==null?void 0:o.URL,l),s=u||h,f=y.getAsyncOptions({data:g,config:e.fetchAsyncFilterOptions});return n.jsxs(t.Stack,{spacing:"xs",alignX:"stretch",children:[n.jsx(t.ChoiceList,{title:e.label,options:f,selected:[c],onChange:r=>a(`${r[0]}`)}),s&&n.jsx(t.Skeleton,{width:"200px",height:t.theme.sizes[5],"aria-busy":!0,"aria-label":`Loading ${e.label} filters`}),!s&&d&&n.jsxs(t.Text,{variant:"errorSmall",children:["Error: failed to load filter for ",e.label]})]})});exports.AsyncInlineRadioFilter=q;
+"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("./index61.cjs"),R=require("./index84.cjs"),h=require("./index56.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;

package/dist/index20.js

@@ -1,39 +1,55 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { useMemo as u } from "react";
-import { observer as F } from "mobx-react";
-import { Stack as b, ChoiceList as y, Skeleton as d, theme as x, Text as A } from "@veeqo/ui";
-import L from "swr/immutable";
-import { getAsyncOptions as O } from "./index66.js";
-import { getFetcherFunction as S } from "./index67.js";
-const w = F(({
-  field: t,
-  editedValue: c,
-  setEditedValue: a
-}) => {
-  var o, i;
-  const l = u(() => {
-    var e;
-    return S({
-      fetcherName: (e = t.fetchAsyncFilterOptions) == null ? void 0 : e.fetcher
-    });
-  }, [(o = t.fetchAsyncFilterOptions) == null ? void 0 : o.fetcher]), {
-    isLoading: m,
-    isValidating: h,
-    data: p,
-    error: f
-  } = L((i = t.fetchAsyncFilterOptions) == null ? void 0 : i.URL, l), r = m || h, g = O({
-    data: p,
-    config: t.fetchAsyncFilterOptions
-  });
-  return /* @__PURE__ */ n(b, { spacing: "xs", alignX: "stretch", children: [
-    /* @__PURE__ */ s(y, { title: t.label, options: g, selected: [c], onChange: (e) => a(`${e[0]}`) }),
-    r && /* @__PURE__ */ s(d, { width: "200px", height: x.sizes[5], "aria-busy": !0, "aria-label": `Loading ${t.label} filters` }),
-    !r && f && /* @__PURE__ */ n(A, { variant: "errorSmall", children: [
-      "Error: failed to load filter for ",
-      t.label
-    ] })
-  ] });
-});
+import { jsx as t, jsxs as F } from "react/jsx-runtime";
+import { useState as b, useCallback as f, useEffect as h } from "react";
+import { observer as R } from "mobx-react";
+import { FilterTag as v, BaseContainer as o, theme as a, Stack as y, Button as d } from "@veeqo/ui";
+import { NumberRangeFilter as C } from "./index61.js";
+import { FilterNumberRangeFilter as N } from "./index84.js";
+import { useStores as w } from "./index56.js";
+const j = R(
+  ({ filterData: r }) => {
+    const {
+      Filters: { numberRangeFilters: m, clearNumberRangeFilter: c, setNumberRangeFilter: u }
+    } = w(), e = m.get(r.id), [n, l] = b(e), s = f(() => {
+      const i = new C({ filterId: r.id });
+      return e && (e.gte && i.setGte(e.gte), e.lte && i.setLte(e.lte)), i;
+    }, [r.id, e]);
+    h(() => {
+      const i = s();
+      l(i);
+    }, [s, e]);
+    const g = () => {
+      c(r.id);
+    }, p = () => {
+      !e || !n || u({
+        numberRange: e,
+        // update the original value
+        lte: n.lte,
+        gte: n.gte
+      });
+    };
+    return /* @__PURE__ */ t(
+      v,
+      {
+        shouldCloseOnClickAway: !0,
+        header: /* @__PURE__ */ t("div", { children: "Edit filter (style and semant me pls)" }),
+        label: r.label,
+        text: (e == null ? void 0 : e.filterLabel) || "Loading...",
+        content: /* @__PURE__ */ t(o, { style: { padding: a.sizes.md }, children: /* @__PURE__ */ t(
+          N,
+          {
+            data: r,
+            editedValue: n,
+            setEditedValue: l
+          }
+        ) }),
+        footer: /* @__PURE__ */ t(o, { style: { padding: a.sizes.sm, width: "200px" }, children: /* @__PURE__ */ F(y, { direction: "horizontal", alignX: "end", children: [
+          /* @__PURE__ */ t(d, { variant: "default", size: "sm", onClick: g, children: "Clear" }),
+          /* @__PURE__ */ t(d, { variant: "primary", size: "sm", onClick: p, children: "Apply" })
+        ] }) })
+      }
+    );
+  }
+);
 export {
-  w as AsyncInlineRadioFilter
+  j as ActiveFilterNumberRangeTag
 };

package/dist/index21.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),L=require("mobx-react"),O=require("lodash/debounce"),s=require("@veeqo/ui"),R=require("swr/immutable"),j=require("./index66.cjs"),C=require("./index67.cjs"),V=require("./index7.cjs"),k=require("./index56.cjs"),d=e=>e&&e.__esModule?e:{default:e},E=d(O),v=d(R),B=L.observer(({field:e})=>{var l,u;const{FILTERS_DEBOUCE_INTERVAL_MS:h}=V.useBusinessLogic(),g=o.useMemo(()=>{var t;return C.getFetcherFunction({fetcherName:(t=e.fetchAsyncFilterOptions)==null?void 0:t.fetcher})},[(l=e.fetchAsyncFilterOptions)==null?void 0:l.fetcher]),{isLoading:F,isValidating:b,data:S,error:f}=v.default((u=e.fetchAsyncFilterOptions)==null?void 0:u.URL,g),i=F||b,{Filters:{setFilter:c,filters:m}}=k.useStores(),p=m.get(e.id),[y,a]=o.useState(p),q=o.useCallback(E.default((t,r)=>{c(t,r)},h),[c]),x=t=>{const r=`${t[0]}`;a(r),q(e.id,r)},_=()=>{a(""),c(e.id,"")},A=j.getAsyncOptions({data:S,config:e.fetchAsyncFilterOptions});return n.jsxs(s.Stack,{spacing:"xs",alignX:"stretch",children:[n.jsx(s.Button,{variant:"link",onClick:_,children:"Clear"}),n.jsx(s.ChoiceList,{title:e.label,options:A,selected:[y],onChange:t=>x(t)}),i&&n.jsx(s.Skeleton,{width:"200px",height:s.theme.sizes[5],"aria-busy":!0,"aria-label":`Loading ${e.label} filters`}),!i&&f&&n.jsxs(s.Text,{variant:"errorSmall",children:["Error: failed to load filter for ",e.label]})]})});exports.AsyncRadioFilter=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("react"),d=require("mobx-react"),t=require("@veeqo/ui"),m=require("swr/immutable"),x=require("./index66.cjs"),y=require("./index67.cjs"),F=e=>e&&e.__esModule?e:{default:e},A=F(m),q=d.observer(({field:e,editedValue:o,setEditedValue:a})=>{var i,c;const l=p.useMemo(()=>{var r;return y.getFetcherFunction({fetcherName:(r=e.fetchAsyncFilterOptions)==null?void 0:r.fetcher})},[(i=e.fetchAsyncFilterOptions)==null?void 0:i.fetcher]),{isLoading:u,isValidating:h,data:g,error:b}=A.default((c=e.fetchAsyncFilterOptions)==null?void 0:c.URL,l),n=u||h,f=x.getAsyncOptions({data:g,config:e.fetchAsyncFilterOptions});return s.jsxs(t.Stack,{spacing:"xs",alignX:"stretch",children:[s.jsx(t.ChoiceList,{allowMultiple:!0,title:e.label,options:f,selected:o,onChange:r=>a(r)}),n&&s.jsx(t.Skeleton,{width:"200px",height:t.theme.sizes[5],"aria-busy":!0,"aria-label":`Loading ${e.label} filters`}),!n&&b&&s.jsxs(t.Text,{variant:"errorSmall",children:["Error: failed to load filter for ",e.label]})]})});exports.ActiveAsyncCheckboxFilter=q;

package/dist/index21.js

@@ -1,55 +1,47 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { useMemo as C, useState as O, useCallback as x } from "react";
-import { observer as V } from "mobx-react";
-import k from "lodash/debounce";
-import { Stack as E, Button as R, ChoiceList as v, Skeleton as B, theme as I, Text as T } from "@veeqo/ui";
-import _ from "swr/immutable";
-import { getAsyncOptions as j } from "./index66.js";
-import { getFetcherFunction as w } from "./index67.js";
-import { useBusinessLogic as M } from "./index7.js";
-import { useStores as N } from "./index56.js";
-const K = V(({
-  field: t
-}) => {
-  var c, a;
-  const {
-    FILTERS_DEBOUCE_INTERVAL_MS: m
-  } = M(), h = C(() => {
-    var e;
-    return w({
-      fetcherName: (e = t.fetchAsyncFilterOptions) == null ? void 0 : e.fetcher
-    });
-  }, [(c = t.fetchAsyncFilterOptions) == null ? void 0 : c.fetcher]), {
-    isLoading: u,
-    isValidating: p,
-    data: f,
-    error: g
-  } = _((a = t.fetchAsyncFilterOptions) == null ? void 0 : a.URL, h), n = u || p, {
-    Filters: {
-      setFilter: o,
-      filters: d
-    }
-  } = N(), F = d.get(t.id), [b, i] = O(F), S = x(k((e, r) => {
-    o(e, r);
-  }, m), [o]), L = (e) => {
-    const r = `${e[0]}`;
-    i(r), S(t.id, r);
-  }, y = () => {
-    i(""), o(t.id, "");
-  }, A = j({
-    data: f,
-    config: t.fetchAsyncFilterOptions
-  });
-  return /* @__PURE__ */ l(E, { spacing: "xs", alignX: "stretch", children: [
-    /* @__PURE__ */ s(R, { variant: "link", onClick: y, children: "Clear" }),
-    /* @__PURE__ */ s(v, { title: t.label, options: A, selected: [b], onChange: (e) => L(e) }),
-    n && /* @__PURE__ */ s(B, { width: "200px", height: I.sizes[5], "aria-busy": !0, "aria-label": `Loading ${t.label} filters` }),
-    !n && g && /* @__PURE__ */ l(T, { variant: "errorSmall", children: [
-      "Error: failed to load filter for ",
-      t.label
-    ] })
-  ] });
-});
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import { observer as b } from "mobx-react";
+import { Stack as F, ChoiceList as x, Skeleton as y, theme as A, Text as d } from "@veeqo/ui";
+import L from "swr/immutable";
+import { getAsyncOptions as O } from "./index66.js";
+import { getFetcherFunction as S } from "./index67.js";
+const z = b(
+  ({ field: t, editedValue: c, setEditedValue: a }) => {
+    var o, i;
+    const l = u(() => {
+      var e;
+      return S({ fetcherName: (e = t.fetchAsyncFilterOptions) == null ? void 0 : e.fetcher });
+    }, [(o = t.fetchAsyncFilterOptions) == null ? void 0 : o.fetcher]), { isLoading: m, isValidating: h, data: p, error: f } = L(
+      (i = t.fetchAsyncFilterOptions) == null ? void 0 : i.URL,
+      l
+    ), r = m || h, g = O({ data: p, config: t.fetchAsyncFilterOptions });
+    return /* @__PURE__ */ s(F, { spacing: "xs", alignX: "stretch", children: [
+      /* @__PURE__ */ n(
+        x,
+        {
+          allowMultiple: !0,
+          title: t.label,
+          options: g,
+          selected: c,
+          onChange: (e) => a(e)
+        }
+      ),
+      r && /* @__PURE__ */ n(
+        y,
+        {
+          width: "200px",
+          height: A.sizes[5],
+          "aria-busy": !0,
+          "aria-label": `Loading ${t.label} filters`
+        }
+      ),
+      !r && f && /* @__PURE__ */ s(d, { variant: "errorSmall", children: [
+        "Error: failed to load filter for ",
+        t.label
+      ] })
+    ] });
+  }
+);
 export {
-  K as AsyncRadioFilter
+  z as ActiveAsyncCheckboxFilter
 };

package/dist/index22.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),p=require("mobx-react"),i=require("react"),x=require("lodash/debounce"),o=require("@veeqo/ui"),F=require("./index7.cjs"),_=require("./index56.cjs"),q=e=>e&&e.__esModule?e:{default:e},k=q(x),j=p.observer(({field:e})=>{var u;const{FILTERS_DEBOUCE_INTERVAL_MS:l}=F.useBusinessLogic(),{Filters:{setArrayFilter:r,arrayFilters:a}}=_.useStores();if(!((u=e.options)!=null&&u.length))return null;const d=a.get(e.id)||[],[b,c]=i.useState(d),S=i.useCallback(k.default((t,s)=>{r(t,s)},l),[r]),g=t=>{const s=t.map(C=>`${C}`);c(s),S(e.id,s)},h=()=>{c([]),r(e.id,[])};return n.jsxs(o.Stack,{spacing:"xs",children:[n.jsx(o.Button,{variant:"link",onClick:h,children:"Clear"}),n.jsx(o.ChoiceList,{allowMultiple:!0,title:e.label,options:e.options,selected:b,onChange:t=>g(t)})]})});exports.CheckboxFilter=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),b=require("react"),m=require("mobx-react"),t=require("@veeqo/ui"),p=require("swr/immutable"),y=require("./index66.cjs"),F=require("./index67.cjs"),A=e=>e&&e.__esModule?e:{default:e},x=A(p),q=m.observer(({field:e,editedValue:o,setEditedValue:a})=>{var n,c;const l=b.useMemo(()=>{var r;return F.getFetcherFunction({fetcherName:(r=e.fetchAsyncFilterOptions)==null?void 0:r.fetcher})},[(n=e.fetchAsyncFilterOptions)==null?void 0:n.fetcher]),{isLoading:u,isValidating:h,data:g,error:d}=x.default((c=e.fetchAsyncFilterOptions)==null?void 0:c.URL,l),i=u||h,f=y.getAsyncOptions({data:g,config:e.fetchAsyncFilterOptions});return s.jsxs(t.Stack,{spacing:"xs",alignX:"stretch",children:[s.jsx(t.ChoiceList,{title:e.label,options:f,selected:[o],onChange:r=>a(`${r[0]}`)}),i&&s.jsx(t.Skeleton,{width:"200px",height:t.theme.sizes[5],"aria-busy":!0,"aria-label":`Loading ${e.label} filters`}),!i&&d&&s.jsxs(t.Text,{variant:"errorSmall",children:["Error: failed to load filter for ",e.label]})]})});exports.ActiveAsyncRadioFilter=q;

package/dist/index22.js

@@ -1,36 +1,46 @@
-import { jsxs as C, jsx as l } from "react/jsx-runtime";
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { useMemo as u } from "react";
 import { observer as F } from "mobx-react";
-import { useState as d, useCallback as S } from "react";
-import b from "lodash/debounce";
-import { Stack as g, Button as k, ChoiceList as x } from "@veeqo/ui";
-import { useBusinessLogic as V } from "./index7.js";
-import { useStores as E } from "./index56.js";
-const w = F(({
-  field: e
-}) => {
-  var n;
-  const {
-    FILTERS_DEBOUCE_INTERVAL_MS: i
-  } = V(), {
-    Filters: {
-      setArrayFilter: o,
-      arrayFilters: c
-    }
-  } = E();
-  if (!((n = e.options) != null && n.length)) return null;
-  const a = c.get(e.id) || [], [u, s] = d(a), m = S(b((t, r) => {
-    o(t, r);
-  }, i), [o]), p = (t) => {
-    const r = t.map((h) => `${h}`);
-    s(r), m(e.id, r);
-  };
-  return /* @__PURE__ */ C(g, { spacing: "xs", children: [
-    /* @__PURE__ */ l(k, { variant: "link", onClick: () => {
-      s([]), o(e.id, []);
-    }, children: "Clear" }),
-    /* @__PURE__ */ l(x, { allowMultiple: !0, title: e.label, options: e.options, selected: u, onChange: (t) => p(t) })
-  ] });
-});
+import { Stack as b, ChoiceList as y, Skeleton as A, theme as d, Text as x } from "@veeqo/ui";
+import L from "swr/immutable";
+import { getAsyncOptions as O } from "./index66.js";
+import { getFetcherFunction as S } from "./index67.js";
+const z = F(
+  ({ field: t, editedValue: c, setEditedValue: a }) => {
+    var o, i;
+    const l = u(() => {
+      var e;
+      return S({ fetcherName: (e = t.fetchAsyncFilterOptions) == null ? void 0 : e.fetcher });
+    }, [(o = t.fetchAsyncFilterOptions) == null ? void 0 : o.fetcher]), { isLoading: m, isValidating: h, data: p, error: f } = L(
+      (i = t.fetchAsyncFilterOptions) == null ? void 0 : i.URL,
+      l
+    ), r = m || h, g = O({ data: p, config: t.fetchAsyncFilterOptions });
+    return /* @__PURE__ */ s(b, { spacing: "xs", alignX: "stretch", children: [
+      /* @__PURE__ */ n(
+        y,
+        {
+          title: t.label,
+          options: g,
+          selected: [c],
+          onChange: (e) => a(`${e[0]}`)
+        }
+      ),
+      r && /* @__PURE__ */ n(
+        A,
+        {
+          width: "200px",
+          height: d.sizes[5],
+          "aria-busy": !0,
+          "aria-label": `Loading ${t.label} filters`
+        }
+      ),
+      !r && f && /* @__PURE__ */ s(x, { variant: "errorSmall", children: [
+        "Error: failed to load filter for ",
+        t.label
+      ] })
+    ] });
+  }
+);
 export {
-  w as CheckboxFilter
+  z as ActiveAsyncRadioFilter
 };

package/dist/index23.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),P=require("react"),q=require("mobx-react"),n=require("@veeqo/ui"),E=require("./index62.cjs"),b=require("./index7.cjs"),k=require("./index56.cjs"),v=q.observer(({field:s})=>{const{DEFAULT_DATE_PRESET:c,DEFAULT_DATE_RANGE:l}=b.useBusinessLogic(),{Filters:{dateRangeFilters:i,setRangeFilter:o,clearRangeFilter:g}}=k.useStores(),e=i.get(s.id),[u,R]=P.useState(!1),d=(e==null?void 0:e.filterSelection)||c,a=()=>{const t=new E.RangeFilter;i.set(s.id,t)},F=t=>{const T=t.value===n.DateRanges.TODAY&&e&&(e==null?void 0:e.filterType)===void 0;if(!t||T)return;if(!u){R(!0);return}if(!e){a();return}if(!e)return;const f=t.value;o({dates:{start:e.gte,end:e.lte},key:f,range:e})},S=t=>{if(t){if(!e){a();return}e.setDates(t.start,t.end)}},D=()=>{g(s.id)},h=e?e.selectedRange:l;return r.jsxs(n.Stack,{spacing:"xs",children:[r.jsx(n.Button,{variant:"link",onClick:D,children:"Clear"}),r.jsx(n.DateRangePicker,{"aria-label":`date range for ${s.label}`,selectedPreset:d,setSelectedPreset:F,selectedRange:h,setSelectedRange:S})]})});exports.DateRangeFilter=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),L=require("mobx-react"),O=require("lodash/debounce"),s=require("@veeqo/ui"),j=require("swr/immutable"),k=require("./index66.cjs"),R=require("./index67.cjs"),V=require("./index7.cjs"),E=require("./index56.cjs"),h=e=>e&&e.__esModule?e:{default:e},M=h(O),v=h(j),B=L.observer(({field:e})=>{var l,u;const{FILTERS_DEBOUCE_INTERVAL_MS:d}=V.useBusinessLogic(),g=o.useMemo(()=>{var t;return R.getFetcherFunction({fetcherName:(t=e.fetchAsyncFilterOptions)==null?void 0:t.fetcher})},[(l=e.fetchAsyncFilterOptions)==null?void 0:l.fetcher]),{isLoading:b,isValidating:F,data:y,error:S}=v.default((u=e.fetchAsyncFilterOptions)==null?void 0:u.URL,g),i=b||F,{Filters:{setArrayFilter:c,arrayFilters:p}}=E.useStores(),m=p.get(e.id)||[],[x,a]=o.useState(m),f=o.useCallback(M.default((t,n)=>{c(t,n)},d),[c]),A=t=>{const n=t.map(C=>`${C}`);a(n),f(e.id,n)},q=()=>{a([]),c(e.id,[])},_=k.getAsyncOptions({data:y,config:e.fetchAsyncFilterOptions});return r.jsxs(s.Stack,{spacing:"xs",alignX:"stretch",children:[r.jsx(s.Button,{variant:"link",onClick:q,children:"Clear"}),r.jsx(s.ChoiceList,{allowMultiple:!0,title:e.label,options:_,selected:x,onChange:t=>A(t)}),i&&r.jsx(s.Skeleton,{width:"200px",height:s.theme.sizes[5],"aria-busy":!0,"aria-label":`Loading ${e.label} filters`}),!i&&S&&r.jsxs(s.Text,{variant:"errorSmall",children:["Error: failed to load filter for ",e.label]})]})});exports.AsyncCheckboxFilter=B;

package/dist/index23.js

@@ -1,62 +1,61 @@
-import { jsxs as D, jsx as i } from "react/jsx-runtime";
-import { useState as S } from "react";
-import { observer as T } from "mobx-react";
-import { Stack as E, Button as P, DateRangePicker as k, DateRanges as A } from "@veeqo/ui";
-import { RangeFilter as v } from "./index62.js";
-import { useBusinessLogic as C } from "./index7.js";
-import { useStores as x } from "./index56.js";
-const U = T(({
-  field: r
-}) => {
-  const {
-    DEFAULT_DATE_PRESET: a,
-    DEFAULT_DATE_RANGE: o
-  } = C(), {
-    Filters: {
-      dateRangeFilters: n,
-      setRangeFilter: l,
-      clearRangeFilter: c
-    }
-  } = x(), e = n.get(r.id), [g, d] = S(!1), R = (e == null ? void 0 : e.filterSelection) || a, s = () => {
-    const t = new v();
-    n.set(r.id, t);
-  }, f = (t) => {
-    const u = t.value === A.TODAY && e && (e == null ? void 0 : e.filterType) === void 0;
-    if (!t || u) return;
-    if (!g) {
-      d(!0);
-      return;
-    }
-    if (!e) {
-      s();
-      return;
-    }
-    if (!e) return;
-    const h = t.value;
-    l({
-      dates: {
-        start: e.gte,
-        end: e.lte
-      },
-      key: h,
-      range: e
-    });
-  }, m = (t) => {
-    if (t) {
-      if (!e) {
-        s();
-        return;
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { useMemo as x, useState as O, useCallback as k } from "react";
+import { observer as V } from "mobx-react";
+import E from "lodash/debounce";
+import { Stack as R, Button as v, ChoiceList as w, Skeleton as B, theme as I, Text as M } from "@veeqo/ui";
+import T from "swr/immutable";
+import { getAsyncOptions as _ } from "./index66.js";
+import { getFetcherFunction as j } from "./index67.js";
+import { useBusinessLogic as N } from "./index7.js";
+import { useStores as U } from "./index56.js";
+const P = V(({ field: t }) => {
+  var c, a;
+  const { FILTERS_DEBOUCE_INTERVAL_MS: m } = N(), u = x(() => {
+    var e;
+    return j({ fetcherName: (e = t.fetchAsyncFilterOptions) == null ? void 0 : e.fetcher });
+  }, [(c = t.fetchAsyncFilterOptions) == null ? void 0 : c.fetcher]), { isLoading: h, isValidating: p, data: f, error: g } = T(
+    (a = t.fetchAsyncFilterOptions) == null ? void 0 : a.URL,
+    u
+  ), n = h || p, {
+    Filters: { setArrayFilter: o, arrayFilters: F }
+  } = U(), d = F.get(t.id) || [], [b, i] = O(d), y = k(
+    E((e, r) => {
+      o(e, r);
+    }, m),
+    [o]
+  ), S = (e) => {
+    const r = e.map((L) => `${L}`);
+    i(r), y(t.id, r);
+  }, A = () => {
+    i([]), o(t.id, []);
+  }, C = _({ data: f, config: t.fetchAsyncFilterOptions });
+  return /* @__PURE__ */ l(R, { spacing: "xs", alignX: "stretch", children: [
+    /* @__PURE__ */ s(v, { variant: "link", onClick: A, children: "Clear" }),
+    /* @__PURE__ */ s(
+      w,
+      {
+        allowMultiple: !0,
+        title: t.label,
+        options: C,
+        selected: b,
+        onChange: (e) => S(e)
       }
-      e.setDates(t.start, t.end);
-    }
-  }, p = () => {
-    c(r.id);
-  }, F = e ? e.selectedRange : o;
-  return /* @__PURE__ */ D(E, { spacing: "xs", children: [
-    /* @__PURE__ */ i(P, { variant: "link", onClick: p, children: "Clear" }),
-    /* @__PURE__ */ i(k, { "aria-label": `date range for ${r.label}`, selectedPreset: R, setSelectedPreset: f, selectedRange: F, setSelectedRange: m })
+    ),
+    n && /* @__PURE__ */ s(
+      B,
+      {
+        width: "200px",
+        height: I.sizes[5],
+        "aria-busy": !0,
+        "aria-label": `Loading ${t.label} filters`
+      }
+    ),
+    !n && g && /* @__PURE__ */ l(M, { variant: "errorSmall", children: [
+      "Error: failed to load filter for ",
+      t.label
+    ] })
   ] });
 });
 export {
-  U as DateRangeFilter
+  P as AsyncCheckboxFilter
 };

package/dist/index24.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("mobx-react"),s=require("@veeqo/ui"),c=require("./index44.cjs"),u=require("./index19.cjs"),h=o.observer(({data:e,editedValue:r,setEditedValue:t})=>{var i;switch(e.filterType){case c.FilterChoiceValue.CHECKBOX:return e.fetchAsyncFilterOptions?n.jsx(u.AsyncInlineCheckboxFilter,{field:e,setEditedValue:t,editedValue:r}):n.jsx(s.ChoiceList,{allowMultiple:!0,title:e.label,options:(i=e.options)!=null&&i.length?e.options:[],selected:r,onChange:l=>t(l)});default:return null}});exports.FilterArrayField=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),L=require("mobx-react"),O=require("lodash/debounce"),s=require("@veeqo/ui"),R=require("swr/immutable"),j=require("./index66.cjs"),C=require("./index67.cjs"),V=require("./index7.cjs"),k=require("./index56.cjs"),d=e=>e&&e.__esModule?e:{default:e},E=d(O),v=d(R),B=L.observer(({field:e})=>{var l,u;const{FILTERS_DEBOUCE_INTERVAL_MS:h}=V.useBusinessLogic(),g=o.useMemo(()=>{var t;return C.getFetcherFunction({fetcherName:(t=e.fetchAsyncFilterOptions)==null?void 0:t.fetcher})},[(l=e.fetchAsyncFilterOptions)==null?void 0:l.fetcher]),{isLoading:F,isValidating:b,data:S,error:f}=v.default((u=e.fetchAsyncFilterOptions)==null?void 0:u.URL,g),i=F||b,{Filters:{setFilter:c,filters:m}}=k.useStores(),p=m.get(e.id),[y,a]=o.useState(p),q=o.useCallback(E.default((t,r)=>{c(t,r)},h),[c]),x=t=>{const r=`${t[0]}`;a(r),q(e.id,r)},_=()=>{a(""),c(e.id,"")},A=j.getAsyncOptions({data:S,config:e.fetchAsyncFilterOptions});return n.jsxs(s.Stack,{spacing:"xs",alignX:"stretch",children:[n.jsx(s.Button,{variant:"link",onClick:_,children:"Clear"}),n.jsx(s.ChoiceList,{title:e.label,options:A,selected:[y],onChange:t=>x(t)}),i&&n.jsx(s.Skeleton,{width:"200px",height:s.theme.sizes[5],"aria-busy":!0,"aria-label":`Loading ${e.label} filters`}),!i&&f&&n.jsxs(s.Text,{variant:"errorSmall",children:["Error: failed to load filter for ",e.label]})]})});exports.AsyncRadioFilter=B;