@veeqo/transfigure 0.0.15 → 0.0.17

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("./index95.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("./index96.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 "./index95.js";
+import { MUISlider as A } from "./index96.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("./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;
+"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("./index83.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 "./index79.js";
+import { AdaptiveHeightContainer as p } from "./index83.js";
 import { FilterGroup as n } from "./index32.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 e=require("react/jsx-runtime"),t=require("./index82.cjs"),g=require("./index48.cjs"),j=require("./index47.cjs"),M=({tab:i,onMakeDefault:l,onEdit:n,onDuplicate:s,onDelete:o,shouldShowDropdown:a,handleCloseDropdown:c})=>{const{openModal:r}=g.useModal(),d=()=>{r(j.ModalId.ORDERS_TABLE_MANAGEMENT),c()},m=i.label!=="Picking In Progress"&&i.editable,u=i.default!==!1&&i.editable,p=i.editable,b=i.editable;return a?e.jsxs(t.MenuItems,{children:[u&&e.jsx(t.Item,{onClick:l,className:"act-react-listing-custom-view-make-default-menu-item",children:"Make default view"}),b&&e.jsx(t.Item,{onClick:n,className:"act-react-listing-custom-view-edit-menu-item",role:"option",children:"Edit"}),e.jsx(t.Item,{onClick:s,className:"act-react-listing-custom-view-duplicate-menu-item",role:"option",children:"Duplicate"}),m&&e.jsx(t.Item,{onClick:o,className:"act-react-listing-custom-view-delete-menu-item",role:"option",children:"Delete"}),p&&e.jsxs(e.Fragment,{children:[e.jsx(t.Divider,{}),e.jsx(t.Item,{onClick:d,role:"option",children:"Table management"})]})]}):null};exports.OptionsDropdown=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index84.cjs"),g=require("./index48.cjs"),j=require("./index47.cjs"),M=({tab:i,onMakeDefault:l,onEdit:n,onDuplicate:s,onDelete:o,shouldShowDropdown:a,handleCloseDropdown:c})=>{const{openModal:r}=g.useModal(),d=()=>{r(j.ModalId.ORDERS_TABLE_MANAGEMENT),c()},m=i.label!=="Picking In Progress"&&i.editable,u=i.default!==!1&&i.editable,p=i.editable,b=i.editable;return a?e.jsxs(t.MenuItems,{children:[u&&e.jsx(t.Item,{onClick:l,className:"act-react-listing-custom-view-make-default-menu-item",children:"Make default view"}),b&&e.jsx(t.Item,{onClick:n,className:"act-react-listing-custom-view-edit-menu-item",role:"option",children:"Edit"}),e.jsx(t.Item,{onClick:s,className:"act-react-listing-custom-view-duplicate-menu-item",role:"option",children:"Duplicate"}),m&&e.jsx(t.Item,{onClick:o,className:"act-react-listing-custom-view-delete-menu-item",role:"option",children:"Delete"}),p&&e.jsxs(e.Fragment,{children:[e.jsx(t.Divider,{}),e.jsx(t.Item,{onClick:d,role:"option",children:"Table management"})]})]}):null};exports.OptionsDropdown=M;

package/dist/index36.js

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

