@veeqo/transfigure 0.0.10 → 0.0.11

package/dist/index102.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/index102.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/index103.cjs

@@ -1,7 +1 @@
-"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;
+"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;

package/dist/index103.js

@@ -1,12 +1,44 @@
-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 "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;
+    }
+  }
+});
 export {
-  h as AdaptiveStyledContainer
+  n as CSS
 };

package/dist/index20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),b=require("mobx-react"),r=require("@veeqo/ui"),F=require("./index63.cjs"),R=require("./index98.cjs"),h=require("./index57.cjs"),x=b.observer(({filterData:i})=>{const{Filters:{numberRangeFilters:o,clearNumberRangeFilter:u,setNumberRangeFilter:d}}=h.useStores(),e=o.get(i.id),[s,a]=l.useState(e),c=l.useCallback(()=>{const n=new F.NumberRangeFilter({filterId:i.id});return e&&(e.gte&&n.setGte(e.gte),e.lte&&n.setLte(e.lte)),n},[i.id,e]);l.useEffect(()=>{const n=c();a(n)},[c,e]);const g=()=>{u(i.id)},m=()=>{!e||!s||d({numberRange:e,lte:s.lte,gte:s.gte})};return t.jsx(r.FilterTag,{shouldCloseOnClickAway:!0,header:t.jsx("div",{children:"Edit filter (style and semant me pls)"}),label:i.label,text:(e==null?void 0:e.filterLabel)||"Loading...",content:t.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.md},children:t.jsx(R.FilterNumberRangeFilter,{data:i,editedValue:s,setEditedValue:a})}),footer:t.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.sm,width:"200px"},children:t.jsxs(r.Stack,{direction:"horizontal",alignX:"end",children:[t.jsx(r.Button,{variant:"default",size:"sm",onClick:g,children:"Clear"}),t.jsx(r.Button,{variant:"primary",size:"sm",onClick:m,children:"Apply"})]})})})});exports.ActiveFilterNumberRangeTag=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),b=require("mobx-react"),r=require("@veeqo/ui"),F=require("./index63.cjs"),R=require("./index94.cjs"),h=require("./index57.cjs"),x=b.observer(({filterData:i})=>{const{Filters:{numberRangeFilters:o,clearNumberRangeFilter:u,setNumberRangeFilter:d}}=h.useStores(),e=o.get(i.id),[s,a]=l.useState(e),c=l.useCallback(()=>{const n=new F.NumberRangeFilter({filterId:i.id});return e&&(e.gte&&n.setGte(e.gte),e.lte&&n.setLte(e.lte)),n},[i.id,e]);l.useEffect(()=>{const n=c();a(n)},[c,e]);const g=()=>{u(i.id)},m=()=>{!e||!s||d({numberRange:e,lte:s.lte,gte:s.gte})};return t.jsx(r.FilterTag,{shouldCloseOnClickAway:!0,header:t.jsx("div",{children:"Edit filter (style and semant me pls)"}),label:i.label,text:(e==null?void 0:e.filterLabel)||"Loading...",content:t.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.md},children:t.jsx(R.FilterNumberRangeFilter,{data:i,editedValue:s,setEditedValue:a})}),footer:t.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.sm,width:"200px"},children:t.jsxs(r.Stack,{direction:"horizontal",alignX:"end",children:[t.jsx(r.Button,{variant:"default",size:"sm",onClick:g,children:"Clear"}),t.jsx(r.Button,{variant:"primary",size:"sm",onClick:m,children:"Apply"})]})})})});exports.ActiveFilterNumberRangeTag=x;

package/dist/index20.js

@@ -3,7 +3,7 @@ import { useState as b, useCallback as f, useEffect as h } from "react";
 import { observer as R } from "mobx-react";
 import { FilterTag as v, BaseContainer as o, theme as a, Stack as y, Button as d } from "@veeqo/ui";
 import { NumberRangeFilter as C } from "./index63.js";
