@veeqo/transfigure 1.2.3 → 1.2.4

package/dist/index105.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("./index112.cjs"),o=e=>i.jsx(l.StyledSortableViews,{...e,onChange:t=>{t.filter(r=>{var n;return(n=r.children)==null?void 0:n.length}).length||e.onChange(t)}});exports.LegacySortableViews=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("@veeqo/ui"),o=e=>e&&e.__esModule?e:{default:e},r=o(i),d=r.default(t.BaseContainer)`
+  display: flex;
+  flex-direction: column;
+  padding: 8px;
+  padding-left: 35px;
+  margin: 8px;
+  background-color: ${t.theme.colors.neutral.grey.lightest};
+`,l=r.default.hr`
+  width: 100%;
+  border-top: 1px solid ${t.theme.colors.neutral.grey.dark};
+  margin: 0 0 4px 0;
+`;exports.Divider=l;exports.FixedViews=d;

package/dist/index105.js

@@ -1,17 +1,18 @@
-import { jsx as o } from "react/jsx-runtime";
-import { StyledSortableViews as i } from "./index112.js";
-const h = (e) => /* @__PURE__ */ o(
-  i,
-  {
-    ...e,
-    onChange: (t) => {
-      t.filter((n) => {
-        var r;
-        return (r = n.children) == null ? void 0 : r.length;
-      }).length || e.onChange(t);
-    }
-  }
-);
+import r from "styled-components";
+import { theme as o, BaseContainer as e } from "@veeqo/ui";
+const d = r(e)`
+  display: flex;
+  flex-direction: column;
+  padding: 8px;
+  padding-left: 35px;
+  margin: 8px;
+  background-color: ${o.colors.neutral.grey.lightest};
+`, l = r.hr`
+  width: 100%;
+  border-top: 1px solid ${o.colors.neutral.grey.dark};
+  margin: 0 0 4px 0;
+`;
 export {
-  h as LegacySortableViews
+  l as Divider,
+  d as FixedViews
 };

package/dist/index107.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=r=>r instanceof Error;exports.isError=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@dnd-kit/sortable"),g=require("@dnd-kit/utilities"),b=require("./index93.cjs"),f=({id:t,children:r})=>{const{attributes:s,listeners:o,setNodeRef:i,transform:n,transition:a,isDragging:l}=c.useSortable({id:t}),u={transform:g.CSS.Transform.toString(n),transition:a,cursor:"grab",outlineOffset:"-1px"};return e.jsxs("div",{ref:i,style:u,...s,...o,children:[r,l&&e.jsx(b.DraggingOverlay,{})]})};exports.SortableItem=f;

package/dist/index107.js

@@ -1,4 +1,21 @@
-const o = (r) => r instanceof Error;
+import { jsxs as f, jsx as g } from "react/jsx-runtime";
+import { useSortable as l } from "@dnd-kit/sortable";
+import { CSS as p } from "@dnd-kit/utilities";
+import { DraggingOverlay as c } from "./index93.js";
+const d = ({ id: r, children: t }) => {
+  const { attributes: o, listeners: s, setNodeRef: e, transform: i, transition: n, isDragging: m } = l({
+    id: r
+  }), a = {
+    transform: p.Transform.toString(i),
+    transition: n,
+    cursor: "grab",
+    outlineOffset: "-1px"
+  };
+  return /* @__PURE__ */ f("div", { ref: e, style: a, ...o, ...s, children: [
+    t,
+    m && /* @__PURE__ */ g(c, {})
+  ] });
+};
 export {
-  o as isError
+  d as SortableItem
 };

package/dist/index108.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@dnd-kit/sortable"),g=require("@dnd-kit/utilities"),b=require("./index92.cjs"),f=({id:t,children:r})=>{const{attributes:s,listeners:o,setNodeRef:i,transform:n,transition:a,isDragging:l}=c.useSortable({id:t}),u={transform:g.CSS.Transform.toString(n),transition:a,cursor:"grab",outlineOffset:"-1px"};return e.jsxs("div",{ref:i,style:u,...s,...o,children:[r,l&&e.jsx(b.DraggingOverlay,{})]})};exports.SortableItem=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("@dnd-kit/core"),s=require("./index93.cjs"),l=({id:e,children:r,...t})=>{const{setNodeRef:o}=c.useDroppable({id:e});return a.createElement(s.DroppableAreaStack,{...t,key:e,ref:o},r)};exports.DroppableArea=l;

