@veeqo/transfigure 0.0.21 → 0.0.22

package/dist/index36.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 "./index92.js";
-import { useModal as k } from "./index49.js";
-import { ModalId as T } from "./index48.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 "./index62.js";
+import { SHARING_OPTIONS as F } from "./index43.js";
+import { useBusinessLogic as M } from "./index7.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/index37.cjs

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

@@ -1,52 +1,53 @@
-import { jsxs as u, Fragment as p, jsx as i } from "react/jsx-runtime";
-import { CSSTransition as a } from "react-transition-group";
-import { observer as h } from "mobx-react";
-import { useViews as v } from "./index59.js";
-import { InfoPill as w } from "./index95.js";
-import { UnsavedChangesPill as x } from "./index39.js";
-import { useStores as g } from "./index58.js";
-const F = h(
-  ({
-    tabType: o,
-    isActive: n,
-    shouldShowCreateViewNotification: m,
-    handleSaveDraft: t
-  }) => {
-    var s;
-    const {
-      Filters: { hasUnsavedChanges: l, discardChanges: c, activeViewId: r }
-    } = g(), f = window.location.pathname === "/orders" ? "orders" : "variants", { viewsMap: d } = v(), e = r && ((s = d.get(r)) == null ? void 0 : s.label) || "failure";
-    return /* @__PURE__ */ u(p, { children: [
-      /* @__PURE__ */ i(
-        a,
-        {
-          in: o === "draft" && n && m,
-          timeout: 200,
-          classNames: "notification",
-          unmountOnExit: !0,
-          children: /* @__PURE__ */ i(w, { onClick: t, mainEntityLabelPlural: f })
-        }
-      ),
-      o !== "fixed" && e && /* @__PURE__ */ i(
-        a,
-        {
-          in: l && n && o === "saved",
-          timeout: 200,
-          classNames: "notification",
-          unmountOnExit: !0,
-          children: /* @__PURE__ */ i(
-            x,
-            {
-              viewName: e,
-              onDiscard: () => c(),
-              onSaveDraft: t
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
+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 "./index87.js";
+import { useModal as k } from "./index50.js";
+import { ModalId as T } from "./index49.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 {
-  F as PillNotifications
+  N as OptionsDropdown
 };

package/dist/index38.cjs

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

@@ -1,52 +1,34 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as f } from "react";
-import { LegacySortableViews as l } from "./index98.js";
-import { useCustomViews as w } from "./index61.js";
-import { useViews as d } from "./index59.js";
-import { patchCurrentUser as g } from "./index3.js";
-import { useBusinessLogic as _ } from "./index7.js";
-import { useStores as S } from "./index58.js";
-import { ErrorBoundary as b } from "./index10.js";
-const N = () => {
-  const { VIEW_TYPE: m } = _(), { sortedCustomViews: s, isLoading: a } = d(), { mutate: n } = w({ type: m }), [u, o] = f(s), { Notifications: { notify: c } } = S(), p = async (e) => {
-    o(e);
-    const i = e.map((t) => t.id);
-    try {
-      await g({
-        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 "./index60.js";
+import { AnimatePresence as n } from "framer-motion";
+import { useStores as g } from "./index59.js";
+import { DraftPill as w } from "./index88.js";
+import { UnsavedChangesPill as C } from "./index40.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 {
-      o(s), c({
-        type: "error",
-        text: "Failed to update order of views"
-      });
-    }
-  };
-  return a || !s.length ? null : /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
-    l,
-    {
-      views: u,
-      onChange: p,
-      className: "act-sortable-views"
-    }
-  ) });
-};
+      ) })
+    ] });
+  }
+);
 export {
-  N as SortableViews
+  U as PillNotifications
 };

