@veeqo/transfigure 1.1.2 → 1.1.4

package/dist/index39.js

@@ -1,56 +1,34 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as f, useEffect as l } from "react";
-import { LegacySortableViews as w } from "./index95.js";
-import { useCustomViews as d } from "./index63.js";
-import { useViews as g } from "./index60.js";
-import { patchCurrentUser as _ } from "./index3.js";
-import { useBusinessLogic as S } from "./index7.js";
-import { useStores as b } from "./index59.js";
-import { ErrorBoundary as v } from "./index10.js";
-const T = () => {
-  const { VIEW_TYPE: m } = S(), { sortedCustomViews: s, isLoading: a } = g(), { mutate: n } = d({ type: m }), [u, e] = f(s);
-  l(() => {
-    e(s);
-  }, [s]);
-  const { Notifications: { notify: c } } = b(), p = async (o) => {
-    e(o);
-    const i = o.map((t) => t.id);
-    try {
-      await _({
-        user_setting_attributes: {
-          custom_view_positions: {
-            order: i
-          }
+import { jsxs as f, Fragment as p, jsx as r } from "react/jsx-runtime";
+import { observer as h } from "mobx-react";
+import { useViews as v } from "./index61.js";
+import { AnimatePresence as n } from "framer-motion";
+import { useStores as g } from "./index60.js";
+import { DraftPill as w } from "./index102.js";
+import { UnsavedChangesPill as C } from "./index41.js";
+const U = h(
+  ({
+    tabType: e,
+    isActive: o,
+    shouldShowCreateViewNotification: m,
+    handleSaveDraft: i
+  }) => {
+    var t;
+    const {
+      Filters: { hasUnsavedChanges: a, discardChanges: c, activeViewId: s }
+    } = g(), { viewsMap: l } = v(), d = s && ((t = l.get(s)) == null ? void 0 : t.label);
+    return /* @__PURE__ */ f(p, { children: [
+      /* @__PURE__ */ r(n, { children: e === "draft" && o && m && /* @__PURE__ */ r(w, { onClick: i }) }),
+      /* @__PURE__ */ r(n, { children: a && o && e === "saved" && /* @__PURE__ */ r(
+        C,
+        {
+          viewName: d,
+          onDiscard: () => c(),
+          onSaveDraft: i
         }
-      }), await n(
-        (t) => ({
-          ...t,
-          settings: {
-            ...t.settings,
-            custom_view_positions: {
-              ...t.settings.custom_view_positions,
-              order: i
-            }
-          }
-        }),
-        { revalidate: !1 }
-      );
-    } catch {
-      e(s), c({
-        type: "error",
-        text: "Failed to update order of views"
-      });
-    }
-  };
-  return a || !s.length ? null : /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(
-    w,
-    {
-      views: u,
-      onChange: p,
-      className: "act-sortable-views"
-    }
-  ) });
-};
+      ) })
+    ] });
+  }
+);
 export {
-  T as SortableViews
+  U as PillNotifications
 };

package/dist/index4.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index6.cjs"),i=require("./index51.cjs"),o=require("./index52.cjs"),a=(t,{attributes:e})=>s.axios.patch(`/api/v2/custom_views/${t}`,{data:{attributes:e,type:"custom_view"}},i.withCSRF(o.vndAPI));exports.patchCustomView=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index7.cjs"),t=require("./index52.cjs"),s=require("./index53.cjs"),n=(r={})=>e.axios.patch("/current_user",{user:r},t.withCSRF(s.vndAPI));exports.patchCurrentUser=n;

package/dist/index4.js

@@ -1,7 +1,7 @@
-import { axios as i } from "./index6.js";
-import { withCSRF as m } from "./index51.js";
-import { vndAPI as p } from "./index52.js";
-const c = (t, { attributes: o }) => i.patch(`/api/v2/custom_views/${t}`, { data: { attributes: o, type: "custom_view" } }, m(p));
+import { axios as t } from "./index7.js";
+import { withCSRF as o } from "./index52.js";
+import { vndAPI as e } from "./index53.js";
+const s = (r = {}) => t.patch("/current_user", { user: r }, o(e));
 export {
-  c as patchCustomView
+  s as patchCurrentUser
 };