package/dist/index108.js

@@ -1,21 +1,10 @@
-import { jsxs as f, jsx as g } from "react/jsx-runtime";
-import { useSortable as l } from "@dnd-kit/sortable";
-import { CSS as p } from "@dnd-kit/utilities";
-import { DraggingOverlay as c } from "./index92.js";
-const d = ({ id: r, children: t }) => {
-  const { attributes: o, listeners: s, setNodeRef: e, transform: i, transition: n, isDragging: m } = l({
-    id: r
-  }), a = {
-    transform: p.Transform.toString(i),
-    transition: n,
-    cursor: "grab",
-    outlineOffset: "-1px"
-  };
-  return /* @__PURE__ */ f("div", { ref: e, style: a, ...o, ...s, children: [
-    t,
-    m && /* @__PURE__ */ g(c, {})
-  ] });
+import { createElement as p } from "react";
+import { useDroppable as a } from "@dnd-kit/core";
+import { DroppableAreaStack as m } from "./index93.js";
+const n = ({ id: e, children: r, ...o }) => {
+  const { setNodeRef: t } = a({ id: e });
+  return /* @__PURE__ */ p(m, { ...o, key: e, ref: t }, r);
 };
 export {
-  d as SortableItem
+  n as DroppableArea
 };

package/dist/index109.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("@dnd-kit/core"),s=require("./index92.cjs"),l=({id:e,children:r,...t})=>{const{setNodeRef:o}=c.useDroppable({id:e});return a.createElement(s.DroppableAreaStack,{...t,key:e,ref:o},r)};exports.DroppableArea=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),b=require("@dnd-kit/sortable"),w=({items:d,setItems:g})=>{const[C,i]=O.useState(null),[h,v]=O.useState(null),s=n=>{var e;return n&&(n.id in d?n.id:(e=n==null?void 0:n.data.current)==null?void 0:e.sortable.containerId)};return{activeId:C,handleDragStart:n=>{const{active:e}=n;i(e.id),v(d)},handleDragOver:n=>{const{active:e,over:t}=n,o=t==null?void 0:t.id;if(o==null)return;const c=s(t),a=s(e);!c||!a||a!==c&&g(r=>{const u=r[a],l=r[c],D=l.indexOf(o),S=u.indexOf(e.id);let f;if(o in r)f=l.length+1;else{const I=t&&e.rect.current.translated&&e.rect.current.translated.top>t.rect.top+t.rect.height?1:0;f=D>=0?D+I:l.length+1}return{...r,[a]:r[a].filter(x=>x!==e.id),[c]:[...r[c].slice(0,f),r[a][S],...r[c].slice(f,r[c].length)]}})},handleDragEnd:n=>{const{active:e,over:t}=n,o=s(e);if(!o){i(null);return}const c=t==null?void 0:t.id;if(c==null){i(null);return}const a=s(t);if(a){const r=d[o].indexOf(e.id),u=d[a].indexOf(c);r!==u&&g(l=>({...l,[a]:b.arrayMove(l[a],r,u)}))}i(null)},handleDragCancel:()=>{h&&g(h),i(null),v(null)}}};exports.useDragHandlers=w;

package/dist/index109.js

