@veeqo/transfigure 0.0.21 → 0.0.22

package/dist/index40.js

@@ -1,90 +1,69 @@
-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 "./index42.js";
-import { OptionsDropdown as O } from "./index36.js";
-import { EditDropdown as s } from "./index35.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 e, jsxs as r } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { Stack as p, theme as v, Button as a, AnimatedDropdown as u } from "@veeqo/ui";
+import { observer as b } from "mobx-react";
+import { usePersistUnsavedChanges as g } from "./index58.js";
+import { Notification as C, Container as f, Glyph as y, Wrap as k, Text as n, Bold as S, Item as t } from "./index90.js";
+const w = v.colors.secondary.blue.base, P = b(({
+  onDiscard: d,
+  viewName: o,
+  onSaveDraft: c
 }) => {
-  const a = e.isShared ? m.COMPANY : m.PERSONAL;
-  return /* @__PURE__ */ D(N, { children: [
-    i && /* @__PURE__ */ o(
-      r,
+  const { saveChanges: s, isSubmitting: l } = g(), [h, i] = m(!1);
+  return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ r(p, { direction: "horizontal", alignY: "center", children: [
+    /* @__PURE__ */ e(y, { ariaLabel: "attention", name: "attention", color: w }),
+    /* @__PURE__ */ r(k, { children: [
+      /* @__PURE__ */ e(n, { variant: "body", margin: "0 4px 0 0", children: "You have unsaved changes" }),
+      o && /* @__PURE__ */ e(S, { variant: "bodyBoldDark", children: `to '${o}'` })
+    ] }),
+    /* @__PURE__ */ e(
+      a,
       {
-        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
-          }
-        )
-      }
-    ),
-    l && /* @__PURE__ */ o(
-      r,
-      {
-        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
-          }
-        )
+        onClick: d,
+        size: "sm",
+        children: "Discard changes"
       }
     ),
-    p && /* @__PURE__ */ o(
-      r,
+    /* @__PURE__ */ r(
+      u,
       {
-        anchorElement: n,
-        placement: "bottom-start",
-        onShouldClose: t,
-        id: "create-dropdown",
-        children: /* @__PURE__ */ o(
-          s,
+        reversed: !0,
+        shouldShowDropdown: h,
+        onClickAway: () => i(!1),
+        cta: /* @__PURE__ */ e(
+          a,
           {
-            e2ePrefix: "create-view-dropdown",
-            viewName: e.label,
-            shouldShowDropdown: p,
-            onCloseDropdown: c,
-            onSave: w,
-            onDelete: d,
-            headerText: "Create new view",
-            tab: e,
-            activeOption: a
+            variant: "primary",
+            onClick: () => i(!0),
+            size: "sm",
+            dropdown: !0,
+            children: "Save changes"
           }
-        )
+        ),
+        children: [
+          /* @__PURE__ */ e(
+            t,
+            {
+              onClick: c,
+              children: /* @__PURE__ */ e(n, { variant: "body", children: "Create new view" })
+            }
+          ),
+          /* @__PURE__ */ r(
+            t,
+            {
+              onClick: s,
+              disabled: l,
+              children: [
+                /* @__PURE__ */ e(n, { variant: "body", margin: "0 4px 0 0", children: "Save changes to" }),
+                /* @__PURE__ */ e(n, { variant: "bodyBoldDark", children: o })
+              ]
+            }
+          )
+        ]
       }
     )
-  ] });
-};
+  ] }) }) });
+});
 export {
-  j as ViewDropdowns
+  P as UnsavedChangesPill
 };