-import { FilterNumberRangeFilter as N } from "./index98.js";
+import { FilterNumberRangeFilter as N } from "./index94.js";
 import { useStores as w } from "./index57.js";
 const j = R(
   ({ filterData: r }) => {

package/dist/index31.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("./index86.cjs"),c=require("./index32.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("./index87.cjs"),c=require("./index32.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/index31.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 "./index86.js";
+import { AdaptiveHeightContainer as p } from "./index87.js";
 import { FilterGroup as n } from "./index32.js";
 const u = e(() => {
   const { GROUP_MAP: t } = s();

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

package/dist/index33.js

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

package/dist/index39.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),s=require("@veeqo/ui"),h=require("mobx-react"),n=require("./index92.cjs"),u=require("./index56.cjs"),g=s.theme.colors.secondary.blue.base,v=h.observer(({onDiscard:i,viewName:t,onSaveDraft:c})=>{const{saveChanges:o,isSubmitting:r}=u.usePersistUnsavedChanges(),[d,a]=l.useState(!1);return e.jsx(n.Notification,{children:e.jsx(n.Container,{className:"act-react-listing-custom-notification-unsaved-changes",children:e.jsxs(s.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(n.Glyph,{name:"attention",color:g}),e.jsxs(n.Wrap,{children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"You have unsaved changes to"}),e.jsx(n.Bold,{variant:"bodyBoldDark",children:`'${t}'`})]}),e.jsx(n.Button,{className:"act-react-listing-custom-notification-unsaved-changes-discard",onClick:i,size:"sm",children:"Discard changes"}),e.jsxs(s.AnimatedDropdown,{reversed:!0,shouldShowDropdown:d,onClickAway:()=>a(!1),cta:e.jsx(n.Button,{className:"act-react-listing-custom-notification-unsaved-changes-toggle-dropdown",variant:"primary",onClick:()=>a(!0),size:"sm",dropdown:!0,children:"Save changes"}),children:[e.jsx(n.Item,{onClick:c,className:"act-react-listing-custom-notification-unsaved-changes-create-new-view",children:e.jsx(n.Text,{variant:"body",children:"Create new view"})}),e.jsxs(n.Item,{onClick:o,disabled:r,className:"act-react-listing-custom-notification-unsaved-changes-save-to-existing-view",children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"Save changes to"}),e.jsx(n.Text,{variant:"bodyBoldDark",children:t})]})]})]})})})});exports.UnsavedChangesPill=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),s=require("@veeqo/ui"),h=require("mobx-react"),n=require("./index91.cjs"),u=require("./index56.cjs"),g=s.theme.colors.secondary.blue.base,v=h.observer(({onDiscard:i,viewName:t,onSaveDraft:c})=>{const{saveChanges:o,isSubmitting:r}=u.usePersistUnsavedChanges(),[d,a]=l.useState(!1);return e.jsx(n.Notification,{children:e.jsx(n.Container,{className:"act-react-listing-custom-notification-unsaved-changes",children:e.jsxs(s.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(n.Glyph,{name:"attention",color:g}),e.jsxs(n.Wrap,{children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"You have unsaved changes to"}),e.jsx(n.Bold,{variant:"bodyBoldDark",children:`'${t}'`})]}),e.jsx(n.Button,{className:"act-react-listing-custom-notification-unsaved-changes-discard",onClick:i,size:"sm",children:"Discard changes"}),e.jsxs(s.AnimatedDropdown,{reversed:!0,shouldShowDropdown:d,onClickAway:()=>a(!1),cta:e.jsx(n.Button,{className:"act-react-listing-custom-notification-unsaved-changes-toggle-dropdown",variant:"primary",onClick:()=>a(!0),size:"sm",dropdown:!0,children:"Save changes"}),children:[e.jsx(n.Item,{onClick:c,className:"act-react-listing-custom-notification-unsaved-changes-create-new-view",children:e.jsx(n.Text,{variant:"body",children:"Create new view"})}),e.jsxs(n.Item,{onClick:o,disabled:r,className:"act-react-listing-custom-notification-unsaved-changes-save-to-existing-view",children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"Save changes to"}),e.jsx(n.Text,{variant:"bodyBoldDark",children:t})]})]})]})})})});exports.UnsavedChangesPill=v;

package/dist/index39.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { useState as m } from "react";
 import { Stack as g, theme as u, AnimatedDropdown as v } from "@veeqo/ui";
 import { observer as p } from "mobx-react";