@@ -1,10 +1,66 @@
-import { createElement as p } from "react";
-import { useDroppable as a } from "@dnd-kit/core";
-import { DroppableAreaStack as m } from "./index92.js";
-const n = ({ id: e, children: r, ...o }) => {
-  const { setNodeRef: t } = a({ id: e });
-  return /* @__PURE__ */ p(m, { ...o, key: e, ref: t }, r);
+import { useState as C } from "react";
+import { arrayMove as S } from "@dnd-kit/sortable";
+const M = ({ items: d, setItems: g }) => {
+  const [O, i] = C(null), [h, v] = C(null), s = (n) => {
+    var t;
+    return n && (n.id in d ? n.id : (t = n == null ? void 0 : n.data.current) == null ? void 0 : t.sortable.containerId);
+  };
+  return {
+    activeId: O,
+    handleDragStart: (n) => {
+      const { active: t } = n;
+      i(t.id), v(d);
+    },
+    handleDragOver: (n) => {
+      const { active: t, over: e } = n, a = e == null ? void 0 : e.id;
+      if (a == null) return;
+      const c = s(e), o = s(t);
+      !c || !o || o !== c && g((r) => {
+        const u = r[o], l = r[c], x = l.indexOf(a), I = u.indexOf(t.id);
+        let f;
+        if (a in r)
+          f = l.length + 1;
+        else {
+          const w = e && t.rect.current.translated && t.rect.current.translated.top > e.rect.top + e.rect.height ? 1 : 0;
+          f = x >= 0 ? x + w : l.length + 1;
+        }
+        return {
+          ...r,
+          [o]: r[o].filter((D) => D !== t.id),
+          [c]: [
+            ...r[c].slice(0, f),
+            r[o][I],
+            ...r[c].slice(f, r[c].length)
+          ]
+        };
+      });
+    },
+    handleDragEnd: (n) => {
+      const { active: t, over: e } = n, a = s(t);
+      if (!a) {
+        i(null);
+        return;
+      }
+      const c = e == null ? void 0 : e.id;
+      if (c == null) {
+        i(null);
+        return;
+      }
+      const o = s(e);
+      if (o) {
+        const r = d[a].indexOf(t.id), u = d[o].indexOf(c);
+        r !== u && g((l) => ({
+          ...l,
+          [o]: S(l[o], r, u)
+        }));
+      }
+      i(null);
+    },
+    handleDragCancel: () => {
+      h && g(h), i(null), v(null);
+    }
+  };
 };
 export {
-  n as DroppableArea
+  M as useDragHandlers
 };

package/dist/index110.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),b=require("@dnd-kit/sortable"),w=({items:d,setItems:g})=>{const[C,i]=O.useState(null),[h,v]=O.useState(null),s=n=>{var e;return n&&(n.id in d?n.id:(e=n==null?void 0:n.data.current)==null?void 0:e.sortable.containerId)};return{activeId:C,handleDragStart:n=>{const{active:e}=n;i(e.id),v(d)},handleDragOver:n=>{const{active:e,over:t}=n,o=t==null?void 0:t.id;if(o==null)return;const c=s(t),a=s(e);!c||!a||a!==c&&g(r=>{const u=r[a],l=r[c],D=l.indexOf(o),S=u.indexOf(e.id);let f;if(o in r)f=l.length+1;else{const I=t&&e.rect.current.translated&&e.rect.current.translated.top>t.rect.top+t.rect.height?1:0;f=D>=0?D+I:l.length+1}return{...r,[a]:r[a].filter(x=>x!==e.id),[c]:[...r[c].slice(0,f),r[a][S],...r[c].slice(f,r[c].length)]}})},handleDragEnd:n=>{const{active:e,over:t}=n,o=s(e);if(!o){i(null);return}const c=t==null?void 0:t.id;if(c==null){i(null);return}const a=s(t);if(a){const r=d[o].indexOf(e.id),u=d[a].indexOf(c);r!==u&&g(l=>({...l,[a]:b.arrayMove(l[a],r,u)}))}i(null)},handleDragCancel:()=>{h&&g(h),i(null),v(null)}}};exports.useDragHandlers=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),n=require("@dnd-kit/core"),a=({items:i})=>{const o=u.useRef(null);return{collisionDetectionStrategy:u.useCallback(t=>{var c;const r=n.pointerWithin(t),d=r.length>0?r:n.rectIntersection(t);let e=n.getFirstCollision(d,"id");if(e!=null){if(e in i){const l=i[e];l.length>0&&(e=((c=n.closestCenter({...t,droppableContainers:t.droppableContainers.filter(s=>s.id!==e&&l.includes(s.id))})[0])==null?void 0:c.id)??e)}return o.current=e,[{id:e}]}return o.current?[{id:o.current}]:[]},[i])}};exports.useCollisionDetectionStrategy=a;

package/dist/index110.js

