@veeqo/transfigure 0.0.11 → 0.0.13

package/dist/index101.cjs

@@ -1,13 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@veeqo/components"),o=require("@veeqo/ui"),s=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},r=l(s),{SortableViews:i}=t.VeeqoUI,n=r.default(i)`
-  .rst__rowTitle {
-    span {
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-
-  .rst__rowTitle > div:first-child {
-    gap: ${o.theme.sizes.sm};
-  }
-`;exports.StyledSortableViews=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/index101.js

@@ -1,19 +1,12 @@
-import { VeeqoUI as e } from "@veeqo/components";
-import { theme as o } from "@veeqo/ui";
-import t from "styled-components";
-const { SortableViews: r } = e, p = t(r)`
-  .rst__rowTitle {
-    span {
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-
-  .rst__rowTitle > div:first-child {
-    gap: ${o.sizes.sm};
-  }
+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 {
-  p as StyledSortableViews
+  h as AdaptiveStyledContainer
 };

package/dist/index102.cjs

@@ -1,7 +1,13 @@
-"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"});const t=require("@veeqo/components"),o=require("@veeqo/ui"),s=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},r=l(s),{SortableViews:i}=t.VeeqoUI,n=r.default(i)`
+  .rst__rowTitle {
+    span {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  .rst__rowTitle > div:first-child {
+    gap: ${o.theme.sizes.sm};
+  }
+`;exports.StyledSortableViews=n;

package/dist/index102.js

@@ -1,12 +1,19 @@
-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 { VeeqoUI as e } from "@veeqo/components";
+import { theme as o } from "@veeqo/ui";
+import t from "styled-components";
+const { SortableViews: r } = e, p = t(r)`
+  .rst__rowTitle {
+    span {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  .rst__rowTitle > div:first-child {
+    gap: ${o.sizes.sm};
+  }
 `;
 export {
-  h as AdaptiveStyledContainer
+  p as StyledSortableViews
 };

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("./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;
+"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("./index95.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 "./index94.js";
+import { FilterNumberRangeFilter as N } from "./index95.js";
 import { useStores as w } from "./index57.js";
 const j = R(
   ({ filterData: r }) => {

package/dist/index28.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),_=require("mobx-react"),j=require("lodash/debounce"),r=require("@veeqo/ui"),L=require("./index99.cjs"),R=require("./index63.cjs"),p=require("./index7.cjs"),y=require("./index57.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),[o,g]=d.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 R.NumberRangeFilter({filterId:i.id});return u.set(i.id,l),l},c=d.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 R.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=[o.gte,o.lte];return a.jsxs(r.Stack,{spacing:"xs",alignX:"stretch",children:[a.jsx(r.Button,{variant:"link",onClick:h,children:"Clear"}),a.jsxs(r.Stack,{direction:"horizontal",children:[a.jsx(r.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:o.gte.toString(),onChange:N}),a.jsx(r.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:o.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"),d=require("react"),_=require("mobx-react"),j=require("lodash/debounce"),r=require("@veeqo/ui"),L=require("./index94.cjs"),R=require("./index63.cjs"),p=require("./index7.cjs"),y=require("./index57.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),[o,g]=d.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 R.NumberRangeFilter({filterId:i.id});return u.set(i.id,l),l},c=d.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 R.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=[o.gte,o.lte];return a.jsxs(r.Stack,{spacing:"xs",alignX:"stretch",children:[a.jsx(r.Button,{variant:"link",onClick:h,children:"Clear"}),a.jsxs(r.Stack,{direction:"horizontal",children:[a.jsx(r.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:o.gte.toString(),onChange:N}),a.jsx(r.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:o.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/index28.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 "./index99.js";
+import { MUISlider as A } from "./index94.js";
 import { NumberRangeFilter as h } from "./index63.js";
 import { useBusinessLogic as B } from "./index7.js";
 import { useStores as T } from "./index57.js";

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("./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;
+"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("./index79.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 "./index87.js";
+import { AdaptiveHeightContainer as p } from "./index79.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"),$=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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react"),u=require("@veeqo/ui"),W=require("mobx-react"),Y=require("./index60.cjs"),$=require("./index58.cjs"),z=require("./index37.cjs"),G=require("./index40.cjs"),J=require("./index52.cjs"),K=require("./index7.cjs"),Q=require("./index57.cjs"),X=require("./index87.cjs"),Z=W.observer(({view:e,viewTabSlotValueMap:l,isLoadingTableData:y})=>{const{VIEW_TYPE:L,SEARCH_FILTER_ID:a}=K.useBusinessLogic(),{Filters:{activeViewId:f,initFiltersFromView:w,discardChanges:m,initFromUrl:h,filters:F,setFilter:S},Views:{draftViewsMap:j},Notifications:{notify:N}}=Q.useStores(),{viewsMap:g,defaultCustomViewId:E,isLoading:R}=$.useViews(),{isLoading:T}=Y.useCustomViews({type:L}),[s,P]=c.useState(null),k=o=>{const x=F.get(a);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(a,x)},n=(e==null?void 0:e.id)===f,t=e.originalView!==void 0,V=e.originalView===void 0,A=(l==null?void 0:l.get(`${e==null?void 0:e.id}`))||void 0,d=(e==null?void 0:e.label)||"",B=R||T,D=c.useRef(!1);!B&&!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:I},menu:{toggleDropdown:C},delete:{closeDeleteConfirmation:M,handleDelete:_,handleDeleteDraftView:q}},state:{shouldShowDeleteConfirmation:O},actions:H,state:v}=J.useDropdownManager(e),U=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:d,type:p,count:y?i.jsx(u.Loader,{type:"ThreeDots",width:12,height:12,color:n?"#fff":u.theme.colors.neutral.ink.dark}):A,onClick:k,subAction:U,ariaContext:"orders",ref:P,"aria-controls":"options-dropdown","aria-expanded":v.shouldShowDropdown,"aria-haspopup":"dialog"},e==null?void 0:e.id),i.jsx(X.Confirmation,{shouldShow:O,viewName:d,onCancel:M,onDelete:_}),i.jsx(z.PillNotifications,{tabType:p,isActive:n,initialViewName:d,shouldShowCreateViewNotification:t,handleSaveDraft:I}),i.jsx(G.ViewDropdowns,{referenceElement:s,tab:e,...H,...v})]})});exports.ViewTab=Z;

package/dist/index33.js

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

package/dist/index45.cjs

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

package/dist/index45.js

@@ -1,10 +1,9 @@
-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 = {
+var O = /* @__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))(O || {});
+const E = {
   revalidateOnFocus: !1,
-  revalidateOnReconnect: !1,
-  revalidateOnMount: !1
+  revalidateOnReconnect: !1
 };
 export {
-  a as FilterChoiceValue,
-  O as SWR_HOOK_OPTIONS
+  O as FilterChoiceValue,
+  E as SWR_HOOK_OPTIONS
 };

package/dist/index58.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("swr"),c=require("react"),E=require("./index72.cjs"),O=require("./index71.cjs"),S=require("./index60.cjs"),y=require("./index45.cjs"),I=require("./index7.cjs"),b=require("./index51.cjs"),P=e=>e&&e.__esModule?e:{default:e},T=P(C),t=E.createAllView(),h=()=>{const{DEFAULT_PAGE_NUMBER:e,DEFAULT_PAGE_SIZE:m,VIEW_TYPE:w}=I.useBusinessLogic(),{canUpdateCustomViews:V,orderedListOfCustomViews:u,defaultCustomViewId:p,isLoading:g,isValidating:_}=S.useCustomViews({type:w}),{data:n,isLoading:M,isValidating:A,error:L,mutate:q}=T.default(`/api/v2/custom_views?filter[type]=${w}&page[number]=${e}&page[size]=${m}`,b.fetcherV2,y.SWR_HOOK_OPTIONS),f=c.useMemo(()=>({fixedViews:[t],customViews:[],viewsMap:new Map([[t.id,t]])}),[]),{viewsMap:v,customViews:o,fixedViews:l}=c.useMemo(()=>n?n.reduce((s,r)=>{const i=O.viewsAdapter({view:r,canUpdateCustomViews:V});return s.viewsMap.set(r.id,i),r.editable?s.customViews.push(i):s.fixedViews.push(i),s},{fixedViews:[t],customViews:[],viewsMap:new Map([[t.id,t]])}):f,[n,f,V]),x=c.useMemo(()=>o.sort((s,r)=>{const i=Array.isArray(u)?u:[],a=i.indexOf(s.id),d=i.indexOf(r.id);return a===-1&&d===-1?0:a===-1?1:d===-1?-1:a-d}),[o,u]);return{defaultCustomViewId:p,viewsArray:[...l,...o],fixedViews:l,customViews:o,sortedCustomViews:x,viewsMap:v,isLoading:M||A||g||_,error:L,mutate:q}};exports.useViews=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("swr"),c=require("react"),x=require("./index72.cjs"),E=require("./index71.cjs"),O=require("./index60.cjs"),S=require("./index45.cjs"),y=require("./index7.cjs"),C=require("./index51.cjs"),I=e=>e&&e.__esModule?e:{default:e},b=I(v),i=x.createAllView(),P=()=>{const{DEFAULT_PAGE_NUMBER:e,DEFAULT_PAGE_SIZE:m,VIEW_TYPE:w}=y.useBusinessLogic(),{canUpdateCustomViews:V,orderedListOfCustomViews:u,defaultCustomViewId:p,isLoading:_}=O.useCustomViews({type:w}),{data:n,isLoading:M,error:A,mutate:g}=b.default(`/api/v2/custom_views?filter[type]=${w}&page[number]=${e}&page[size]=${m}`,C.fetcherV2,S.SWR_HOOK_OPTIONS),f=c.useMemo(()=>({fixedViews:[i],customViews:[],viewsMap:new Map([[i.id,i]])}),[]),{viewsMap:L,customViews:o,fixedViews:l}=c.useMemo(()=>n?n.reduce((s,r)=>{const t=E.viewsAdapter({view:r,canUpdateCustomViews:V});return s.viewsMap.set(r.id,t),r.editable?s.customViews.push(t):s.fixedViews.push(t),s},{fixedViews:[i],customViews:[],viewsMap:new Map([[i.id,i]])}):f,[n,f,V]),q=c.useMemo(()=>o.sort((s,r)=>{const t=Array.isArray(u)?u:[],a=t.indexOf(s.id),d=t.indexOf(r.id);return a===-1&&d===-1?0:a===-1?1:d===-1?-1:a-d}),[o,u]);return{defaultCustomViewId:p,viewsArray:[...l,...o],fixedViews:l,customViews:o,sortedCustomViews:q,viewsMap:L,isLoading:M||_,error:A,mutate:g}};exports.useViews=P;

package/dist/index58.js

@@ -1,22 +1,21 @@
-import O from "swr";
+import g from "swr";
 import { useMemo as d } from "react";
-import { createAllView as v } from "./index72.js";
-import { viewsAdapter as I } from "./index71.js";
-import { useCustomViews as y } from "./index60.js";
-import { SWR_HOOK_OPTIONS as S } from "./index45.js";
-import { useBusinessLogic as P } from "./index7.js";
-import { fetcherV2 as T } from "./index51.js";
-const s = v(), F = () => {
-  const { DEFAULT_PAGE_NUMBER: V, DEFAULT_PAGE_SIZE: c, VIEW_TYPE: m } = P(), {
+import { createAllView as O } from "./index72.js";
+import { viewsAdapter as v } from "./index71.js";
+import { useCustomViews as C } from "./index60.js";
+import { SWR_HOOK_OPTIONS as I } from "./index45.js";
+import { useBusinessLogic as y } from "./index7.js";
+import { fetcherV2 as S } from "./index51.js";
+const s = O(), B = () => {
+  const { DEFAULT_PAGE_NUMBER: V, DEFAULT_PAGE_SIZE: c, VIEW_TYPE: a } = y(), {
     canUpdateCustomViews: w,
     orderedListOfCustomViews: o,
     defaultCustomViewId: l,
-    isLoading: g,
-    isValidating: x
-  } = y({ type: m }), { data: n, isLoading: A, isValidating: L, error: E, mutate: M } = O(
-    `/api/v2/custom_views?filter[type]=${m}&page[number]=${V}&page[size]=${c}`,
-    T,
-    S
+    isLoading: x
+  } = C({ type: a }), { data: n, isLoading: A, error: L, mutate: E } = g(
+    `/api/v2/custom_views?filter[type]=${a}&page[number]=${V}&page[size]=${c}`,
+    S,
+    I
   ), f = d(
     () => ({
       fixedViews: [s],
@@ -24,9 +23,9 @@ const s = v(), F = () => {
       viewsMap: /* @__PURE__ */ new Map([[s.id, s]])
     }),
     []
-  ), { viewsMap: _, customViews: r, fixedViews: p } = d(() => n ? n.reduce(
+  ), { viewsMap: M, customViews: r, fixedViews: p } = d(() => n ? n.reduce(
     (e, t) => {
-      const i = I({ view: t, canUpdateCustomViews: w });
+      const i = v({ view: t, canUpdateCustomViews: w });
       return e.viewsMap.set(t.id, i), t.editable ? e.customViews.push(i) : e.fixedViews.push(i), e;
     },
     {
@@ -34,22 +33,22 @@ const s = v(), F = () => {
       customViews: [],
       viewsMap: /* @__PURE__ */ new Map([[s.id, s]])
     }
-  ) : f, [n, f, w]), C = d(() => r.sort((e, t) => {
-    const i = Array.isArray(o) ? o : [], a = i.indexOf(e.id), u = i.indexOf(t.id);
-    return a === -1 && u === -1 ? 0 : a === -1 ? 1 : u === -1 ? -1 : a - u;
+  ) : f, [n, f, w]), _ = d(() => r.sort((e, t) => {
+    const i = Array.isArray(o) ? o : [], u = i.indexOf(e.id), m = i.indexOf(t.id);
+    return u === -1 && m === -1 ? 0 : u === -1 ? 1 : m === -1 ? -1 : u - m;
   }), [r, o]);
   return {
     defaultCustomViewId: l,
     viewsArray: [...p, ...r],
     fixedViews: p,
     customViews: r,
-    sortedCustomViews: C,
-    viewsMap: _,
-    isLoading: A || L || g || x,
-    error: E,
-    mutate: M
+    sortedCustomViews: _,
+    viewsMap: M,
+    isLoading: A || x,
+    error: L,
+    mutate: E
   };
 };
 export {
-  F as useViews
+  B as useViews
 };

package/dist/index59.cjs

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

package/dist/index59.js

@@ -1,11 +1,11 @@
 import { useEffect as u } from "react";
-import { ALL_VIEW_ID as I } from "./index72.js";
-import { useCustomViews as E } from "./index60.js";
-import { useViews as F } from "./index58.js";
-import { useBusinessLogic as C } from "./index7.js";
-import { useStores as D } from "./index57.js";
-const T = () => {
-  const { VIEW_TYPE: g, SEARCH_FILTER_ID: c } = C(), {
+import { ALL_VIEW_ID as h } from "./index72.js";
+import { useCustomViews as I } from "./index60.js";
+import { useViews as E } from "./index58.js";
+import { useBusinessLogic as F } from "./index7.js";
+import { useStores as C } from "./index57.js";
+const A = () => {
+  const { VIEW_TYPE: g, SEARCH_FILTER_ID: c } = F(), {
     Filters: {
       activeViewId: d,
       initFiltersFromView: e,
@@ -14,7 +14,7 @@ const T = () => {
       updateUrl: L,
       setFilter: l
     }
-  } = D(), { isLoading: V, isValidating: v } = E({ type: g }), { viewsMap: t, defaultCustomViewId: f, isLoading: h } = F(), p = v || h || V;
+  } = C(), { isLoading: v } = I({ type: g }), { viewsMap: t, defaultCustomViewId: f, isLoading: V } = E(), p = V || v;
   u(() => {
     if (p) return;
     const s = new URLSearchParams(window.location.search), m = s.get("view"), a = s.get(c), o = s.size > 0;
@@ -32,7 +32,7 @@ const T = () => {
         if (r)
           e(r), w(!0), o && i();
         else {
-          const n = t.get(I);
+          const n = t.get(h);
           n && e(n);
         }
       }
@@ -60,5 +60,5 @@ const T = () => {
   }, [w, e, i, t]);
 };
 export {
-  T as useViewUrlChange
+  A as useViewUrlChange
 };

package/dist/index77.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@veeqo/ui"),s=require("react"),k=require("@veeqo/components"),x=require("./index79.cjs"),i=require("./index80.cjs"),I=require("./index81.cjs"),T=require("./index82.cjs"),t=require("./index83.cjs"),w=require("./index78.cjs"),D=require("./index84.cjs"),b=require("./index85.cjs"),{Glyph:V}=k.VeeqoCommon,H=({onClose:c,columnDefintions:j,hiddenColumns:m,visibleColumns:h,pinnedLeftColumnIds:S,pinnedRightColumnIds:y})=>{const[u,g]=s.useState(""),a=s.useMemo(()=>new Map(j.map(n=>[n.id,n])),[]),[l,C]=s.useState(()=>({[t.ColumnGroupIds.Hidden]:m,[t.ColumnGroupIds.Visible]:h})),v=s.useMemo(()=>{const n=l[t.ColumnGroupIds.Visible].map(o=>a.get(`${o}`));return b.filterColumnsBySearch(n,u)},[l,a,u]),G=s.useMemo(()=>{const n=l[t.ColumnGroupIds.Hidden].map(o=>a.get(`${o}`));return b.filterColumnsBySearch(n,u)},[l,a,u]),{isSavingColumns:d,saveColumns:f}=D.usePersistColumns({pinnedLeftColumnIds:S,pinnedRightColumnIds:y}),q=()=>{g(""),C({[t.ColumnGroupIds.Hidden]:m,[t.ColumnGroupIds.Visible]:h})},p=s.useCallback(n=>{g(n)},[]),M=s.useCallback(n=>{const o=a.get(`${n}`);return o?e.jsx(T.ColumnItem,{column:o,isDragOverlay:!0}):null},[a]);return e.jsx(r.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>c==null?void 0:c(),headerSlot:e.jsxs(i.HeaderContainer,{children:[e.jsxs(r.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(r.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(w.TableManagementGlyph,{height:32,width:32}),e.jsx(r.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(r.Button,{"aria-label":"Close modal",onClick:c,variant:"flat",iconSlot:e.jsx(V,{name:"close"})})]}),e.jsxs(r.Text,{variant:"subheadingMedium",children:["Show, hide, or change the order of the columns in the view, so you always see the data that's most important to you. Learn more with our"," ",e.jsx(r.Anchor,{href:"#",target:"_blank",children:"help guide (TODO)"}),"."]}),e.jsx(r.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(i.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:u,onChange:p,onClearClick:()=>p(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:q,variant:"default",disabled:d}],rightActions:[{label:"Cancel",onClick:c,variant:"default",disabled:d},{label:"Save",onClick:()=>f({visibleColumns:l[t.ColumnGroupIds.Visible]}),variant:"primary",disabled:d,loading:d}],children:e.jsx(r.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(r.Stack,{spacing:4,alignX:"stretch",children:e.jsx(I.DndContainer,{items:l,setItems:C,renderDragOverlay:M,children:e.jsx(i.Container,{children:e.jsxs(i.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(x.ColumnGroup,{id:t.ColumnGroupIds.Visible,title:"Shown columns:",columns:v}),e.jsx(i.VerticalSeparator,{children:e.jsx(i.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(x.ColumnGroup,{id:t.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:G})]})})})})})})};exports.TableManagementModal=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@veeqo/ui"),s=require("react"),k=require("@veeqo/components"),x=require("./index80.cjs"),i=require("./index81.cjs"),I=require("./index82.cjs"),T=require("./index83.cjs"),t=require("./index84.cjs"),w=require("./index78.cjs"),D=require("./index85.cjs"),b=require("./index86.cjs"),{Glyph:V}=k.VeeqoCommon,H=({onClose:c,columnDefintions:j,hiddenColumns:m,visibleColumns:h,pinnedLeftColumnIds:S,pinnedRightColumnIds:y})=>{const[u,g]=s.useState(""),a=s.useMemo(()=>new Map(j.map(n=>[n.id,n])),[]),[l,C]=s.useState(()=>({[t.ColumnGroupIds.Hidden]:m,[t.ColumnGroupIds.Visible]:h})),v=s.useMemo(()=>{const n=l[t.ColumnGroupIds.Visible].map(o=>a.get(`${o}`));return b.filterColumnsBySearch(n,u)},[l,a,u]),G=s.useMemo(()=>{const n=l[t.ColumnGroupIds.Hidden].map(o=>a.get(`${o}`));return b.filterColumnsBySearch(n,u)},[l,a,u]),{isSavingColumns:d,saveColumns:f}=D.usePersistColumns({pinnedLeftColumnIds:S,pinnedRightColumnIds:y}),q=()=>{g(""),C({[t.ColumnGroupIds.Hidden]:m,[t.ColumnGroupIds.Visible]:h})},p=s.useCallback(n=>{g(n)},[]),M=s.useCallback(n=>{const o=a.get(`${n}`);return o?e.jsx(T.ColumnItem,{column:o,isDragOverlay:!0}):null},[a]);return e.jsx(r.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>c==null?void 0:c(),headerSlot:e.jsxs(i.HeaderContainer,{children:[e.jsxs(r.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(r.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(w.TableManagementGlyph,{height:32,width:32}),e.jsx(r.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(r.Button,{"aria-label":"Close modal",onClick:c,variant:"flat",iconSlot:e.jsx(V,{name:"close"})})]}),e.jsxs(r.Text,{variant:"subheadingMedium",children:["Show, hide, or change the order of the columns in the view, so you always see the data that's most important to you. Learn more with our"," ",e.jsx(r.Anchor,{href:"#",target:"_blank",children:"help guide (TODO)"}),"."]}),e.jsx(r.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(i.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:u,onChange:p,onClearClick:()=>p(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:q,variant:"default",disabled:d}],rightActions:[{label:"Cancel",onClick:c,variant:"default",disabled:d},{label:"Save",onClick:()=>f({visibleColumns:l[t.ColumnGroupIds.Visible]}),variant:"primary",disabled:d,loading:d}],children:e.jsx(r.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(r.Stack,{spacing:4,alignX:"stretch",children:e.jsx(I.DndContainer,{items:l,setItems:C,renderDragOverlay:M,children:e.jsx(i.Container,{children:e.jsxs(i.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(x.ColumnGroup,{id:t.ColumnGroupIds.Visible,title:"Shown columns:",columns:v}),e.jsx(i.VerticalSeparator,{children:e.jsx(i.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(x.ColumnGroup,{id:t.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:G})]})})})})})})};exports.TableManagementModal=H;

package/dist/index77.js

@@ -2,14 +2,14 @@ import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { Modal as T, Stack as m, Text as d, Button as O, Anchor as X } from "@veeqo/ui";
 import { useState as b, useMemo as h, useCallback as v } from "react";
 import { VeeqoCommon as A } from "@veeqo/components";
-import { ColumnGroup as S } from "./index79.js";
-import { Container as I, ColumnGroupsGrid as Y, VerticalSeparator as $, VerticalText as j, HeaderContainer as q, ColumnSearch as z } from "./index80.js";
-import { DndContainer as B } from "./index81.js";
-import { ColumnItem as L } from "./index82.js";
-import { ColumnGroupIds as r } from "./index83.js";
+import { ColumnGroup as S } from "./index80.js";
+import { Container as I, ColumnGroupsGrid as Y, VerticalSeparator as $, VerticalText as j, HeaderContainer as q, ColumnSearch as z } from "./index81.js";
+import { DndContainer as B } from "./index82.js";
+import { ColumnItem as L } from "./index83.js";
+import { ColumnGroupIds as r } from "./index84.js";
 import { TableManagementGlyph as Q } from "./index78.js";
-import { usePersistColumns as R } from "./index84.js";
-import { filterColumnsBySearch as y } from "./index85.js";
+import { usePersistColumns as R } from "./index85.js";
+import { filterColumnsBySearch as y } from "./index86.js";
 const { Glyph: P } = A, ae = ({
   onClose: l,
   columnDefintions: w,

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("./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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),l=require("./index101.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;

package/dist/index79.js

@@ -1,15 +1,26 @@
-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 "./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";
-const I = ({ id: t, title: e, columns: o }) => /* @__PURE__ */ m(n, { spacing: "sm", alignX: "stretch", children: [
-  /* @__PURE__ */ r(f, { variant: "bodyBold", children: e }),
-  /* @__PURE__ */ r(p, { id: t, items: o, strategy: a, children: /* @__PURE__ */ r(d, { id: t, spacing: "sm", alignX: "stretch", children: o.map((i) => /* @__PURE__ */ r(s, { id: i.id, children: /* @__PURE__ */ r(l, { column: i, isHidden: t === c.Hidden }) }, i.id)) }) })
-] });
+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 "./index101.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);
+      }
+    };
+    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 });
+};
 export {
-  I as ColumnGroup
+  R as AdaptiveHeightContainer
 };