@veeqo/transfigure 0.0.21 → 0.0.23

package/dist/index21.js

@@ -1,43 +1,42 @@
 import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { useMemo as u } from "react";
-import { observer as O } from "mobx-react";
-import { Stack as b, ChoiceList as F, Skeleton as x, theme as y, Text as A } from "@veeqo/ui";
-import S from "swr/immutable";
-import { getAsyncOptions as d } from "./index69.js";
-import { getFetcherFunction as L } from "./index70.js";
-import { SWR_HOOK_OPTIONS as k } from "./index46.js";
-const T = O(
+import { useMemo as O } from "react";
+import { observer as u } from "mobx-react";
+import { Stack as F, ChoiceList as b, Skeleton as y, theme as A, Text as d } from "@veeqo/ui";
+import x from "swr/immutable";
+import { getAsyncOptions as S } from "./index70.js";
+import { getFetcherFunction as L } from "./index71.js";
+import { SWR_HOOK_OPTIONS as R } from "./index47.js";
+const _ = u(
   ({ field: t, editedValue: c, setEditedValue: a }) => {
     var o, i;
-    const l = u(() => {
+    const l = O(() => {
       var e;
       return L({ 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 } = S(
+    }, [(o = t.fetchAsyncFilterOptions) == null ? void 0 : o.fetcher]), { isLoading: m, isValidating: h, data: p, error: f } = x(
       (i = t.fetchAsyncFilterOptions) == null ? void 0 : i.URL,
       l,
-      k
-    ), r = m || h, g = d({ data: p, config: t.fetchAsyncFilterOptions });
-    return /* @__PURE__ */ s(b, { spacing: "xs", alignX: "stretch", children: [
+      R
+    ), r = m || h, g = S({ data: p, config: t.fetchAsyncFilterOptions });
+    return /* @__PURE__ */ s(F, { spacing: "xs", alignX: "stretch", children: [
       /* @__PURE__ */ n(
-        F,
+        b,
         {
-          allowMultiple: !0,
           title: t.label,
           options: g,
-          selected: c,
-          onChange: (e) => a(e)
+          selected: [c],
+          onChange: (e) => a(`${e[0]}`)
         }
       ),
       r && /* @__PURE__ */ n(
-        x,
+        y,
         {
           width: "200px",
-          height: y.sizes[5],
+          height: A.sizes[5],
           "aria-busy": !0,
           "aria-label": `Loading ${t.label} filters`
         }
       ),
-      !r && f && /* @__PURE__ */ s(A, { variant: "errorSmall", children: [
+      !r && f && /* @__PURE__ */ s(d, { variant: "errorSmall", children: [
         "Error: failed to load filter for ",
         t.label
       ] })
@@ -45,5 +44,5 @@ const T = O(
   }
 );
 export {
-  T as ActiveAsyncCheckboxFilter
+  _ as ActiveAsyncRadioFilter
 };

package/dist/index22.cjs

@@ -1 +1 @@
-"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("./index69.cjs"),F=require("./index70.cjs"),O=require("./index46.cjs"),A=e=>e&&e.__esModule?e:{default:e},x=A(p),R=m.observer(({field:e,editedValue:o,setEditedValue:a})=>{var i,c;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}=x.default((c=e.fetchAsyncFilterOptions)==null?void 0:c.URL,l,O.SWR_HOOK_OPTIONS),n=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]}`)}),n&&s.jsx(t.Skeleton,{width:"200px",height:t.theme.sizes[5],"aria-busy":!0,"aria-label":`Loading ${e.label} filters`}),!n&&d&&s.jsxs(t.Text,{variant:"errorSmall",children:["Error: failed to load filter for ",e.label]})]})});exports.ActiveAsyncRadioFilter=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("@veeqo/ui"),n=({clearActiveFilter:i,applyActiveFilter:r})=>t.jsx(e.Card.Footer,{style:{padding:e.theme.sizes.base,margin:0,minWidth:"200px",boxShadow:`0px 10px 15px 0px ${e.theme.colors.neutral.ink.dark}`},children:t.jsxs(e.Stack,{direction:"horizontal",alignX:"end",children:[t.jsx(e.Button,{variant:"default",size:"sm",onClick:i,children:"Clear"}),t.jsx(e.Button,{variant:"primary",size:"sm",onClick:r,children:"Apply"})]})});exports.ActiveFilterFooter=n;

package/dist/index22.js

@@ -1,48 +1,9 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { useMemo as O } from "react";
-import { observer as u } from "mobx-react";
-import { Stack as F, ChoiceList as b, Skeleton as y, theme as A, Text as d } from "@veeqo/ui";
-import x from "swr/immutable";
-import { getAsyncOptions as S } from "./index69.js";
-import { getFetcherFunction as L } from "./index70.js";
-import { SWR_HOOK_OPTIONS as R } from "./index46.js";
-const _ = u(
-  ({ field: t, editedValue: c, setEditedValue: a }) => {
-    var o, i;
-    const l = O(() => {
-      var e;
-      return L({ 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 } = x(
-      (i = t.fetchAsyncFilterOptions) == null ? void 0 : i.URL,
-      l,
-      R
-    ), r = m || h, g = S({ data: p, config: t.fetchAsyncFilterOptions });
-    return /* @__PURE__ */ s(F, { spacing: "xs", alignX: "stretch", children: [
-      /* @__PURE__ */ n(
-        b,
-        {
-          title: t.label,
-          options: g,
-          selected: [c],
-          onChange: (e) => a(`${e[0]}`)
-        }
-      ),
-      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
-      ] })
-    ] });
-  }
-);
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { Card as a, theme as i, Stack as l, Button as e } from "@veeqo/ui";
+const p = ({ clearActiveFilter: t, applyActiveFilter: n }) => /* @__PURE__ */ r(a.Footer, { style: { padding: i.sizes.base, margin: 0, minWidth: "200px", boxShadow: `0px 10px 15px 0px ${i.colors.neutral.ink.dark}` }, children: /* @__PURE__ */ o(l, { direction: "horizontal", alignX: "end", children: [
+  /* @__PURE__ */ r(e, { variant: "default", size: "sm", onClick: t, children: "Clear" }),
+  /* @__PURE__ */ r(e, { variant: "primary", size: "sm", onClick: n, children: "Apply" })
+] }) });
 export {
-  _ as ActiveAsyncRadioFilter
+  p as ActiveFilterFooter
 };

package/dist/index23.cjs

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

package/dist/index23.js

@@ -1,63 +1,13 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { useMemo as L, useState as x, useCallback as k } from "react";
-import { observer as V } from "mobx-react";
-import E from "lodash/debounce";
-import { Stack as R, Button as _, ChoiceList as I, Skeleton as T, theme as v, Text as w } from "@veeqo/ui";
-import B from "swr/immutable";
-import { getAsyncOptions as M } from "./index69.js";
-import { getFetcherFunction as N } from "./index70.js";
-import { SWR_HOOK_OPTIONS as j } from "./index46.js";
-import { useBusinessLogic as U } from "./index7.js";
-import { useStores as W } from "./index58.js";
-const Y = V(({ field: t }) => {
-  var c, a;
-  const { FILTERS_DEBOUCE_INTERVAL_MS: m } = U(), u = L(() => {
-    var e;
-    return N({ 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 } = B(
-    (a = t.fetchAsyncFilterOptions) == null ? void 0 : a.URL,
-    u,
-    j
-  ), i = h || p, {
-    Filters: { setArrayFilter: o, arrayFilters: F }
-  } = W(), d = F.get(t.id) || [], [S, n] = x(d), b = k(
-    E((e, r) => {
-      o(e, r);
-    }, m),
-    [o]
-  ), O = (e) => {
-    const r = e.map((C) => `${C}`);
-    n(r), b(t.id, r);
-  }, y = () => {
-    n([]), o(t.id, []);
-  }, A = M({ data: f, config: t.fetchAsyncFilterOptions });
-  return /* @__PURE__ */ l(R, { spacing: "xs", alignX: "stretch", children: [
-    /* @__PURE__ */ s(_, { variant: "link", onClick: y, children: "Clear" }),
-    /* @__PURE__ */ s(
-      I,
-      {
-        allowMultiple: !0,
-        title: t.label,
-        options: A,
-        selected: S,
-        onChange: (e) => O(e)
-      }
-    ),
-    i && /* @__PURE__ */ s(
-      T,
-      {
-        width: "200px",
-        height: v.sizes[5],
-        "aria-busy": !0,
-        "aria-label": `Loading ${t.label} filters`
-      }
-    ),
-    !i && g && /* @__PURE__ */ l(w, { variant: "errorSmall", children: [
-      "Error: failed to load filter for ",
-      t.label
-    ] })
-  ] });
-});
+import { jsxs as r, Fragment as i } from "react/jsx-runtime";
+import { Text as o } from "@veeqo/ui";
+import m from "lodash/toLower";
+const l = ({ filterLabel: t, glyph: e }) => /* @__PURE__ */ r(i, { children: [
+  e,
+  /* @__PURE__ */ r(o, { variant: "headingSmall", as: "h2", children: [
+    "Edit ",
+    m(t)
+  ] })
+] });
 export {
-  Y as AsyncCheckboxFilter
+  l as ActiveFilterHeader
 };

package/dist/index24.cjs

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

package/dist/index24.js

@@ -1,62 +1,63 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { useMemo as A, useState as C, useCallback as x } from "react";
-import { observer as R } from "mobx-react";
-import V from "lodash/debounce";
-import { Stack as k, Button as E, ChoiceList as _, Skeleton as I, theme as T, Text as v } from "@veeqo/ui";
+import { useMemo as L, useState as x, useCallback as k } from "react";
+import { observer as V } from "mobx-react";
+import E from "lodash/debounce";
+import { Stack as R, Button as _, ChoiceList as I, Skeleton as T, theme as v, Text as w } from "@veeqo/ui";
 import B from "swr/immutable";
-import { getAsyncOptions as N } from "./index69.js";
-import { getFetcherFunction as j } from "./index70.js";
-import { SWR_HOOK_OPTIONS as w } from "./index46.js";
-import { useBusinessLogic as M } from "./index7.js";
-import { useStores as U } from "./index58.js";
-const Q = R(({ field: t }) => {
+import { getAsyncOptions as M } from "./index70.js";
+import { getFetcherFunction as N } from "./index71.js";
+import { SWR_HOOK_OPTIONS as j } from "./index47.js";
+import { useBusinessLogic as U } from "./index7.js";
+import { useStores as W } from "./index59.js";
+const Y = V(({ field: t }) => {
   var c, a;
-  const { FILTERS_DEBOUCE_INTERVAL_MS: m } = M(), h = A(() => {
+  const { FILTERS_DEBOUCE_INTERVAL_MS: m } = U(), u = L(() => {
     var e;
-    return j({ 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 } = B(
+    return N({ 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 } = B(
     (a = t.fetchAsyncFilterOptions) == null ? void 0 : a.URL,
-    h,
-    w
-  ), i = u || p, {
-    Filters: { setFilter: o, filters: d }
-  } = U(), F = d.get(t.id), [S, n] = C(F), O = x(
-    V((e, r) => {
+    u,
+    j
+  ), i = h || p, {
+    Filters: { setArrayFilter: o, arrayFilters: F }
+  } = W(), d = F.get(t.id) || [], [S, n] = x(d), b = k(
+    E((e, r) => {
       o(e, r);
     }, m),
     [o]
-  ), b = (e) => {
-    const r = `${e[0]}`;
-    n(r), O(t.id, r);
-  }, L = () => {
-    n(""), o(t.id, "");
-  }, y = N({ data: f, config: t.fetchAsyncFilterOptions });
-  return /* @__PURE__ */ l(k, { spacing: "xs", alignX: "stretch", children: [
-    /* @__PURE__ */ s(E, { variant: "link", onClick: L, children: "Clear" }),
+  ), O = (e) => {
+    const r = e.map((C) => `${C}`);
+    n(r), b(t.id, r);
+  }, y = () => {
+    n([]), o(t.id, []);
+  }, A = M({ data: f, config: t.fetchAsyncFilterOptions });
+  return /* @__PURE__ */ l(R, { spacing: "xs", alignX: "stretch", children: [
+    /* @__PURE__ */ s(_, { variant: "link", onClick: y, children: "Clear" }),
     /* @__PURE__ */ s(
-      _,
+      I,
       {
+        allowMultiple: !0,
         title: t.label,
-        options: y,
-        selected: [S],
-        onChange: (e) => b(e)
+        options: A,
+        selected: S,
+        onChange: (e) => O(e)
       }
     ),
     i && /* @__PURE__ */ s(
-      I,
+      T,
       {
         width: "200px",
-        height: T.sizes[5],
+        height: v.sizes[5],
         "aria-busy": !0,
         "aria-label": `Loading ${t.label} filters`
       }
     ),
-    !i && g && /* @__PURE__ */ l(v, { variant: "errorSmall", children: [
+    !i && g && /* @__PURE__ */ l(w, { variant: "errorSmall", children: [
       "Error: failed to load filter for ",
       t.label
     ] })
   ] });
 });
 export {
-  Q as AsyncRadioFilter
+  Y as AsyncCheckboxFilter
 };

package/dist/index25.cjs

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

package/dist/index25.js

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

package/dist/index26.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("./index65.cjs"),b=require("./index7.cjs"),k=require("./index58.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"),p=require("mobx-react"),i=require("react"),x=require("lodash/debounce"),o=require("@veeqo/ui"),F=require("./index7.cjs"),_=require("./index59.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:n,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)=>{n(t,s)},l),[n]),g=t=>{const s=t.map(C=>`${C}`);c(s),S(e.id,s)},h=()=>{c([]),n(e.id,[])};return r.jsxs(o.Stack,{spacing:"xs",children:[r.jsx(o.Button,{variant:"link",onClick:h,children:"Clear"}),r.jsx(o.ChoiceList,{allowMultiple:!0,title:e.label,options:e.options,selected:b,onChange:t=>g(t)})]})});exports.CheckboxFilter=j;

package/dist/index26.js

@@ -1,59 +1,41 @@
-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 "./index65.js";
-import { useBusinessLogic as C } from "./index7.js";
-import { useStores as x } from "./index58.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;
-      }
-      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,
+import { jsxs as C, jsx as l } from "react/jsx-runtime";
+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 "./index59.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,
       {
-        "aria-label": `date range for ${r.label}`,
-        selectedPreset: R,
-        setSelectedPreset: f,
-        selectedRange: F,
-        setSelectedRange: m
+        allowMultiple: !0,
+        title: e.label,
+        options: e.options,
+        selected: u,
+        onChange: (t) => p(t)
       }
     )
   ] });
 });
 export {
-  U as DateRangeFilter
+  w as CheckboxFilter
 };

package/dist/index27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react"),h=require("mobx-react"),o=require("@veeqo/ui"),x=require("lodash/debounce"),a=require("./index46.cjs"),E=require("./index7.cjs"),T=require("./index58.cjs"),g=s=>s&&s.__esModule?s:{default:s},k=g(x),m=h.observer(({fields:s,groupId:u})=>{const{FILTERS_DEBOUCE_INTERVAL_MS:d}=E.useBusinessLogic(),{Filters:{getFiltersForGroup:F,setFilter:l,clearFiltersForGroup:b}}=T.useStores(),p=F(u),[S,n]=c.useState(p),q=c.useCallback(k.default((e,t)=>{l(e,t)},d),[l]),C=(e,t)=>{n(r=>({...r,[e]:t})),q(e,t)},_=()=>{const e=s.reduce((t,r)=>({...t,[r.id]:""}),{});n(e),b(u)};return i.jsxs(o.Stack,{children:[i.jsx(o.Button,{variant:"link",onClick:_,children:"Clear"}),s.map(e=>{let t;switch(e.filterType){case a.FilterChoiceValue.NUMBER:t="number";break;case a.FilterChoiceValue.TEXT:t="text";break}return i.jsx(o.TextField,{type:t,value:S[e.id],label:e.label,onChange:r=>C(e.id,r)},e.id)})]})});exports.MultipleFieldFilter=m;
+"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("./index66.cjs"),b=require("./index7.cjs"),k=require("./index59.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;