@veeqo/transfigure 1.1.5 → 1.1.7

package/dist/index42.js

@@ -1,90 +1,50 @@
-import { jsxs as D, Fragment as N, jsx as o } from "react/jsx-runtime";
-import { Popover as r } from "@veeqo/ui";
-import { SHARING_OPTIONS as m } from "./index44.js";
-import { OptionsDropdown as O } from "./index38.js";
-import { EditDropdown as s } from "./index37.js";
-const j = ({
-  referenceElement: n,
-  tab: e,
-  create: { handleCreate: w, closeCreateDropdown: c },
-  menu: { handleSave: h, handleDuplicate: v, handleMakeDefault: x, closeDropdown: t },
-  edit: { handleShowEditDropdown: S, closeEditDropdown: u },
-  delete: { handleShowDeleteConfirmation: d, handleDelete: C },
-  shouldShowDropdown: i,
-  shouldShowEditDropdown: l,
-  shouldShowCreateDropdown: p
+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";
+const C = d.colors.secondary.blue.base, k = m(({
+  onDiscard: c,
+  viewName: r,
+  onSaveDraft: s
 }) => {
-  const a = e.isShared ? m.COMPANY : m.PERSONAL;
-  return /* @__PURE__ */ D(N, { children: [
-    i && /* @__PURE__ */ o(
-      r,
+  const { saveChanges: l, isSubmitting: a } = v();
+  return /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(g, { children: /* @__PURE__ */ e(t, { direction: "horizontal", alignY: "center", children: [
+    /* @__PURE__ */ n(p, { ariaLabel: "attention", name: "attention", color: C }),
+    /* @__PURE__ */ e(u, { children: [
+      /* @__PURE__ */ n(i, { variant: "body", margin: "0 4px 0 0", children: "You have unsaved changes to" }),
+      r && /* @__PURE__ */ e(y, { variant: "bodyBoldDark", children: [
+        "'",
+        r,
+        "'"
+      ] })
+    ] }),
+    /* @__PURE__ */ n(
+      h,
       {
-        anchorElement: n,
-        placement: "bottom-start",
-        onShouldClose: t,
-        id: "options-dropdown",
-        children: /* @__PURE__ */ o(
-          O,
-          {
-            tab: e,
-            onMakeDefault: x,
-            onDelete: d,
-            onDuplicate: v,
-            onEdit: S,
-            shouldShowDropdown: i,
-            handleCloseDropdown: t
-          }
-        )
+        onClick: c,
+        size: "sm",
+        children: "Discard changes"
       }
     ),
-    l && /* @__PURE__ */ o(
-      r,
+    /* @__PURE__ */ e(
+      o,
       {
-        anchorElement: n,
-        placement: "bottom-start",
-        onShouldClose: t,
-        id: "edit-dropdown",
-        children: /* @__PURE__ */ o(
-          s,
-          {
-            e2ePrefix: "edit-view-dropdown",
-            viewName: e.label,
-            shouldShowDropdown: l,
-            onCloseDropdown: u,
-            onSave: h,
-            onDelete: C,
-            headerText: "Edit view",
-            tab: e,
-            activeOption: a
-          }
-        )
-      }
-    ),
-    p && /* @__PURE__ */ o(
-      r,
-      {
-        anchorElement: n,
-        placement: "bottom-start",
-        onShouldClose: t,
-        id: "create-dropdown",
-        children: /* @__PURE__ */ o(
-          s,
-          {
-            e2ePrefix: "create-view-dropdown",
-            viewName: e.label,
-            shouldShowDropdown: p,
-            onCloseDropdown: c,
-            onSave: w,
-            onDelete: d,
-            headerText: "Create new view",
-            tab: e,
-            activeOption: a
-          }
-        )
+        ctaProps: {
+          children: "Save changes",
+          variant: "primary"
+        },
+        children: [
+          /* @__PURE__ */ n(o.Item, { onAction: s, isDisabled: a, children: /* @__PURE__ */ n(i, { variant: "body", children: "Create new view" }) }),
+          /* @__PURE__ */ n(o.Item, { onAction: l, isDisabled: a, children: /* @__PURE__ */ e(t, { direction: "horizontal", spacing: 1, alignY: "center", children: [
+            /* @__PURE__ */ n(i, { variant: "body", children: "Save changes to" }),
+            /* @__PURE__ */ n(i, { variant: "bodyBold", children: r })
+          ] }) })
+        ]
       }
     )
-  ] });
-};
+  ] }) }) });
+});
 export {
-  j as ViewDropdowns
+  k as UnsavedChangesPill
 };

package/dist/index43.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("./index99.cjs"),j=require("./index40.cjs"),m=require("./index61.cjs"),S=require("./index62.cjs"),q=require("./index36.cjs"),u=require("./index35.cjs"),p=require("./index60.cjs"),a=require("./index11.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"),r=require("@veeqo/ui"),p=require("./index45.cjs"),O=require("./index39.cjs"),c=require("./index38.cjs"),P=({referenceElement:t,tab:o,create:{handleCreate:w,closeCreateDropdown:u},menu:{handleSave:v,handleDuplicate:m,handleMakeDefault:x,closeDropdown:n},edit:{handleShowEditDropdown:S,closeEditDropdown:h},delete:{handleShowDeleteConfirmation:i,handleDelete:D},shouldShowDropdown:d,shouldShowEditDropdown:s,shouldShowCreateDropdown:l})=>{const a=o.isShared?p.SHARING_OPTIONS.COMPANY:p.SHARING_OPTIONS.PERSONAL;return e.jsxs(e.Fragment,{children:[d&&e.jsx(r.Popover,{anchorElement:t,placement:"bottom-start",onShouldClose:n,id:"options-dropdown",children:e.jsx(O.OptionsDropdown,{tab:o,onMakeDefault:x,onDelete:i,onDuplicate:m,onEdit:S,shouldShowDropdown:d,handleCloseDropdown:n})}),s&&e.jsx(r.Popover,{anchorElement:t,placement:"bottom-start",onShouldClose:n,id:"edit-dropdown",children:e.jsx(c.EditDropdown,{e2ePrefix:"edit-view-dropdown",viewName:o.label,shouldShowDropdown:s,onCloseDropdown:h,onSave:v,onDelete:D,headerText:"Edit view",tab:o,activeOption:a})}),l&&e.jsx(r.Popover,{anchorElement:t,placement:"bottom-start",onShouldClose:n,id:"create-dropdown",children:e.jsx(c.EditDropdown,{e2ePrefix:"create-view-dropdown",viewName:o.label,shouldShowDropdown:l,onCloseDropdown:u,onSave:w,onDelete:i,headerText:"Create new view",tab:o,activeOption:a})})]})};exports.ViewDropdowns=P;

package/dist/index43.js

@@ -1,50 +1,90 @@
-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 "./index99.js";
-import { SortableViews as b } from "./index40.js";
-import { useViews as A } from "./index61.js";
-import { useViewUrlChange as L } from "./index62.js";
-import { CreateView as M } from "./index36.js";
-import { ViewTab as s } from "./index35.js";
-import { useStores as T } from "./index60.js";
-import { ErrorBoundary as m } from "./index11.js";
-const z = h(() => {
-  const {
-    Views: { draftViewsList: l }
-  } = T(), { viewsArray: a, fixedViews: d } = A(), [t, o] = n(!1), [p, c] = n(null), f = () => o(!1);
-  return L(), /* @__PURE__ */ i(u, { children: [
-    /* @__PURE__ */ i(
-      w,
+import { jsxs as D, Fragment as N, jsx as o } from "react/jsx-runtime";
+import { Popover as r } from "@veeqo/ui";
+import { SHARING_OPTIONS as m } from "./index45.js";
+import { OptionsDropdown as O } from "./index39.js";
+import { EditDropdown as s } from "./index38.js";
+const j = ({
+  referenceElement: n,
+  tab: e,
+  create: { handleCreate: w, closeCreateDropdown: c },
+  menu: { handleSave: h, handleDuplicate: v, handleMakeDefault: x, closeDropdown: t },
+  edit: { handleShowEditDropdown: S, closeEditDropdown: u },
+  delete: { handleShowDeleteConfirmation: d, handleDelete: C },
+  shouldShowDropdown: i,
+  shouldShowEditDropdown: l,
+  shouldShowCreateDropdown: p
+}) => {
+  const a = e.isShared ? m.COMPANY : m.PERSONAL;
+  return /* @__PURE__ */ D(N, { children: [
+    i && /* @__PURE__ */ o(
+      r,
       {
-        onClickMenu: () => o(!0),
-        ariaMenuControls: "views-menu",
-        ariaMenuExpanded: t,
-        ref: c,
-        children: [
-          a.map((r) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(s, { view: r }) }, r.id)),
-          l.map((r) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(s, { view: r }) }, r.id))
-        ]
+        anchorElement: n,
+        placement: "bottom-start",
+        onShouldClose: t,
+        id: "options-dropdown",
+        children: /* @__PURE__ */ o(
+          O,
+          {
+            tab: e,
+            onMakeDefault: x,
+            onDelete: d,
+            onDuplicate: v,
+            onEdit: S,
+            shouldShowDropdown: i,
+            handleCloseDropdown: t
+          }
+        )
       }
     ),
-    t && /* @__PURE__ */ e(
-      V,
+    l && /* @__PURE__ */ o(
+      r,
       {
-        id: "views-menu",
-        anchorElement: p,
-        placement: "bottom",
-        onShouldClose: () => o(!1),
-        children: /* @__PURE__ */ i(v.Surface, { children: [
-          /* @__PURE__ */ e(x, { children: d.map((r) => /* @__PURE__ */ e(S, { variant: "placeholder", children: r.label }, r.id || r.label)) }),
-          /* @__PURE__ */ e(b, {}),
-          /* @__PURE__ */ e(C, {}),
-          /* @__PURE__ */ e(M, { hideActionsPopover: f })
-        ] })
+        anchorElement: n,
+        placement: "bottom-start",
+        onShouldClose: t,
+        id: "edit-dropdown",
+        children: /* @__PURE__ */ o(
+          s,
+          {
+            e2ePrefix: "edit-view-dropdown",
+            viewName: e.label,
+            shouldShowDropdown: l,
+            onCloseDropdown: u,
+            onSave: h,
+            onDelete: C,
+            headerText: "Edit view",
+            tab: e,
+            activeOption: a
+          }
+        )
+      }
+    ),
+    p && /* @__PURE__ */ o(
+      r,
+      {
+        anchorElement: n,
+        placement: "bottom-start",
+        onShouldClose: t,
+        id: "create-dropdown",
+        children: /* @__PURE__ */ o(
+          s,
+          {
+            e2ePrefix: "create-view-dropdown",
+            viewName: e.label,
+            shouldShowDropdown: p,
+            onCloseDropdown: c,
+            onSave: w,
+            onDelete: d,
+            headerText: "Create new view",
+            tab: e,
+            activeOption: a
+          }
+        )
       }
     )
   ] });
-});
+};
 export {
-  z as ViewList
+  j as ViewDropdowns
 };

package/dist/index44.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={PERSONAL:{key:"personal",text:"Personal"},COMPANY:{key:"company",text:"Company"}};exports.SHARING_OPTIONS=e;
+"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("./index103.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

@@ -1,7 +1,50 @@
-const e = {
-  PERSONAL: { key: "personal", text: "Personal" },
-  COMPANY: { key: "company", text: "Company" }
-};
+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 "./index103.js";
+import { SortableViews as b } from "./index41.js";
+import { useViews as A } from "./index62.js";
+import { useViewUrlChange as L } from "./index63.js";
+import { CreateView as M } from "./index37.js";
+import { ViewTab as s } from "./index36.js";
+import { useStores as T } from "./index61.js";
+import { ErrorBoundary as m } from "./index12.js";
+const z = h(() => {
+  const {
+    Views: { draftViewsList: l }
+  } = T(), { viewsArray: a, fixedViews: d } = A(), [t, o] = n(!1), [p, c] = n(null), f = () => o(!1);
+  return L(), /* @__PURE__ */ i(u, { children: [
+    /* @__PURE__ */ i(
+      w,
+      {
+        onClickMenu: () => o(!0),
+        ariaMenuControls: "views-menu",
+        ariaMenuExpanded: t,
+        ref: c,
+        children: [
+          a.map((r) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(s, { view: r }) }, r.id)),
+          l.map((r) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(s, { view: r }) }, r.id))
+        ]
+      }
+    ),
+    t && /* @__PURE__ */ e(
+      V,
+      {
+        id: "views-menu",
+        anchorElement: p,
+        placement: "bottom",
+        onShouldClose: () => o(!1),
+        children: /* @__PURE__ */ i(v.Surface, { children: [
+          /* @__PURE__ */ e(x, { children: d.map((r) => /* @__PURE__ */ e(S, { variant: "placeholder", children: r.label }, r.id || r.label)) }),
+          /* @__PURE__ */ e(b, {}),
+          /* @__PURE__ */ e(C, {}),
+          /* @__PURE__ */ e(M, { hideActionsPopover: f })
+        ] })
+      }
+    )
+  ] });
+});
 export {
-  e as SHARING_OPTIONS
+  z as ViewList
 };