package/dist/index37.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react-transition-group"),f=require("mobx-react"),x=require("./index58.cjs"),v=require("./index83.cjs"),g=require("./index39.cjs"),h=require("./index57.cjs"),S=f.observer(({tabType:i,isActive:n,shouldShowCreateViewNotification:c,handleSaveDraft:s})=>{var r;const{Filters:{hasUnsavedChanges:l,discardChanges:u,activeViewId:t}}=h.useStores(),d=window.location.pathname==="/orders"?"orders":"variants",{viewsMap:m}=x.useViews(),o=t&&((r=m.get(t))==null?void 0:r.label)||"failure";return e.jsxs(e.Fragment,{children:[e.jsx(a.CSSTransition,{in:i==="draft"&&n&&c,timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(v.InfoPill,{onClick:s,mainEntityLabelPlural:d})}),i!=="fixed"&&o&&e.jsx(a.CSSTransition,{in:l&&n&&i==="saved",timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(g.UnsavedChangesPill,{viewName:o,onDiscard:()=>u(),onSaveDraft:s})})]})});exports.PillNotifications=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react-transition-group"),f=require("mobx-react"),x=require("./index58.cjs"),v=require("./index79.cjs"),g=require("./index39.cjs"),h=require("./index57.cjs"),S=f.observer(({tabType:i,isActive:n,shouldShowCreateViewNotification:c,handleSaveDraft:s})=>{var r;const{Filters:{hasUnsavedChanges:l,discardChanges:u,activeViewId:t}}=h.useStores(),d=window.location.pathname==="/orders"?"orders":"variants",{viewsMap:m}=x.useViews(),o=t&&((r=m.get(t))==null?void 0:r.label)||"failure";return e.jsxs(e.Fragment,{children:[e.jsx(a.CSSTransition,{in:i==="draft"&&n&&c,timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(v.InfoPill,{onClick:s,mainEntityLabelPlural:d})}),i!=="fixed"&&o&&e.jsx(a.CSSTransition,{in:l&&n&&i==="saved",timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(g.UnsavedChangesPill,{viewName:o,onDiscard:()=>u(),onSaveDraft:s})})]})});exports.PillNotifications=S;

package/dist/index37.js

@@ -2,7 +2,7 @@ import { jsxs as u, Fragment as p, jsx as i } from "react/jsx-runtime";
 import { CSSTransition as a } from "react-transition-group";
 import { observer as h } from "mobx-react";
 import { useViews as v } from "./index58.js";