-import { Notification as f, Container as w, Glyph as C, Wrap as b, Text as a, Bold as y, Button as o, Item as r } from "./index92.js";
+import { Notification as f, Container as w, Glyph as C, Wrap as b, Text as a, Bold as y, Button as o, Item as r } from "./index91.js";
 import { usePersistUnsavedChanges as k } from "./index56.js";
 const S = u.colors.secondary.blue.base, A = p(
   ({

package/dist/index41.cjs

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

package/dist/index41.js

@@ -2,7 +2,7 @@ import { jsxs as i, Fragment as w, jsx as e } from "react/jsx-runtime";
 import { useState as m } from "react";
 import { observer as V } from "mobx-react";
 import { ViewsContainer as v, Popover as x, Card as C, Text as S } from "@veeqo/ui";
-import { FixedViews as A, Divider as E } from "./index91.js";
+import { FixedViews as A, Divider as E } from "./index92.js";
 import { SortableViews as L } from "./index38.js";
 import { useViews as M } from "./index58.js";
 import { useViewUrlChange as b } from "./index59.js";

package/dist/index43.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),C=require("./index77.cjs"),d=require("@veeqo/ui"),D=require("./index78.cjs"),L=require("mobx-react"),N=require("./index7.cjs"),_=require("./index48.cjs"),j=require("./index57.cjs"),p=require("./index58.cjs"),M=require("./index47.cjs"),v=L.observer(({columnDefinitions:b,pinnedRightColumnIds:n=[],pinnedLeftColumnIds:t=[]})=>{var m;const{DEFAULT_HIDDEN_COLUMNS:T,DEFAULT_VISIBLE_COLUMNS:g}=N.useBusinessLogic(),l=[...t,...n],i=T.filter(o=>!l.includes(o)),a=g.filter(o=>!l.includes(o)),E=[...i,...a],{closeModal:S,isModalOpen:q,openModal:A}=_.useModal(),{Filters:{activeViewId:c}}=j.useStores(),{viewsMap:h}=p.useViews();if(!c)return null;const e=h.get(c),u=Array.isArray((m=e==null?void 0:e.columns)==null?void 0:m.columnIds),r=u?e.columns.columnIds:a,x=u?E.filter(o=>!r.includes(o)):i;return s.jsxs(s.Fragment,{children:[s.jsx(d.Tooltip,{text:e!=null&&e.editable?"Table management":"Go to a custom view to use Table management",children:s.jsx(d.Button,{"aria-label":"Open table management",onClick:()=>A(M.ModalId.ORDERS_TABLE_MANAGEMENT),size:"sm",iconSlot:s.jsx(D.TableManagementGlyph,{}),disabled:!(e!=null&&e.editable)})}),q(M.ModalId.ORDERS_TABLE_MANAGEMENT)&&s.jsx(C.TableManagementModal,{pinnedRightColumnIds:n,pinnedLeftColumnIds:t,visibleColumns:r,hiddenColumns:x,columnDefintions:b,onClose:S})]})});exports.TableManagement=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),C=require("./index77.cjs"),m=require("@veeqo/ui"),D=require("./index78.cjs"),N=require("mobx-react"),_=require("./index7.cjs"),j=require("./index48.cjs"),p=require("./index57.cjs"),v=require("./index58.cjs"),M=require("./index47.cjs"),y=N.observer(({columnDefinitions:b,pinnedRightColumnIds:n=[],pinnedLeftColumnIds:t=[]})=>{var d;const{DEFAULT_HIDDEN_COLUMNS:T,DEFAULT_VISIBLE_COLUMNS:g}=_.useBusinessLogic(),l=[...t,...n],i=T.filter(o=>!l.includes(o)),a=g.filter(o=>!l.includes(o)),E=[...i,...a],{closeModal:S,isModalOpen:q,openModal:A}=j.useModal(),{Filters:{activeViewId:c}}=p.useStores(),{viewsMap:L,isLoading:h}=v.useViews();if(!c||h)return null;const e=L.get(c),u=Array.isArray((d=e==null?void 0:e.columns)==null?void 0:d.columnIds),r=u?e.columns.columnIds:a,x=u?E.filter(o=>!r.includes(o)):i;return s.jsxs(s.Fragment,{children:[s.jsx(m.Tooltip,{text:e!=null&&e.editable?"Table management":"Go to a custom view to use Table management",children:s.jsx(m.Button,{"aria-label":"Open table management",onClick:()=>A(M.ModalId.ORDERS_TABLE_MANAGEMENT),size:"sm",iconSlot:s.jsx(D.TableManagementGlyph,{}),disabled:!(e!=null&&e.editable)})}),q(M.ModalId.ORDERS_TABLE_MANAGEMENT)&&s.jsx(C.TableManagementModal,{pinnedRightColumnIds:n,pinnedLeftColumnIds:t,visibleColumns:r,hiddenColumns:x,columnDefintions:b,onClose:S})]})});exports.TableManagement=y;

package/dist/index43.js

@@ -1,32 +1,32 @@
-import { jsxs as D, Fragment as N, jsx as s } from "react/jsx-runtime";
+import { jsxs as L, Fragment as N, jsx as s } from "react/jsx-runtime";
 import { TableManagementModal as S } from "./index77.js";
-import { Tooltip as _, Button as L } from "@veeqo/ui";
-import { TableManagementGlyph as h } from "./index78.js";
-import { observer as v } from "mobx-react";
-import { useBusinessLogic as O } from "./index7.js";
-import { useModal as B } from "./index48.js";
-import { useStores as I } from "./index57.js";
-import { useViews as x } from "./index58.js";
+import { Tooltip as _, Button as h } from "@veeqo/ui";
+import { TableManagementGlyph as v } from "./index78.js";
+import { observer as O } from "mobx-react";
+import { useBusinessLogic as B } from "./index7.js";
+import { useModal as I } from "./index48.js";
+import { useStores as x } from "./index57.js";
+import { useViews as y } from "./index58.js";
 import { ModalId as u } from "./index47.js";
-const H = v(({ columnDefinitions: p, pinnedRightColumnIds: n = [], pinnedLeftColumnIds: t = [] }) => {
+const q = O(({ columnDefinitions: p, pinnedRightColumnIds: n = [], pinnedLeftColumnIds: t = [] }) => {
   var d;
-  const { DEFAULT_HIDDEN_COLUMNS: M, DEFAULT_VISIBLE_COLUMNS: b } = O(), l = [...t, ...n], i = M.filter((e) => !l.includes(e)), m = b.filter((e) => !l.includes(e)), f = [...i, ...m], { closeModal: T, isModalOpen: E, openModal: A } = B(), { Filters: { activeViewId: a } } = I(), { viewsMap: g } = x();
-  if (!a) return null;
-  const o = g.get(a), r = Array.isArray((d = o == null ? void 0 : o.columns) == null ? void 0 : d.columnIds), c = r ? o.columns.columnIds : m, C = r ? f.filter(
+  const { DEFAULT_HIDDEN_COLUMNS: M, DEFAULT_VISIBLE_COLUMNS: b } = B(), i = [...t, ...n], l = M.filter((e) => !i.includes(e)), m = b.filter((e) => !i.includes(e)), f = [...l, ...m], { closeModal: T, isModalOpen: E, openModal: A } = I(), { Filters: { activeViewId: a } } = x(), { viewsMap: g, isLoading: C } = y();
+  if (!a || C) return null;
+  const o = g.get(a), r = Array.isArray((d = o == null ? void 0 : o.columns) == null ? void 0 : d.columnIds), c = r ? o.columns.columnIds : m, D = r ? f.filter(
     (e) => !c.includes(e)
-  ) : i;
-  return /* @__PURE__ */ D(N, { children: [
+  ) : l;
+  return /* @__PURE__ */ L(N, { children: [
     /* @__PURE__ */ s(
       _,
       {
         text: o != null && o.editable ? "Table management" : "Go to a custom view to use Table management",
         children: /* @__PURE__ */ s(
-          L,
+          h,
           {
             "aria-label": "Open table management",
             onClick: () => A(u.ORDERS_TABLE_MANAGEMENT),
             size: "sm",
-            iconSlot: /* @__PURE__ */ s(h, {}),
+            iconSlot: /* @__PURE__ */ s(v, {}),
             disabled: !(o != null && o.editable)
           }
         )
@@ -38,7 +38,7 @@ const H = v(({ columnDefinitions: p, pinnedRightColumnIds: n = [], pinnedLeftCol
         pinnedRightColumnIds: n,
         pinnedLeftColumnIds: t,
         visibleColumns: c,
-        hiddenColumns: C,
+        hiddenColumns: D,
         columnDefintions: p,
         onClose: T
       }
@@ -46,5 +46,5 @@ const H = v(({ columnDefinitions: p, pinnedRightColumnIds: n = [], pinnedLeftCol
   ] });
 });
 export {
-  H as TableManagement
+  q as TableManagement
 };

package/dist/index45.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var a=(e=>(e.TEXT="text",e.NUMBER="number",e.CHECKBOX="checkbox",e.RADIO="radio",e.DATE_RANGE="date_range",e.NUMBER_RANGE="number_range",e))(a||{});const n={revalidateOnFocus:!1,revalidateOnReconnect:!1,revalidateOnMount:!1,revalidateIfStale:!1};exports.FilterChoiceValue=a;exports.SWR_HOOK_OPTIONS=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var n=(e=>(e.TEXT="text",e.NUMBER="number",e.CHECKBOX="checkbox",e.RADIO="radio",e.DATE_RANGE="date_range",e.NUMBER_RANGE="number_range",e))(n||{});const O={revalidateOnFocus:!1,revalidateOnReconnect:!1,revalidateOnMount:!1};exports.FilterChoiceValue=n;exports.SWR_HOOK_OPTIONS=O;

package/dist/index45.js

@@ -1,11 +1,10 @@
-var n = /* @__PURE__ */ ((a) => (a.TEXT = "text", a.NUMBER = "number", a.CHECKBOX = "checkbox", a.RADIO = "radio", a.DATE_RANGE = "date_range", a.NUMBER_RANGE = "number_range", a))(n || {});
-const e = {
+var a = /* @__PURE__ */ ((n) => (n.TEXT = "text", n.NUMBER = "number", n.CHECKBOX = "checkbox", n.RADIO = "radio", n.DATE_RANGE = "date_range", n.NUMBER_RANGE = "number_range", n))(a || {});
+const O = {
   revalidateOnFocus: !1,
   revalidateOnReconnect: !1,
-  revalidateOnMount: !1,
-  revalidateIfStale: !1
+  revalidateOnMount: !1
 };
 export {
-  n as FilterChoiceValue,
-  e as SWR_HOOK_OPTIONS
+  a as FilterChoiceValue,
+  O as SWR_HOOK_OPTIONS
 };

package/dist/index79.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@veeqo/ui"),s=require("@dnd-kit/sortable"),a=require("./index94.cjs"),l=require("./index95.cjs"),c=require("./index82.cjs"),u=require("./index83.cjs"),d=require("./index80.cjs"),m=({id:r,title:n,columns:i})=>e.jsxs(o.Stack,{spacing:"sm",alignX:"stretch",children:[e.jsx(d.StickyText,{variant:"bodyBold",children:n}),e.jsx(s.SortableContext,{id:r,items:i,strategy:s.verticalListSortingStrategy,children:e.jsx(l.DroppableArea,{id:r,spacing:"sm",alignX:"stretch",children:i.map(t=>e.jsx(a.SortableItem,{id:t.id,children:e.jsx(c.ColumnItem,{column:t,isHidden:r===u.ColumnGroupIds.Hidden})},t.id))})})]});exports.ColumnGroup=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@veeqo/ui"),s=require("@dnd-kit/sortable"),a=require("./index95.cjs"),l=require("./index96.cjs"),c=require("./index82.cjs"),u=require("./index83.cjs"),d=require("./index80.cjs"),m=({id:r,title:n,columns:i})=>e.jsxs(o.Stack,{spacing:"sm",alignX:"stretch",children:[e.jsx(d.StickyText,{variant:"bodyBold",children:n}),e.jsx(s.SortableContext,{id:r,items:i,strategy:s.verticalListSortingStrategy,children:e.jsx(l.DroppableArea,{id:r,spacing:"sm",alignX:"stretch",children:i.map(t=>e.jsx(a.SortableItem,{id:t.id,children:e.jsx(c.ColumnItem,{column:t,isHidden:r===u.ColumnGroupIds.Hidden})},t.id))})})]});exports.ColumnGroup=m;

package/dist/index79.js

@@ -1,8 +1,8 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { Stack as n } from "@veeqo/ui";
 import { SortableContext as p, verticalListSortingStrategy as a } from "@dnd-kit/sortable";
-import { SortableItem as s } from "./index94.js";
-import { DroppableArea as d } from "./index95.js";
+import { SortableItem as s } from "./index95.js";
+import { DroppableArea as d } from "./index96.js";
 import { ColumnItem as l } from "./index82.js";
 import { ColumnGroupIds as c } from "./index83.js";
 import { StickyText as f } from "./index80.js";

package/dist/index81.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("@dnd-kit/core"),S=require("@dnd-kit/sortable"),h=require("./index80.cjs"),q=require("@veeqo/ui"),C=require("./index48.cjs"),E=require("./index96.cjs"),p=require("./index97.cjs"),A=require("./index10.cjs"),b=require("./index47.cjs"),x={droppable:{strategy:e.MeasuringStrategy.Always}},M={sideEffects:e.defaultDropAnimationSideEffects({styles:{active:{opacity:"0.5"}}})},j=({items:o,setItems:s,children:a,renderDragOverlay:n})=>{const{closeModal:i,openModal:l}=C.useModal(),c=e.useSensors(e.useSensor(e.PointerSensor),e.useSensor(e.KeyboardSensor,{coordinateGetter:S.sortableKeyboardCoordinates})),{activeId:t,handleDragCancel:d,handleDragEnd:u,handleDragOver:g,handleDragStart:D}=E.useDragHandlers({items:o,setItems:s}),{collisionDetectionStrategy:y}=p.useCollisionDetectionStrategy({items:o});return r.jsx(A.ErrorBoundary,{errorComponent:r.jsx(q.Alert,{variant:"error",title:"An error occurred",rightActions:[{label:"Reload",onClick:()=>{i(),l(b.ModalId.ORDERS_TABLE_MANAGEMENT)}}]}),children:r.jsxs(e.DndContext,{sensors:c,measuring:x,collisionDetection:y,onDragStart:D,onDragOver:g,onDragEnd:u,onDragCancel:d,children:[a,r.jsx(h.DndDragOverlayDialog,{open:!0,children:r.jsx(e.DragOverlay,{dropAnimation:M,zIndex:2001,children:t&&n?n(t):null})})]})})};exports.DndContainer=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("@dnd-kit/core"),S=require("@dnd-kit/sortable"),h=require("./index80.cjs"),q=require("@veeqo/ui"),C=require("./index48.cjs"),E=require("./index97.cjs"),p=require("./index98.cjs"),A=require("./index10.cjs"),b=require("./index47.cjs"),x={droppable:{strategy:e.MeasuringStrategy.Always}},M={sideEffects:e.defaultDropAnimationSideEffects({styles:{active:{opacity:"0.5"}}})},j=({items:o,setItems:s,children:a,renderDragOverlay:n})=>{const{closeModal:i,openModal:l}=C.useModal(),c=e.useSensors(e.useSensor(e.PointerSensor),e.useSensor(e.KeyboardSensor,{coordinateGetter:S.sortableKeyboardCoordinates})),{activeId:t,handleDragCancel:d,handleDragEnd:u,handleDragOver:g,handleDragStart:D}=E.useDragHandlers({items:o,setItems:s}),{collisionDetectionStrategy:y}=p.useCollisionDetectionStrategy({items:o});return r.jsx(A.ErrorBoundary,{errorComponent:r.jsx(q.Alert,{variant:"error",title:"An error occurred",rightActions:[{label:"Reload",onClick:()=>{i(),l(b.ModalId.ORDERS_TABLE_MANAGEMENT)}}]}),children:r.jsxs(e.DndContext,{sensors:c,measuring:x,collisionDetection:y,onDragStart:D,onDragOver:g,onDragEnd:u,onDragCancel:d,children:[a,r.jsx(h.DndDragOverlayDialog,{open:!0,children:r.jsx(e.DragOverlay,{dropAnimation:M,zIndex:2001,children:t&&n?n(t):null})})]})})};exports.DndContainer=j;

package/dist/index81.js

@@ -4,8 +4,8 @@ import { sortableKeyboardCoordinates as M } from "@dnd-kit/sortable";
 import { DndDragOverlayDialog as v } from "./index80.js";
 import { Alert as b } from "@veeqo/ui";
 import { useModal as x } from "./index48.js";
-import { useDragHandlers as O } from "./index96.js";
-import { useCollisionDetectionStrategy as I } from "./index97.js";
+import { useDragHandlers as O } from "./index97.js";
+import { useCollisionDetectionStrategy as I } from "./index98.js";
 import { ErrorBoundary as R } from "./index10.js";
 import { ModalId as j } from "./index47.js";
 const B = {

package/dist/index86.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),l=require("./index103.cjs"),v=({children:i,style:o,className:c})=>{const r=n.useRef(null),[u,f]=n.useState(0);return n.useEffect(()=>{const e=r.current,s=()=>{if(e){const{top:a}=e.getBoundingClientRect();f(a)}};s();const t=new ResizeObserver(s);return e&&t.observe(e),()=>{e&&t.unobserve(e),t.disconnect()}},[]),d.jsx(l.AdaptiveStyledContainer,{style:o,className:c,offset:u,ref:r,children:i})};exports.AdaptiveHeightContainer=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),r=({shouldShow:a,viewName:n,onCancel:t,onDelete:o})=>e.jsx(i.Modal,{headerTitle:`Delete '${n}' view?`,"data-testid":"act-react-listing-custom-confirmation-popup",variant:"sm",shouldShow:a,onClose:t,rightActions:[{className:"act-react-listing-custom-confirmation-popup-cancel",label:"Cancel",onClick:t,variant:"default"},{className:"act-react-listing-custom-confirmation-popup-delete",label:"Delete",onClick:o,variant:"primaryDestructive"}],showHeaderCloseButton:!0,children:e.jsx(i.Text,{variant:"body",children:"This cannot be undone."})});exports.Confirmation=r;

package/dist/index86.js

@@ -1,26 +1,31 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useRef as a, useState as d, useEffect as m } from "react";
-import { AdaptiveStyledContainer as v } from "./index103.js";
-const R = ({
-  children: o,
-  style: s,
-  className: f
-}) => {
-  const r = a(null), [i, c] = d(0);
-  return m(() => {
-    const e = r.current, n = () => {
-      if (e) {
-        const { top: u } = e.getBoundingClientRect();
-        c(u);
+import { jsx as e } from "react/jsx-runtime";
+import { Modal as n, Text as r } from "@veeqo/ui";
+const s = ({ shouldShow: a, viewName: i, onCancel: t, onDelete: o }) => /* @__PURE__ */ e(
+  n,
+  {
+    headerTitle: `Delete '${i}' view?`,
+    "data-testid": "act-react-listing-custom-confirmation-popup",
+    variant: "sm",
+    shouldShow: a,
+    onClose: t,
+    rightActions: [
+      {
+        className: "act-react-listing-custom-confirmation-popup-cancel",
+        label: "Cancel",
+        onClick: t,
+        variant: "default"
+      },
+      {
+        className: "act-react-listing-custom-confirmation-popup-delete",
+        label: "Delete",
+        onClick: o,
+        variant: "primaryDestructive"
       }
-    };
-    n();
-    const t = new ResizeObserver(n);
-    return e && t.observe(e), () => {
-      e && t.unobserve(e), t.disconnect();
-    };
-  }, []), /* @__PURE__ */ p(v, { style: s, className: f, offset: i, ref: r, children: o });
-};
+    ],
+    showHeaderCloseButton: !0,
+    children: /* @__PURE__ */ e(r, { variant: "body", children: "This cannot be undone." })
+  }
+);
 export {
-  R as AdaptiveHeightContainer
+  s as Confirmation
 };

package/dist/index87.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),r=({shouldShow:a,viewName:n,onCancel:t,onDelete:o})=>e.jsx(i.Modal,{headerTitle:`Delete '${n}' view?`,"data-testid":"act-react-listing-custom-confirmation-popup",variant:"sm",shouldShow:a,onClose:t,rightActions:[{className:"act-react-listing-custom-confirmation-popup-cancel",label:"Cancel",onClick:t,variant:"default"},{className:"act-react-listing-custom-confirmation-popup-delete",label:"Delete",onClick:o,variant:"primaryDestructive"}],showHeaderCloseButton:!0,children:e.jsx(i.Text,{variant:"body",children:"This cannot be undone."})});exports.Confirmation=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),l=require("./index102.cjs"),v=({children:i,style:o,className:c})=>{const r=n.useRef(null),[u,f]=n.useState(0);return n.useEffect(()=>{const e=r.current,s=()=>{if(e){const{top:a}=e.getBoundingClientRect();f(a)}};s();const t=new ResizeObserver(s);return e&&t.observe(e),()=>{e&&t.unobserve(e),t.disconnect()}},[]),d.jsx(l.AdaptiveStyledContainer,{style:o,className:c,offset:u,ref:r,children:i})};exports.AdaptiveHeightContainer=v;