@veeqo/transfigure 0.0.29 → 0.0.30

package/dist/index112.js

@@ -1,12 +1,49 @@
-import o from "styled-components";
-import { theme as e, BaseContainer as i } from "@veeqo/ui";
-const h = o(i)`
-  padding: ${e.sizes.sm};
-  // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
-  // with an additional sizes.base offset at the bottom.
-  max-height: calc(100vh ${({ offset: t }) => t && `- ${t}px`} - ${e.sizes.base});
-  overflow-y: auto;
-`;
+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 "./index72.js";
+import { getFetcherFunction as L } from "./index73.js";
+import { SWR_HOOK_OPTIONS as k } from "./index47.js";
+const T = O(
+  ({ field: t, editedValue: c, setEditedValue: a }) => {
+    var o, i;
+    const l = u(() => {
+      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(
+      (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: [
+      /* @__PURE__ */ n(
+        F,
+        {
+          allowMultiple: !0,
+          title: t.label,
+          options: g,
+          selected: c,
+          onChange: (e) => a(e)
+        }
+      ),
+      r && /* @__PURE__ */ n(
+        x,
+        {
+          width: "200px",
+          height: y.sizes[5],
+          "aria-busy": !0,
+          "aria-label": `Loading ${t.label} filters`
+        }
+      ),
+      !r && f && /* @__PURE__ */ s(A, { variant: "errorSmall", children: [
+        "Error: failed to load filter for ",
+        t.label
+      ] })
+    ] });
+  }
+);
 export {
-  h as AdaptiveStyledContainer
+  T as ActiveAsyncCheckboxFilter
 };

package/dist/index113.cjs

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const n=Object.freeze({Translate:{toString(t){if(!t)return;const{x:e,y:r}=t;return"translate3d("+(e?Math.round(e):0)+"px, "+(r?Math.round(r):0)+"px, 0)"}},Scale:{toString(t){if(!t)return;const{scaleX:e,scaleY:r}=t;return"scaleX("+e+") scaleY("+r+")"}},Transform:{toString(t){if(t)return[n.Translate.toString(t),n.Scale.toString(t)].join(" ")}},Transition:{toString(t){let{property:e,duration:r,easing:i}=t;return e+" "+r+"ms "+i}}});exports.CSS=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),e=require("@veeqo/ui"),a=t=>t&&t.__esModule?t:{default:t},i=a(o),s=i.default(e.BaseContainer)`
+  padding: ${e.theme.sizes.sm};
+  // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
+  // with an additional sizes.base offset at the bottom.
+  max-height: calc(100vh ${({offset:t})=>t&&`- ${t}px`} - ${e.theme.sizes.base});
+  overflow-y: auto;
+`;exports.AdaptiveStyledContainer=s;

package/dist/index113.js

@@ -1,44 +1,12 @@
-import "react";
-const n = /* @__PURE__ */ Object.freeze({
-  Translate: {
-    toString(t) {
-      if (!t)
-        return;
-      const {
-        x: r,
-        y: e
-      } = t;
-      return "translate3d(" + (r ? Math.round(r) : 0) + "px, " + (e ? Math.round(e) : 0) + "px, 0)";
-    }
-  },
-  Scale: {
-    toString(t) {
-      if (!t)
-        return;
-      const {
-        scaleX: r,
-        scaleY: e
-      } = t;
-      return "scaleX(" + r + ") scaleY(" + e + ")";
-    }
-  },
-  Transform: {
-    toString(t) {
-      if (t)
-        return [n.Translate.toString(t), n.Scale.toString(t)].join(" ");
-    }
-  },
-  Transition: {
-    toString(t) {
-      let {
-        property: r,
-        duration: e,
-        easing: i
-      } = t;
-      return r + " " + e + "ms " + i;
-    }
-  }
-});
+import o from "styled-components";
+import { theme as e, BaseContainer as i } from "@veeqo/ui";
+const h = o(i)`
+  padding: ${e.sizes.sm};
+  // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
+  // with an additional sizes.base offset at the bottom.
+  max-height: calc(100vh ${({ offset: t }) => t && `- ${t}px`} - ${e.sizes.base});
+  overflow-y: auto;
+`;
 export {
-  n as CSS
+  h as AdaptiveStyledContainer
 };

package/dist/index15.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("mobx-react"),s=require("@veeqo/ui"),c=require("./index47.cjs"),u=require("./index111.cjs"),h=l.observer(({data:e,editedValue:r,setEditedValue:t})=>{var i;switch(e.filterType){case c.FilterChoiceValue.CHECKBOX:return e.fetchAsyncFilterOptions?o.jsx(u.ActiveAsyncCheckboxFilter,{field:e,setEditedValue:t,editedValue:r}):o.jsx(s.ChoiceList,{allowMultiple:!0,title:e.label,options:(i=e.options)!=null&&i.length?e.options:[],selected:r,onChange:n=>t(n)});default:return null}});exports.FilterArrayField=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("mobx-react"),s=require("@veeqo/ui"),c=require("./index47.cjs"),u=require("./index112.cjs"),h=l.observer(({data:e,editedValue:r,setEditedValue:t})=>{var i;switch(e.filterType){case c.FilterChoiceValue.CHECKBOX:return e.fetchAsyncFilterOptions?o.jsx(u.ActiveAsyncCheckboxFilter,{field:e,setEditedValue:t,editedValue:r}):o.jsx(s.ChoiceList,{allowMultiple:!0,title:e.label,options:(i=e.options)!=null&&i.length?e.options:[],selected:r,onChange:n=>t(n)});default:return null}});exports.FilterArrayField=h;

package/dist/index15.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { observer as n } from "mobx-react";
 import { ChoiceList as p } from "@veeqo/ui";
 import { FilterChoiceValue as s } from "./index47.js";
-import { ActiveAsyncCheckboxFilter as c } from "./index111.js";
+import { ActiveAsyncCheckboxFilter as c } from "./index112.js";
 const F = n(
   ({ data: r, editedValue: e, setEditedValue: o }) => {
     var i;

package/dist/index20.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("./index66.cjs"),R=require("./index110.cjs"),v=require("./index59.cjs"),N=require("./index22.cjs"),q=require("./index23.cjs"),A=d.observer(({filterData:t})=>{const{Filters:{numberRangeFilters:u,clearNumberRangeFilter:a,setNumberRangeFilter: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 i=require("react/jsx-runtime"),s=require("react"),d=require("mobx-react"),l=require("@veeqo/ui"),m=require("./index66.cjs"),R=require("./index111.cjs"),v=require("./index59.cjs"),N=require("./index22.cjs"),q=require("./index23.cjs"),A=d.observer(({filterData:t})=>{const{Filters:{numberRangeFilters:u,clearNumberRangeFilter:a,setNumberRangeFilter: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/index20.js

@@ -3,7 +3,7 @@ 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 "./index66.js";
-import { FilterNumberRangeFilter as h } from "./index110.js";
+import { FilterNumberRangeFilter as h } from "./index111.js";
 import { useStores as v } from "./index59.js";
 import { ActiveFilterFooter as A } from "./index22.js";
 import { ActiveFilterHeader as w } from "./index23.js";

package/dist/index29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),R=require("react"),_=require("mobx-react"),j=require("lodash/debounce"),o=require("@veeqo/ui"),L=require("./index103.cjs"),d=require("./index66.cjs"),p=require("./index7.cjs"),y=require("./index59.cjs"),v=i=>i&&i.__esModule?i:{default:i},k=v(j),I=_.observer(({field:i})=>{var M;const{FILTERS_DEBOUCE_INTERVAL_MS:f}=p.useBusinessLogic(),{Filters:{numberRangeFilters:u,setNumberRangeFilter:x,clearNumberRangeFilter:F}}=y.useStores(),e=u.get(i.id),[r,g]=R.useState({gte:(e==null?void 0:e.gte)??0,lte:(e==null?void 0:e.lte)??100});if(!((M=i.options)!=null&&M.length))return null;const b=()=>{const l=new d.NumberRangeFilter({filterId:i.id});return u.set(i.id,l),l},c=R.useCallback(k.default(({numberRange:l,lte:t,gte:n})=>{x({numberRange:l,lte:t,gte:n})},f),[x]),h=()=>{g({gte:0,lte:100}),F(i.id)},S=(l,t)=>{let n=new d.NumberRangeFilter({filterId:i.id});if(e||(n=b()),!Array.isArray(t)||t.length!==2)return;const[s,m]=t;g({gte:s,lte:m}),c(e?{numberRange:e,lte:m,gte:s}:{numberRange:n,lte:m,gte:s})},N=l=>{if(e||b(),!e)return;const t=Number(l);if(t>e.lteMax)return;let{lte:n}=e,{gte:s}=e;t>=e.gteMin&&t<=e.lteMax&&(s=t),(!e.lte||t>=e.lte)&&(n=e.lteMax),g({gte:s,lte:n}),c({numberRange:e,lte:n,gte:s})},C=l=>{if(e||b(),!e)return;const t=Number(l);if(t<e.gteMin)return;let{lte:n}=e,{gte:s}=e;t>=e.gteMin&&t<=e.lteMax&&(n=t),(!e.gte||t<=e.gte)&&(s=e.gteMin),g({gte:s,lte:n}),c({numberRange:e,lte:n,gte:s})},q=[r.gte,r.lte];return a.jsxs(o.Stack,{spacing:"xs",alignX:"stretch",children:[a.jsx(o.Button,{variant:"link",onClick:h,children:"Clear"}),a.jsxs(o.Stack,{direction:"horizontal",children:[a.jsx(o.TextField,{label:e==null?void 0:e.gteMinLabel,type:"number",min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,value:r.gte.toString(),onChange:N}),a.jsx(o.TextField,{label:e==null?void 0:e.lteMaxLabel,type:"number",min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,value:r.lte.toString(),onChange:C})]}),a.jsx(L.MUISlider,{value:q,onChange:S,min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,valueLabelDisplay:"auto"})]})});exports.NumberRangeFilter=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),R=require("react"),_=require("mobx-react"),j=require("lodash/debounce"),o=require("@veeqo/ui"),L=require("./index108.cjs"),d=require("./index66.cjs"),p=require("./index7.cjs"),y=require("./index59.cjs"),v=i=>i&&i.__esModule?i:{default:i},k=v(j),I=_.observer(({field:i})=>{var M;const{FILTERS_DEBOUCE_INTERVAL_MS:f}=p.useBusinessLogic(),{Filters:{numberRangeFilters:u,setNumberRangeFilter:x,clearNumberRangeFilter:F}}=y.useStores(),e=u.get(i.id),[r,g]=R.useState({gte:(e==null?void 0:e.gte)??0,lte:(e==null?void 0:e.lte)??100});if(!((M=i.options)!=null&&M.length))return null;const b=()=>{const l=new d.NumberRangeFilter({filterId:i.id});return u.set(i.id,l),l},c=R.useCallback(k.default(({numberRange:l,lte:t,gte:n})=>{x({numberRange:l,lte:t,gte:n})},f),[x]),h=()=>{g({gte:0,lte:100}),F(i.id)},S=(l,t)=>{let n=new d.NumberRangeFilter({filterId:i.id});if(e||(n=b()),!Array.isArray(t)||t.length!==2)return;const[s,m]=t;g({gte:s,lte:m}),c(e?{numberRange:e,lte:m,gte:s}:{numberRange:n,lte:m,gte:s})},N=l=>{if(e||b(),!e)return;const t=Number(l);if(t>e.lteMax)return;let{lte:n}=e,{gte:s}=e;t>=e.gteMin&&t<=e.lteMax&&(s=t),(!e.lte||t>=e.lte)&&(n=e.lteMax),g({gte:s,lte:n}),c({numberRange:e,lte:n,gte:s})},C=l=>{if(e||b(),!e)return;const t=Number(l);if(t<e.gteMin)return;let{lte:n}=e,{gte:s}=e;t>=e.gteMin&&t<=e.lteMax&&(n=t),(!e.gte||t<=e.gte)&&(s=e.gteMin),g({gte:s,lte:n}),c({numberRange:e,lte:n,gte:s})},q=[r.gte,r.lte];return a.jsxs(o.Stack,{spacing:"xs",alignX:"stretch",children:[a.jsx(o.Button,{variant:"link",onClick:h,children:"Clear"}),a.jsxs(o.Stack,{direction:"horizontal",children:[a.jsx(o.TextField,{label:e==null?void 0:e.gteMinLabel,type:"number",min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,value:r.gte.toString(),onChange:N}),a.jsx(o.TextField,{label:e==null?void 0:e.lteMaxLabel,type:"number",min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,value:r.lte.toString(),onChange:C})]}),a.jsx(L.MUISlider,{value:q,onChange:S,min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,valueLabelDisplay:"auto"})]})});exports.NumberRangeFilter=I;

package/dist/index29.js

@@ -3,7 +3,7 @@ import { useState as y, useCallback as I } from "react";
 import { observer as k } from "mobx-react";
 import E from "lodash/debounce";
 import { Stack as c, Button as _, TextField as p } from "@veeqo/ui";
-import { MUISlider as A } from "./index103.js";
+import { MUISlider as A } from "./index108.js";
 import { NumberRangeFilter as h } from "./index66.js";
 import { useBusinessLogic as B } from "./index7.js";
 import { useStores as T } from "./index59.js";

package/dist/index32.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("mobx-react"),n=require("@veeqo/ui"),o=require("./index7.cjs"),u=require("./index94.cjs"),c=require("./index33.cjs"),a=s.observer(()=>{const{GROUP_MAP:t}=o.useBusinessLogic();return e.jsx(u.AdaptiveHeightContainer,{style:{minWidth:"360px"},children:e.jsx(n.Stack,{alignX:"stretch",children:Array.from(t).map(([r,i])=>e.jsx(c.FilterGroup,{data:i},r))})})});exports.FiltersList=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("mobx-react"),n=require("@veeqo/ui"),o=require("./index7.cjs"),u=require("./index100.cjs"),c=require("./index33.cjs"),a=s.observer(()=>{const{GROUP_MAP:t}=o.useBusinessLogic();return e.jsx(u.AdaptiveHeightContainer,{style:{minWidth:"360px"},children:e.jsx(n.Stack,{alignX:"stretch",children:Array.from(t).map(([r,i])=>e.jsx(c.FilterGroup,{data:i},r))})})});exports.FiltersList=a;

package/dist/index32.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import { observer as e } from "mobx-react";
 import { Stack as m } from "@veeqo/ui";
 import { useBusinessLogic as s } from "./index7.js";
-import { AdaptiveHeightContainer as p } from "./index94.js";
+import { AdaptiveHeightContainer as p } from "./index100.js";
 import { FilterGroup as n } from "./index33.js";
 const u = e(() => {
   const { GROUP_MAP: t } = s();

package/dist/index34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react"),a=require("@veeqo/ui"),W=require("mobx-react"),Y=require("./index62.cjs"),z=require("./index60.cjs"),G=require("./index38.cjs"),J=require("./index41.cjs"),K=require("./index54.cjs"),Q=require("./index95.cjs"),X=require("./index7.cjs"),Z=require("./index59.cjs"),$=require("./index96.cjs"),b=W.observer(({view:e})=>{const{VIEW_TYPE:S,SEARCH_FILTER_ID:l}=X.useBusinessLogic(),{Filters:{activeViewId:d,initFiltersFromView:w,discardChanges:f,initFromUrl:m,filters:x,setFilter:L},Views:{draftViewsMap:y},Notifications:{notify:T}}=Z.useStores(),{viewsMap:V,defaultCustomViewId:F,isLoading:j}=z.useViews(),{isLoading:N}=Y.useCustomViews({type:S}),{viewCounts:E,isLoadingViewCounts:M}=Q.useViewCounts(e.id),[s,R]=c.useState(null),k=o=>{const q=x.get(l);if(V.has(o)){const n=V.get(o);n&&(w(n),f(!0),m())}else{const n=y.get(o);n?(w(n),f(!0),m()):T({type:"error",text:"Failed to load view"})}q&&L(l,q)},r=(e==null?void 0:e.id)===d,t=e.originalView!==void 0,h=e.originalView===void 0,P=E,u=(e==null?void 0:e.label)||"",A=j||N,g=c.useRef(!1);!A&&!g.current&&r&&e.id===F&&s&&(g.current=!0,s&&d===e.id&&window.requestAnimationFrame(()=>{var o;(o=s.parentElement)==null||o.scrollBy({behavior:"smooth",left:s.offsetLeft})}));const p=c.useMemo(()=>t?"draft":e.editable?"saved":"fixed",[t,e.editable]),{actions:{create:{handleSaveDraft:B},menu:{toggleDropdown:C},delete:{closeDeleteConfirmation:I,handleDelete:_,handleDeleteDraftView:D}},state:{shouldShowDeleteConfirmation:H},actions:O,state:v}=K.useDropdownManager(e),U=c.useMemo(()=>{if(h)return C;if(t)return D},[D,t,h,C]);return i.jsxs(i.Fragment,{children:[i.jsx(a.ViewTab,{colourPalette:a.theme.colors.secondary.blue,className:"act-react-listing-custom-view",active:r,id:e==null?void 0:e.id,name:u,type:p,count:M?i.jsx(a.Loader,{type:"ThreeDots",width:12,height:12,color:r?"#fff":a.theme.colors.neutral.ink.dark}):P,onClick:k,subAction:U,ariaContext:"orders",ref:R,"aria-controls":"options-dropdown","aria-expanded":v.shouldShowDropdown,"aria-haspopup":"dialog"},e==null?void 0:e.id),i.jsx($.Confirmation,{shouldShow:H,viewName:u,onCancel:I,onDelete:_}),i.jsx(G.PillNotifications,{tabType:p,isActive:r,initialViewName:u,shouldShowCreateViewNotification:t,handleSaveDraft:B}),i.jsx(J.ViewDropdowns,{referenceElement:s,tab:e,...O,...v})]})});exports.ViewTab=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react"),a=require("@veeqo/ui"),W=require("mobx-react"),Y=require("./index62.cjs"),z=require("./index60.cjs"),G=require("./index38.cjs"),J=require("./index41.cjs"),K=require("./index54.cjs"),Q=require("./index87.cjs"),X=require("./index7.cjs"),Z=require("./index59.cjs"),$=require("./index88.cjs"),b=W.observer(({view:e})=>{const{VIEW_TYPE:S,SEARCH_FILTER_ID:l}=X.useBusinessLogic(),{Filters:{activeViewId:d,initFiltersFromView:w,discardChanges:f,initFromUrl:m,filters:x,setFilter:L},Views:{draftViewsMap:y},Notifications:{notify:T}}=Z.useStores(),{viewsMap:V,defaultCustomViewId:F,isLoading:j}=z.useViews(),{isLoading:N}=Y.useCustomViews({type:S}),{viewCounts:E,isLoadingViewCounts:M}=Q.useViewCounts(e.id),[s,R]=c.useState(null),k=o=>{const q=x.get(l);if(V.has(o)){const n=V.get(o);n&&(w(n),f(!0),m())}else{const n=y.get(o);n?(w(n),f(!0),m()):T({type:"error",text:"Failed to load view"})}q&&L(l,q)},r=(e==null?void 0:e.id)===d,t=e.originalView!==void 0,h=e.originalView===void 0,P=E,u=(e==null?void 0:e.label)||"",A=j||N,g=c.useRef(!1);!A&&!g.current&&r&&e.id===F&&s&&(g.current=!0,s&&d===e.id&&window.requestAnimationFrame(()=>{var o;(o=s.parentElement)==null||o.scrollBy({behavior:"smooth",left:s.offsetLeft})}));const p=c.useMemo(()=>t?"draft":e.editable?"saved":"fixed",[t,e.editable]),{actions:{create:{handleSaveDraft:B},menu:{toggleDropdown:C},delete:{closeDeleteConfirmation:I,handleDelete:_,handleDeleteDraftView:D}},state:{shouldShowDeleteConfirmation:H},actions:O,state:v}=K.useDropdownManager(e),U=c.useMemo(()=>{if(h)return C;if(t)return D},[D,t,h,C]);return i.jsxs(i.Fragment,{children:[i.jsx(a.ViewTab,{colourPalette:a.theme.colors.secondary.blue,className:"act-react-listing-custom-view",active:r,id:e==null?void 0:e.id,name:u,type:p,count:M?i.jsx(a.Loader,{type:"ThreeDots",width:12,height:12,color:r?"#fff":a.theme.colors.neutral.ink.dark}):P,onClick:k,subAction:U,ariaContext:"orders",ref:R,"aria-controls":"options-dropdown","aria-expanded":v.shouldShowDropdown,"aria-haspopup":"dialog"},e==null?void 0:e.id),i.jsx($.Confirmation,{shouldShow:H,viewName:u,onCancel:I,onDelete:_}),i.jsx(G.PillNotifications,{tabType:p,isActive:r,initialViewName:u,shouldShowCreateViewNotification:t,handleSaveDraft:B}),i.jsx(J.ViewDropdowns,{referenceElement:s,tab:e,...O,...v})]})});exports.ViewTab=b;

package/dist/index34.js

@@ -7,10 +7,10 @@ import { useViews as X } from "./index60.js";
 import { PillNotifications as Z } from "./index38.js";
 import { ViewDropdowns as b } from "./index41.js";
 import { useDropdownManager as ee } from "./index54.js";
-import { useViewCounts as oe } from "./index95.js";
+import { useViewCounts as oe } from "./index87.js";
 import { useBusinessLogic as ie } from "./index7.js";
 import { useStores as te } from "./index59.js";
-import { Confirmation as re } from "./index96.js";
+import { Confirmation as re } from "./index88.js";
 const ge = K(({ view: e }) => {
   const { VIEW_TYPE: S, SEARCH_FILTER_ID: l } = ie(), {
     Filters: { activeViewId: c, initFiltersFromView: d, discardChanges: f, initFromUrl: m, filters: F, setFilter: T },

package/dist/index37.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index98.cjs"),g=require("./index50.cjs"),j=require("./index49.cjs"),M=({tab:i,onMakeDefault:l,onEdit:n,onDuplicate:s,onDelete:o,shouldShowDropdown:a,handleCloseDropdown:c})=>{const{openModal:r}=g.useModal(),d=()=>{r(j.ModalId.ORDERS_TABLE_MANAGEMENT),c()},m=i.label!=="Picking In Progress"&&i.editable,u=i.default!==!1&&i.editable,p=i.editable,b=i.editable;return a?e.jsxs(t.MenuItems,{children:[u&&e.jsx(t.Item,{onClick:l,className:"act-react-listing-custom-view-make-default-menu-item",children:"Make default view"}),b&&e.jsx(t.Item,{onClick:n,className:"act-react-listing-custom-view-edit-menu-item",role:"option",children:"Edit"}),e.jsx(t.Item,{onClick:s,className:"act-react-listing-custom-view-duplicate-menu-item",role:"option",children:"Duplicate"}),m&&e.jsx(t.Item,{onClick:o,className:"act-react-listing-custom-view-delete-menu-item",role:"option",children:"Delete"}),p&&e.jsxs(e.Fragment,{children:[e.jsx(t.Divider,{}),e.jsx(t.Item,{onClick:d,role:"option",children:"Table management"})]})]}):null};exports.OptionsDropdown=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index89.cjs"),g=require("./index50.cjs"),j=require("./index49.cjs"),M=({tab:i,onMakeDefault:l,onEdit:n,onDuplicate:s,onDelete:o,shouldShowDropdown:a,handleCloseDropdown:c})=>{const{openModal:r}=g.useModal(),d=()=>{r(j.ModalId.ORDERS_TABLE_MANAGEMENT),c()},m=i.label!=="Picking In Progress"&&i.editable,u=i.default!==!1&&i.editable,p=i.editable,b=i.editable;return a?e.jsxs(t.MenuItems,{children:[u&&e.jsx(t.Item,{onClick:l,className:"act-react-listing-custom-view-make-default-menu-item",children:"Make default view"}),b&&e.jsx(t.Item,{onClick:n,className:"act-react-listing-custom-view-edit-menu-item",role:"option",children:"Edit"}),e.jsx(t.Item,{onClick:s,className:"act-react-listing-custom-view-duplicate-menu-item",role:"option",children:"Duplicate"}),m&&e.jsx(t.Item,{onClick:o,className:"act-react-listing-custom-view-delete-menu-item",role:"option",children:"Delete"}),p&&e.jsxs(e.Fragment,{children:[e.jsx(t.Divider,{}),e.jsx(t.Item,{onClick:d,role:"option",children:"Table management"})]})]}):null};exports.OptionsDropdown=M;

package/dist/index37.js

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as i, Fragment as f } from "react/jsx-runtime";
-import { MenuItems as M, Item as l, Divider as h } from "./index98.js";
+import { MenuItems as M, Item as l, Divider as h } from "./index89.js";
 import { useModal as k } from "./index50.js";
 import { ModalId as T } from "./index49.js";
 const N = ({

package/dist/index38.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("mobx-react"),g=require("./index60.cjs"),o=require("framer-motion"),m=require("./index59.cjs"),v=require("./index99.cjs"),f=require("./index40.cjs"),h=P.observer(({tabType:s,isActive:r,shouldShowCreateViewNotification:a,handleSaveDraft:i})=>{var t;const{Filters:{hasUnsavedChanges:c,discardChanges:l,activeViewId:n}}=m.useStores(),{viewsMap:u}=g.useViews(),d=n&&((t=u.get(n))==null?void 0:t.label);return e.jsxs(e.Fragment,{children:[e.jsx(o.AnimatePresence,{children:s==="draft"&&r&&a&&e.jsx(v.DraftPill,{onClick:i})}),e.jsx(o.AnimatePresence,{children:c&&r&&s==="saved"&&e.jsx(f.UnsavedChangesPill,{viewName:d,onDiscard:()=>l(),onSaveDraft:i})})]})});exports.PillNotifications=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("mobx-react"),g=require("./index60.cjs"),o=require("framer-motion"),m=require("./index59.cjs"),v=require("./index86.cjs"),f=require("./index40.cjs"),h=P.observer(({tabType:s,isActive:r,shouldShowCreateViewNotification:a,handleSaveDraft:i})=>{var t;const{Filters:{hasUnsavedChanges:c,discardChanges:l,activeViewId:n}}=m.useStores(),{viewsMap:u}=g.useViews(),d=n&&((t=u.get(n))==null?void 0:t.label);return e.jsxs(e.Fragment,{children:[e.jsx(o.AnimatePresence,{children:s==="draft"&&r&&a&&e.jsx(v.DraftPill,{onClick:i})}),e.jsx(o.AnimatePresence,{children:c&&r&&s==="saved"&&e.jsx(f.UnsavedChangesPill,{viewName:d,onDiscard:()=>l(),onSaveDraft:i})})]})});exports.PillNotifications=h;

package/dist/index38.js

@@ -3,7 +3,7 @@ import { observer as h } from "mobx-react";
 import { useViews as v } from "./index60.js";
 import { AnimatePresence as n } from "framer-motion";
 import { useStores as g } from "./index59.js";
-import { DraftPill as w } from "./index99.js";
+import { DraftPill as w } from "./index86.js";
 import { UnsavedChangesPill as C } from "./index40.js";
 const U = h(
   ({

package/dist/index39.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),m=require("./index97.cjs"),g=require("./index62.cjs"),S=require("./index60.cjs"),b=require("./index3.cjs"),y=require("./index7.cjs"),V=require("./index59.cjs"),p=require("./index10.cjs"),q=()=>{const{VIEW_TYPE:u}=y.useBusinessLogic(),{sortedCustomViews:s,isLoading:a}=S.useViews(),{mutate:c}=g.useCustomViews({type:u}),[l,t]=n.useState(s);n.useEffect(()=>{t(s)},[s]);const{Notifications:{notify:w}}=V.useStores(),d=async o=>{t(o);const r=o.map(e=>e.id);try{await b.patchCurrentUser({user_setting_attributes:{custom_view_positions:{order:r}}}),await c(e=>({...e,settings:{...e.settings,custom_view_positions:{...e.settings.custom_view_positions,order:r}}}),{revalidate:!1})}catch{t(s),w({type:"error",text:"Failed to update order of views"})}};return a||!s.length?null:i.jsx(p.ErrorBoundary,{children:i.jsx(m.LegacySortableViews,{views:l,onChange:d,className:"act-sortable-views"})})};exports.SortableViews=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),m=require("./index90.cjs"),g=require("./index62.cjs"),S=require("./index60.cjs"),b=require("./index3.cjs"),y=require("./index7.cjs"),V=require("./index59.cjs"),p=require("./index10.cjs"),q=()=>{const{VIEW_TYPE:u}=y.useBusinessLogic(),{sortedCustomViews:s,isLoading:a}=S.useViews(),{mutate:c}=g.useCustomViews({type:u}),[l,t]=n.useState(s);n.useEffect(()=>{t(s)},[s]);const{Notifications:{notify:w}}=V.useStores(),d=async o=>{t(o);const r=o.map(e=>e.id);try{await b.patchCurrentUser({user_setting_attributes:{custom_view_positions:{order:r}}}),await c(e=>({...e,settings:{...e.settings,custom_view_positions:{...e.settings.custom_view_positions,order:r}}}),{revalidate:!1})}catch{t(s),w({type:"error",text:"Failed to update order of views"})}};return a||!s.length?null:i.jsx(p.ErrorBoundary,{children:i.jsx(m.LegacySortableViews,{views:l,onChange:d,className:"act-sortable-views"})})};exports.SortableViews=q;

package/dist/index39.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as f, useEffect as l } from "react";
-import { LegacySortableViews as w } from "./index97.js";
+import { LegacySortableViews as w } from "./index90.js";
 import { useCustomViews as d } from "./index62.js";
 import { useViews as g } from "./index60.js";
 import { patchCurrentUser as _ } from "./index3.js";

package/dist/index42.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),V=require("mobx-react"),s=require("@veeqo/ui"),t=require("./index100.cjs"),j=require("./index39.cjs"),m=require("./index60.cjs"),S=require("./index61.cjs"),q=require("./index35.cjs"),u=require("./index34.cjs"),p=require("./index59.cjs"),a=require("./index10.cjs"),b=V.observer(()=>{const{Views:{draftViewsList:c}}=p.useStores(),{viewsArray:l,fixedViews:d}=m.useViews(),[o,i]=n.useState(!1),[w,x]=n.useState(null),h=()=>i(!1);return S.useViewUrlChange(),e.jsxs(e.Fragment,{children:[e.jsxs(s.ViewsContainer,{onClickMenu:()=>i(!0),ariaMenuControls:"views-menu",ariaMenuExpanded:o,ref:x,children:[l.map(r=>e.jsx(a.ErrorBoundary,{children:e.jsx(u.ViewTab,{view:r})},r.id)),c.map(r=>e.jsx(a.ErrorBoundary,{children:e.jsx(u.ViewTab,{view:r})},r.id))]}),o&&e.jsx(s.Popover,{id:"views-menu",anchorElement:w,placement:"bottom",onShouldClose:()=>i(!1),children:e.jsxs(s.Card.Surface,{children:[e.jsx(t.FixedViews,{children:d.map(r=>e.jsx(s.Text,{variant:"placeholder",children:r.label},r.id||r.label))}),e.jsx(j.SortableViews,{}),e.jsx(t.Divider,{}),e.jsx(q.CreateView,{hideActionsPopover:h})]})})]})});exports.ViewList=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),V=require("mobx-react"),s=require("@veeqo/ui"),t=require("./index99.cjs"),j=require("./index39.cjs"),m=require("./index60.cjs"),S=require("./index61.cjs"),q=require("./index35.cjs"),u=require("./index34.cjs"),p=require("./index59.cjs"),a=require("./index10.cjs"),b=V.observer(()=>{const{Views:{draftViewsList:c}}=p.useStores(),{viewsArray:l,fixedViews:d}=m.useViews(),[o,i]=n.useState(!1),[w,x]=n.useState(null),h=()=>i(!1);return S.useViewUrlChange(),e.jsxs(e.Fragment,{children:[e.jsxs(s.ViewsContainer,{onClickMenu:()=>i(!0),ariaMenuControls:"views-menu",ariaMenuExpanded:o,ref:x,children:[l.map(r=>e.jsx(a.ErrorBoundary,{children:e.jsx(u.ViewTab,{view:r})},r.id)),c.map(r=>e.jsx(a.ErrorBoundary,{children:e.jsx(u.ViewTab,{view:r})},r.id))]}),o&&e.jsx(s.Popover,{id:"views-menu",anchorElement:w,placement:"bottom",onShouldClose:()=>i(!1),children:e.jsxs(s.Card.Surface,{children:[e.jsx(t.FixedViews,{children:d.map(r=>e.jsx(s.Text,{variant:"placeholder",children:r.label},r.id||r.label))}),e.jsx(j.SortableViews,{}),e.jsx(t.Divider,{}),e.jsx(q.CreateView,{hideActionsPopover:h})]})})]})});exports.ViewList=b;

package/dist/index42.js

@@ -2,7 +2,7 @@ import { jsxs as i, Fragment as u, jsx as e } from "react/jsx-runtime";
 import { useState as n } from "react";
 import { observer as h } from "mobx-react";
 import { ViewsContainer as w, Popover as V, Card as v, Text as S } from "@veeqo/ui";
-import { FixedViews as x, Divider as C } from "./index100.js";
+import { FixedViews as x, Divider as C } from "./index99.js";
 import { SortableViews as b } from "./index39.js";
 import { useViews as A } from "./index60.js";
 import { useViewUrlChange as L } from "./index61.js";

package/dist/index58.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react"),g=require("@internationalized/date"),T=require("./index66.cjs"),M=require("./index67.cjs"),I=require("./index60.cjs"),V=require("./index7.cjs"),v=require("./index59.cjs"),C=require("./index4.cjs"),N=()=>{const{DATE_RANGE_FILTERS:n,NUMBER_RANGE_FILTERS:u,SEARCH_FILTER_ID:p,VIEW_TYPE:m}=V.useBusinessLogic(),{Filters:{activeViewId:a,filters:y,arrayFilters:F,dateRangeFilters:d,numberRangeFilters:w,initFiltersFromView:b},Views:{draftViewsMap:S},Notifications:{notify:h}}=v.useStores(),{viewsMap:l,mutate:E}=I.useViews(),[R,o]=A.useState(!1),f=()=>{if(!a)throw Error("No active view");const r={};Array.from(y.entries()).filter(([e,t])=>t!==""&&e!==p).forEach(([e,t])=>{r[e]=t}),Array.from(F.entries()).filter(([,e])=>e.length>0).forEach(([e,t])=>{r[e]=t}),Array.from(d.entries()).filter(([,e])=>e.filterType!==void 0).forEach(([e,t])=>{t.filterType==="CUSTOM"?r[e]={gte:t.gte.toString(),lte:t.lte.toString()}:r[e]=t.filterType}),Array.from(w.entries()).filter(([,e])=>e.gte!==void 0||e.lte!==void 0).forEach(([e,t])=>{r[e]={},t.gte!==void 0&&(r[e].gte=t.gte.toString()),t.isValidLte&&t.lte&&(r[e].lte=t.lte.toString())});let i=l.get(a);return l.has(a)||(i=S.get(a)),{arg:{type:m,filters:{filter:r,page:i==null?void 0:i.page},title:i==null?void 0:i.label},currentView:i}};return{getActiveViewInAPIFormat:f,saveChanges:async()=>{if(a)try{o(!0);const{arg:r,currentView:i}=f();await C.patchCustomView(a,{attributes:r}),await E();const c={...i,filterMaps:{filters:new Map(Object.entries(r.filters.filter).filter(([e,t])=>!Array.isArray(t)&&typeof t=="string"&&!n.includes(e)).map(([e,t])=>[e,t])),arrayFilters:new Map(Object.entries(r.filters.filter).filter(([,e])=>Array.isArray(e)).map(([e,t])=>[e,t])),rangeFilters:new Map(Object.entries(r.filters.filter).filter(([e])=>n.includes(e)).map(([e,t])=>{const s=new M.RangeFilter;return typeof t=="object"?(s.setFilterType("CUSTOM"),s.setDates(g.parseDate(t.gte),g.parseDate(t.lte))):s.setFilterType(t),[e,s]})),numberRangeFilters:new Map(Object.entries(r.filters.filter).filter(([e])=>u.includes(e)).map(([e,t])=>{const s=new T.NumberRangeFilter({filterId:e});return t.gte&&s.setGte(Number(t.gte)),t.lte&&s.setLte(Number(t.lte)),[e,s]}))}};b(c)}catch(r){console.log(r),h({type:"error",text:"Failed to save changes to your view"})}finally{o(!1)}},isSubmitting:R}};exports.usePersistUnsavedChanges=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react"),g=require("@internationalized/date"),V=require("./index66.cjs"),M=require("./index67.cjs"),I=require("./index60.cjs"),N=require("./index7.cjs"),v=require("./index59.cjs"),C=require("./index4.cjs"),q=()=>{const{DATE_RANGE_FILTERS:a,NUMBER_RANGE_FILTERS:p,SEARCH_FILTER_ID:m,VIEW_TYPE:w}=N.useBusinessLogic(),{Filters:{activeViewId:n,filters:y,arrayFilters:F,dateRangeFilters:d,numberRangeFilters:b,initFiltersFromView:S,pageSize:l},Views:{draftViewsMap:h},Notifications:{notify:E}}=v.useStores(),{viewsMap:o,mutate:R}=I.useViews(),[A,f]=T.useState(!1),c=()=>{if(!n)throw Error("No active view");const r={};Array.from(y.entries()).filter(([e,t])=>t!==""&&e!==m).forEach(([e,t])=>{r[e]=t}),Array.from(F.entries()).filter(([,e])=>e.length>0).forEach(([e,t])=>{r[e]=t}),Array.from(d.entries()).filter(([,e])=>e.filterType!==void 0).forEach(([e,t])=>{t.filterType==="CUSTOM"?r[e]={gte:t.gte.toString(),lte:t.lte.toString()}:r[e]=t.filterType}),Array.from(b.entries()).filter(([,e])=>e.gte!==void 0||e.lte!==void 0).forEach(([e,t])=>{r[e]={},t.gte!==void 0&&(r[e].gte=t.gte.toString()),t.isValidLte&&t.lte&&(r[e].lte=t.lte.toString())});let s=o.get(n);return o.has(n)||(s=h.get(n)),{arg:{type:w,filters:{filter:r,page:{size:Number(l)}},title:s==null?void 0:s.label},currentView:s}};return{getActiveViewInAPIFormat:c,saveChanges:async()=>{if(n)try{f(!0);const{arg:r,currentView:s}=c();await C.patchCustomView(n,{attributes:r}),await R();const u={...s,filterMaps:{filters:new Map(Object.entries(r.filters.filter).filter(([e,t])=>!Array.isArray(t)&&typeof t=="string"&&!a.includes(e)).map(([e,t])=>[e,t])),arrayFilters:new Map(Object.entries(r.filters.filter).filter(([,e])=>Array.isArray(e)).map(([e,t])=>[e,t])),rangeFilters:new Map(Object.entries(r.filters.filter).filter(([e])=>a.includes(e)).map(([e,t])=>{const i=new M.RangeFilter;return typeof t=="object"?(i.setFilterType("CUSTOM"),i.setDates(g.parseDate(t.gte),g.parseDate(t.lte))):i.setFilterType(t),[e,i]})),numberRangeFilters:new Map(Object.entries(r.filters.filter).filter(([e])=>p.includes(e)).map(([e,t])=>{const i=new V.NumberRangeFilter({filterId:e});return t.gte&&i.setGte(Number(t.gte)),t.lte&&i.setLte(Number(t.lte)),[e,i]}))},page:{size:l}};S(u)}catch(r){console.log(r),E({type:"error",text:"Failed to save changes to your view"})}finally{f(!1)}},isSubmitting:A}};exports.usePersistUnsavedChanges=q;

package/dist/index58.js

@@ -1,94 +1,100 @@
-import { useState as R } from "react";
-import { parseDate as m } from "@internationalized/date";
-import { NumberRangeFilter as T } from "./index66.js";
-import { RangeFilter as I } from "./index67.js";
-import { useViews as M } from "./index60.js";
+import { useState as T } from "react";
+import { parseDate as p } from "@internationalized/date";
+import { NumberRangeFilter as I } from "./index66.js";
+import { RangeFilter as M } from "./index67.js";
+import { useViews as V } from "./index60.js";
 import { useBusinessLogic as N } from "./index7.js";
-import { useStores as V } from "./index59.js";
-import { patchCustomView as v } from "./index4.js";
+import { useStores as v } from "./index59.js";
+import { patchCustomView as C } from "./index4.js";
 const x = () => {
   const {
     DATE_RANGE_FILTERS: a,
-    NUMBER_RANGE_FILTERS: p,
-    SEARCH_FILTER_ID: g,
-    VIEW_TYPE: y
+    NUMBER_RANGE_FILTERS: g,
+    SEARCH_FILTER_ID: u,
+    VIEW_TYPE: w
   } = N(), {
     Filters: {
       activeViewId: o,
-      filters: F,
-      arrayFilters: u,
-      dateRangeFilters: w,
+      filters: y,
+      arrayFilters: F,
+      dateRangeFilters: b,
       numberRangeFilters: d,
-      initFiltersFromView: b
+      initFiltersFromView: E,
+      pageSize: l
     },
-    Views: { draftViewsMap: E },
-    Notifications: { notify: A }
-  } = V(), { viewsMap: l, mutate: h } = M(), [S, f] = R(!1), n = () => {
+    Views: { draftViewsMap: A },
+    Notifications: { notify: S }
+  } = v(), { viewsMap: f, mutate: h } = V(), [R, n] = T(!1), c = () => {
     if (!o) throw Error("No active view");
     const r = {};
-    Array.from(F.entries()).filter(([t, e]) => e !== "" && t !== g).forEach(([t, e]) => {
-      r[t] = e;
-    }), Array.from(u.entries()).filter(([, t]) => t.length > 0).forEach(([t, e]) => {
-      r[t] = e;
-    }), Array.from(w.entries()).filter(([, t]) => t.filterType !== void 0).forEach(([t, e]) => {
-      e.filterType === "CUSTOM" ? r[t] = {
-        gte: e.gte.toString(),
-        lte: e.lte.toString()
-      } : r[t] = e.filterType;
-    }), Array.from(d.entries()).filter(([, t]) => t.gte !== void 0 || t.lte !== void 0).forEach(([t, e]) => {
-      r[t] = {}, e.gte !== void 0 && (r[t].gte = e.gte.toString()), e.isValidLte && e.lte && (r[t].lte = e.lte.toString());
+    Array.from(y.entries()).filter(([e, t]) => t !== "" && e !== u).forEach(([e, t]) => {
+      r[e] = t;
+    }), Array.from(F.entries()).filter(([, e]) => e.length > 0).forEach(([e, t]) => {
+      r[e] = t;
+    }), Array.from(b.entries()).filter(([, e]) => e.filterType !== void 0).forEach(([e, t]) => {
+      t.filterType === "CUSTOM" ? r[e] = {
+        gte: t.gte.toString(),
+        lte: t.lte.toString()
+      } : r[e] = t.filterType;
+    }), Array.from(d.entries()).filter(([, e]) => e.gte !== void 0 || e.lte !== void 0).forEach(([e, t]) => {
+      r[e] = {}, t.gte !== void 0 && (r[e].gte = t.gte.toString()), t.isValidLte && t.lte && (r[e].lte = t.lte.toString());
     });
-    let i = l.get(o);
-    return l.has(o) || (i = E.get(o)), { arg: {
-      type: y,
+    let s = f.get(o);
+    return f.has(o) || (s = A.get(o)), { arg: {
+      type: w,
       filters: {
         filter: r,
-        page: i == null ? void 0 : i.page
+        page: {
+          size: Number(l)
+        }
       },
-      title: i == null ? void 0 : i.label
-    }, currentView: i };
+      title: s == null ? void 0 : s.label
+    }, currentView: s };
   };
   return {
-    getActiveViewInAPIFormat: n,
+    getActiveViewInAPIFormat: c,
     saveChanges: async () => {
       if (o)
         try {
-          f(!0);
-          const { arg: r, currentView: i } = n();
-          await v(o, { attributes: r }), await h();
-          const c = {
-            ...i,
+          n(!0);
+          const { arg: r, currentView: s } = c();
+          await C(o, { attributes: r }), await h();
+          const m = {
+            ...s,
             filterMaps: {
               filters: new Map(
                 Object.entries(r.filters.filter).filter(
-                  ([t, e]) => !Array.isArray(e) && typeof e == "string" && !a.includes(t)
-                ).map(([t, e]) => [t, e])
+                  ([e, t]) => !Array.isArray(t) && typeof t == "string" && !a.includes(e)
+                ).map(([e, t]) => [e, t])
               ),
               arrayFilters: new Map(
-                Object.entries(r.filters.filter).filter(([, t]) => Array.isArray(t)).map(([t, e]) => [t, e])
+                Object.entries(r.filters.filter).filter(([, e]) => Array.isArray(e)).map(([e, t]) => [e, t])
               ),
               rangeFilters: new Map(
-                Object.entries(r.filters.filter).filter(([t]) => a.includes(t)).map(([t, e]) => {
-                  const s = new I();
-                  return typeof e == "object" ? (s.setFilterType("CUSTOM"), s.setDates(m(e.gte), m(e.lte))) : s.setFilterType(e), [t, s];
+                Object.entries(r.filters.filter).filter(([e]) => a.includes(e)).map(([e, t]) => {
+                  const i = new M();
+                  return typeof t == "object" ? (i.setFilterType("CUSTOM"), i.setDates(p(t.gte), p(t.lte))) : i.setFilterType(t), [e, i];
                 })
               ),
               numberRangeFilters: new Map(
-                Object.entries(r.filters.filter).filter(([t]) => p.includes(t)).map(([t, e]) => {
-                  const s = new T({ filterId: t });
-                  return e.gte && s.setGte(Number(e.gte)), e.lte && s.setLte(Number(e.lte)), [t, s];
+                Object.entries(r.filters.filter).filter(([e]) => g.includes(e)).map(([e, t]) => {
+                  const i = new I({ filterId: e });
+                  return t.gte && i.setGte(Number(t.gte)), t.lte && i.setLte(Number(t.lte)), [e, i];
                 })
               )
+            },
+            page: {
+              size: l
             }
           };
-          b(c);
+          E(m);
         } catch (r) {
-          console.log(r), A({ type: "error", text: "Failed to save changes to your view" });
+          console.log(r), S({ type: "error", text: "Failed to save changes to your view" });
         } finally {
-          f(!1);
+          n(!1);
         }
     },
-    isSubmitting: S
+    isSubmitting: R
   };
 };
 export {

package/dist/index63.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("lodash"),m=require("./index7.cjs"),C=require("./index59.cjs"),a=require("./index60.cjs"),I=()=>{var u;const{DEFAULT_HIDDEN_COLUMNS:o,DEFAULT_VISIBLE_COLUMNS:t}=m.useBusinessLogic(),{Filters:{activeViewId:i}}=C.useStores(),{viewsMap:l,isLoading:s}=a.useViews();if(!i||s)return{isLoading:s,hiddenColumnIds:[]};const e=l.get(i),n=(u=e==null?void 0:e.columns)==null?void 0:u.columnIds;if(c.isArray(n)&&n.length>0){const r=[...o,...t].filter(d=>!n.includes(d));return{isLoading:s,hiddenColumnIds:r}}return{isLoading:s,hiddenColumnIds:o}};exports.useHiddenColumns=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("lodash"),m=require("./index7.cjs"),C=require("./index59.cjs"),I=require("./index60.cjs"),a=()=>{var i;const{DEFAULT_HIDDEN_COLUMNS:n,DEFAULT_VISIBLE_COLUMNS:d}=m.useBusinessLogic(),{Filters:{activeViewId:u}}=C.useStores(),{viewsMap:r,isLoading:s}=I.useViews();if(!u||s)return{isLoading:s,orderedColumnIds:void 0,hiddenColumnIds:[]};const o=r.get(u),e=(i=o==null?void 0:o.columns)==null?void 0:i.columnIds;if(c.isArray(e)&&e.length>0){const l=[...n,...d].filter(t=>!e.includes(t));return{isLoading:s,orderedColumnIds:e,hiddenColumnIds:l}}return{isLoading:s,orderedColumnIds:void 0,hiddenColumnIds:n}};exports.useColumns=a;

package/dist/index63.js

@@ -1,28 +1,31 @@
-import { isArray as d } from "lodash";
+import { isArray as u } from "lodash";
 import { useBusinessLogic as c } from "./index7.js";
 import { useStores as C } from "./index59.js";
 import { useViews as I } from "./index60.js";
 const g = () => {
-  var t;
-  const { DEFAULT_HIDDEN_COLUMNS: e, DEFAULT_VISIBLE_COLUMNS: l } = c(), { Filters: { activeViewId: i } } = C(), { viewsMap: r, isLoading: s } = I();
-  if (!i || s)
+  var i;
+  const { DEFAULT_HIDDEN_COLUMNS: e, DEFAULT_VISIBLE_COLUMNS: r } = c(), { Filters: { activeViewId: d } } = C(), { viewsMap: l, isLoading: o } = I();
+  if (!d || o)
     return {
-      isLoading: s,
+      isLoading: o,
+      orderedColumnIds: void 0,
       hiddenColumnIds: []
     };
-  const o = r.get(i), n = (t = o == null ? void 0 : o.columns) == null ? void 0 : t.columnIds;
-  if (d(n) && n.length > 0) {
-    const m = [...e, ...l].filter((u) => !n.includes(u));
+  const n = l.get(d), s = (i = n == null ? void 0 : n.columns) == null ? void 0 : i.columnIds;
+  if (u(s) && s.length > 0) {
+    const t = [...e, ...r].filter((m) => !s.includes(m));
     return {
-      isLoading: s,
-      hiddenColumnIds: m
+      isLoading: o,
+      orderedColumnIds: s,
+      hiddenColumnIds: t
     };
   }
   return {
-    isLoading: s,
+    isLoading: o,
+    orderedColumnIds: void 0,
     hiddenColumnIds: e
   };
 };
 export {
-  g as useHiddenColumns
+  g as useColumns
 };

package/dist/index65.cjs

@@ -1 +1 @@
-"use strict";var I=Object.defineProperty;var N=(m,t,l)=>t in m?I(m,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):m[t]=l;var g=(m,t,l)=>N(m,typeof t!="symbol"?t+"":t,l);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("mobx"),C=require("@veeqo/ui"),L=require("@internationalized/date"),U=require("lodash/isEqual"),u=require("./index47.cjs"),A=require("./index67.cjs"),D=require("./index66.cjs"),v=require("./index76.cjs"),V=require("./index74.cjs"),d=require("./index8.cjs"),B=m=>m&&m.__esModule?m:{default:m},P=B(U);class G{constructor(){g(this,"defaultPageSize");g(this,"pageSize");g(this,"currentPage");g(this,"defaultFilters");g(this,"defaultArrayFilters");g(this,"defaultDateRangeFilters");g(this,"defaultNumberRangeFilters");g(this,"filters");g(this,"arrayFilters");g(this,"dateRangeFilters");g(this,"numberRangeFilters");g(this,"activeViewId");g(this,"isFiltersDropdownVisible");g(this,"initDefaultFilterMaps",()=>{this.defaultFilters=new Map(this.filters),this.defaultArrayFilters=new Map(this.arrayFilters),this.defaultDateRangeFilters=new Map(this.dateRangeFilters),this.defaultNumberRangeFilters=new Map(this.numberRangeFilters)});g(this,"updateUrl",(t=!1)=>{try{const{SORT_FILTER_ID:l}=d.BusinessLogicManager.getBusinessLogic(),e=new URLSearchParams(window.location.search).get(l);let i;if(e){const n=this.queryParamsObject;n.set(l,e),i=`${window.location.pathname}?${n.toString()}`}else i=`${window.location.pathname}?${this.queryParams}`;t?window.history.pushState({},"",i):window.history.replaceState({},"",i)}catch(l){console.log(l)}});g(this,"setCurrentPage",t=>{this.currentPage=t});g(this,"setPageSize",t=>{this.pageSize=t});g(this,"setFilter",(t,l)=>{this.filters.set(t,l),this.updateUrl()});g(this,"clearFilter",t=>{this.filters.set(t,""),this.updateUrl()});g(this,"setArrayFilter",(t,l)=>{this.arrayFilters.set(t,l),this.updateUrl()});g(this,"clearArrayFilter",t=>{this.arrayFilters.set(t,[]),this.updateUrl()});g(this,"setRangeFilter",({key:t,range:l,dates:s})=>{l.setFilterType(t),l.setDates(s.start,s.end),this.updateUrl()});g(this,"clearRangeFilter",t=>{const l=this.dateRangeFilters.get(t);l&&(l.clear(),this.updateUrl())});g(this,"setNumberRangeFilter",({numberRange:t,gte:l,lte:s})=>{t.setGte(l),t.setLte(s),this.updateUrl()});g(this,"clearNumberRangeFilter",t=>{const l=this.numberRangeFilters.get(t);l&&(l.clear(),this.updateUrl())});g(this,"clearAllFilters",(t=!1)=>{const{SEARCH_FILTER_ID:l}=d.BusinessLogicManager.getBusinessLogic();this.filters.forEach((s,e)=>{e!==l&&this.filters.set(e,"")}),this.arrayFilters.forEach((s,e)=>this.arrayFilters.set(e,[])),this.dateRangeFilters.forEach(s=>s.clear()),this.numberRangeFilters.forEach(s=>s.clear()),t||this.updateUrl()});g(this,"clearFiltersForGroup",t=>{const{GROUP_MAP:l}=d.BusinessLogicManager.getBusinessLogic(),s=l.get(t);s&&s.fields.forEach(e=>{this.arrayFilters.has(e.id)?this.clearArrayFilter(e.id):this.dateRangeFilters.has(e.id)?this.clearRangeFilter(e.id):this.numberRangeFilters.has(e.id)?this.clearNumberRangeFilter(e.id):this.clearFilter(e.id)})});g(this,"setActiveViewId",t=>{this.activeViewId=t,this.updateUrl()});g(this,"toggleFiltersDropdownVisible",t=>{this.isFiltersDropdownVisible=t});g(this,"getFiltersForGroup",t=>{const{GROUP_MAP:l}=d.BusinessLogicManager.getBusinessLogic(),s=l.get(t);if(!s)return{};const e={};return s.fields.forEach(i=>{this.arrayFilters.has(i.id)?e[i.id]=this.arrayFilters.get(i.id):this.dateRangeFilters.has(i.id)?e[i.id]=this.dateRangeFilters.get(i.id):this.numberRangeFilters.has(i.id)?e[i.id]=this.numberRangeFilters.get(i.id):e[i.id]=this.filters.get(i.id)}),e});g(this,"initFiltersFromView",t=>{var s;const{PAGE_SIZE_OPTIONS:l}=d.BusinessLogicManager.getBusinessLogic();(s=t.page)!=null&&s.size&&l.includes(t.page.size)&&(this.defaultPageSize=t.page.size,this.pageSize=t.page.size),this.defaultFilters=new Map(t.filterMaps.filters),this.defaultArrayFilters=new Map(t.filterMaps.arrayFilters),this.defaultDateRangeFilters=new Map(Array.from(t.filterMaps.rangeFilters.entries()).map(([e,i])=>{const n=new A.RangeFilter(i.filterType);return i.gte&&i.lte&&n.setDates(i.gte,i.lte),[e,n]})),this.defaultNumberRangeFilters=new Map(Array.from(t.filterMaps.numberRangeFilters.entries()).map(([e,i])=>{const n=i.clone();return i.gte&&n.setGte(i.gte),i.lte&&n.setLte(i.lte),[e,n]})),this.filters=new Map(t.filterMaps.filters),this.arrayFilters=new Map(t.filterMaps.arrayFilters),this.dateRangeFilters=new Map(Array.from(t.filterMaps.rangeFilters.entries()).map(([e,i])=>{const n=new A.RangeFilter(i.filterType);return i.gte&&i.lte&&n.setDates(i.gte,i.lte),[e,n]})),this.numberRangeFilters=new Map(Array.from(t.filterMaps.numberRangeFilters.entries()).map(([e,i])=>{const n=i.clone();return i.gte&&n.setGte(i.gte),i.lte&&n.setLte(i.lte),[e,n]})),this.activeViewId=t.id});g(this,"initFromUrl",(t=!0)=>{const{GROUP_MAP:l,NUMBER_RANGE_FILTERS:s,PAGE_SIZE_OPTIONS:e,PAGE_SIZE_FILTER_ID:i}=d.BusinessLogicManager.getBusinessLogic(),n=new URLSearchParams(window.location.search),f=Array.from(l.values()).flatMap(r=>r.fields),F=new Map,w=new Map,M=new Map,R=new Map,h=new Map;Array.from(n.entries()).forEach(([r,a])=>{(r.includes("_gte")||r.includes("_lte"))&&h.set(r,a)}),Array.from(n.entries()).forEach(([r,a])=>{if(r==="view"&&t){this.activeViewId=a;return}if(r===i&&e.includes(Number(a))){this.pageSize=Number(a);return}let p=f.find(c=>c.id===r);if(!p){const c=r.replace(/_[gl]te$/,"");s.includes(c)&&(p=f.find(y=>y.id===c))}if(p)switch(p.filterType){case u.FilterChoiceValue.CHECKBOX:a&&w.set(r,a.split(","));break;case u.FilterChoiceValue.DATE_RANGE:let c;if(a==="CUSTOM"){c=new A.RangeFilter("CUSTOM");const T=h.get(`${r}_gte`),_=h.get(`${r}_lte`);T&&_&&c.setDates(L.parseDate(T),L.parseDate(_))}else V.isValidDateRange(a)?c=new A.RangeFilter(a):c=new A.RangeFilter(C.DateRanges.TODAY);M.set(r,c);break;case u.FilterChoiceValue.NUMBER_RANGE:const y=new D.NumberRangeFilter({filterId:p.id}),b=r.replace(/_[gl]te$/,""),E=h.get(`${b}_gte`),S=h.get(`${b}_lte`);E&&y.setGte(Number(E)),S&&y.setLte(Number(S)),R.set(b,y);break;case u.FilterChoiceValue.TEXT:case u.FilterChoiceValue.NUMBER:case u.FilterChoiceValue.RADIO:F.set(r,a);break}}),this.filters=F,this.arrayFilters=w,this.dateRangeFilters=M,this.numberRangeFilters=R,this.updateUrl()});g(this,"discardChanges",(t=!1)=>{this.pageSize=this.defaultPageSize;const{SEARCH_FILTER_ID:l}=d.BusinessLogicManager.getBusinessLogic(),s=new Map(this.defaultFilters);this.filters.has(l)&&s.set(l,this.filters.get(l)),this.filters=s,this.arrayFilters=new Map(this.defaultArrayFilters),this.dateRangeFilters.clear(),this.defaultDateRangeFilters.forEach((e,i)=>{const n=new A.RangeFilter(e.filterType);n.setDates(e.gte,e.lte),this.dateRangeFilters.set(i,n)}),this.numberRangeFilters.clear(),this.defaultNumberRangeFilters.forEach((e,i)=>{this.numberRangeFilters.set(i,e.clone())}),this.updateUrl(t)});const{GROUP_MAP:t}=d.BusinessLogicManager.getBusinessLogic(),l=Array.from(t.values()).flatMap(s=>s.fields);this.filters=new Map(l.filter(s=>s.filterType===u.FilterChoiceValue.TEXT||s.filterType===u.FilterChoiceValue.NUMBER||s.filterType===u.FilterChoiceValue.RADIO||s.filterType===u.FilterChoiceValue.DATE_RANGE).map(s=>[s.id,""])),this.arrayFilters=new Map(l.filter(s=>s.filterType===u.FilterChoiceValue.CHECKBOX).map(s=>[s.id,[]])),this.dateRangeFilters=new Map(l.filter(s=>s.filterType===u.FilterChoiceValue.DATE_RANGE).map(s=>[s.id,new A.RangeFilter])),this.numberRangeFilters=new Map(l.filter(s=>s.filterType===u.FilterChoiceValue.NUMBER_RANGE).map(s=>{const e=new D.NumberRangeFilter({filterId:s.id});return[s.id,e]})),this.defaultArrayFilters=new Map,this.defaultFilters=new Map,this.defaultDateRangeFilters=new Map,this.defaultNumberRangeFilters=new Map,this.currentPage=1,this.pageSize=10,this.defaultPageSize=10,this.initDefaultFilterMaps(),this.isFiltersDropdownVisible=!1,this.activeViewId=void 0,o.makeObservable(this,{defaultPageSize:o.observable,pageSize:o.observable,currentPage:o.observable,defaultFilters:o.observable,defaultArrayFilters:o.observable,defaultDateRangeFilters:o.observable,defaultNumberRangeFilters:o.observable,filters:o.observable,arrayFilters:o.observable,numberRangeFilters:o.observable,dateRangeFilters:o.observable,isFiltersDropdownVisible:o.observable,activeViewId:o.observable,setPageSize:o.action,setCurrentPage:o.action,toggleFiltersDropdownVisible:o.action,setActiveViewId:o.action,setFilter:o.action,setArrayFilter:o.action,setRangeFilter:o.action,setNumberRangeFilter:o.action,clearFilter:o.action,clearArrayFilter:o.action,clearRangeFilter:o.action,clearNumberRangeFilter:o.action,clearAllFilters:o.action,getFiltersForGroup:o.action,clearFiltersForGroup:o.action,initFromUrl:o.action,initFiltersFromView:o.action,initDefaultFilterMaps:o.action,discardChanges:o.action,updateUrl:o.action,hasActiveFilters:o.computed,activeFilterKeysList:o.computed,queryParamsObject:o.computed,queryParams:o.computed,hasUnsavedChanges:o.computed})}get hasActiveFilters(){const{GROUP_MAP:t}=d.BusinessLogicManager.getBusinessLogic(),l=Array.from(t.values()).flatMap(e=>e.fields),s=new Set(l.map(e=>e.id));return Array.from(this.filters.entries()).filter(([e])=>s.has(e)).some(([,e])=>e!=="")||Array.from(this.arrayFilters.entries()).filter(([e])=>s.has(e)).some(([,e])=>e.length>0)||Array.from(this.dateRangeFilters.entries()).filter(([e])=>s.has(e)).some(([,e])=>e.filterType!==void 0)||Array.from(this.numberRangeFilters.entries()).filter(([e])=>s.has(e)).some(([,e])=>e.isActive)}get activeFilterKeysList(){const{DATE_RANGE_FILTERS:t,NUMBER_RANGE_FILTERS:l}=d.BusinessLogicManager.getBusinessLogic(),s=Array.from(this.filters.entries()).filter(([F,w])=>w!==""&&!t.includes(F)&&!l.includes(F)).map(([F])=>F),e=Array.from(this.arrayFilters.entries()).filter(([,F])=>F.length>0).map(([F])=>F),i=Array.from(this.dateRangeFilters.entries()).filter(([,F])=>F.filterType!==void 0).map(([F])=>F),n=Array.from(this.numberRangeFilters.entries()).filter(([,F])=>F.isActive).map(([F])=>F);return[...new Set([...s,...e,...i,...n])]}get queryParamsObject(){const{DATE_RANGE_FILTERS:t,NUMBER_RANGE_FILTERS:l,PAGE_SIZE_FILTER_ID:s,PAGE_NUMBER_FILTER_ID:e}=d.BusinessLogicManager.getBusinessLogic(),i=new URLSearchParams;return Array.from(this.filters.entries()).filter(([n,f])=>f!==""&&!t.includes(n)&&!l.includes(n)).forEach(([n,f])=>{i.append(n,f)}),Array.from(this.arrayFilters.entries()).filter(([,n])=>n.length>0).forEach(([n,f])=>{i.append(n,f.join(","))}),Array.from(this.dateRangeFilters.entries()).filter(([,n])=>n.filterType!==void 0).forEach(([n,f])=>{i.set(n,f.filterType),f.filterType==="CUSTOM"&&(i.set(`${n}_gte`,f.gte.toString()),i.set(`${n}_lte`,f.lte.toString()))}),Array.from(this.numberRangeFilters.entries()).filter(([,n])=>n.isActive).forEach(([n,f])=>{f.gte!==void 0&&i.set(`${n}_gte`,f.gte.toString()),f.isValidLte&&i.set(`${n}_lte`,f.lte.toString())}),this.activeViewId&&i.set("view",this.activeViewId),i.set(s,this.pageSize.toString()),i.set(e,this.currentPage.toString()),i}get queryParams(){return this.queryParamsObject.toString()}get hasUnsavedChanges(){if(this.activeViewId===v.ALL_VIEW_ID)return!1;if(this.defaultPageSize!==this.pageSize)return!0;const{GROUP_MAP:t,SEARCH_FILTER_ID:l}=d.BusinessLogicManager.getBusinessLogic(),s=Array.from(t.values()).flatMap(h=>h.fields),e=new Set(s.map(h=>h.id));if(Array.from(this.filters.entries()).filter(([h])=>h!==l&&e.has(h)).some(([h,r])=>{const a=this.defaultFilters.get(h);return a===void 0&&r!==""||a!==void 0&&r!==a}))return!0;const n=Array.from(this.defaultArrayFilters.entries()).filter(([h])=>e.has(h)).some(([h,r])=>{const a=this.defaultArrayFilters.get(h)||[];return r.length>0||a.length>0?r.length!==a.length||!P.default(r,a):!1}),f=Array.from(this.arrayFilters.entries()).filter(([h])=>e.has(h)).some(([h,r])=>{const a=this.defaultArrayFilters.get(h)||[];return r.length>0||a.length>0?r.length!==a.length||!P.default(r,a):!1});if(n||f)return!0;const F=Array.from(this.numberRangeFilters.entries()).filter(([h])=>e.has(h)).some(([h,r])=>{const a=this.defaultNumberRangeFilters.get(h);return!r.isEqual(a)});if(Array.from(this.defaultNumberRangeFilters.entries()).filter(([h])=>e.has(h)).some(([h,r])=>{const a=this.numberRangeFilters.get(h);return!r.isEqual(a)})||F)return!0;const M=Array.from(this.defaultDateRangeFilters.entries()).filter(([h])=>e.has(h)).some(([h,r])=>{var p,c,y,b;const a=this.dateRangeFilters.get(h);return r!=null&&r.filterType&&!(a!=null&&a.filterType)||a!=null&&a.filterType&&!(r!=null&&r.filterType)||(a==null?void 0:a.filterType)!==(r==null?void 0:r.filterType)?!0:(a==null?void 0:a.filterType)==="CUSTOM"&&(r==null?void 0:r.filterType)==="CUSTOM"?((p=r.gte)==null?void 0:p.toString())!==((c=a.gte)==null?void 0:c.toString())||((y=r.lte)==null?void 0:y.toString())!==((b=a.lte)==null?void 0:b.toString()):!1});return Array.from(this.dateRangeFilters.entries()).filter(([h])=>e.has(h)).some(([h,r])=>{var p,c,y,b;const a=this.defaultDateRangeFilters.get(h);return r!=null&&r.filterType&&!(a!=null&&a.filterType)||a!=null&&a.filterType&&!(r!=null&&r.filterType)||(a==null?void 0:a.filterType)!==(r==null?void 0:r.filterType)?!0:(a==null?void 0:a.filterType)==="CUSTOM"&&(r==null?void 0:r.filterType)==="CUSTOM"?((p=r.gte)==null?void 0:p.toString())!==((c=a.gte)==null?void 0:c.toString())||((y=r.lte)==null?void 0:y.toString())!==((b=a.lte)==null?void 0:b.toString()):!1})||M}}exports.Filters=G;
+"use strict";var I=Object.defineProperty;var N=(m,t,l)=>t in m?I(m,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):m[t]=l;var g=(m,t,l)=>N(m,typeof t!="symbol"?t+"":t,l);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("mobx"),U=require("@veeqo/ui"),L=require("@internationalized/date"),C=require("lodash/isEqual"),u=require("./index47.cjs"),A=require("./index67.cjs"),D=require("./index66.cjs"),v=require("./index76.cjs"),V=require("./index74.cjs"),d=require("./index8.cjs"),B=m=>m&&m.__esModule?m:{default:m},P=B(C);class G{constructor(){g(this,"defaultPageSize");g(this,"pageSize");g(this,"currentPage");g(this,"defaultFilters");g(this,"defaultArrayFilters");g(this,"defaultDateRangeFilters");g(this,"defaultNumberRangeFilters");g(this,"filters");g(this,"arrayFilters");g(this,"dateRangeFilters");g(this,"numberRangeFilters");g(this,"activeViewId");g(this,"isFiltersDropdownVisible");g(this,"initDefaultFilterMaps",()=>{this.defaultFilters=new Map(this.filters),this.defaultArrayFilters=new Map(this.arrayFilters),this.defaultDateRangeFilters=new Map(this.dateRangeFilters),this.defaultNumberRangeFilters=new Map(this.numberRangeFilters)});g(this,"updateUrl",(t=!1)=>{try{const{SORT_FILTER_ID:l}=d.BusinessLogicManager.getBusinessLogic(),e=new URLSearchParams(window.location.search).get(l);let i;if(e){const n=this.queryParamsObject;n.set(l,e),i=`${window.location.pathname}?${n.toString()}`}else i=`${window.location.pathname}?${this.queryParams}`;t?window.history.pushState({},"",i):window.history.replaceState({},"",i)}catch(l){console.log(l)}});g(this,"setCurrentPage",t=>{this.currentPage=t});g(this,"setPageSize",t=>{this.pageSize=t,this.updateUrl()});g(this,"setFilter",(t,l)=>{this.filters.set(t,l),this.updateUrl()});g(this,"clearFilter",t=>{this.filters.set(t,""),this.updateUrl()});g(this,"setArrayFilter",(t,l)=>{this.arrayFilters.set(t,l),this.updateUrl()});g(this,"clearArrayFilter",t=>{this.arrayFilters.set(t,[]),this.updateUrl()});g(this,"setRangeFilter",({key:t,range:l,dates:s})=>{l.setFilterType(t),l.setDates(s.start,s.end),this.updateUrl()});g(this,"clearRangeFilter",t=>{const l=this.dateRangeFilters.get(t);l&&(l.clear(),this.updateUrl())});g(this,"setNumberRangeFilter",({numberRange:t,gte:l,lte:s})=>{t.setGte(l),t.setLte(s),this.updateUrl()});g(this,"clearNumberRangeFilter",t=>{const l=this.numberRangeFilters.get(t);l&&(l.clear(),this.updateUrl())});g(this,"clearAllFilters",(t=!1)=>{const{SEARCH_FILTER_ID:l}=d.BusinessLogicManager.getBusinessLogic();this.filters.forEach((s,e)=>{e!==l&&this.filters.set(e,"")}),this.arrayFilters.forEach((s,e)=>this.arrayFilters.set(e,[])),this.dateRangeFilters.forEach(s=>s.clear()),this.numberRangeFilters.forEach(s=>s.clear()),t||this.updateUrl()});g(this,"clearFiltersForGroup",t=>{const{GROUP_MAP:l}=d.BusinessLogicManager.getBusinessLogic(),s=l.get(t);s&&s.fields.forEach(e=>{this.arrayFilters.has(e.id)?this.clearArrayFilter(e.id):this.dateRangeFilters.has(e.id)?this.clearRangeFilter(e.id):this.numberRangeFilters.has(e.id)?this.clearNumberRangeFilter(e.id):this.clearFilter(e.id)})});g(this,"setActiveViewId",t=>{this.activeViewId=t,this.updateUrl()});g(this,"toggleFiltersDropdownVisible",t=>{this.isFiltersDropdownVisible=t});g(this,"getFiltersForGroup",t=>{const{GROUP_MAP:l}=d.BusinessLogicManager.getBusinessLogic(),s=l.get(t);if(!s)return{};const e={};return s.fields.forEach(i=>{this.arrayFilters.has(i.id)?e[i.id]=this.arrayFilters.get(i.id):this.dateRangeFilters.has(i.id)?e[i.id]=this.dateRangeFilters.get(i.id):this.numberRangeFilters.has(i.id)?e[i.id]=this.numberRangeFilters.get(i.id):e[i.id]=this.filters.get(i.id)}),e});g(this,"initFiltersFromView",t=>{var s;const{PAGE_SIZE_OPTIONS:l}=d.BusinessLogicManager.getBusinessLogic();(s=t.page)!=null&&s.size&&l.includes(t.page.size)&&(this.defaultPageSize=t.page.size,this.pageSize=t.page.size),this.defaultFilters=new Map(t.filterMaps.filters),this.defaultArrayFilters=new Map(t.filterMaps.arrayFilters),this.defaultDateRangeFilters=new Map(Array.from(t.filterMaps.rangeFilters.entries()).map(([e,i])=>{const n=new A.RangeFilter(i.filterType);return i.gte&&i.lte&&n.setDates(i.gte,i.lte),[e,n]})),this.defaultNumberRangeFilters=new Map(Array.from(t.filterMaps.numberRangeFilters.entries()).map(([e,i])=>{const n=i.clone();return i.gte&&n.setGte(i.gte),i.lte&&n.setLte(i.lte),[e,n]})),this.filters=new Map(t.filterMaps.filters),this.arrayFilters=new Map(t.filterMaps.arrayFilters),this.dateRangeFilters=new Map(Array.from(t.filterMaps.rangeFilters.entries()).map(([e,i])=>{const n=new A.RangeFilter(i.filterType);return i.gte&&i.lte&&n.setDates(i.gte,i.lte),[e,n]})),this.numberRangeFilters=new Map(Array.from(t.filterMaps.numberRangeFilters.entries()).map(([e,i])=>{const n=i.clone();return i.gte&&n.setGte(i.gte),i.lte&&n.setLte(i.lte),[e,n]})),this.activeViewId=t.id});g(this,"initFromUrl",(t=!0)=>{const{GROUP_MAP:l,NUMBER_RANGE_FILTERS:s,PAGE_SIZE_OPTIONS:e,PAGE_SIZE_FILTER_ID:i}=d.BusinessLogicManager.getBusinessLogic(),n=new URLSearchParams(window.location.search),f=Array.from(l.values()).flatMap(r=>r.fields),F=new Map,w=new Map,M=new Map,R=new Map,h=new Map;Array.from(n.entries()).forEach(([r,a])=>{(r.includes("_gte")||r.includes("_lte"))&&h.set(r,a)}),Array.from(n.entries()).forEach(([r,a])=>{if(r==="view"&&t){this.activeViewId=a;return}if(r===i&&e.includes(Number(a))){this.pageSize=Number(a);return}let p=f.find(c=>c.id===r);if(!p){const c=r.replace(/_[gl]te$/,"");s.includes(c)&&(p=f.find(y=>y.id===c))}if(p)switch(p.filterType){case u.FilterChoiceValue.CHECKBOX:a&&w.set(r,a.split(","));break;case u.FilterChoiceValue.DATE_RANGE:let c;if(a==="CUSTOM"){c=new A.RangeFilter("CUSTOM");const T=h.get(`${r}_gte`),_=h.get(`${r}_lte`);T&&_&&c.setDates(L.parseDate(T),L.parseDate(_))}else V.isValidDateRange(a)?c=new A.RangeFilter(a):c=new A.RangeFilter(U.DateRanges.TODAY);M.set(r,c);break;case u.FilterChoiceValue.NUMBER_RANGE:const y=new D.NumberRangeFilter({filterId:p.id}),b=r.replace(/_[gl]te$/,""),E=h.get(`${b}_gte`),S=h.get(`${b}_lte`);E&&y.setGte(Number(E)),S&&y.setLte(Number(S)),R.set(b,y);break;case u.FilterChoiceValue.TEXT:case u.FilterChoiceValue.NUMBER:case u.FilterChoiceValue.RADIO:F.set(r,a);break}}),this.filters=F,this.arrayFilters=w,this.dateRangeFilters=M,this.numberRangeFilters=R,this.updateUrl()});g(this,"discardChanges",(t=!1)=>{this.pageSize=this.defaultPageSize;const{SEARCH_FILTER_ID:l}=d.BusinessLogicManager.getBusinessLogic(),s=new Map(this.defaultFilters);this.filters.has(l)&&s.set(l,this.filters.get(l)),this.filters=s,this.arrayFilters=new Map(this.defaultArrayFilters),this.dateRangeFilters.clear(),this.defaultDateRangeFilters.forEach((e,i)=>{const n=new A.RangeFilter(e.filterType);n.setDates(e.gte,e.lte),this.dateRangeFilters.set(i,n)}),this.numberRangeFilters.clear(),this.defaultNumberRangeFilters.forEach((e,i)=>{this.numberRangeFilters.set(i,e.clone())}),this.updateUrl(t)});const{GROUP_MAP:t}=d.BusinessLogicManager.getBusinessLogic(),l=Array.from(t.values()).flatMap(s=>s.fields);this.filters=new Map(l.filter(s=>s.filterType===u.FilterChoiceValue.TEXT||s.filterType===u.FilterChoiceValue.NUMBER||s.filterType===u.FilterChoiceValue.RADIO||s.filterType===u.FilterChoiceValue.DATE_RANGE).map(s=>[s.id,""])),this.arrayFilters=new Map(l.filter(s=>s.filterType===u.FilterChoiceValue.CHECKBOX).map(s=>[s.id,[]])),this.dateRangeFilters=new Map(l.filter(s=>s.filterType===u.FilterChoiceValue.DATE_RANGE).map(s=>[s.id,new A.RangeFilter])),this.numberRangeFilters=new Map(l.filter(s=>s.filterType===u.FilterChoiceValue.NUMBER_RANGE).map(s=>{const e=new D.NumberRangeFilter({filterId:s.id});return[s.id,e]})),this.defaultArrayFilters=new Map,this.defaultFilters=new Map,this.defaultDateRangeFilters=new Map,this.defaultNumberRangeFilters=new Map,this.currentPage=1,this.pageSize=10,this.defaultPageSize=10,this.initDefaultFilterMaps(),this.isFiltersDropdownVisible=!1,this.activeViewId=void 0,o.makeObservable(this,{defaultPageSize:o.observable,pageSize:o.observable,currentPage:o.observable,defaultFilters:o.observable,defaultArrayFilters:o.observable,defaultDateRangeFilters:o.observable,defaultNumberRangeFilters:o.observable,filters:o.observable,arrayFilters:o.observable,numberRangeFilters:o.observable,dateRangeFilters:o.observable,isFiltersDropdownVisible:o.observable,activeViewId:o.observable,setPageSize:o.action,setCurrentPage:o.action,toggleFiltersDropdownVisible:o.action,setActiveViewId:o.action,setFilter:o.action,setArrayFilter:o.action,setRangeFilter:o.action,setNumberRangeFilter:o.action,clearFilter:o.action,clearArrayFilter:o.action,clearRangeFilter:o.action,clearNumberRangeFilter:o.action,clearAllFilters:o.action,getFiltersForGroup:o.action,clearFiltersForGroup:o.action,initFromUrl:o.action,initFiltersFromView:o.action,initDefaultFilterMaps:o.action,discardChanges:o.action,updateUrl:o.action,hasActiveFilters:o.computed,activeFilterKeysList:o.computed,queryParamsObject:o.computed,queryParams:o.computed,hasUnsavedChanges:o.computed})}get hasActiveFilters(){const{GROUP_MAP:t}=d.BusinessLogicManager.getBusinessLogic(),l=Array.from(t.values()).flatMap(e=>e.fields),s=new Set(l.map(e=>e.id));return Array.from(this.filters.entries()).filter(([e])=>s.has(e)).some(([,e])=>e!=="")||Array.from(this.arrayFilters.entries()).filter(([e])=>s.has(e)).some(([,e])=>e.length>0)||Array.from(this.dateRangeFilters.entries()).filter(([e])=>s.has(e)).some(([,e])=>e.filterType!==void 0)||Array.from(this.numberRangeFilters.entries()).filter(([e])=>s.has(e)).some(([,e])=>e.isActive)}get activeFilterKeysList(){const{DATE_RANGE_FILTERS:t,NUMBER_RANGE_FILTERS:l}=d.BusinessLogicManager.getBusinessLogic(),s=Array.from(this.filters.entries()).filter(([F,w])=>w!==""&&!t.includes(F)&&!l.includes(F)).map(([F])=>F),e=Array.from(this.arrayFilters.entries()).filter(([,F])=>F.length>0).map(([F])=>F),i=Array.from(this.dateRangeFilters.entries()).filter(([,F])=>F.filterType!==void 0).map(([F])=>F),n=Array.from(this.numberRangeFilters.entries()).filter(([,F])=>F.isActive).map(([F])=>F);return[...new Set([...s,...e,...i,...n])]}get queryParamsObject(){const{DATE_RANGE_FILTERS:t,NUMBER_RANGE_FILTERS:l,PAGE_SIZE_FILTER_ID:s,PAGE_NUMBER_FILTER_ID:e}=d.BusinessLogicManager.getBusinessLogic(),i=new URLSearchParams;return Array.from(this.filters.entries()).filter(([n,f])=>f!==""&&!t.includes(n)&&!l.includes(n)).forEach(([n,f])=>{i.append(n,f)}),Array.from(this.arrayFilters.entries()).filter(([,n])=>n.length>0).forEach(([n,f])=>{i.append(n,f.join(","))}),Array.from(this.dateRangeFilters.entries()).filter(([,n])=>n.filterType!==void 0).forEach(([n,f])=>{i.set(n,f.filterType),f.filterType==="CUSTOM"&&(i.set(`${n}_gte`,f.gte.toString()),i.set(`${n}_lte`,f.lte.toString()))}),Array.from(this.numberRangeFilters.entries()).filter(([,n])=>n.isActive).forEach(([n,f])=>{f.gte!==void 0&&i.set(`${n}_gte`,f.gte.toString()),f.isValidLte&&i.set(`${n}_lte`,f.lte.toString())}),this.activeViewId&&i.set("view",this.activeViewId),i.set(s,this.pageSize.toString()),i.set(e,this.currentPage.toString()),i}get queryParams(){return this.queryParamsObject.toString()}get hasUnsavedChanges(){if(this.activeViewId===v.ALL_VIEW_ID)return!1;if(this.defaultPageSize!==this.pageSize)return!0;const{GROUP_MAP:t,SEARCH_FILTER_ID:l}=d.BusinessLogicManager.getBusinessLogic(),s=Array.from(t.values()).flatMap(h=>h.fields),e=new Set(s.map(h=>h.id));if(Array.from(this.filters.entries()).filter(([h])=>h!==l&&e.has(h)).some(([h,r])=>{const a=this.defaultFilters.get(h);return a===void 0&&r!==""||a!==void 0&&r!==a}))return!0;const n=Array.from(this.defaultArrayFilters.entries()).filter(([h])=>e.has(h)).some(([h,r])=>{const a=this.defaultArrayFilters.get(h)||[];return r.length>0||a.length>0?r.length!==a.length||!P.default(r,a):!1}),f=Array.from(this.arrayFilters.entries()).filter(([h])=>e.has(h)).some(([h,r])=>{const a=this.defaultArrayFilters.get(h)||[];return r.length>0||a.length>0?r.length!==a.length||!P.default(r,a):!1});if(n||f)return!0;const F=Array.from(this.numberRangeFilters.entries()).filter(([h])=>e.has(h)).some(([h,r])=>{const a=this.defaultNumberRangeFilters.get(h);return!r.isEqual(a)});if(Array.from(this.defaultNumberRangeFilters.entries()).filter(([h])=>e.has(h)).some(([h,r])=>{const a=this.numberRangeFilters.get(h);return!r.isEqual(a)})||F)return!0;const M=Array.from(this.defaultDateRangeFilters.entries()).filter(([h])=>e.has(h)).some(([h,r])=>{var p,c,y,b;const a=this.dateRangeFilters.get(h);return r!=null&&r.filterType&&!(a!=null&&a.filterType)||a!=null&&a.filterType&&!(r!=null&&r.filterType)||(a==null?void 0:a.filterType)!==(r==null?void 0:r.filterType)?!0:(a==null?void 0:a.filterType)==="CUSTOM"&&(r==null?void 0:r.filterType)==="CUSTOM"?((p=r.gte)==null?void 0:p.toString())!==((c=a.gte)==null?void 0:c.toString())||((y=r.lte)==null?void 0:y.toString())!==((b=a.lte)==null?void 0:b.toString()):!1});return Array.from(this.dateRangeFilters.entries()).filter(([h])=>e.has(h)).some(([h,r])=>{var p,c,y,b;const a=this.defaultDateRangeFilters.get(h);return r!=null&&r.filterType&&!(a!=null&&a.filterType)||a!=null&&a.filterType&&!(r!=null&&r.filterType)||(a==null?void 0:a.filterType)!==(r==null?void 0:r.filterType)?!0:(a==null?void 0:a.filterType)==="CUSTOM"&&(r==null?void 0:r.filterType)==="CUSTOM"?((p=r.gte)==null?void 0:p.toString())!==((c=a.gte)==null?void 0:c.toString())||((y=r.lte)==null?void 0:y.toString())!==((b=a.lte)==null?void 0:b.toString()):!1})||M}}exports.Filters=G;