-import { InfoPill as w } from "./index83.js";
+import { InfoPill as w } from "./index79.js";
 import { UnsavedChangesPill as x } from "./index39.js";
 import { useStores as g } from "./index57.js";
 const F = h(

package/dist/index38.cjs

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

package/dist/index38.js

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

package/dist/index41.cjs

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

package/dist/index41.js

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

package/dist/index43.cjs

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

package/dist/index43.js

@@ -12,7 +12,7 @@ const q = O(({ columnDefinitions: p, pinnedRightColumnIds: t = [], pinnedLeftCol
   var d;
   const { DEFAULT_HIDDEN_COLUMNS: M, DEFAULT_VISIBLE_COLUMNS: f } = B(), n = [...i, ...t], l = M.filter((e) => !n.includes(e)), m = f.filter((e) => !n.includes(e)), b = [...l, ...m], { closeModal: T, isModalOpen: E, openModal: A } = I(), { Filters: { activeViewId: a } } = x(), { viewsMap: g, isLoading: C } = y();
   if (!a || C) return null;
-  const o = g.get(a), r = Array.isArray((d = o == null ? void 0 : o.columns) == null ? void 0 : d.columnIds), c = r ? o.columns.columnIds.filter((e) => n.includes(e)) : m, D = r ? b.filter(
+  const o = g.get(a), r = Array.isArray((d = o == null ? void 0 : o.columns) == null ? void 0 : d.columnIds), c = r ? o.columns.columnIds.filter((e) => !n.includes(e)) : m, D = r ? b.filter(
     (e) => !c.includes(e)
   ) : l;
   return /* @__PURE__ */ L(N, { children: [

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("./index86.cjs"),i=require("./index87.cjs"),I=require("./index88.cjs"),T=require("./index89.cjs"),t=require("./index90.cjs"),w=require("./index78.cjs"),D=require("./index91.cjs"),b=require("./index92.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"),l=require("@veeqo/ui"),s=require("react"),w=require("@veeqo/components"),S=require("./index85.cjs"),i=require("./index86.cjs"),T=require("./index87.cjs"),V=require("./index88.cjs"),n=require("./index89.cjs"),D=require("./index78.cjs"),H=require("./index90.cjs"),j=require("./index91.cjs"),{Glyph:O}=w.VeeqoCommon,$=({onClose:u,columnDefintions: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=$;

package/dist/index77.js

@@ -1,84 +1,90 @@
-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 "./index86.js";
-import { Container as I, ColumnGroupsGrid as Y, VerticalSeparator as $, VerticalText as j, HeaderContainer as q, ColumnSearch as z } from "./index87.js";
-import { DndContainer as B } from "./index88.js";
-import { ColumnItem as L } from "./index89.js";
-import { ColumnGroupIds as r } from "./index90.js";
-import { TableManagementGlyph as Q } from "./index78.js";
-import { usePersistColumns as R } from "./index91.js";
-import { filterColumnsBySearch as y } from "./index92.js";
-const { Glyph: P } = A, ae = ({
+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 "./index85.js";
+import { Container as Y, ColumnGroupsGrid as j, VerticalSeparator as z, VerticalText as B, HeaderContainer as L, ColumnSearch as Q } from "./index86.js";
+import { DndContainer as R } from "./index87.js";
+import { ColumnItem as q } from "./index88.js";
+import { ColumnGroupIds as n } from "./index89.js";
+import { TableManagementGlyph as P } from "./index78.js";
+import { usePersistColumns as _ } from "./index90.js";
+import { filterColumnsBySearch as V } from "./index91.js";
+const { Glyph: E } = I, te = ({
   onClose: l,
-  columnDefintions: w,
-  hiddenColumns: u,
-  visibleColumns: g,
-  pinnedLeftColumnIds: k,
-  pinnedRightColumnIds: D
+  columnDefintions: k,
+  hiddenColumns: s,
+  visibleColumns: m,
+  pinnedLeftColumnIds: D,
+  pinnedRightColumnIds: H
 }) => {
-  const [o, p] = b(""), a = h(
-    () => new Map(w.map((n) => [n.id, n])),
+  const [o, b] = v(""), i = f(
+    () => new Map(k.map((a) => [a.id, a])),
     []
-  ), [i, f] = b(() => ({
-    [r.Hidden]: u,
-    [r.Visible]: g
-  })), M = h(() => {
-    const n = i[r.Visible].map((t) => a.get(`${t}`));
-    return y(n, o);
-  }, [i, a, o]), V = h(() => {
-    const n = i[r.Hidden].map((t) => a.get(`${t}`));
-    return y(n, o);
-  }, [i, a, o]), { isSavingColumns: c, saveColumns: x } = R({ pinnedLeftColumnIds: k, pinnedRightColumnIds: D }), G = () => {
-    p(""), f({
-      [r.Hidden]: u,
-      [r.Visible]: g
+  ), [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 = v(
-    (n) => {
-      p(n);
+  }, 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}`))
+        }));
+      }
     },
-    []
-  ), H = v(
-    (n) => {
-      const t = a.get(`${n}`);
-      return t ? /* @__PURE__ */ e(L, { column: t, isDragOverlay: !0 }) : null;
+    [s, m]
+  ), $ = y(
+    (a) => {
+      const r = i.get(`${a}`);
+      return r ? /* @__PURE__ */ e(q, { column: r, isDragOverlay: !0 }) : null;
     },
-    [a]
+    [i]
   );
   return /* @__PURE__ */ e(
-    T,
+    O,
     {
       variant: "lg",
       style: { overflowY: "hidden" },
       shouldShow: !0,
       onClose: () => l == null ? void 0 : l(),
-      headerSlot: /* @__PURE__ */ s(q, { children: [
-        /* @__PURE__ */ s(m, { direction: "horizontal", alignX: "between", alignY: "center", children: [
-          /* @__PURE__ */ s(m, { direction: "horizontal", alignX: "start", alignY: "center", spacing: "sm", children: [
-            /* @__PURE__ */ e(Q, { height: 32, width: 32 }),
-            /* @__PURE__ */ e(d, { variant: "headingLarge", as: "h1", children: "Table management" })
+      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(
-            O,
+            X,
             {
               "aria-label": "Close modal",
               onClick: l,
               variant: "flat",
-              iconSlot: /* @__PURE__ */ e(P, { name: "close" })
+              iconSlot: /* @__PURE__ */ e(E, { name: "close" })
             }
           )
         ] }),
-        /* @__PURE__ */ s(d, { variant: "subheadingMedium", children: [
+        /* @__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(X, { href: "#", target: "_blank", children: "help guide (TODO)" }),
+          /* @__PURE__ */ e(A, { href: "#", target: "_blank", children: "help guide (TODO)" }),
           "."
         ] }),
-        /* @__PURE__ */ e(d, { variant: "headingSmall", children: "Column management" }),
+        /* @__PURE__ */ e(p, { variant: "headingSmall", children: "Column management" }),
         /* @__PURE__ */ e(
-          z,
+          Q,
           {
             name: "column-search-query",
             placeholder: "Search",
@@ -92,9 +98,9 @@ const { Glyph: P } = A, ae = ({
       leftActions: [
         {
           label: "Reset",
-          onClick: G,
+          onClick: T,
           variant: "default",
-          disabled: c
+          disabled: d
         }
       ],
       rightActions: [
@@ -102,32 +108,32 @@ const { Glyph: P } = A, ae = ({
           label: "Cancel",
           onClick: l,
           variant: "default",
-          disabled: c
+          disabled: d
         },
         {
           label: "Save",
-          onClick: () => x({ visibleColumns: i[r.Visible] }),
+          onClick: () => G({ visibleColumns: t[n.Visible] }),
           variant: "primary",
-          disabled: c,
-          loading: c
+          disabled: d,
+          loading: d
         }
       ],
-      children: /* @__PURE__ */ e(m, { spacing: "md", alignX: "stretch", children: /* @__PURE__ */ e(m, { spacing: 4, alignX: "stretch", children: /* @__PURE__ */ e(B, { items: i, setItems: f, renderDragOverlay: H, children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ s(Y, { columns: 2, spacing: "xl", children: [
+      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(
-          S,
+          w,
           {
-            id: r.Visible,
+            id: n.Visible,
             title: "Shown columns:",
             columns: M
           }
         ),
-        /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(j, { children: "Drag & Drop columns" }) }),
+        /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(B, { children: "Drag & Drop columns" }) }),
         /* @__PURE__ */ e(
-          S,
+          w,
           {
-            id: r.Hidden,
+            id: n.Hidden,
             title: "Hidden columns:",
-            columns: V
+            columns: x
           }
         )
       ] }) }) }) }) })
@@ -135,5 +141,5 @@ const { Glyph: P } = A, ae = ({
   );
 };
 export {
-  ae as TableManagementModal
+  te as TableManagementModal
 };

package/dist/index79.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),l=require("./index102.cjs"),v=({children:i,style:o,className:c})=>{const r=n.useRef(null),[u,f]=n.useState(0);return n.useEffect(()=>{const e=r.current,s=()=>{if(e){const{top:a}=e.getBoundingClientRect();f(a)}};s();const t=new ResizeObserver(s);return e&&t.observe(e),()=>{e&&t.unobserve(e),t.disconnect()}},[]),d.jsx(l.AdaptiveStyledContainer,{style:o,className:c,offset:u,ref:r,children:i})};exports.AdaptiveHeightContainer=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),t=require("./index95.cjs"),a=i.theme.colors.secondary.blue.base,o=({mainEntityLabelPlural:r="",onClick:n})=>e.jsx(t.Notification,{className:"act-react-listing-custom-notification-new-draft",children:e.jsx(t.Pill,{children:e.jsxs(i.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(t.Glyph,{name:"info",color:a}),e.jsxs(t.Wrap,{children:[e.jsx(t.Text,{variant:"body",margin:"0 4px 0 0",children:"You are currently in a"}),e.jsx(t.Bold,{variant:"bodyBoldDark",children:"draft view"}),e.jsx(t.Hint,{variant:"hintText",children:`Apply filters and create a custom view of your ${r.toLowerCase()}`})]}),e.jsx(t.Button,{className:"act-react-listing-custom-notification-save-draft-btn",variant:"primary",onClick:n,size:"sm",children:"Create view"})]})})});exports.InfoPill=o;

package/dist/index79.js

@@ -1,26 +1,24 @@
-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 "./index102.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 });
-};
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { Stack as e, theme as o } from "@veeqo/ui";
+import { Notification as n, Pill as c, Glyph as l, Wrap as s, Text as d, Bold as m, Hint as f, Button as h } from "./index95.js";
+const p = o.colors.secondary.blue.base, x = ({ mainEntityLabelPlural: r = "", onClick: a }) => /* @__PURE__ */ t(n, { className: "act-react-listing-custom-notification-new-draft", children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ i(e, { direction: "horizontal", alignY: "center", children: [
+  /* @__PURE__ */ t(l, { name: "info", color: p }),
+  /* @__PURE__ */ i(s, { children: [
+    /* @__PURE__ */ t(d, { variant: "body", margin: "0 4px 0 0", children: "You are currently in a" }),
+    /* @__PURE__ */ t(m, { variant: "bodyBoldDark", children: "draft view" }),
+    /* @__PURE__ */ t(f, { variant: "hintText", children: `Apply filters and create a custom view of your ${r.toLowerCase()}` })
+  ] }),
+  /* @__PURE__ */ t(
+    h,
+    {
+      className: "act-react-listing-custom-notification-save-draft-btn",
+      variant: "primary",
+      onClick: a,
+      size: "sm",
+      children: "Create view"
+    }
+  )
+] }) }) });
 export {
-  R as AdaptiveHeightContainer
+  x as InfoPill
 };

package/dist/index82.cjs

@@ -1,19 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("@veeqo/ui"),s=t=>t&&t.__esModule?t:{default:t},o=s(r),i=o.default(e.Button).attrs(()=>({role:"option",variant:"flat"}))`
-  margin: ${e.theme.sizes.xs};
-  min-width: 180px;
-  justify-content: flex-start;
-  font-size: ${e.theme.text.body.fontSize};
-
-  &:hover {
-    background-color: ${e.theme.colors.neutral.grey.lightest};
-    color: ${e.theme.colors.secondary.blue.base};
-    cursor: pointer;
-  }
-`,n=o.default(e.Card.Surface).attrs(()=>({role:"listbox",elevation:4}))`
-  margin-top: ${e.theme.sizes.xs};
-  background-color: white;
-`,l=o.default.hr`
-  width: 100%;
-  border-top: 1px solid ${e.theme.colors.neutral.grey.dark};
-  margin: 0;
-`;exports.Divider=l;exports.Item=i;exports.MenuItems=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("./index97.cjs"),o=e=>i.jsx(l.StyledSortableViews,{...e,onChange:t=>{t.filter(r=>{var n;return(n=r.children)==null?void 0:n.length}).length||e.onChange(t)}});exports.LegacySortableViews=o;

package/dist/index82.js

@@ -1,26 +1,17 @@
-import t from "styled-components";
-import { theme as o, Card as r, Button as e } from "@veeqo/ui";
-const n = t(e).attrs(() => ({ role: "option", variant: "flat" }))`
-  margin: ${o.sizes.xs};
-  min-width: 180px;
-  justify-content: flex-start;
-  font-size: ${o.text.body.fontSize};
-
-  &:hover {
-    background-color: ${o.colors.neutral.grey.lightest};
-    color: ${o.colors.secondary.blue.base};
-    cursor: pointer;
+import { jsx as o } from "react/jsx-runtime";
+import { StyledSortableViews as i } from "./index97.js";
+const h = (e) => /* @__PURE__ */ o(
+  i,
+  {
+    ...e,
+    onChange: (t) => {
+      t.filter((n) => {
+        var r;
+        return (r = n.children) == null ? void 0 : r.length;
+      }).length || e.onChange(t);
+    }
   }
-`, a = t(r.Surface).attrs(() => ({ role: "listbox", elevation: 4 }))`
-  margin-top: ${o.sizes.xs};
-  background-color: white;
-`, l = t.hr`
-  width: 100%;
-  border-top: 1px solid ${o.colors.neutral.grey.dark};
-  margin: 0;
-`;
+);
 export {
-  l as Divider,
-  n as Item,
-  a as MenuItems
+  h as LegacySortableViews
 };

package/dist/index83.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),t=require("./index96.cjs"),a=i.theme.colors.secondary.blue.base,o=({mainEntityLabelPlural:r="",onClick:n})=>e.jsx(t.Notification,{className:"act-react-listing-custom-notification-new-draft",children:e.jsx(t.Pill,{children:e.jsxs(i.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(t.Glyph,{name:"info",color:a}),e.jsxs(t.Wrap,{children:[e.jsx(t.Text,{variant:"body",margin:"0 4px 0 0",children:"You are currently in a"}),e.jsx(t.Bold,{variant:"bodyBoldDark",children:"draft view"}),e.jsx(t.Hint,{variant:"hintText",children:`Apply filters and create a custom view of your ${r.toLowerCase()}`})]}),e.jsx(t.Button,{className:"act-react-listing-custom-notification-save-draft-btn",variant:"primary",onClick:n,size:"sm",children:"Create view"})]})})});exports.InfoPill=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),l=require("./index102.cjs"),v=({children:i,style:o,className:c})=>{const r=n.useRef(null),[u,f]=n.useState(0);return n.useEffect(()=>{const e=r.current,s=()=>{if(e){const{top:a}=e.getBoundingClientRect();f(a)}};s();const t=new ResizeObserver(s);return e&&t.observe(e),()=>{e&&t.unobserve(e),t.disconnect()}},[]),d.jsx(l.AdaptiveStyledContainer,{style:o,className:c,offset:u,ref:r,children:i})};exports.AdaptiveHeightContainer=v;

package/dist/index83.js

@@ -1,24 +1,26 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { Stack as e, theme as o } from "@veeqo/ui";
-import { Notification as n, Pill as c, Glyph as l, Wrap as s, Text as d, Bold as m, Hint as f, Button as h } from "./index96.js";
-const p = o.colors.secondary.blue.base, x = ({ mainEntityLabelPlural: r = "", onClick: a }) => /* @__PURE__ */ t(n, { className: "act-react-listing-custom-notification-new-draft", children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ i(e, { direction: "horizontal", alignY: "center", children: [
-  /* @__PURE__ */ t(l, { name: "info", color: p }),
-  /* @__PURE__ */ i(s, { children: [
-    /* @__PURE__ */ t(d, { variant: "body", margin: "0 4px 0 0", children: "You are currently in a" }),
-    /* @__PURE__ */ t(m, { variant: "bodyBoldDark", children: "draft view" }),
-    /* @__PURE__ */ t(f, { variant: "hintText", children: `Apply filters and create a custom view of your ${r.toLowerCase()}` })
-  ] }),
-  /* @__PURE__ */ t(
-    h,
-    {
-      className: "act-react-listing-custom-notification-save-draft-btn",
-      variant: "primary",
-      onClick: a,
-      size: "sm",
-      children: "Create view"
-    }
-  )
-] }) }) });
+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 "./index102.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 {
-  x as InfoPill
+  R as AdaptiveHeightContainer
 };

package/dist/index84.cjs

@@ -1 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("./index97.cjs"),o=e=>i.jsx(l.StyledSortableViews,{...e,onChange:t=>{t.filter(r=>{var n;return(n=r.children)==null?void 0:n.length}).length||e.onChange(t)}});exports.LegacySortableViews=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("@veeqo/ui"),s=t=>t&&t.__esModule?t:{default:t},o=s(r),i=o.default(e.Button).attrs(()=>({role:"option",variant:"flat"}))`
+  margin: ${e.theme.sizes.xs};
+  min-width: 180px;
+  justify-content: flex-start;
+  font-size: ${e.theme.text.body.fontSize};
+
+  &:hover {
+    background-color: ${e.theme.colors.neutral.grey.lightest};
+    color: ${e.theme.colors.secondary.blue.base};
+    cursor: pointer;
+  }
+`,n=o.default(e.Card.Surface).attrs(()=>({role:"listbox",elevation:4}))`
+  margin-top: ${e.theme.sizes.xs};
+  background-color: white;
+`,l=o.default.hr`
+  width: 100%;
+  border-top: 1px solid ${e.theme.colors.neutral.grey.dark};
+  margin: 0;
+`;exports.Divider=l;exports.Item=i;exports.MenuItems=n;