package/dist/index40.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),c=require("mobx-react"),l=require("./index58.cjs"),n=require("./index102.cjs"),d=i.theme.colors.secondary.blue.base,h=c.observer(({onDiscard:r,viewName:s,onSaveDraft:a})=>{const{saveChanges:o,isSubmitting:t}=l.usePersistUnsavedChanges();return e.jsx(n.Notification,{children:e.jsx(n.Container,{children:e.jsxs(i.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(n.Glyph,{ariaLabel:"attention",name:"attention",color:d}),e.jsxs(n.Wrap,{children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"You have unsaved changes to"}),s&&e.jsxs(n.Bold,{variant:"bodyBoldDark",children:["'",s,"'"]})]}),e.jsx(i.Button,{onClick:r,size:"sm",children:"Discard changes"}),e.jsxs(i.ActionMenu,{ctaProps:{children:"Save changes",variant:"primary"},children:[e.jsx(i.ActionMenu.Item,{onAction:a,isDisabled:t,children:e.jsx(n.Text,{variant:"body",children:"Create new view"})}),e.jsx(i.ActionMenu.Item,{onAction:o,isDisabled:t,children:e.jsxs(i.Stack,{direction:"horizontal",spacing:1,alignY:"center",children:[e.jsx(n.Text,{variant:"body",children:"Save changes to"}),e.jsx(n.Text,{variant:"bodyBold",children:s})]})})]})]})})})});exports.UnsavedChangesPill=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),m=require("./index101.cjs"),g=require("./index64.cjs"),S=require("./index61.cjs"),b=require("./index4.cjs"),y=require("./index8.cjs"),V=require("./index60.cjs"),p=require("./index11.cjs"),q=()=>{const{VIEW_TYPE:u}=y.useBusinessLogic(),{sortedCustomViews:s,isLoading:a}=S.useViews(),{mutate:c}=g.useCustomViews({type:u}),[l,t]=n.useState(s);n.useEffect(()=>{t(s)},[s]);const{Notifications:{notify:w}}=V.useStores(),d=async o=>{t(o);const r=o.map(e=>e.id);try{await b.patchCurrentUser({user_setting_attributes:{custom_view_positions:{order:r}}}),await c(e=>({...e,settings:{...e.settings,custom_view_positions:{...e.settings.custom_view_positions,order:r}}}),{revalidate:!1})}catch{t(s),w({type:"error",text:"Failed to update order of views"})}};return a||!s.length?null:i.jsx(p.ErrorBoundary,{children:i.jsx(m.LegacySortableViews,{views:l,onChange:d,className:"act-sortable-views"})})};exports.SortableViews=q;

package/dist/index40.js

@@ -1,50 +1,56 @@
-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 "./index58.js";
-import { Notification as b, Container as g, Glyph as p, Wrap as u, Text as i, Bold as y } from "./index102.js";
-const C = d.colors.secondary.blue.base, k = m(({
-  onDiscard: c,
-  viewName: r,
-  onSaveDraft: s
-}) => {
-  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,
-      {
-        onClick: c,
-        size: "sm",
-        children: "Discard changes"
-      }
-    ),
-    /* @__PURE__ */ e(
-      o,
-      {
-        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 })
-          ] }) })
-        ]
-      }
-    )
-  ] }) }) });
-});
+import { jsx as r } from "react/jsx-runtime";
+import { useState as f, useEffect as l } from "react";
+import { LegacySortableViews as w } from "./index101.js";
+import { useCustomViews as d } from "./index64.js";
+import { useViews as g } from "./index61.js";
+import { patchCurrentUser as _ } from "./index4.js";
+import { useBusinessLogic as S } from "./index8.js";
+import { useStores as b } from "./index60.js";
+import { ErrorBoundary as v } from "./index11.js";
+const T = () => {
+  const { VIEW_TYPE: m } = S(), { sortedCustomViews: s, isLoading: a } = g(), { mutate: n } = d({ type: m }), [u, e] = f(s);
+  l(() => {
+    e(s);
+  }, [s]);
+  const { Notifications: { notify: c } } = b(), p = async (o) => {
+    e(o);
+    const i = o.map((t) => t.id);
+    try {
+      await _({
+        user_setting_attributes: {
+          custom_view_positions: {
+            order: i
+          }
+        }
+      }), await n(
+        (t) => ({
+          ...t,
+          settings: {
+            ...t.settings,
+            custom_view_positions: {
+              ...t.settings.custom_view_positions,
+              order: i
+            }
+          }
+        }),
+        { revalidate: !1 }
+      );
+    } catch {
+      e(s), c({
+        type: "error",
+        text: "Failed to update order of views"
+      });
+    }
+  };
+  return a || !s.length ? null : /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(
+    w,
+    {
+      views: u,
+      onChange: p,
+      className: "act-sortable-views"
+    }
+  ) });
+};
 export {
-  k as UnsavedChangesPill
+  T as SortableViews
 };

package/dist/index41.cjs

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

package/dist/index41.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 "./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
+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 "./index59.js";
+import { Notification as b, Container as g, Glyph as p, Wrap as u, Text as i, Bold as y } from "./index103.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/index42.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("./index96.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@veeqo/ui"),p=require("./index44.cjs"),O=require("./index38.cjs"),c=require("./index37.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/index42.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 "./index96.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,
+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
+}) => {
+  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/index43.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("./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;

package/dist/index43.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 "./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,
+      {
+        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/index44.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),N=require("./index83.cjs"),b=require("@veeqo/ui"),_=require("./index84.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(),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;