@@ -1,66 +1,32 @@
-import { useState as C } from "react";
-import { arrayMove as S } from "@dnd-kit/sortable";
-const M = ({ items: d, setItems: g }) => {
-  const [O, i] = C(null), [h, v] = C(null), s = (n) => {
-    var t;
-    return n && (n.id in d ? n.id : (t = n == null ? void 0 : n.data.current) == null ? void 0 : t.sortable.containerId);
-  };
-  return {
-    activeId: O,
-    handleDragStart: (n) => {
-      const { active: t } = n;
-      i(t.id), v(d);
-    },
-    handleDragOver: (n) => {
-      const { active: t, over: e } = n, a = e == null ? void 0 : e.id;
-      if (a == null) return;
-      const c = s(e), o = s(t);
-      !c || !o || o !== c && g((r) => {
-        const u = r[o], l = r[c], x = l.indexOf(a), I = u.indexOf(t.id);
-        let f;
-        if (a in r)
-          f = l.length + 1;
-        else {
-          const w = e && t.rect.current.translated && t.rect.current.translated.top > e.rect.top + e.rect.height ? 1 : 0;
-          f = x >= 0 ? x + w : l.length + 1;
+import { useRef as u, useCallback as d } from "react";
+import { pointerWithin as p, rectIntersection as a, getFirstCollision as f, closestCenter as C } from "@dnd-kit/core";
+const h = ({ items: n }) => {
+  const i = u(null);
+  return { collisionDetectionStrategy: d(
+    (e) => {
+      var r;
+      const o = p(e), s = o.length > 0 ? (
+        // If there are droppables intersecting with the pointer, return those
+        o
+      ) : a(e);
+      let t = f(s, "id");
+      if (t != null) {
+        if (t in n) {
+          const l = n[t];
+          l.length > 0 && (t = ((r = C({
+            ...e,
+            droppableContainers: e.droppableContainers.filter(
+              (c) => c.id !== t && l.includes(c.id)
+            )
+          })[0]) == null ? void 0 : r.id) ?? t);
         }
-        return {
-          ...r,
-          [o]: r[o].filter((D) => D !== t.id),
-          [c]: [
-            ...r[c].slice(0, f),
-            r[o][I],
-            ...r[c].slice(f, r[c].length)
-          ]
-        };
-      });
-    },
-    handleDragEnd: (n) => {
-      const { active: t, over: e } = n, a = s(t);
-      if (!a) {
-        i(null);
-        return;
-      }
-      const c = e == null ? void 0 : e.id;
-      if (c == null) {
-        i(null);
-        return;
-      }
-      const o = s(e);
-      if (o) {
-        const r = d[a].indexOf(t.id), u = d[o].indexOf(c);
-        r !== u && g((l) => ({
-          ...l,
-          [o]: S(l[o], r, u)
-        }));
+        return i.current = t, [{ id: t }];
       }
-      i(null);
+      return i.current ? [{ id: i.current }] : [];
     },
-    handleDragCancel: () => {
-      h && g(h), i(null), v(null);
-    }
-  };
+    [n]
+  ) };
 };
 export {
-  M as useDragHandlers
+  h as useCollisionDetectionStrategy
 };

package/dist/index111.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),n=require("@dnd-kit/core"),a=({items:i})=>{const o=u.useRef(null);return{collisionDetectionStrategy:u.useCallback(t=>{var c;const r=n.pointerWithin(t),d=r.length>0?r:n.rectIntersection(t);let e=n.getFirstCollision(d,"id");if(e!=null){if(e in i){const l=i[e];l.length>0&&(e=((c=n.closestCenter({...t,droppableContainers:t.droppableContainers.filter(s=>s.id!==e&&l.includes(s.id))})[0])==null?void 0:c.id)??e)}return o.current=e,[{id:e}]}return o.current?[{id:o.current}]:[]},[i])}};exports.useCollisionDetectionStrategy=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=r=>r instanceof Error;exports.isError=e;

package/dist/index111.js

@@ -1,32 +1,4 @@
-import { useRef as u, useCallback as d } from "react";
-import { pointerWithin as p, rectIntersection as a, getFirstCollision as f, closestCenter as C } from "@dnd-kit/core";
-const h = ({ items: n }) => {
-  const i = u(null);
-  return { collisionDetectionStrategy: d(
-    (e) => {
-      var r;
-      const o = p(e), s = o.length > 0 ? (
-        // If there are droppables intersecting with the pointer, return those
-        o
-      ) : a(e);
-      let t = f(s, "id");
-      if (t != null) {
-        if (t in n) {
-          const l = n[t];
-          l.length > 0 && (t = ((r = C({
-            ...e,
-            droppableContainers: e.droppableContainers.filter(
-              (c) => c.id !== t && l.includes(c.id)
-            )
-          })[0]) == null ? void 0 : r.id) ?? t);
-        }
-        return i.current = t, [{ id: t }];
-      }
-      return i.current ? [{ id: i.current }] : [];
-    },
-    [n]
-  ) };
-};
+const o = (r) => r instanceof Error;
 export {
-  h as useCollisionDetectionStrategy
+  o as isError
 };

package/dist/index36.cjs

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

package/dist/index36.js

@@ -7,10 +7,10 @@ import { useViews as Z } from "./index62.js";
 import { PillNotifications as b } from "./index40.js";
 import { ViewDropdowns as ee } from "./index43.js";
 import { useDropdownManager as oe } from "./index56.js";
-import { useViewCounts as ie } from "./index100.js";
+import { useViewCounts as ie } from "./index103.js";
 import { useBusinessLogic as te } from "./index8.js";
 import { useStores as re } from "./index61.js";
-import { Confirmation as se } from "./index101.js";
+import { Confirmation as se } from "./index104.js";
 const ve = Q(({ view: e }) => {
   const { VIEW_TYPE: y, IS_VIEWS_READONLY: n, SEARCH_FILTER_ID: c } = te(), {
     Filters: { activeViewId: d, initFiltersFromView: f, discardChanges: m, initFromUrl: u, filters: E, setFilter: F },

package/dist/index39.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index103.cjs"),g=require("./index52.cjs"),j=require("./index51.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("./index100.cjs"),g=require("./index52.cjs"),j=require("./index51.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/index39.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 "./index103.js";
+import { MenuItems as M, Item as l, Divider as h } from "./index100.js";
 import { useModal as k } from "./index52.js";
 import { ModalId as T } from "./index51.js";
 const N = ({

package/dist/index40.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("mobx-react"),g=require("./index62.cjs"),o=require("framer-motion"),m=require("./index61.cjs"),v=require("./index104.cjs"),f=require("./index42.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("./index62.cjs"),o=require("framer-motion"),m=require("./index61.cjs"),v=require("./index102.cjs"),f=require("./index42.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/index40.js

@@ -3,7 +3,7 @@ import { observer as h } from "mobx-react";
 import { useViews as v } from "./index62.js";
 import { AnimatePresence as n } from "framer-motion";
 import { useStores as g } from "./index61.js";
-import { DraftPill as w } from "./index104.js";
+import { DraftPill as w } from "./index102.js";
 import { UnsavedChangesPill as C } from "./index42.js";
 const U = h(
   ({

package/dist/index41.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),m=require("./index105.cjs"),g=require("./index65.cjs"),S=require("./index62.cjs"),b=require("./index4.cjs"),y=require("./index8.cjs"),V=require("./index61.cjs"),p=require("./index12.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("./index101.cjs"),g=require("./index65.cjs"),S=require("./index62.cjs"),b=require("./index4.cjs"),y=require("./index8.cjs"),V=require("./index61.cjs"),p=require("./index12.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/index41.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 "./index105.js";
+import { LegacySortableViews as w } from "./index101.js";
 import { useCustomViews as d } from "./index65.js";
 import { useViews as g } from "./index62.js";
 import { patchCurrentUser as _ } from "./index4.js";

package/dist/index44.cjs

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

package/dist/index44.js

@@ -2,7 +2,7 @@ import { jsxs as s, Fragment as w, jsx as e } from "react/jsx-runtime";
 import { useState as n } from "react";
 import { observer as V } from "mobx-react";
 import { ViewsContainer as v, Popover as S, Card as x, Text as C } from "@veeqo/ui";
-import { FixedViews as L, Divider as A } from "./index102.js";
+import { FixedViews as L, Divider as A } from "./index105.js";
 import { SortableViews as E } from "./index41.js";
 import { useViews as b } from "./index62.js";
 import { useViewUrlChange as M } from "./index63.js";

package/dist/index63.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),E=require("./index79.cjs"),I=require("./index65.cjs"),C=require("./index62.cjs"),S=require("./index8.cjs"),F=require("./index61.cjs"),q=()=>{const{VIEW_TYPE:L,SEARCH_FILTER_ID:u}=S.useBusinessLogic(),{Filters:{activeViewId:f,initFiltersFromView:e,initFromUrl:t,discardChanges:w,updateUrl:p,setFilter:g}}=F.useStores(),{isLoading:v}=I.useCustomViews({type:L}),{viewsMap:s,defaultCustomViewId:l,isLoading:h,viewsArray:o}=C.useViews(),V=h||v;m.useEffect(()=>{if(V)return;const i=new URLSearchParams(window.location.search),d=i.get("view"),r=i.get(u),n=i.size>0;if(!f){if(d){const a=s.get(d);if(a)e(a),n&&t();else{const c=s.get(l);c&&(e(c),n&&t(!1))}}else{const a=s.get(l);if(a)e(a),w(!0),n&&t();else{const c=s.get(E.ALL_VIEW_ID);c?e(c):o!=null&&o[0]&&e(o[0])}}r&&g(u,r)}},[u,f,l,w,e,t,V,g,p,s,o]),m.useEffect(()=>{const i=()=>{const r=new URLSearchParams(window.location.search).get("view");if(!r)return;const n=s.get(r);n&&(e(n),t())};return window.addEventListener("popstate",i),()=>window.removeEventListener("popstate",i)},[w,e,t,s])};exports.useViewUrlChange=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),q=require("qs"),E=require("./index79.cjs"),I=require("./index65.cjs"),C=require("./index62.cjs"),D=require("./index8.cjs"),F=require("./index61.cjs"),P=t=>t&&t.__esModule?t:{default:t},v=P(q),S=()=>{const{VIEW_TYPE:t,SEARCH_FILTER_ID:l}=D.useBusinessLogic(),{Filters:{activeViewId:g,initFiltersFromView:e,initFromUrl:i,discardChanges:f,updateUrl:L,setFilter:V}}=F.useStores(),{isLoading:_}=I.useCustomViews({type:t}),{viewsMap:s,defaultCustomViewId:w,isLoading:h,viewsArray:n}=C.useViews(),p=h||_;m.useEffect(()=>{if(p)return;const o=v.default.parse(window.location.search,{ignoreQueryPrefix:!0}),d=o.view,a=o[l],r=Object.keys(o).length>0;if(!g){if(d){const u=s.get(d);if(u)e(u),r&&i();else{const c=s.get(w);c&&(e(c),r&&i(!1))}}else{const u=s.get(w);if(u)e(u),f(!0),r&&i();else{const c=s.get(E.ALL_VIEW_ID);c?e(c):n!=null&&n[0]&&e(n[0])}}a&&V(l,a)}},[l,g,w,f,e,i,p,V,L,s,n]),m.useEffect(()=>{const o=()=>{const a=v.default.parse(window.location.search,{ignoreQueryPrefix:!0}).view;if(!a)return;const r=s.get(a);r&&(e(r),i())};return window.addEventListener("popstate",o),()=>window.removeEventListener("popstate",o)},[f,e,i,s])};exports.useViewUrlChange=S;

package/dist/index63.js

@@ -1,65 +1,66 @@
 import { useEffect as g } from "react";
-import { ALL_VIEW_ID as I } from "./index79.js";
-import { useCustomViews as E } from "./index65.js";
-import { useViews as F } from "./index62.js";
-import { useBusinessLogic as C } from "./index8.js";
-import { useStores as D } from "./index61.js";
-const T = () => {
-  const { VIEW_TYPE: L, SEARCH_FILTER_ID: w } = C(), {
+import V from "qs";
+import { ALL_VIEW_ID as E } from "./index79.js";
+import { useCustomViews as F } from "./index65.js";
+import { useViews as C } from "./index62.js";
+import { useBusinessLogic as D } from "./index8.js";
+import { useStores as P } from "./index61.js";
+const R = () => {
+  const { VIEW_TYPE: v, SEARCH_FILTER_ID: c } = D(), {
     Filters: {
-      activeViewId: l,
+      activeViewId: d,
       initFiltersFromView: e,
       initFromUrl: i,
-      discardChanges: f,
-      updateUrl: V,
+      discardChanges: w,
+      updateUrl: L,
       setFilter: p
     }
-  } = D(), { isLoading: v } = E({ type: L }), { viewsMap: t, defaultCustomViewId: m, isLoading: h, viewsArray: a } = F(), u = h || v;
+  } = P(), { isLoading: I } = F({ type: v }), { viewsMap: t, defaultCustomViewId: m, isLoading: h, viewsArray: r } = C(), l = h || I;
   g(() => {
-    if (u) return;
-    const s = new URLSearchParams(window.location.search), d = s.get("view"), n = s.get(w), o = s.size > 0;
-    if (!l) {
-      if (d) {
-        const r = t.get(d);
-        if (r)
-          e(r), o && i();
+    if (l) return;
+    const s = V.parse(window.location.search, { ignoreQueryPrefix: !0 }), u = s.view, n = s[c], o = Object.keys(s).length > 0;
+    if (!d) {
+      if (u) {
+        const a = t.get(u);
+        if (a)
+          e(a), o && i();
         else {
-          const c = t.get(m);
-          c && (e(c), o && i(!1));
+          const f = t.get(m);
+          f && (e(f), o && i(!1));
         }
       } else {
-        const r = t.get(m);
-        if (r)
-          e(r), f(!0), o && i();
+        const a = t.get(m);
+        if (a)
+          e(a), w(!0), o && i();
         else {
-          const c = t.get(I);
-          c ? e(c) : a != null && a[0] && e(a[0]);
+          const f = t.get(E);
+          f ? e(f) : r != null && r[0] && e(r[0]);
         }
       }
-      n && p(w, n);
+      n && p(c, n);
     }
   }, [
-    w,
-    l,
+    c,
+    d,
     m,
-    f,
+    w,
     e,
     i,
-    u,
+    l,
     p,
-    V,
+    L,
     t,
-    a
+    r
   ]), g(() => {
     const s = () => {
-      const n = new URLSearchParams(window.location.search).get("view");
+      const n = V.parse(window.location.search, { ignoreQueryPrefix: !0 }).view;
       if (!n) return;
       const o = t.get(n);
       o && (e(o), i());
     };
     return window.addEventListener("popstate", s), () => window.removeEventListener("popstate", s);
-  }, [f, e, i, t]);
+  }, [w, e, i, t]);
 };
 export {
-  T as useViewUrlChange
+  R as useViewUrlChange
 };

package/dist/index64.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),i=require("./index8.cjs"),a=require("./index61.cjs"),c=()=>{const{SEARCH_FILTER_ID:s}=i.useBusinessLogic(),{Filters:{initFromUrl:e,setFilter:r}}=a.useStores();o.useEffect(()=>{const n=new URLSearchParams(window.location.search).get(s);e(),n&&r(s,n)},[s,e,r]),o.useEffect(()=>{const t=()=>e();return window.addEventListener("popstate",t),()=>window.removeEventListener("popstate",t)},[e])};exports.useUrlChange=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),i=require("qs"),u=require("./index8.cjs"),a=require("./index61.cjs"),c=e=>e&&e.__esModule?e:{default:e},l=c(i),d=()=>{const{SEARCH_FILTER_ID:e}=u.useBusinessLogic(),{Filters:{initFromUrl:t,setFilter:r}}=a.useStores();n.useEffect(()=>{const o=l.default.parse(window.location.search,{ignoreQueryPrefix:!0})[e];t(),o&&r(e,o)},[e,t,r]),n.useEffect(()=>{const s=()=>t();return window.addEventListener("popstate",s),()=>window.removeEventListener("popstate",s)},[t])};exports.useUrlChange=d;

package/dist/index64.js

@@ -1,25 +1,26 @@
 import { useEffect as n } from "react";
+import i from "qs";
 import { useBusinessLogic as a } from "./index8.js";
-import { useStores as i } from "./index61.js";
-const w = () => {
+import { useStores as p } from "./index61.js";
+const d = () => {
   const { SEARCH_FILTER_ID: t } = a(), {
     Filters: {
       initFromUrl: e,
-      setFilter: s
+      setFilter: o
     }
-  } = i();
+  } = p();
   n(() => {
-    const r = new URLSearchParams(window.location.search).get(t);
-    e(), r && s(t, r);
+    const s = i.parse(window.location.search, { ignoreQueryPrefix: !0 })[t];
+    e(), s && o(t, s);
   }, [
     t,
     e,
-    s
+    o
   ]), n(() => {
-    const o = () => e();
-    return window.addEventListener("popstate", o), () => window.removeEventListener("popstate", o);
+    const r = () => e();
+    return window.addEventListener("popstate", r), () => window.removeEventListener("popstate", r);
   }, [e]);
 };
 export {
-  w as useUrlChange
+  d as useUrlChange
 };

package/dist/index67.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("./index2.cjs"),O=require("./index8.cjs"),w=require("./index61.cjs"),h=()=>{const{SORT_FILTER_ID:r,SORTING_MODE:s}=O.useBusinessLogic(),{Filters:{queryParamsObject:d},Table:{sortParam:o,sortState:e,setSortState:i}}=w.useStores(),f=a.useMemo(()=>{const t=d;switch(s){case c.SortingMode.CORAL:e.columnId&&(t.set("sort_order",e.direction),t.set("sort",e.columnId));break;case c.SortingMode.MONOLITH:default:o&&t.set(r,o)}return t.toString()},[d,o,s,r,e]),u=a.useCallback(()=>{const t=new URLSearchParams(window.location.search);switch(s){case c.SortingMode.CORAL:if(!e.columnId||t.get("sort_order")===e.direction&&t.get("sort")===e.columnId)break;t.set("sort_order",e.direction),t.set("sort",e.columnId);break;case c.SortingMode.MONOLITH:default:if(!o)break;if(t.get(r)===o)return;t.set(r,o)}t.toString()&&window.history.replaceState({},"",`${window.location.pathname}?${t.toString()}`)},[s,r,o,e]),l=a.useCallback(()=>{const t=new URLSearchParams(window.location.search),n=t.get(r),S=t.get("sort_order"),g=t.get("sort");switch(s){case c.SortingMode.CORAL:S&&g&&i({columnId:g,direction:S});break;case c.SortingMode.MONOLITH:default:{if(!n)break;const m=n.startsWith("-"),b=m?"desc":"asc",I=m?n.slice(1):n;i({columnId:I,direction:b})}}},[s,r,i]);return a.useEffect(()=>{l()},[l]),a.useEffect(()=>{u()},[e,u]),{queryParams:f,updateCurrentUrlWithTableSort:u}};exports.useUrlParams=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("./index2.cjs"),M=require("qs"),y=require("./index8.cjs"),_=require("./index61.cjs"),k=e=>e&&e.__esModule?e:{default:e},i=k(M),w=()=>{const{SORT_FILTER_ID:e,SORTING_MODE:a}=y.useBusinessLogic(),{Filters:{queryParamsObject:d},Table:{sortParam:o,sortState:t,setSortState:u}}=_.useStores(),g=n.useMemo(()=>{const r={...d};switch(a){case c.SortingMode.CORAL:t.columnId&&(r.sort_order=t.direction,r.sort=t.columnId);break;case c.SortingMode.MONOLITH:default:o&&(r[e]=o)}return i.default.stringify(r,{arrayFormat:"brackets"})},[d,o,a,e,t]),l=n.useCallback(()=>{const r=i.default.parse(window.location.search,{ignoreQueryPrefix:!0});switch(a){case c.SortingMode.CORAL:if(!t.columnId||r.sort_order===t.direction&&r.sort===t.columnId)break;r.sort_order=t.direction,r.sort=t.columnId;break;case c.SortingMode.MONOLITH:default:if(!o)break;if(r[e]===o)return;r[e]=o}const s=i.default.stringify(r,{arrayFormat:"brackets"});s&&window.history.replaceState({},"",`${window.location.pathname}?${s}`)},[a,e,o,t]),f=n.useCallback(()=>{const r=i.default.parse(window.location.search,{ignoreQueryPrefix:!0}),s=r[e],S=r.sort_order,m=r.sort;switch(a){case c.SortingMode.CORAL:S&&m&&u({columnId:m,direction:S});break;case c.SortingMode.MONOLITH:default:{if(!s)break;const b=s.startsWith("-"),I=b?"desc":"asc",O=b?s.slice(1):s;u({columnId:O,direction:I})}}},[a,e,u]);return n.useEffect(()=>{f()},[f]),n.useEffect(()=>{l()},[t,l]),{queryParams:g,updateCurrentUrlWithTableSort:l}};exports.useUrlParams=w;