package/dist/index45.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),N=require("./index86.cjs"),b=require("@veeqo/ui"),_=require("./index87.cjs"),j=require("mobx-react"),y=require("./index8.cjs"),B=require("./index51.cjs"),I=require("./index60.cjs"),O=require("./index61.cjs"),g=require("./index50.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 e={PERSONAL:{key:"personal",text:"Personal"},COMPANY:{key:"company",text:"Company"}};exports.SHARING_OPTIONS=e;

package/dist/index45.js

@@ -1,47 +1,7 @@
-import { jsxs as v, Fragment as B, jsx as s } from "react/jsx-runtime";
-import { TableManagementModal as O } from "./index86.js";
-import { Tooltip as w, Button as x } from "@veeqo/ui";
-import { TableManagementGlyph as F } from "./index87.js";
-import { observer as I } from "mobx-react";
-import { useBusinessLogic as y } from "./index8.js";
-import { useModal as P } from "./index51.js";
-import { useStores as U } from "./index60.js";
-import { useViews as G } from "./index61.js";
-import { ModalId as M } from "./index50.js";
-const X = I(
-  ({ columnDefinitions: f, pinnedRightColumnIds: i = [], pinnedLeftColumnIds: l = [] }) => {
-    var p;
-    const { DEFAULT_HIDDEN_COLUMNS: b, DEFAULT_VISIBLE_COLUMNS: g } = y(), t = [...l, ...i], a = b.filter((o) => !t.includes(o)), m = g.filter((o) => !t.includes(o)), T = [...a, ...m], { closeModal: E, isModalOpen: A, openModal: D } = P(), {
-      Filters: { activeViewId: n },
-      Views: { draftViewsMap: h }
-    } = U(), { viewsMap: C, isLoading: L } = G();
-    if (!n || L) return null;
-    const e = C.get(n), r = Array.isArray((p = e == null ? void 0 : e.columns) == null ? void 0 : p.columnIds), c = r ? e.columns.columnIds.filter((o) => !t.includes(o)) : m, N = r ? T.filter((o) => !c.includes(o)) : a, u = h.has(n), d = !(e != null && e.editable), S = d || u, _ = u ? "Please create a view to use table management" : d ? "Please choose a custom view to use table management" : "Table management";
-    return /* @__PURE__ */ v(B, { children: [
-      /* @__PURE__ */ s(w, { text: _, children: /* @__PURE__ */ s(
-        x,
-        {
-          "aria-label": "Open table management",
-          onClick: () => D(M.ORDERS_TABLE_MANAGEMENT),
-          size: "sm",
-          iconSlot: /* @__PURE__ */ s(F, {}),
-          disabled: S
-        }
-      ) }),
-      A(M.ORDERS_TABLE_MANAGEMENT) && /* @__PURE__ */ s(
-        O,
-        {
-          pinnedRightColumnIds: i,
-          pinnedLeftColumnIds: l,
-          visibleColumns: c,
-          hiddenColumns: N,
-          columnDefinitions: f,
-          onClose: E
-        }
-      )
-    ] });
-  }
-);
+const e = {
+  PERSONAL: { key: "personal", text: "Personal" },
+  COMPANY: { key: "company", text: "Company" }
+};
 export {
-  X as TableManagement
+  e as SHARING_OPTIONS
 };

package/dist/index46.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("./index60.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 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,44 +1,47 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { usePollData as c } from "./index84.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 { useStores as b } from "./index60.js";
-const j = ({
-  isLoading: s,
-  refetch: a,
-  trackMetricClick: e,
-  tooltipText: l = "Refresh data",
-  buttonProps: n = {
-    size: "sm",
-    variant: "default"
+import { jsxs as v, Fragment as B, jsx as s } from "react/jsx-runtime";
+import { TableManagementModal as O } from "./index88.js";
+import { Tooltip as w, Button as x } from "@veeqo/ui";
+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";
+import { useStores as U } from "./index61.js";
+import { useViews as G } from "./index62.js";
+import { ModalId as M } from "./index51.js";
+const X = I(
+  ({ columnDefinitions: f, pinnedRightColumnIds: i = [], pinnedLeftColumnIds: l = [] }) => {
+    var p;
+    const { DEFAULT_HIDDEN_COLUMNS: b, DEFAULT_VISIBLE_COLUMNS: g } = y(), t = [...l, ...i], a = b.filter((o) => !t.includes(o)), m = g.filter((o) => !t.includes(o)), T = [...a, ...m], { closeModal: E, isModalOpen: A, openModal: D } = P(), {
+      Filters: { activeViewId: n },
+      Views: { draftViewsMap: h }
+    } = U(), { viewsMap: C, isLoading: L } = G();
+    if (!n || L) return null;
+    const e = C.get(n), r = Array.isArray((p = e == null ? void 0 : e.columns) == null ? void 0 : p.columnIds), c = r ? e.columns.columnIds.filter((o) => !t.includes(o)) : m, N = r ? T.filter((o) => !c.includes(o)) : a, u = h.has(n), d = !(e != null && e.editable), S = d || u, _ = u ? "Please create a view to use table management" : d ? "Please choose a custom view to use table management" : "Table management";
+    return /* @__PURE__ */ v(B, { children: [
+      /* @__PURE__ */ s(w, { text: _, children: /* @__PURE__ */ s(
+        x,
+        {
+          "aria-label": "Open table management",
+          onClick: () => D(M.ORDERS_TABLE_MANAGEMENT),
+          size: "sm",
+          iconSlot: /* @__PURE__ */ s(F, {}),
+          disabled: S
+        }
+      ) }),
+      A(M.ORDERS_TABLE_MANAGEMENT) && /* @__PURE__ */ s(
+        O,
+        {
+          pinnedRightColumnIds: i,
+          pinnedLeftColumnIds: l,
+          visibleColumns: c,
+          hiddenColumns: N,
+          columnDefinitions: f,
+          onClose: E
+        }
+      )
+    ] });
   }
-}) => {
-  const { hasChanges: r, acknowledgeButtonClick: i } = c(), {
-    Notifications: { notify: f }
-  } = b(), h = async () => {
-    try {
-      await a(), await i(), e == null || e();
-    } catch {
-      f({ type: "error", text: "Failed to refresh data" });
-    }
-  };
-  return /* @__PURE__ */ m(d, { className: t.refreshTooltip, text: l, children: [
-    /* @__PURE__ */ o(
-      p,
-      {
-        className: t.refreshButton,
-        onClick: h,
-        loading: s,
-        disabled: s,
-        iconSlot: /* @__PURE__ */ o(u, { color: y.colors.neutral.ink.base }),
-        "aria-label": r ? "refresh table with changes" : "refresh table",
-        "aria-live": "polite",
-        ...n
-      }
-    ),
-    /* @__PURE__ */ o(x, { className: t.refreshIndicator, color: "red", size: "xs", style: { opacity: r ? 1 : 0 } })
-  ] });
-};
+);
 export {
-  j as RefreshButton
+  X as TableManagement
 };

package/dist/index47.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("@veeqo/ui"),_={...T.DateRanges,CUSTOM:"CUSTOM"},A=new Map([["CUSTOM",T.DATE_RANGE_OPTIONS[0]],[_.TODAY,T.DATE_RANGE_OPTIONS[1]],[_.YESTERDAY,T.DATE_RANGE_OPTIONS[2]],[_.LAST_7_DAYS,T.DATE_RANGE_OPTIONS[3]],[_.LAST_30_DAYS,T.DATE_RANGE_OPTIONS[4]],[_.LAST_90_DAYS,T.DATE_RANGE_OPTIONS[5]],[_.LAST_MONTH,T.DATE_RANGE_OPTIONS[6]],[_.LAST_12_MONTHS,T.DATE_RANGE_OPTIONS[7]],[_.WEEK_TO_DATE,T.DATE_RANGE_OPTIONS[8]],[_.MONTH_TO_DATE,T.DATE_RANGE_OPTIONS[9]],[_.YEAR_TO_DATE,T.DATE_RANGE_OPTIONS[10]]]);exports.DateOptionMap=A;exports.DateValue=_;
+"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,21 +1,44 @@
-import { DateRanges as A, DATE_RANGE_OPTIONS as T } from "@veeqo/ui";
-const _ = {
-  ...A,
-  CUSTOM: "CUSTOM"
-}, O = /* @__PURE__ */ new Map([
-  ["CUSTOM", T[0]],
-  [_.TODAY, T[1]],
-  [_.YESTERDAY, T[2]],
-  [_.LAST_7_DAYS, T[3]],
-  [_.LAST_30_DAYS, T[4]],
-  [_.LAST_90_DAYS, T[5]],
-  [_.LAST_MONTH, T[6]],
-  [_.LAST_12_MONTHS, T[7]],
-  [_.WEEK_TO_DATE, T[8]],
-  [_.MONTH_TO_DATE, T[9]],
-  [_.YEAR_TO_DATE, T[10]]
-]);
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+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 "./index87.js";
+import { useStores as b } from "./index61.js";
+const j = ({
+  isLoading: s,
+  refetch: a,
+  trackMetricClick: e,
+  tooltipText: l = "Refresh data",
+  buttonProps: n = {
+    size: "sm",
+    variant: "default"
+  }
+}) => {
+  const { hasChanges: r, acknowledgeButtonClick: i } = c(), {
+    Notifications: { notify: f }
+  } = b(), h = async () => {
+    try {
+      await a(), await i(), e == null || e();
+    } catch {
+      f({ type: "error", text: "Failed to refresh data" });
+    }
+  };
+  return /* @__PURE__ */ m(d, { className: t.refreshTooltip, text: l, children: [
+    /* @__PURE__ */ o(
+      p,
+      {
+        className: t.refreshButton,
+        onClick: h,
+        loading: s,
+        disabled: s,
+        iconSlot: /* @__PURE__ */ o(u, { color: y.colors.neutral.ink.base }),
+        "aria-label": r ? "refresh table with changes" : "refresh table",
+        "aria-live": "polite",
+        ...n
+      }
+    ),
+    /* @__PURE__ */ o(x, { className: t.refreshIndicator, color: "red", size: "xs", style: { opacity: r ? 1 : 0 } })
+  ] });
+};
 export {
-  O as DateOptionMap,
-  _ as DateValue
+  j as RefreshButton
 };

package/dist/index48.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var O=(e=>(e.TEXT="text",e.NUMBER="number",e.CHECKBOX="checkbox",e.RADIO="radio",e.DATE_RANGE="date_range",e.NUMBER_RANGE="number_range",e))(O||{});const n={revalidateOnFocus:!1,revalidateOnReconnect:!1,keepPreviousData:!0};exports.FilterChoiceValue=O;exports.SWR_HOOK_OPTIONS=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("@veeqo/ui"),_={...T.DateRanges,CUSTOM:"CUSTOM"},A=new Map([["CUSTOM",T.DATE_RANGE_OPTIONS[0]],[_.TODAY,T.DATE_RANGE_OPTIONS[1]],[_.YESTERDAY,T.DATE_RANGE_OPTIONS[2]],[_.LAST_7_DAYS,T.DATE_RANGE_OPTIONS[3]],[_.LAST_30_DAYS,T.DATE_RANGE_OPTIONS[4]],[_.LAST_90_DAYS,T.DATE_RANGE_OPTIONS[5]],[_.LAST_MONTH,T.DATE_RANGE_OPTIONS[6]],[_.LAST_12_MONTHS,T.DATE_RANGE_OPTIONS[7]],[_.WEEK_TO_DATE,T.DATE_RANGE_OPTIONS[8]],[_.MONTH_TO_DATE,T.DATE_RANGE_OPTIONS[9]],[_.YEAR_TO_DATE,T.DATE_RANGE_OPTIONS[10]]]);exports.DateOptionMap=A;exports.DateValue=_;

package/dist/index48.js

@@ -1,10 +1,21 @@
-var a = /* @__PURE__ */ ((n) => (n.TEXT = "text", n.NUMBER = "number", n.CHECKBOX = "checkbox", n.RADIO = "radio", n.DATE_RANGE = "date_range", n.NUMBER_RANGE = "number_range", n))(a || {});
-const r = {
-  revalidateOnFocus: !1,
-  revalidateOnReconnect: !1,
-  keepPreviousData: !0
-};
+import { DateRanges as A, DATE_RANGE_OPTIONS as T } from "@veeqo/ui";
+const _ = {
+  ...A,
+  CUSTOM: "CUSTOM"
+}, O = /* @__PURE__ */ new Map([
+  ["CUSTOM", T[0]],
+  [_.TODAY, T[1]],
+  [_.YESTERDAY, T[2]],
+  [_.LAST_7_DAYS, T[3]],
+  [_.LAST_30_DAYS, T[4]],
+  [_.LAST_90_DAYS, T[5]],
+  [_.LAST_MONTH, T[6]],
+  [_.LAST_12_MONTHS, T[7]],
+  [_.WEEK_TO_DATE, T[8]],
+  [_.MONTH_TO_DATE, T[9]],
+  [_.YEAR_TO_DATE, T[10]]
+]);
 export {
-  a as FilterChoiceValue,
-  r as SWR_HOOK_OPTIONS
+  O as DateOptionMap,
+  _ as DateValue
 };

package/dist/index49.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),e=require("react"),r=e.createContext(null),M=({children:u})=>{const[s,n]=e.useState(null),t=e.useCallback(o=>o===s,[s]),l=e.useCallback(()=>{n(null)},[]),a=e.useCallback(o=>{n(o)},[]),c=e.useCallback(o=>{t(o)?l():a(o)},[l,t,a]),d=e.useMemo(()=>({closeModal:l,isModalOpen:t,openModal:a,toggleModal:c}),[l,t,a,c]);return i.jsx(r.Provider,{value:d,children:u})};exports.ModalContext=r;exports.ModalProvider=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var O=(e=>(e.TEXT="text",e.NUMBER="number",e.CHECKBOX="checkbox",e.RADIO="radio",e.DATE_RANGE="date_range",e.NUMBER_RANGE="number_range",e))(O||{});const n={revalidateOnFocus:!1,revalidateOnReconnect:!1,keepPreviousData:!0};exports.FilterChoiceValue=O;exports.SWR_HOOK_OPTIONS=n;