package/dist/index41.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("./index97.cjs"),j=require("./index38.cjs"),m=require("./index59.cjs"),S=require("./index60.cjs"),q=require("./index34.cjs"),u=require("./index33.cjs"),p=require("./index58.cjs"),a=require("./index10.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("./index43.cjs"),O=require("./index37.cjs"),c=require("./index36.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/index41.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 "./index97.js";
-import { SortableViews as b } from "./index38.js";
-import { useViews as A } from "./index59.js";
-import { useViewUrlChange as L } from "./index60.js";
-import { CreateView as M } from "./index34.js";
-import { ViewTab as s } from "./index33.js";
-import { useStores as T } from "./index58.js";
-import { ErrorBoundary as m } from "./index10.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 "./index43.js";
+import { OptionsDropdown as O } from "./index37.js";
+import { EditDropdown as s } from "./index36.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/index42.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("./index89.cjs"),j=require("./index39.cjs"),m=require("./index60.cjs"),S=require("./index61.cjs"),q=require("./index35.cjs"),u=require("./index34.cjs"),p=require("./index59.cjs"),a=require("./index10.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/index42.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 "./index89.js";
+import { SortableViews as b } from "./index39.js";
+import { useViews as A } from "./index60.js";
+import { useViewUrlChange as L } from "./index61.js";
+import { CreateView as M } from "./index35.js";
+import { ViewTab as s } from "./index34.js";
+import { useStores as T } from "./index59.js";
+import { ErrorBoundary as m } from "./index10.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/index43.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),N=require("./index78.cjs"),b=require("@veeqo/ui"),_=require("./index79.cjs"),j=require("mobx-react"),y=require("./index7.cjs"),B=require("./index49.cjs"),I=require("./index58.cjs"),O=require("./index59.cjs"),g=require("./index48.cjs"),w=j.observer(({columnDefinitions:T,pinnedRightColumnIds:i=[],pinnedLeftColumnIds:a=[]})=>{var M;const{DEFAULT_HIDDEN_COLUMNS:E,DEFAULT_VISIBLE_COLUMNS:p}=y.useBusinessLogic(),n=[...a,...i],l=E.filter(s=>!n.includes(s)),c=p.filter(s=>!n.includes(s)),S=[...l,...c],{closeModal:f,isModalOpen:h,openModal:q}=B.useModal(),{Filters:{activeViewId:t},Views:{draftViewsMap:A}}=I.useStores(),{viewsMap:D,isLoading:x}=O.useViews();if(!t||x)return null;const e=D.get(t),r=Array.isArray((M=e==null?void 0:e.columns)==null?void 0:M.columnIds),u=r?e.columns.columnIds.filter(s=>!n.includes(s)):c,L=r?S.filter(s=>!u.includes(s)):l,d=A.has(t),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:()=>q(g.ModalId.ORDERS_TABLE_MANAGEMENT),size:"sm",iconSlot:o.jsx(_.TableManagementGlyph,{}),disabled:v})}),h(g.ModalId.ORDERS_TABLE_MANAGEMENT)&&o.jsx(N.TableManagementModal,{pinnedRightColumnIds:i,pinnedLeftColumnIds:a,visibleColumns:u,hiddenColumns:L,columnDefintions:T,onClose:f})]})});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/index43.js

@@ -1,44 +1,7 @@
-import { jsxs as v, Fragment as B, jsx as s } from "react/jsx-runtime";
-import { TableManagementModal as O } from "./index78.js";
-import { Tooltip as w, Button as x } from "@veeqo/ui";
-import { TableManagementGlyph as F } from "./index79.js";
-import { observer as I } from "mobx-react";
-import { useBusinessLogic as y } from "./index7.js";
-import { useModal as P } from "./index49.js";
-import { useStores as U } from "./index58.js";
-import { useViews as G } from "./index59.js";
-import { ModalId as M } from "./index48.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,
-        columnDefintions: 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/index44.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("@veeqo/ui"),r=require("./index80.cjs"),a=require("./index81.cjs"),d=require("./index82.cjs"),h=({isLoading:t,refetch:n,trackMetricClick:s})=>{const{hasChanges:o,acknowledgeButtonClick:l}=a.usePollListOrders(),i=async()=>{n(),l(),s==null||s()};return e.jsx(u.Tooltip,{text:"Refresh orders",children:e.jsx(r.StyledButton,{onClick:i,variant:"default",size:"sm",loading:t,disabled:t,iconSlot:e.jsx(d.RefreshIcon,{}),"aria-label":o?"refresh table with changes":"refresh table","aria-live":"polite",children:e.jsx(r.StyledIndicator,{color:"red",size:"xs",style:{opacity:o?1:0}})})})};exports.RefreshButton=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),N=require("./index79.cjs"),b=require("@veeqo/ui"),_=require("./index80.cjs"),j=require("mobx-react"),y=require("./index7.cjs"),B=require("./index50.cjs"),I=require("./index59.cjs"),O=require("./index60.cjs"),g=require("./index49.cjs"),w=j.observer(({columnDefinitions:T,pinnedRightColumnIds:i=[],pinnedLeftColumnIds:a=[]})=>{var M;const{DEFAULT_HIDDEN_COLUMNS:E,DEFAULT_VISIBLE_COLUMNS:p}=y.useBusinessLogic(),n=[...a,...i],l=E.filter(s=>!n.includes(s)),c=p.filter(s=>!n.includes(s)),S=[...l,...c],{closeModal:f,isModalOpen:h,openModal:q}=B.useModal(),{Filters:{activeViewId:t},Views:{draftViewsMap:A}}=I.useStores(),{viewsMap:D,isLoading:x}=O.useViews();if(!t||x)return null;const e=D.get(t),r=Array.isArray((M=e==null?void 0:e.columns)==null?void 0:M.columnIds),u=r?e.columns.columnIds.filter(s=>!n.includes(s)):c,L=r?S.filter(s=>!u.includes(s)):l,d=A.has(t),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:()=>q(g.ModalId.ORDERS_TABLE_MANAGEMENT),size:"sm",iconSlot:o.jsx(_.TableManagementGlyph,{}),disabled:v})}),h(g.ModalId.ORDERS_TABLE_MANAGEMENT)&&o.jsx(N.TableManagementModal,{pinnedRightColumnIds:i,pinnedLeftColumnIds:a,visibleColumns:u,hiddenColumns:L,columnDefintions:T,onClose:f})]})});exports.TableManagement=w;

