@veeqo/transfigure 1.1.9 → 1.2.1

package/dist/index34.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 "./index8.js";
-import { AdaptiveHeightContainer as p } from "./index103.js";
+import { AdaptiveHeightContainer as p } from "./index104.js";
 import { FilterGroup as n } from "./index35.js";
 const u = e(() => {
   const { GROUP_MAP: t } = s();

package/dist/index36.cjs

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

package/dist/index36.js

@@ -7,10 +7,10 @@ import { useViews as X } from "./index62.js";
 import { PillNotifications as Z } from "./index40.js";
 import { ViewDropdowns as b } from "./index43.js";
 import { useDropdownManager as ee } from "./index56.js";
-import { useViewCounts as oe } from "./index99.js";
+import { useViewCounts as oe } from "./index100.js";
 import { useBusinessLogic as ie } from "./index8.js";
 import { useStores as te } from "./index61.js";
-import { Confirmation as re } from "./index100.js";
+import { Confirmation as re } from "./index101.js";
 const ge = K(({ view: e }) => {
   const { VIEW_TYPE: S, SEARCH_FILTER_ID: l } = ie(), {
     Filters: { activeViewId: c, initFiltersFromView: d, discardChanges: f, initFromUrl: m, filters: F, setFilter: T },

package/dist/index40.cjs

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

package/dist/index40.js

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

package/dist/index41.cjs

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

package/dist/index41.js

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

package/dist/index42.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),c=require("mobx-react"),l=require("./index60.cjs"),n=require("./index104.cjs"),d=i.theme.colors.secondary.blue.base,h=c.observer(({onDiscard:r,viewName:s,onSaveDraft:a})=>{const{saveChanges:o,isSubmitting:t}=l.usePersistUnsavedChanges();return e.jsx(n.Notification,{children:e.jsx(n.Container,{children:e.jsxs(i.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(n.Glyph,{ariaLabel:"attention",name:"attention",color:d}),e.jsxs(n.Wrap,{children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"You have unsaved changes to"}),s&&e.jsxs(n.Bold,{variant:"bodyBoldDark",children:["'",s,"'"]})]}),e.jsx(i.Button,{onClick:r,size:"sm",children:"Discard changes"}),e.jsxs(i.ActionMenu,{ctaProps:{children:"Save changes",variant:"primary"},children:[e.jsx(i.ActionMenu.Item,{onAction:a,isDisabled:t,children:e.jsx(n.Text,{variant:"body",children:"Create new view"})}),e.jsx(i.ActionMenu.Item,{onAction:o,isDisabled:t,children:e.jsxs(i.Stack,{direction:"horizontal",spacing:1,alignY:"center",children:[e.jsx(n.Text,{variant:"body",children:"Save changes to"}),e.jsx(n.Text,{variant:"bodyBold",children:s})]})})]})]})})})});exports.UnsavedChangesPill=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),c=require("mobx-react"),l=require("./index60.cjs"),n=require("./index106.cjs"),d=i.theme.colors.secondary.blue.base,h=c.observer(({onDiscard:r,viewName:s,onSaveDraft:a})=>{const{saveChanges:o,isSubmitting:t}=l.usePersistUnsavedChanges();return e.jsx(n.Notification,{children:e.jsx(n.Container,{children:e.jsxs(i.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(n.Glyph,{ariaLabel:"attention",name:"attention",color:d}),e.jsxs(n.Wrap,{children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"You have unsaved changes to"}),s&&e.jsxs(n.Bold,{variant:"bodyBoldDark",children:["'",s,"'"]})]}),e.jsx(i.Button,{onClick:r,size:"sm",children:"Discard changes"}),e.jsxs(i.ActionMenu,{ctaProps:{children:"Save changes",variant:"primary"},children:[e.jsx(i.ActionMenu.Item,{onAction:a,isDisabled:t,children:e.jsx(n.Text,{variant:"body",children:"Create new view"})}),e.jsx(i.ActionMenu.Item,{onAction:o,isDisabled:t,children:e.jsxs(i.Stack,{direction:"horizontal",spacing:1,alignY:"center",children:[e.jsx(n.Text,{variant:"body",children:"Save changes to"}),e.jsx(n.Text,{variant:"bodyBold",children:s})]})})]})]})})})});exports.UnsavedChangesPill=h;

package/dist/index42.js

@@ -2,7 +2,7 @@ import { jsx as n, jsxs as e } from "react/jsx-runtime";
 import { Stack as t, theme as d, Button as h, ActionMenu as o } from "@veeqo/ui";
 import { observer as m } from "mobx-react";
 import { usePersistUnsavedChanges as v } from "./index60.js";
