@veeqo/transfigure 1.1.5 → 1.1.7

package/dist/index38.js

@@ -1,53 +1,139 @@
-import { jsxs as t, jsx as i, Fragment as f } from "react/jsx-runtime";
-import { MenuItems as M, Item as l, Divider as h } from "./index97.js";
-import { useModal as k } from "./index51.js";
-import { ModalId as T } from "./index50.js";
-const N = ({
-  tab: e,
-  onMakeDefault: n,
-  onEdit: a,
-  onDuplicate: o,
-  onDelete: c,
-  shouldShowDropdown: s,
-  handleCloseDropdown: r
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { Card as x, Alert as O, Stack as c, TextField as _, Text as $, SegmentedControl as A, Checkbox as E, Button as p } from "@veeqo/ui";
+import { useForm as L, Controller as d } from "react-hook-form";
+import { useCustomViews as j } from "./index65.js";
+import { SHARING_OPTIONS as F } from "./index45.js";
+import { useBusinessLogic as M } from "./index8.js";
+const w = 60, z = ({
+  tab: n,
+  viewName: v,
+  shouldShowDropdown: g,
+  onCloseDropdown: f,
+  onDelete: b,
+  onSave: y,
+  headerText: C,
+  e2ePrefix: s,
+  activeOption: S
 }) => {
-  const { openModal: m } = k(), d = () => {
-    m(T.ORDERS_TABLE_MANAGEMENT), r();
-  }, u = e.label !== "Picking In Progress" && e.editable, p = e.default !== !1 && e.editable, b = e.editable, g = e.editable;
-  return s ? /* @__PURE__ */ t(M, { children: [
-    p && /* @__PURE__ */ i(
-      l,
-      {
-        onClick: n,
-        className: "act-react-listing-custom-view-make-default-menu-item",
-        children: "Make default view"
-      }
-    ),
-    g && /* @__PURE__ */ i(l, { onClick: a, className: "act-react-listing-custom-view-edit-menu-item", role: "option", children: "Edit" }),
-    /* @__PURE__ */ i(
-      l,
-      {
-        onClick: o,
-        className: "act-react-listing-custom-view-duplicate-menu-item",
-        role: "option",
-        children: "Duplicate"
-      }
-    ),
-    u && /* @__PURE__ */ i(
-      l,
-      {
-        onClick: c,
-        className: "act-react-listing-custom-view-delete-menu-item",
-        role: "option",
-        children: "Delete"
-      }
-    ),
-    b && /* @__PURE__ */ t(f, { children: [
-      /* @__PURE__ */ i(h, {}),
-      /* @__PURE__ */ i(l, { onClick: d, role: "option", children: "Table management" })
-    ] })
-  ] }) : null;
+  const { VIEW_TYPE: V } = M(), { canDeleteCustomViews: m, canUpdateCustomViews: o, canShareCustomViews: r, defaultCustomViewId: u } = j({
+    type: V
+  }), k = n.id === u, { handleSubmit: D, control: l, formState: h } = L({
+    mode: "onChange",
+    defaultValues: {
+      viewName: v,
+      isDefault: n.id === u,
+      shareOption: S.key
+    }
+  }), T = Object.values(F).map((t) => ({
+    key: t.key,
+    value: t.key,
+    label: t.text
+  }));
+  if (!g) return null;
+  const I = n.originalView === void 0;
+  return /* @__PURE__ */ e("form", { onSubmit: D(y), children: /* @__PURE__ */ a(
+    x,
+    {
+      style: { width: "400px" },
+      title: C,
+      subtitle: "Any filters you've applied and your chosen sort direction will be stored in this view",
+      onClose: f,
+      renderFooter: () => m || o || r ? /* @__PURE__ */ a(c, { direction: "horizontal", alignX: "end", children: [
+        m && /* @__PURE__ */ e(
+          p,
+          {
+            variant: "destructive",
+            onClick: b,
+            className: `act-react-listing-custom-view-${s}-delete`,
+            children: "Delete"
+          }
+        ),
+        (o || r) && /* @__PURE__ */ e(
+          p,
+          {
+            variant: "primary",
+            type: "submit",
+            className: `act-react-listing-custom-view-${s}-save`,
+            disabled: !h.isDirty && I || h.isSubmitting,
+            children: "Save"
+          }
+        )
+      ] }) : null,
+      className: `act-react-listing-custom-view-${s}`,
+      children: [
+        !o && /* @__PURE__ */ e(
+          O,
+          {
+            variant: "warning",
+            title: "You need permission to edit this view",
+            message: "This is a company shared view"
+          }
+        ),
+        /* @__PURE__ */ a(c, { alignX: "stretch", children: [
+          /* @__PURE__ */ e(
+            d,
+            {
+              name: "viewName",
+              control: l,
+              render: ({ onChange: t, value: i }) => /* @__PURE__ */ e(
+                _,
+                {
+                  id: "view-name",
+                  className: `act-react-listing-custom-view-${s}-field`,
+                  label: "View name",
+                  placeholder: "View name",
+                  value: i,
+                  onChange: t,
+                  disabled: !n.editable,
+                  maxLength: w,
+                  hint: `${i.length} / ${w} characters`,
+                  required: !0
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ a(c, { children: [
+            /* @__PURE__ */ e($, { variant: "inputLabel", children: "Sharing options" }),
+            /* @__PURE__ */ e(
+              d,
+              {
+                name: "shareOption",
+                control: l,
+                render: ({ onChange: t, value: i }) => /* @__PURE__ */ e(
+                  A,
+                  {
+                    onChange: (N) => r && t(N),
+                    options: T,
+                    selected: i
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(
+            d,
+            {
+              name: "isDefault",
+              control: l,
+              render: ({ onChange: t, value: i }) => /* @__PURE__ */ e(
+                E,
+                {
+                  disabled: k,
+                  name: "makeViewDefault",
+                  label: "Make default view",
+                  checked: i,
+                  onChange: t,
+                  hint: "This will be the view this page will always open on"
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
 };
 export {
-  N as OptionsDropdown
+  z as EditDropdown,
+  w as VIEWS_TITLE_MAX_CHAR_LIMIT
 };

package/dist/index39.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("mobx-react"),g=require("./index61.cjs"),o=require("framer-motion"),m=require("./index60.cjs"),v=require("./index100.cjs"),f=require("./index41.cjs"),h=P.observer(({tabType:s,isActive:r,shouldShowCreateViewNotification:a,handleSaveDraft:i})=>{var t;const{Filters:{hasUnsavedChanges:c,discardChanges:l,activeViewId:n}}=m.useStores(),{viewsMap:u}=g.useViews(),d=n&&((t=u.get(n))==null?void 0:t.label);return e.jsxs(e.Fragment,{children:[e.jsx(o.AnimatePresence,{children:s==="draft"&&r&&a&&e.jsx(v.DraftPill,{onClick:i})}),e.jsx(o.AnimatePresence,{children:c&&r&&s==="saved"&&e.jsx(f.UnsavedChangesPill,{viewName:d,onDiscard:()=>l(),onSaveDraft:i})})]})});exports.PillNotifications=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index102.cjs"),g=require("./index52.cjs"),j=require("./index51.cjs"),M=({tab:i,onMakeDefault:l,onEdit:n,onDuplicate:s,onDelete:o,shouldShowDropdown:a,handleCloseDropdown:c})=>{const{openModal:r}=g.useModal(),d=()=>{r(j.ModalId.ORDERS_TABLE_MANAGEMENT),c()},m=i.label!=="Picking In Progress"&&i.editable,u=i.default!==!1&&i.editable,p=i.editable,b=i.editable;return a?e.jsxs(t.MenuItems,{children:[u&&e.jsx(t.Item,{onClick:l,className:"act-react-listing-custom-view-make-default-menu-item",children:"Make default view"}),b&&e.jsx(t.Item,{onClick:n,className:"act-react-listing-custom-view-edit-menu-item",role:"option",children:"Edit"}),e.jsx(t.Item,{onClick:s,className:"act-react-listing-custom-view-duplicate-menu-item",role:"option",children:"Duplicate"}),m&&e.jsx(t.Item,{onClick:o,className:"act-react-listing-custom-view-delete-menu-item",role:"option",children:"Delete"}),p&&e.jsxs(e.Fragment,{children:[e.jsx(t.Divider,{}),e.jsx(t.Item,{onClick:d,role:"option",children:"Table management"})]})]}):null};exports.OptionsDropdown=M;

package/dist/index39.js

@@ -1,34 +1,53 @@
-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 "./index100.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
-        }
-      ) })
-    ] });
-  }
-);
+import { jsxs as t, jsx as i, Fragment as f } from "react/jsx-runtime";
+import { MenuItems as M, Item as l, Divider as h } from "./index102.js";
+import { useModal as k } from "./index52.js";
+import { ModalId as T } from "./index51.js";
+const N = ({
+  tab: e,
+  onMakeDefault: n,
+  onEdit: a,
+  onDuplicate: o,
+  onDelete: c,
+  shouldShowDropdown: s,
+  handleCloseDropdown: r
+}) => {
+  const { openModal: m } = k(), d = () => {
+    m(T.ORDERS_TABLE_MANAGEMENT), r();
+  }, u = e.label !== "Picking In Progress" && e.editable, p = e.default !== !1 && e.editable, b = e.editable, g = e.editable;
+  return s ? /* @__PURE__ */ t(M, { children: [
+    p && /* @__PURE__ */ i(
+      l,
+      {
+        onClick: n,
+        className: "act-react-listing-custom-view-make-default-menu-item",
+        children: "Make default view"
+      }
+    ),
+    g && /* @__PURE__ */ i(l, { onClick: a, className: "act-react-listing-custom-view-edit-menu-item", role: "option", children: "Edit" }),
+    /* @__PURE__ */ i(
+      l,
+      {
+        onClick: o,
+        className: "act-react-listing-custom-view-duplicate-menu-item",
+        role: "option",
+        children: "Duplicate"
+      }
+    ),
+    u && /* @__PURE__ */ i(
+      l,
+      {
+        onClick: c,
+        className: "act-react-listing-custom-view-delete-menu-item",
+        role: "option",
+        children: "Delete"
+      }
+    ),
+    b && /* @__PURE__ */ t(f, { children: [
+      /* @__PURE__ */ i(h, {}),
+      /* @__PURE__ */ i(l, { onClick: d, role: "option", children: "Table management" })
+    ] })
+  ] }) : null;
+};
 export {
-  U as PillNotifications
+  N as OptionsDropdown
 };

package/dist/index4.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index7.cjs"),t=require("./index53.cjs"),s=require("./index54.cjs"),n=(r={})=>e.axios.patch("/current_user",{user:r},t.withCSRF(s.vndAPI));exports.patchCurrentUser=n;

package/dist/index4.js

@@ -1,6 +1,6 @@
 import { axios as t } from "./index7.js";
-import { withCSRF as o } from "./index52.js";
-import { vndAPI as e } from "./index53.js";
+import { withCSRF as o } from "./index53.js";
+import { vndAPI as e } from "./index54.js";
 const s = (r = {}) => t.patch("/current_user", { user: r }, o(e));
 export {
   s as patchCurrentUser

package/dist/index40.cjs

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

package/dist/index40.js

@@ -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 "./index98.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
-          }
+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 "./index62.js";
+import { AnimatePresence as n } from "framer-motion";
+import { useStores as g } from "./index61.js";
+import { DraftPill as w } from "./index101.js";
+import { UnsavedChangesPill as C } from "./index42.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/index41.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("./index59.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("./index98.cjs"),g=require("./index65.cjs"),S=require("./index62.cjs"),b=require("./index4.cjs"),y=require("./index8.cjs"),V=require("./index61.cjs"),p=require("./index12.cjs"),q=()=>{const{VIEW_TYPE:u}=y.useBusinessLogic(),{sortedCustomViews:s,isLoading:a}=S.useViews(),{mutate:c}=g.useCustomViews({type:u}),[l,t]=n.useState(s);n.useEffect(()=>{t(s)},[s]);const{Notifications:{notify:w}}=V.useStores(),d=async o=>{t(o);const r=o.map(e=>e.id);try{await b.patchCurrentUser({user_setting_attributes:{custom_view_positions:{order:r}}}),await c(e=>({...e,settings:{...e.settings,custom_view_positions:{...e.settings.custom_view_positions,order:r}}}),{revalidate:!1})}catch{t(s),w({type:"error",text:"Failed to update order of views"})}};return a||!s.length?null:i.jsx(p.ErrorBoundary,{children:i.jsx(m.LegacySortableViews,{views:l,onChange:d,className:"act-sortable-views"})})};exports.SortableViews=q;

package/dist/index41.js

@@ -1,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 "./index59.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 "./index98.js";
+import { useCustomViews as d } from "./index65.js";
+import { useViews as g } from "./index62.js";
+import { patchCurrentUser as _ } from "./index4.js";
+import { useBusinessLogic as S } from "./index8.js";
+import { useStores as b } from "./index61.js";
+import { ErrorBoundary as v } from "./index12.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/index42.cjs

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