@veeqo/transfigure 1.1.6 → 1.1.7

package/dist/index19.js

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

package/dist/index20.cjs

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

package/dist/index20.js

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

package/dist/index21.cjs

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

package/dist/index21.js

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

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("./index74.cjs"),F=require("./index75.cjs"),O=require("./index48.cjs"),A=e=>e&&e.__esModule?e:{default:e},x=A(p),S=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=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("react"),d=require("mobx-react"),l=require("@veeqo/ui"),m=require("./index69.cjs"),R=require("./index114.cjs"),v=require("./index61.cjs"),N=require("./index24.cjs"),q=require("./index25.cjs"),A=d.observer(({filterData:t})=>{const{Filters:{numberRangeFilters:u,clearNumberRangeFilter:a,setNumberRangeFilter:g}}=v.useStores(),e=u.get(t.id),[n,c]=s.useState(e),o=s.useCallback(()=>{const r=new m.NumberRangeFilter({filterId:t.id});return e&&(e.gte&&r.setGte(e.gte),e.lte&&r.setLte(e.lte)),r},[t.id,e]);s.useEffect(()=>{const r=o();c(r)},[o,e]);const F=()=>{a(t.id)},b=()=>{!e||!n||g({numberRange:e,lte:n.lte,gte:n.gte})};return i.jsx(l.FilterTag,{shouldCloseOnClickAway:!0,header:i.jsx(q.ActiveFilterHeader,{filterLabel:t.label,glyph:t.glyph}),label:t.label,text:(e==null?void 0:e.filterLabel)||"Loading...",content:i.jsx(l.BaseContainer,{style:{padding:l.theme.sizes.md},children:i.jsx(R.FilterNumberRangeFilter,{data:t,editedValue:n,setEditedValue:c})}),footer:i.jsx(N.ActiveFilterFooter,{clearActiveFilter:F,applyActiveFilter:b})})});exports.ActiveFilterNumberRangeTag=A;

package/dist/index22.js

@@ -1,48 +1,54 @@
-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 "./index74.js";
-import { getFetcherFunction as L } from "./index75.js";
-import { SWR_HOOK_OPTIONS as R } from "./index48.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 i } from "react/jsx-runtime";
+import { useState as a, useCallback as d, 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 "./index69.js";
+import { FilterNumberRangeFilter as h } from "./index114.js";
+import { useStores as v } from "./index61.js";
+import { ActiveFilterFooter as A } from "./index24.js";
+import { ActiveFilterHeader as w } from "./index25.js";
+const z = b(
+  ({ filterData: t }) => {
+    const {
+      Filters: { numberRangeFilters: m, clearNumberRangeFilter: s, setNumberRangeFilter: c }
+    } = v(), e = m.get(t.id), [o, l] = a(e), n = d(() => {
+      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 g = () => {
+      s(t.id);
+    }, u = () => {
+      !e || !o || c({
+        numberRange: e,
+        // update the original value
+        lte: o.lte,
+        gte: o.gte
+      });
+    };
+    return /* @__PURE__ */ i(
+      p,
+      {
+        shouldCloseOnClickAway: !0,
+        header: /* @__PURE__ */ i(w, { filterLabel: t.label, glyph: t.glyph }),
+        label: t.label,
+        text: (e == null ? void 0 : e.filterLabel) || "Loading...",
+        content: /* @__PURE__ */ i(f, { style: { padding: R.sizes.md }, children: /* @__PURE__ */ i(
+          h,
+          {
+            data: t,
+            editedValue: o,
+            setEditedValue: l
+          }
+        ) }),
+        footer: /* @__PURE__ */ i(A, { clearActiveFilter: g, applyActiveFilter: u })
+      }
+    );
   }
 );
 export {
-  _ as ActiveAsyncRadioFilter
+  z as ActiveFilterNumberRangeTag
 };

package/dist/index23.cjs

@@ -1 +1 @@
-"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;
+"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("./index75.cjs"),F=require("./index76.cjs"),O=require("./index49.cjs"),A=e=>e&&e.__esModule?e:{default:e},x=A(p),S=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=S;

package/dist/index23.js

@@ -1,9 +1,48 @@
-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" })
-] }) });
+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 "./index75.js";
+import { getFetcherFunction as L } from "./index76.js";
+import { SWR_HOOK_OPTIONS as R } from "./index49.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
+      ] })
+    ] });
+  }
+);
 export {
-  p as ActiveFilterFooter
+  _ as ActiveAsyncRadioFilter
 };

package/dist/index24.cjs

@@ -1 +1 @@
-"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;
+"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/index24.js

@@ -1,13 +1,9 @@
-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)
-  ] })
-] });
+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 {
-  l as ActiveFilterHeader
+  p as ActiveFilterFooter
 };

package/dist/index25.cjs

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

@@ -1,66 +1,13 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { useMemo as k, useState as V, useCallback as v } from "react";
-import { observer as E } from "mobx-react";
-import R from "lodash/debounce";
-import { Stack as u, Text as g, Button as _, ChoiceList as I, Skeleton as N, theme as T } from "@veeqo/ui";
-import w from "swr/immutable";
-import { getAsyncOptions as B } from "./index74.js";
-import { getFetcherFunction as M } from "./index75.js";
-import { SWR_HOOK_OPTIONS as j } from "./index48.js";
-import { useBusinessLogic as U } from "./index8.js";
-import { useStores as W } from "./index60.js";
-const Y = E(({ field: t }) => {
-  var h, p;
-  const { FILTERS_DEBOUCE_INTERVAL_MS: f } = U(), b = k(() => {
-    var e;
-    return M({ fetcherName: (e = t.fetchAsyncFilterOptions) == null ? void 0 : e.fetcher });
-  }, [(h = t.fetchAsyncFilterOptions) == null ? void 0 : h.fetcher]), { isLoading: a, isValidating: d, data: F, error: c } = w(
-    (p = t.fetchAsyncFilterOptions) == null ? void 0 : p.URL,
-    b,
-    j
-  ), l = a || d, {
-    Filters: { setArrayFilter: s, arrayFilters: S }
-  } = W(), y = S.get(t.id) || [], [O, m] = V(y), A = v(
-    R((e, r) => {
-      s(e, r);
-    }, f),
-    [s]
-  ), x = (e) => {
-    const r = e.map((L) => `${L}`);
-    m(r), A(t.id, r);
-  }, C = () => {
-    m([]), s(t.id, []);
-  }, n = B({ data: F, config: t.fetchAsyncFilterOptions });
-  return n && n.length === 0 && !a && !c ? /* @__PURE__ */ o(u, { spacing: "xs", alignX: "stretch", children: /* @__PURE__ */ i(g, { variant: "bodySmall", children: [
-    "No options available for ",
-    t.label
-  ] }) }) : /* @__PURE__ */ i(u, { spacing: "xs", alignX: "stretch", children: [
-    /* @__PURE__ */ o(_, { variant: "link", onClick: C, children: "Clear" }),
-    /* @__PURE__ */ o(
-      I,
-      {
-        allowMultiple: !0,
-        title: t.label,
-        options: n,
-        selected: O,
-        onChange: (e) => x(e)
-      }
-    ),
-    l && /* @__PURE__ */ o(
-      N,
-      {
-        width: "200px",
-        height: T.sizes[5],
-        "aria-busy": !0,
-        "aria-label": `Loading ${t.label} filters`
-      }
-    ),
-    !l && c && /* @__PURE__ */ i(g, { 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/index26.cjs

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