@veeqo/transfigure 0.0.21 → 0.0.22

package/dist/index20.js

@@ -1,55 +1,54 @@
-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 "./index64.js";
-import { FilterNumberRangeFilter as N } from "./index105.js";
-import { useStores as w } from "./index58.js";
-const j = R(
-  ({ filterData: r }) => {
+import { jsx as i } from "react/jsx-runtime";
+import { useState as d, useCallback as g, useEffect as F } from "react";
+import { observer as b } from "mobx-react";
+import { FilterTag as p, BaseContainer as f, theme as R } from "@veeqo/ui";
+import { NumberRangeFilter as N } from "./index65.js";
+import { FilterNumberRangeFilter as v } from "./index108.js";
+import { useStores as A } from "./index59.js";
+import { ActiveFilterFooter as w } from "./index22.js";
+import { ActiveFilterHeader as h } from "./index23.js";
+const z = b(
+  ({ filterData: t }) => {
     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({
+      Filters: { numberRangeFilters: m, clearNumberRangeFilter: s, setNumberRangeFilter: c }
+    } = A(), e = m.get(t.id), [o, l] = d(e), n = g(() => {
+      const r = new N({ filterId: t.id });
+      return e && (e.gte && r.setGte(e.gte), e.lte && r.setLte(e.lte)), r;
+    }, [t.id, e]);
+    F(() => {
+      const r = n();
+      l(r);
+    }, [n, e]);
+    const a = () => {
+      s(t.id);
+    }, u = () => {
+      !e || !o || c({
         numberRange: e,
         // update the original value
-        lte: n.lte,
-        gte: n.gte
+        lte: o.lte,
+        gte: o.gte
       });
     };
-    return /* @__PURE__ */ t(
-      v,
+    return /* @__PURE__ */ i(
+      p,
       {
         shouldCloseOnClickAway: !0,
-        header: /* @__PURE__ */ t("div", { children: "Edit filter (style and semant me pls)" }),
-        label: r.label,
+        header: /* @__PURE__ */ i(h, { filterLabel: t.label }),
+        label: t.label,
         text: (e == null ? void 0 : e.filterLabel) || "Loading...",
-        content: /* @__PURE__ */ t(o, { style: { padding: a.sizes.md }, children: /* @__PURE__ */ t(
-          N,
+        content: /* @__PURE__ */ i(f, { style: { padding: R.sizes.md }, children: /* @__PURE__ */ i(
+          v,
           {
-            data: r,
-            editedValue: n,
+            data: t,
+            editedValue: o,
             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" })
-        ] }) })
+        footer: /* @__PURE__ */ i(w, { clearActiveFilter: a, applyActiveFilter: u })
       }
     );
   }
 );
 export {
-  j as ActiveFilterNumberRangeTag
+  z as ActiveFilterNumberRangeTag
 };

package/dist/index21.cjs

@@ -1 +1 @@
-"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("./index69.cjs"),y=require("./index70.cjs"),F=require("./index46.cjs"),O=e=>e&&e.__esModule?e:{default:e},A=O(m),S=d.observer(({field:e,editedValue:o,setEditedValue:a})=>{var c,i;const l=p.useMemo(()=>{var r;return y.getFetcherFunction({fetcherName:(r=e.fetchAsyncFilterOptions)==null?void 0:r.fetcher})},[(c=e.fetchAsyncFilterOptions)==null?void 0:c.fetcher]),{isLoading:u,isValidating:h,data:g,error:b}=A.default((i=e.fetchAsyncFilterOptions)==null?void 0:i.URL,l,F.SWR_HOOK_OPTIONS),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=S;
+"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("./index70.cjs"),F=require("./index71.cjs"),O=require("./index47.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;

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"),r=require("@veeqo/ui"),o=require("@veeqo/components"),n=require("lodash/toLower"),i=e=>e&&e.__esModule?e:{default:e},s=i(n),{Glyph:a}=o.VeeqoCommon,c=({filterLabel:e})=>t.jsxs(t.Fragment,{children:[t.jsx(a,{name:"edit"}),t.jsxs(r.Text,{variant:"headingSmall",as:"h2",children:["Edit ",s.default(e)]})]});exports.ActiveFilterHeader=c;

package/dist/index23.js

@@ -1,63 +1,14 @@
-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 o, jsx as t } from "react/jsx-runtime";
+import { Text as m } from "@veeqo/ui";
+import { VeeqoCommon as i } from "@veeqo/components";
+import n from "lodash/toLower";
+const { Glyph: a } = i, c = ({ filterLabel: e }) => /* @__PURE__ */ r(o, { children: [
+  /* @__PURE__ */ t(a, { name: "edit" }),
+  /* @__PURE__ */ r(m, { variant: "headingSmall", as: "h2", children: [
+    "Edit ",
+    n(e)
+  ] })
+] });
 export {
-  Y as AsyncCheckboxFilter
+  c 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;