-import { Notification as b, Container as g, Glyph as p, Wrap as u, Text as i, Bold as y } from "./index104.js";
+import { Notification as b, Container as g, Glyph as p, Wrap as u, Text as i, Bold as y } from "./index106.js";
 const C = d.colors.secondary.blue.base, k = m(({
   onDiscard: c,
   viewName: r,

package/dist/index44.cjs

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

package/dist/index44.js

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

package/dist/index46.cjs

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

package/dist/index46.js

@@ -1,7 +1,7 @@
 import { jsxs as v, Fragment as B, jsx as s } from "react/jsx-runtime";
-import { TableManagementModal as O } from "./index81.js";
+import { TableManagementModal as O } from "./index88.js";
 import { Tooltip as w, Button as x } from "@veeqo/ui";
-import { TableManagementGlyph as F } from "./index82.js";
+import { TableManagementGlyph as F } from "./index89.js";
 import { observer as I } from "mobx-react";
 import { useBusinessLogic as y } from "./index8.js";
 import { useModal as P } from "./index52.js";

package/dist/index47.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("./index84.cjs"),e=require("@veeqo/ui"),o=require("./index85.cjs"),d=require("./index61.cjs"),m=({isLoading:a,refetch:n,trackMetricClick:s,tooltipText:l="Refresh data",buttonProps:i={size:"sm",variant:"default"}})=>{const{hasChanges:r,acknowledgeButtonClick:u}=h.usePollData(),{Notifications:{notify:c}}=d.useStores(),f=async()=>{try{await n(),await u(),s==null||s()}catch{c({type:"error",text:"Failed to refresh data"})}};return t.jsxs(e.Tooltip,{className:o.default.refreshTooltip,text:l,children:[t.jsx(e.Button,{className:o.default.refreshButton,onClick:f,loading:a,disabled:a,iconSlot:t.jsx(e.RefreshIcon,{color:e.theme.colors.neutral.ink.base}),"aria-label":r?"refresh table with changes":"refresh table","aria-live":"polite",...i}),t.jsx(e.Indicator,{className:o.default.refreshIndicator,color:"red",size:"xs",style:{opacity:r?1:0}})]})};exports.RefreshButton=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("./index86.cjs"),e=require("@veeqo/ui"),o=require("./index87.cjs"),d=require("./index61.cjs"),m=({isLoading:a,refetch:n,trackMetricClick:s,tooltipText:l="Refresh data",buttonProps:i={size:"sm",variant:"default"}})=>{const{hasChanges:r,acknowledgeButtonClick:u}=h.usePollData(),{Notifications:{notify:c}}=d.useStores(),f=async()=>{try{await n(),await u(),s==null||s()}catch{c({type:"error",text:"Failed to refresh data"})}};return t.jsxs(e.Tooltip,{className:o.default.refreshTooltip,text:l,children:[t.jsx(e.Button,{className:o.default.refreshButton,onClick:f,loading:a,disabled:a,iconSlot:t.jsx(e.RefreshIcon,{color:e.theme.colors.neutral.ink.base}),"aria-label":r?"refresh table with changes":"refresh table","aria-live":"polite",...i}),t.jsx(e.Indicator,{className:o.default.refreshIndicator,color:"red",size:"xs",style:{opacity:r?1:0}})]})};exports.RefreshButton=m;

package/dist/index47.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { usePollData as c } from "./index84.js";
+import { usePollData as c } from "./index86.js";
 import { Tooltip as d, Button as p, RefreshIcon as u, theme as y, Indicator as x } from "@veeqo/ui";
-import t from "./index85.js";
+import t from "./index87.js";
 import { useStores as b } from "./index61.js";
 const j = ({
   isLoading: s,

package/dist/index62.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("swr"),c=require("react"),x=require("./index79.cjs"),E=require("./index78.cjs"),O=require("./index65.cjs"),S=require("./index49.cjs"),y=require("./index8.cjs"),C=require("./index55.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("swr"),d=require("react"),q=require("./index49.cjs"),y=require("./index8.cjs"),A=require("./index65.cjs"),C=require("./index55.cjs"),S=require("./index80.cjs"),I=e=>e&&e.__esModule?e:{default:e},M=I(O),v=()=>{const{DEFAULT_PAGE_NUMBER:e,DEFAULT_PAGE_SIZE:f,VIEW_TYPE:o}=y.useBusinessLogic(),{canUpdateCustomViews:u,orderedListOfCustomViews:t,defaultCustomViewId:w,isLoading:V}=A.useCustomViews({type:o}),{data:n,isLoading:m,error:_,mutate:g}=M.default(`/api/v2/custom_views?filter[type]=${o}&page[number]=${e}&page[size]=${f}`,C.fetcherV2,q.SWR_HOOK_OPTIONS),{viewsMap:l,customViews:s,fixedViews:c}=d.useMemo(()=>S.organiseViews({data:n,canUpdateCustomViews:u}),[n,u]),L=d.useMemo(()=>s.sort((p,E)=>{const a=Array.isArray(t)?t:[],i=a.indexOf(p.id),r=a.indexOf(E.id);return i===-1&&r===-1?0:i===-1?1:r===-1?-1:i-r}),[s,t]);return{defaultCustomViewId:w,viewsArray:[...c,...s],fixedViews:c,customViews:s,sortedCustomViews:L,viewsMap:l,isLoading:m||V,error:_,mutate:g}};exports.useViews=v;

package/dist/index62.js

@@ -1,54 +1,36 @@
-import g from "swr";
-import { useMemo as d } from "react";
-import { createAllView as O } from "./index79.js";
-import { viewsAdapter as v } from "./index78.js";
-import { useCustomViews as C } from "./index65.js";
-import { SWR_HOOK_OPTIONS as I } from "./index49.js";
-import { useBusinessLogic as y } from "./index8.js";
-import { fetcherV2 as S } from "./index55.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: 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],
-      customViews: [],
-      viewsMap: /* @__PURE__ */ new Map([[s.id, s]])
-    }),
-    []
-  ), { viewsMap: M, customViews: r, fixedViews: p } = d(() => n ? n.reduce(
-    (e, t) => {
-      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;
-    },
-    {
-      fixedViews: [s],
-      customViews: [],
-      viewsMap: /* @__PURE__ */ new Map([[s.id, s]])
-    }
-  ) : 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]);
+import O from "swr";
+import { useMemo as a } from "react";
+import { SWR_HOOK_OPTIONS as x } from "./index49.js";
+import { useBusinessLogic as C } from "./index8.js";
+import { useCustomViews as I } from "./index65.js";
+import { fetcherV2 as y } from "./index55.js";
+import { organiseViews as v } from "./index80.js";
+const $ = () => {
+  const { DEFAULT_PAGE_NUMBER: d, DEFAULT_PAGE_SIZE: f, VIEW_TYPE: t } = C(), {
+    canUpdateCustomViews: o,
+    orderedListOfCustomViews: r,
+    defaultCustomViewId: p,
+    isLoading: c
+  } = I({ type: t }), { data: n, isLoading: w, error: V, mutate: L } = O(
+    `/api/v2/custom_views?filter[type]=${t}&page[number]=${d}&page[size]=${f}`,
+    y,
+    x
+  ), { viewsMap: g, customViews: e, fixedViews: m } = a(() => v({ data: n, canUpdateCustomViews: o }), [n, o]), E = a(() => e.sort((_, A) => {
+    const u = Array.isArray(r) ? r : [], s = u.indexOf(_.id), i = u.indexOf(A.id);
+    return s === -1 && i === -1 ? 0 : s === -1 ? 1 : i === -1 ? -1 : s - i;
+  }), [e, r]);
   return {
-    defaultCustomViewId: l,
-    viewsArray: [...p, ...r],
-    fixedViews: p,
-    customViews: r,
-    sortedCustomViews: _,
-    viewsMap: M,
-    isLoading: A || x,
-    error: L,
-    mutate: E
+    defaultCustomViewId: p,
+    viewsArray: [...m, ...e],
+    fixedViews: m,
+    customViews: e,
+    sortedCustomViews: E,
+    viewsMap: g,
+    isLoading: w || c,
+    error: V,
+    mutate: L
   };
 };
 export {
-  B as useViews
+  $ as useViews
 };

package/dist/index7.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("axios"),i=require("./index86.cjs"),s=require("./index87.cjs"),l=require("./index88.cjs"),E=require("./index89.cjs"),p=t=>t&&t.__esModule?t:{default:t},c=p(u),y=async(t,a)=>{const o=new Error,r=s.filterOptionalArgsGetDelete(t,a);try{return await c.default.get(...r)}catch(e){throw l.filterErrorStack(o),E.injectIntoError({customError:o,originalError:e,type:i.AxiosErrorType.GET}),e}},f=async(t,a)=>{const o=new Error,r=s.filterOptionalArgsGetDelete(t,a);try{return await c.default.delete(...r)}catch(e){throw l.filterErrorStack(o),E.injectIntoError({customError:o,originalError:e,type:i.AxiosErrorType.DELETE}),e}},g=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.post(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.POST}),n}},w=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.patch(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PATCH}),n}},A=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.put(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PUT}),n}},d=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.postForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.POST_FORM}),n}},h=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.putForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PUT_FORM}),n}},T=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.patchForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PATCH_FORM}),n}},m={get:y,delete:f,post:g,patch:w,put:A,postForm:d,putForm:h,patchForm:T,CancelToken:c.default.CancelToken,isCancel:c.default.isCancel,getUri:c.default.getUri,isAxiosError:c.default.isAxiosError};exports.axios=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("axios"),i=require("./index82.cjs"),s=require("./index83.cjs"),l=require("./index84.cjs"),E=require("./index85.cjs"),p=t=>t&&t.__esModule?t:{default:t},c=p(u),y=async(t,a)=>{const o=new Error,r=s.filterOptionalArgsGetDelete(t,a);try{return await c.default.get(...r)}catch(e){throw l.filterErrorStack(o),E.injectIntoError({customError:o,originalError:e,type:i.AxiosErrorType.GET}),e}},f=async(t,a)=>{const o=new Error,r=s.filterOptionalArgsGetDelete(t,a);try{return await c.default.delete(...r)}catch(e){throw l.filterErrorStack(o),E.injectIntoError({customError:o,originalError:e,type:i.AxiosErrorType.DELETE}),e}},g=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.post(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.POST}),n}},w=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.patch(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PATCH}),n}},A=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.put(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PUT}),n}},d=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.postForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.POST_FORM}),n}},h=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.putForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PUT_FORM}),n}},T=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.patchForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PATCH_FORM}),n}},m={get:y,delete:f,post:g,patch:w,put:A,postForm:d,putForm:h,patchForm:T,CancelToken:c.default.CancelToken,isCancel:c.default.isCancel,getUri:c.default.getUri,isAxiosError:c.default.isAxiosError};exports.axios=m;