package/dist/index39.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),s=require("@veeqo/ui"),h=require("mobx-react"),u=require("./index57.cjs"),n=require("./index96.cjs"),g=s.theme.colors.secondary.blue.base,v=h.observer(({onDiscard:i,viewName:t,onSaveDraft:c})=>{const{saveChanges:o,isSubmitting:r}=u.usePersistUnsavedChanges(),[d,a]=l.useState(!1);return e.jsx(n.Notification,{children:e.jsx(n.Container,{className:"act-react-listing-custom-notification-unsaved-changes",children:e.jsxs(s.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(n.Glyph,{name:"attention",color:g}),e.jsxs(n.Wrap,{children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"You have unsaved changes to"}),e.jsx(n.Bold,{variant:"bodyBoldDark",children:`'${t}'`})]}),e.jsx(s.Button,{className:"act-react-listing-custom-notification-unsaved-changes-discard",onClick:i,size:"sm",children:"Discard changes"}),e.jsxs(s.AnimatedDropdown,{reversed:!0,shouldShowDropdown:d,onClickAway:()=>a(!1),cta:e.jsx(s.Button,{className:"act-react-listing-custom-notification-unsaved-changes-toggle-dropdown",variant:"primary",onClick:()=>a(!0),size:"sm",dropdown:!0,children:"Save changes"}),children:[e.jsx(n.Item,{onClick:c,className:"act-react-listing-custom-notification-unsaved-changes-create-new-view",children:e.jsx(n.Text,{variant:"body",children:"Create new view"})}),e.jsxs(n.Item,{onClick:o,disabled:r,className:"act-react-listing-custom-notification-unsaved-changes-save-to-existing-view",children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"Save changes to"}),e.jsx(n.Text,{variant:"bodyBoldDark",children:t})]})]})]})})})});exports.UnsavedChangesPill=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),m=require("./index86.cjs"),g=require("./index62.cjs"),S=require("./index60.cjs"),b=require("./index3.cjs"),y=require("./index7.cjs"),V=require("./index59.cjs"),p=require("./index10.cjs"),q=()=>{const{VIEW_TYPE:n}=y.useBusinessLogic(),{sortedCustomViews:s,isLoading:u}=S.useViews(),{mutate:a}=g.useCustomViews({type:n}),[c,t]=d.useState(s),{Notifications:{notify:l}}=V.useStores(),w=async o=>{t(o);const r=o.map(e=>e.id);try{await b.patchCurrentUser({user_setting_attributes:{custom_view_positions:{order:r}}}),await a(e=>({...e,settings:{...e.settings,custom_view_positions:{...e.settings.custom_view_positions,order:r}}}),{revalidate:!1})}catch{t(s),l({type:"error",text:"Failed to update order of views"})}};return u||!s.length?null:i.jsx(p.ErrorBoundary,{children:i.jsx(m.LegacySortableViews,{views:c,onChange:w,className:"act-sortable-views"})})};exports.SortableViews=q;

package/dist/index39.js