package/dist/index44.js

@@ -1,27 +1,44 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Tooltip as n } from "@veeqo/ui";
-import { StyledButton as i, StyledIndicator as a } from "./index80.js";
-import { usePollListOrders as f } from "./index81.js";
-import { RefreshIcon as h } from "./index82.js";
-const R = ({ isLoading: r, refetch: t, trackMetricClick: o }) => {
-  const { hasChanges: s, acknowledgeButtonClick: l } = f();
-  return /* @__PURE__ */ e(n, { text: "Refresh orders", children: /* @__PURE__ */ e(
-    i,
-    {
-      onClick: async () => {
-        t(), l(), o == null || o();
-      },
-      variant: "default",
-      size: "sm",
-      loading: r,
-      disabled: r,
-      iconSlot: /* @__PURE__ */ e(h, {}),
-      "aria-label": s ? "refresh table with changes" : "refresh table",
-      "aria-live": "polite",
-      children: /* @__PURE__ */ e(a, { color: "red", size: "xs", style: { opacity: s ? 1 : 0 } })
-    }
-  ) });
-};
+import { jsxs as v, Fragment as B, jsx as s } from "react/jsx-runtime";
+import { TableManagementModal as O } from "./index79.js";
+import { Tooltip as w, Button as x } from "@veeqo/ui";
+import { TableManagementGlyph as F } from "./index80.js";
+import { observer as I } from "mobx-react";
+import { useBusinessLogic as y } from "./index7.js";
+import { useModal as P } from "./index50.js";
+import { useStores as U } from "./index59.js";
+import { useViews as G } from "./index60.js";
+import { ModalId as M } from "./index49.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,
+        columnDefintions: f,
+        onClose: E
+      }
+    )
+  ] });
+});
 export {
-  R as RefreshButton
+  X as TableManagement
 };

package/dist/index45.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 e=require("react/jsx-runtime"),c=require("@veeqo/ui"),r=require("./index81.cjs"),d=require("./index82.cjs"),h=require("./index83.cjs"),f=require("./index59.cjs"),y=({isLoading:s,refetch:n,trackMetricClick:t,tooltipText:a="Refresh data"})=>{const{hasChanges:o,acknowledgeButtonClick:l}=d.usePollData(),{Notifications:{notify:i}}=f.useStores(),u=async()=>{try{n(),l(),t==null||t()}catch{i({type:"error",text:"Failed to refresh data"})}};return e.jsx(c.Tooltip,{text:a,children:e.jsx(r.StyledButton,{onClick:u,variant:"default",size:"sm",loading:s,disabled:s,iconSlot:e.jsx(h.RefreshIcon,{}),"aria-label":o?"refresh table with changes":"refresh table","aria-live":"polite",children:e.jsx(r.StyledIndicator,{color:"red",size:"xs",style:{opacity:o?1:0}})})})};exports.RefreshButton=y;

package/dist/index45.js

@@ -1,21 +1,32 @@
-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 { jsx as e } from "react/jsx-runtime";
+import { Tooltip as l } from "@veeqo/ui";
+import { StyledButton as f, StyledIndicator as h } from "./index81.js";
+import { usePollData as d } from "./index82.js";
+import { RefreshIcon as m } from "./index83.js";
+import { useStores as p } from "./index59.js";
+const B = ({ isLoading: t, refetch: s, trackMetricClick: o, tooltipText: a = "Refresh data" }) => {
+  const { hasChanges: r, acknowledgeButtonClick: n } = d(), { Notifications: { notify: i } } = p();
+  return /* @__PURE__ */ e(l, { text: a, children: /* @__PURE__ */ e(
+    f,
+    {
+      onClick: async () => {
+        try {
+          s(), n(), o == null || o();
+        } catch {
+          i({ type: "error", text: "Failed to refresh data" });
+        }
+      },
+      variant: "default",
+      size: "sm",
+      loading: t,
+      disabled: t,
+      iconSlot: /* @__PURE__ */ e(m, {}),
+      "aria-label": r ? "refresh table with changes" : "refresh table",
+      "aria-live": "polite",
+      children: /* @__PURE__ */ e(h, { color: "red", size: "xs", style: { opacity: r ? 1 : 0 } })
+    }
+  ) });
+};
 export {
-  O as DateOptionMap,
-  _ as DateValue
+  B as RefreshButton
 };

package/dist/index46.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/index46.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/index47.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;