package/dist/index7.js

@@ -1,8 +1,8 @@
 import a from "axios";
-import { AxiosErrorType as e } from "./index86.js";
-import { filterOptionalArgsGetDelete as y, filterOptionalArgs as p } from "./index87.js";
-import { filterErrorStack as i } from "./index88.js";
-import { injectIntoError as E } from "./index89.js";
+import { AxiosErrorType as e } from "./index82.js";
+import { filterOptionalArgsGetDelete as y, filterOptionalArgs as p } from "./index83.js";
+import { filterErrorStack as i } from "./index84.js";
+import { injectIntoError as E } from "./index85.js";
 const m = async (n, s) => {
   const o = new Error(), r = y(n, s);
   try {

package/dist/index75.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("lodash/get"),s=t=>t&&t.__esModule?t:{default:t},l=s(o),a=({data:t,config:e})=>!e||!t?[]:t.map(r=>{const u=l.default(r,e.labelProperty),n=l.default(r,e.valueProperty);return{label:u,value:n.toString()}});exports.getAsyncOptions=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("lodash/get"),n=e=>e&&e.__esModule?e:{default:e},u=n(o),y=({data:e,config:t})=>{if(!t||!e)return[];let r=e;return t!=null&&t.baseProperty&&(r=u.default(e,t.baseProperty)),!r||!Array.isArray(r)?[]:r==null?void 0:r.map(l=>{const s=u.default(l,t.labelProperty),a=u.default(l,t.valueProperty);return{label:s,value:a.toString()}})};exports.getAsyncOptions=y;

package/dist/index75.js

@@ -1,11 +1,15 @@
-import o from "lodash/get";
-const u = ({ data: t, config: r }) => !r || !t ? [] : t.map((e) => {
-  const l = o(e, r.labelProperty), n = o(e, r.valueProperty);
-  return {
-    label: l,
-    value: n.toString()
-  };
-});
+import p from "lodash/get";
+const o = ({ data: t, config: r }) => {
+  if (!r || !t) return [];
+  let e = t;
+  return r != null && r.baseProperty && (e = p(t, r.baseProperty)), !e || !Array.isArray(e) ? [] : e == null ? void 0 : e.map((s) => {
+    const l = p(s, r.labelProperty), u = p(s, r.valueProperty);
+    return {
+      label: l,
+      value: u.toString()
+    };
+  });
+};
 export {
-  u as getAsyncOptions
+  o as getAsyncOptions
 };

package/dist/index80.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index61.cjs"),t=e=>{o.useStores.mockImplementation(()=>({...e}))};exports.mockUseStores=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index105.cjs"),w=require("./index79.cjs"),V=require("./index78.cjs"),d=({data:n,canUpdateCustomViews:u})=>{const l={fixedViews:[...r.INITIAL_VIEWS_STATE.fixedViews],customViews:[...r.INITIAL_VIEWS_STATE.customViews],viewsMap:new Map(r.INITIAL_VIEWS_STATE.viewsMap)};if(!n)return l;let o=!1;const i=n.reduce((e,s)=>{const t=V.viewsAdapter({view:s,canUpdateCustomViews:u});return e.viewsMap.set(s.id,t),s.editable?e.customViews.push(t):e.fixedViews.push(t),s.title==="All"&&(o=!0),e},l);return o&&(i.viewsMap.delete(w.ALL_VIEW_ID),i.fixedViews.shift()),i};exports.organiseViews=d;

package/dist/index80.js

@@ -1,9 +1,23 @@
-import { useStores as e } from "./index61.js";
-const m = (o) => {
-  e.mockImplementation(() => ({
-    ...o
-  }));
+import { INITIAL_VIEWS_STATE as r } from "./index105.js";
+import { ALL_VIEW_ID as p } from "./index79.js";
+import { viewsAdapter as u } from "./index78.js";
+const m = ({ data: o, canUpdateCustomViews: w }) => {
+  const f = {
+    fixedViews: [...r.fixedViews],
+    customViews: [...r.customViews],
+    viewsMap: new Map(r.viewsMap)
+  };
+  if (!o) return f;
+  let l = !1;
+  const s = o.reduce(
+    (e, i) => {
+      const t = u({ view: i, canUpdateCustomViews: w });
+      return e.viewsMap.set(i.id, t), i.editable ? e.customViews.push(t) : e.fixedViews.push(t), i.title === "All" && (l = !0), e;
+    },
+    f
+  );
+  return l && (s.viewsMap.delete(p), s.fixedViews.shift()), s;
 };
 export {
-  m as mockUseStores
+  m as organiseViews
 };

package/dist/index81.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@veeqo/ui"),s=require("react"),w=require("@veeqo/components"),S=require("./index90.cjs"),i=require("./index91.cjs"),T=require("./index92.cjs"),V=require("./index93.cjs"),n=require("./index94.cjs"),D=require("./index82.cjs"),H=require("./index95.cjs"),j=require("./index96.cjs"),{Glyph:O}=w.VeeqoCommon,$=({onClose:u,columnDefinitions:G,hiddenColumns:d,visibleColumns:m,pinnedLeftColumnIds:y,pinnedRightColumnIds:f})=>{const[c,p]=s.useState(""),a=s.useMemo(()=>new Map(G.map(r=>[r.id,r])),[]),[o,g]=s.useState(()=>({[n.ColumnGroupIds.Hidden]:d,[n.ColumnGroupIds.Visible]:m})),I=s.useMemo(()=>{const r=o[n.ColumnGroupIds.Visible].map(t=>a.get(`${t}`));return j.filterColumnsBySearch(r,c)},[o,a,c]),v=s.useMemo(()=>{const r=o[n.ColumnGroupIds.Hidden].map(t=>a.get(`${t}`));return j.filterColumnsBySearch(r,c)},[o,a,c]),{isSavingColumns:h,saveColumns:M}=H.usePersistColumns({pinnedLeftColumnIds:y,pinnedRightColumnIds:f}),q=()=>{p(""),g({[n.ColumnGroupIds.Hidden]:d,[n.ColumnGroupIds.Visible]:m})},x=s.useCallback(r=>{if(p(r),!r){const t=new Set([...d,...m]);g(b=>({[n.ColumnGroupIds.Hidden]:b[n.ColumnGroupIds.Hidden].filter(C=>t.has(`${C}`)),[n.ColumnGroupIds.Visible]:b[n.ColumnGroupIds.Visible].filter(C=>t.has(`${C}`))}))}},[d,m]),k=s.useCallback(r=>{const t=a.get(`${r}`);return t?e.jsx(V.ColumnItem,{column:t,isDragOverlay:!0}):null},[a]);return e.jsx(l.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>u==null?void 0:u(),headerSlot:e.jsxs(i.HeaderContainer,{children:[e.jsxs(l.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(l.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(D.TableManagementGlyph,{height:32,width:32}),e.jsx(l.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(l.Button,{"aria-label":"Close modal",onClick:u,variant:"flat",iconSlot:e.jsx(O,{name:"close"})})]}),e.jsxs(l.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(l.Anchor,{href:"#",target:"_blank",children:"help guide (TODO)"}),"."]}),e.jsx(l.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(i.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:c,onChange:x,onClearClick:()=>x(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:q,variant:"default",disabled:h}],rightActions:[{label:"Cancel",onClick:u,variant:"default",disabled:h},{label:"Save",onClick:()=>M({visibleColumns:o[n.ColumnGroupIds.Visible]}),variant:"primary",disabled:h,loading:h}],children:e.jsx(l.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(l.Stack,{spacing:4,alignX:"stretch",children:e.jsx(T.DndContainer,{items:o,setItems:g,renderDragOverlay:k,children:e.jsx(i.Container,{children:e.jsxs(i.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(S.ColumnGroup,{id:n.ColumnGroupIds.Visible,title:"Shown columns:",columns:I}),e.jsx(i.VerticalSeparator,{children:e.jsx(i.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(S.ColumnGroup,{id:n.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:v})]})})})})})})};exports.TableManagementModal=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index61.cjs"),t=e=>{o.useStores.mockImplementation(()=>({...e}))};exports.mockUseStores=t;

package/dist/index81.js

@@ -1,120 +1,9 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { Modal as O, Stack as h, Text as p, Button as X, Anchor as A } from "@veeqo/ui";
-import { useState as v, useMemo as f, useCallback as y } from "react";
-import { VeeqoCommon as I } from "@veeqo/components";
-import { ColumnGroup as w } from "./index90.js";
-import { Container as Y, ColumnGroupsGrid as j, VerticalSeparator as z, VerticalText as B, HeaderContainer as L, ColumnSearch as Q } from "./index91.js";
-import { DndContainer as R } from "./index92.js";
-import { ColumnItem as q } from "./index93.js";
-import { ColumnGroupIds as n } from "./index94.js";
-import { TableManagementGlyph as P } from "./index82.js";
-import { usePersistColumns as _ } from "./index95.js";
-import { filterColumnsBySearch as V } from "./index96.js";
-const { Glyph: E } = I, te = ({
-  onClose: l,
-  columnDefinitions: k,
-  hiddenColumns: s,
-  visibleColumns: m,
-  pinnedLeftColumnIds: D,
-  pinnedRightColumnIds: H
-}) => {
-  const [o, b] = v(""), i = f(() => new Map(k.map((a) => [a.id, a])), []), [t, u] = v(() => ({
-    [n.Hidden]: s,
-    [n.Visible]: m
-  })), M = f(() => {
-    const a = t[n.Visible].map((r) => i.get(`${r}`));
-    return V(a, o);
-  }, [t, i, o]), x = f(() => {
-    const a = t[n.Hidden].map((r) => i.get(`${r}`));
-    return V(a, o);
-  }, [t, i, o]), { isSavingColumns: d, saveColumns: G } = _({ pinnedLeftColumnIds: D, pinnedRightColumnIds: H }), T = () => {
-    b(""), u({
-      [n.Hidden]: s,
-      [n.Visible]: m
-    });
-  }, C = y(
-    (a) => {
-      if (b(a), !a) {
-        const r = /* @__PURE__ */ new Set([...s, ...m]);
-        u((S) => ({
-          [n.Hidden]: S[n.Hidden].filter((g) => r.has(`${g}`)),
-          [n.Visible]: S[n.Visible].filter((g) => r.has(`${g}`))
-        }));
-      }
-    },
-    [s, m]
-  ), $ = y(
-    (a) => {
-      const r = i.get(`${a}`);
-      return r ? /* @__PURE__ */ e(q, { column: r, isDragOverlay: !0 }) : null;
-    },
-    [i]
-  );
-  return /* @__PURE__ */ e(
-    O,
-    {
-      variant: "lg",
-      style: { overflowY: "hidden" },
-      shouldShow: !0,
-      onClose: () => l == null ? void 0 : l(),
-      headerSlot: /* @__PURE__ */ c(L, { children: [
-        /* @__PURE__ */ c(h, { direction: "horizontal", alignX: "between", alignY: "center", children: [
-          /* @__PURE__ */ c(h, { direction: "horizontal", alignX: "start", alignY: "center", spacing: "sm", children: [
-            /* @__PURE__ */ e(P, { height: 32, width: 32 }),
-            /* @__PURE__ */ e(p, { variant: "headingLarge", as: "h1", children: "Table management" })
-          ] }),
-          /* @__PURE__ */ e(X, { "aria-label": "Close modal", onClick: l, variant: "flat", iconSlot: /* @__PURE__ */ e(E, { name: "close" }) })
-        ] }),
-        /* @__PURE__ */ c(p, { 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",
-          " ",
-          /* @__PURE__ */ e(A, { href: "#", target: "_blank", children: "help guide (TODO)" }),
-          "."
-        ] }),
-        /* @__PURE__ */ e(p, { variant: "headingSmall", children: "Column management" }),
-        /* @__PURE__ */ e(
-          Q,
-          {
-            name: "column-search-query",
-            placeholder: "Search",
-            value: o,
-            onChange: C,
-            onClearClick: () => C(""),
-            fill: "100%"
-          }
-        )
-      ] }),
-      leftActions: [
-        {
-          label: "Reset",
-          onClick: T,
-          variant: "default",
-          disabled: d
-        }
-      ],
-      rightActions: [
-        {
-          label: "Cancel",
-          onClick: l,
-          variant: "default",
-          disabled: d
-        },
-        {
-          label: "Save",
-          onClick: () => G({ visibleColumns: t[n.Visible] }),
-          variant: "primary",
-          disabled: d,
-          loading: d
-        }
-      ],
-      children: /* @__PURE__ */ e(h, { spacing: "md", alignX: "stretch", children: /* @__PURE__ */ e(h, { spacing: 4, alignX: "stretch", children: /* @__PURE__ */ e(R, { items: t, setItems: u, renderDragOverlay: $, children: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ c(j, { columns: 2, spacing: "xl", children: [
-        /* @__PURE__ */ e(w, { id: n.Visible, title: "Shown columns:", columns: M }),
-        /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(B, { children: "Drag & Drop columns" }) }),
-        /* @__PURE__ */ e(w, { id: n.Hidden, title: "Hidden columns:", columns: x })
-      ] }) }) }) }) })
-    }
-  );
+import { useStores as e } from "./index61.js";
+const m = (o) => {
+  e.mockImplementation(() => ({
+    ...o
+  }));
 };
 export {
-  te as TableManagementModal
+  m as mockUseStores
 };