@@ -1,75 +1,52 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useState as m } from "react";
-import { Stack as g, theme as u, Button as o, AnimatedDropdown as v } from "@veeqo/ui";
-import { observer as p } from "mobx-react";
-import { usePersistUnsavedChanges as f } from "./index57.js";
-import { Notification as w, Container as C, Glyph as b, Wrap as y, Text as a, Bold as k, Item as r } from "./index96.js";
-const S = u.colors.secondary.blue.base, A = p(
-  ({
-    onDiscard: s,
-    viewName: i,
-    onSaveDraft: c
-  }) => {
-    const { saveChanges: d, isSubmitting: l } = f(), [h, t] = m(!1);
-    return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(C, { className: "act-react-listing-custom-notification-unsaved-changes", children: /* @__PURE__ */ n(g, { direction: "horizontal", alignY: "center", children: [
-      /* @__PURE__ */ e(b, { name: "attention", color: S }),
-      /* @__PURE__ */ n(y, { children: [
-        /* @__PURE__ */ e(a, { variant: "body", margin: "0 4px 0 0", children: "You have unsaved changes to" }),
-        /* @__PURE__ */ e(k, { variant: "bodyBoldDark", children: `'${i}'` })
-      ] }),
-      /* @__PURE__ */ e(
-        o,
-        {
-          className: "act-react-listing-custom-notification-unsaved-changes-discard",
-          onClick: s,
-          size: "sm",
-          children: "Discard changes"
+import { jsx as r } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { LegacySortableViews as l } from "./index86.js";
+import { useCustomViews as w } from "./index62.js";
+import { useViews as d } from "./index60.js";
+import { patchCurrentUser as g } from "./index3.js";
+import { useBusinessLogic as _ } from "./index7.js";
+import { useStores as S } from "./index59.js";
+import { ErrorBoundary as b } from "./index10.js";
+const N = () => {
+  const { VIEW_TYPE: m } = _(), { sortedCustomViews: s, isLoading: a } = d(), { mutate: n } = w({ type: m }), [u, o] = f(s), { Notifications: { notify: c } } = S(), p = async (e) => {
+    o(e);
+    const i = e.map((t) => t.id);
+    try {
+      await g({
+        user_setting_attributes: {
+          custom_view_positions: {
+            order: i
+          }
         }
-      ),
-      /* @__PURE__ */ n(
-        v,
-        {
-          reversed: !0,
-          shouldShowDropdown: h,
-          onClickAway: () => t(!1),
-          cta: /* @__PURE__ */ e(
-            o,
-            {
-              className: "act-react-listing-custom-notification-unsaved-changes-toggle-dropdown",
-              variant: "primary",
-              onClick: () => t(!0),
-              size: "sm",
-              dropdown: !0,
-              children: "Save changes"
+      }), await n(
+        (t) => ({
+          ...t,
+          settings: {
+            ...t.settings,
+            custom_view_positions: {
+              ...t.settings.custom_view_positions,
+              order: i
             }
-          ),
-          children: [
-            /* @__PURE__ */ e(
-              r,
-              {
-                onClick: c,
-                className: "act-react-listing-custom-notification-unsaved-changes-create-new-view",
-                children: /* @__PURE__ */ e(a, { variant: "body", children: "Create new view" })
-              }
-            ),
-            /* @__PURE__ */ n(
-              r,
-              {
-                onClick: d,
-                disabled: l,
-                className: "act-react-listing-custom-notification-unsaved-changes-save-to-existing-view",
-                children: [
-                  /* @__PURE__ */ e(a, { variant: "body", margin: "0 4px 0 0", children: "Save changes to" }),
-                  /* @__PURE__ */ e(a, { variant: "bodyBoldDark", children: i })
-                ]
-              }
-            )
-          ]
-        }
-      )
-    ] }) }) });
-  }
-);
+          }
+        }),
+        { revalidate: !1 }
+      );
+    } catch {
+      o(s), c({
+        type: "error",
+        text: "Failed to update order of views"
+      });
+    }
+  };
+  return a || !s.length ? null : /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
+    l,
+    {
+      views: u,
+      onChange: p,
+      className: "act-sortable-views"
+    }
+  ) });
+};
 export {
-  A as UnsavedChangesPill
+  N as SortableViews
 };

package/dist/index4.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index6.cjs"),i=require("./index50.cjs"),o=require("./index51.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 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;

package/dist/index4.js

@@ -1,6 +1,6 @@
 import { axios as i } from "./index6.js";
-import { withCSRF as m } from "./index50.js";
-import { vndAPI as p } from "./index51.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));
 export {
   c as patchCustomView

package/dist/index40.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@veeqo/ui"),p=require("./index42.cjs"),O=require("./index36.cjs"),c=require("./index35.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"),l=require("react"),s=require("@veeqo/ui"),h=require("mobx-react"),u=require("./index58.cjs"),n=require("./index90.cjs"),x=s.theme.colors.secondary.blue.base,j=h.observer(({onDiscard:a,viewName:r,onSaveDraft:i})=>{const{saveChanges:o,isSubmitting:c}=u.usePersistUnsavedChanges(),[d,t]=l.useState(!1);return e.jsx(n.Notification,{children:e.jsx(n.Container,{children:e.jsxs(s.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(n.Glyph,{ariaLabel:"attention",name:"attention",color:x}),e.jsxs(n.Wrap,{children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"You have unsaved changes"}),r&&e.jsx(n.Bold,{variant:"bodyBoldDark",children:`to '${r}'`})]}),e.jsx(s.Button,{onClick:a,size:"sm",children:"Discard changes"}),e.jsxs(s.AnimatedDropdown,{reversed:!0,shouldShowDropdown:d,onClickAway:()=>t(!1),cta:e.jsx(s.Button,{variant:"primary",onClick:()=>t(!0),size:"sm",dropdown:!0,children:"Save changes"}),children:[e.jsx(n.Item,{onClick:i,children:e.jsx(n.Text,{variant:"body",children:"Create new view"})}),e.jsxs(n.Item,{onClick:o,disabled:c,children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"Save changes to"}),e.jsx(n.Text,{variant:"bodyBoldDark",children:r})]})]})]})})})});exports.UnsavedChangesPill=j;