package/dist/index82.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=({height:H=16,width:V=16})=>e.jsx("svg",{width:V,height:H,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M12.6667 3.33333V12.6667H3.33333V3.33333H12.6667ZM13.4 2H2.6C2.26667 2 2 2.26667 2 2.6V13.4C2 13.6667 2.26667 14 2.6 14H13.4C13.6667 14 14 13.6667 14 13.4V2.6C14 2.26667 13.6667 2 13.4 2ZM7.33333 4.66667H11.3333V6H7.33333V4.66667ZM7.33333 7.33333H11.3333V8.66667H7.33333V7.33333ZM7.33333 10H11.3333V11.3333H7.33333V10ZM4.66667 4.66667H6V6H4.66667V4.66667ZM4.66667 7.33333H6V8.66667H4.66667V7.33333ZM4.66667 10H6V11.3333H4.66667V10Z",fill:"#37424D"})});exports.TableManagementGlyph=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var P=(t=>(t.GET="AxiosGet",t.DELETE="AxiosDelete",t.POST="AxiosPost",t.PATCH="AxiosPatch",t.PUT="AxiosPut",t.POST_FORM="AxioPostForm",t.PUT_FORM="AxiosPutForm",t.PATCH_FORM="AxiosPatchForm",t))(P||{});exports.AxiosErrorType=P;

package/dist/index82.js

@@ -1,21 +1,4 @@
-import { jsx as H } from "react/jsx-runtime";
-const Z = ({ height: V = 16, width: M = 16 }) => /* @__PURE__ */ H(
-  "svg",
-  {
-    width: M,
-    height: V,
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ H(
-      "path",
-      {
-        d: "M12.6667 3.33333V12.6667H3.33333V3.33333H12.6667ZM13.4 2H2.6C2.26667 2 2 2.26667 2 2.6V13.4C2 13.6667 2.26667 14 2.6 14H13.4C13.6667 14 14 13.6667 14 13.4V2.6C14 2.26667 13.6667 2 13.4 2ZM7.33333 4.66667H11.3333V6H7.33333V4.66667ZM7.33333 7.33333H11.3333V8.66667H7.33333V7.33333ZM7.33333 10H11.3333V11.3333H7.33333V10ZM4.66667 4.66667H6V6H4.66667V4.66667ZM4.66667 7.33333H6V8.66667H4.66667V7.33333ZM4.66667 10H6V11.3333H4.66667V10Z",
-        fill: "#37424D"
-      }
-    )
-  }
-);
+var t = /* @__PURE__ */ ((P) => (P.GET = "AxiosGet", P.DELETE = "AxiosDelete", P.POST = "AxiosPost", P.PATCH = "AxiosPatch", P.PUT = "AxiosPut", P.POST_FORM = "AxioPostForm", P.PUT_FORM = "AxiosPutForm", P.PATCH_FORM = "AxiosPatchForm", P))(t || {});
 export {
-  Z as TableManagementGlyph
+  t as AxiosErrorType
 };

package/dist/index83.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_actionsHeaderContainer_fgqms_1",t={actionsHeaderContainer:e};exports.actionsHeaderContainer=e;exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(r,t)=>{const e=[r];return t!==void 0&&e.push(t),e},l=(r,t,e)=>{const i=[r];return t!==void 0&&i.push(t),e!==void 0&&i.push(e),i};exports.filterOptionalArgs=l;exports.filterOptionalArgsGetDelete=s;

package/dist/index83.js

@@ -1,7 +1,11 @@
-const e = "_actionsHeaderContainer_fgqms_1", a = {
-  actionsHeaderContainer: e
+const i = (s, t) => {
+  const r = [s];
+  return t !== void 0 && r.push(t), r;
+}, o = (s, t, r) => {
+  const e = [s];
+  return t !== void 0 && e.push(t), r !== void 0 && e.push(r), e;
 };
 export {
-  e as actionsHeaderContainer,
-  a as default
+  o as filterOptionalArgs,
+  i as filterOptionalArgsGetDelete
 };

package/dist/index84.cjs

@@ -1 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),w=require("react-use"),L=require("./index8.cjs"),m=require("./index61.cjs"),v=require("./index67.cjs"),q=require("./index55.cjs");function V(){const{TABLE_DATA_URL:h}=L.useBusinessLogic(),{Filters:{pageSize:s,activeViewId:n}}=m.useStores(),{queryParams:S}=v.useUrlParams();async function c(){const e=`${h}?${S}`,g=await q.fetcherV2(e);return JSON.stringify(g)}const[u,a]=t.useState(null),[o,l]=t.useState(!1),[f,C]=t.useState(n),[y,P]=t.useState(s),i=3e5,[D,r]=t.useState(i);return t.useEffect(()=>{const e=()=>{document.hidden?r(null):r(i)};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[]),w.useInterval(async()=>{const e=await c();if(u===null||f!==n||y!==s){a(e),C(n),P(s);return}const d=e!==u;d&&(a(e),l(d))},o?null:D),{hasChanges:o,acknowledgeButtonClick:async()=>{l(!1),r(i),a(await c())}}}exports.usePollData=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index107.cjs"),s=e=>{if(!l.isError(e))return e;if(e.stack){const t=e.stack.split(`
+`);if(t.length<=10)return e;const n=t==null?void 0:t[0],i=t==null?void 0:t.splice(9),r=[n,...i].join(`
+`);e.stack=r}return e};exports.filterErrorStack=s;

package/dist/index84.js

@@ -1,43 +1,16 @@
-import { useState as t, useEffect as p } from "react";
-import { useInterval as P } from "react-use";
-import { useBusinessLogic as S } from "./index8.js";
-import { useStores as L } from "./index61.js";
-import { useUrlParams as v } from "./index67.js";
-import { fetcherV2 as V } from "./index55.js";
-function T() {
-  const { TABLE_DATA_URL: h } = S(), {
-    Filters: {
-      pageSize: n,
-      activeViewId: s
-    }
-  } = L(), { queryParams: m } = v();
-  async function r() {
-    const e = `${h}?${m}`, g = await V(e);
-    return JSON.stringify(g);
+import { isError as l } from "./index107.js";
+const s = (e) => {
+  if (!l(e)) return e;
+  if (e.stack) {
+    const n = e.stack.split(`
+`);
+    if (n.length <= 10) return e;
+    const i = n == null ? void 0 : n[0], t = n == null ? void 0 : n.splice(9), f = [i, ...t].join(`
+`);
+    e.stack = f;
   }
-  const [c, a] = t(null), [l, u] = t(!1), [f, C] = t(s), [w, y] = t(n), i = 3e5, [D, o] = t(i);
-  return p(() => {
-    const e = () => {
-      document.hidden ? o(null) : o(i);
-    };
-    return document.addEventListener("visibilitychange", e), () => {
-      document.removeEventListener("visibilitychange", e);
-    };
-  }, []), P(
-    async () => {
-      const e = await r();
-      if (c === null || f !== s || w !== n) {
-        a(e), C(s), y(n);
-        return;
-      }
-      const d = e !== c;
-      d && (a(e), u(d));
-    },
-    l ? null : D
-  ), { hasChanges: l, acknowledgeButtonClick: async () => {
-    u(!1), o(i), a(await r());
-  } };
-}
+  return e;
+};
 export {
-  T as usePollData
+  s as filterErrorStack
 };