@veeqo/transfigure 0.0.1 → 0.0.3

package/dist/index35.js

@@ -15,20 +15,9 @@ const p = 60, z = ({
   e2ePrefix: n,
   activeOption: S
 }) => {
-  const {
-    VIEW_TYPE: V
-  } = M(), {
-    canDeleteCustomViews: m,
-    canUpdateCustomViews: o,
-    canShareCustomViews: r,
-    defaultCustomViewId: u
-  } = j({
+  const { VIEW_TYPE: V } = M(), { canDeleteCustomViews: m, canUpdateCustomViews: o, canShareCustomViews: r, defaultCustomViewId: u } = j({
     type: V
-  }), k = a.id === u, {
-    handleSubmit: D,
-    control: l,
-    formState: h
-  } = L({
+  }), k = a.id === u, { handleSubmit: D, control: l, formState: h } = L({
     mode: "onChange",
     defaultValues: {
       viewName: v,
@@ -42,32 +31,108 @@ const p = 60, z = ({
   }));
   if (!g) return null;
   const I = a.originalView === void 0;
-  return /* @__PURE__ */ e("form", { onSubmit: D(C), children: /* @__PURE__ */ s(x, { style: {
-    width: "400px"
-  }, title: y, subtitle: "Active filters and sort direction will be saved in your view", onClose: b, renderFooter: () => m || o || r ? /* @__PURE__ */ s(c, { direction: "horizontal", alignX: "end", children: [
-    m && /* @__PURE__ */ e(w, { variant: "destructive", onClick: f, className: `act-react-listing-custom-view-${n}-delete`, children: "Delete" }),
-    (o || r) && /* @__PURE__ */ e(w, { variant: "primary", type: "submit", className: `act-react-listing-custom-view-${n}-save`, disabled: !h.isDirty && I || h.isSubmitting, children: "Save" })
-  ] }) : null, className: `act-react-listing-custom-view-${n}`, children: [
-    !o && /* @__PURE__ */ e(O, { variant: "warning", title: "You need permission to edit this view", message: "This is a company shared view" }),
-    /* @__PURE__ */ s(c, { children: [
-      /* @__PURE__ */ e(d, { name: "viewName", control: l, render: ({
-        onChange: t,
-        value: i
-      }) => /* @__PURE__ */ e(_, { id: "view-name", className: `act-react-listing-custom-view-${n}-field`, label: "View name", placeholder: "View name", value: i, onChange: t, disabled: !a.editable, maxLength: p, hint: `${i.length} / ${p} characters`, required: !0 }) }),
-      /* @__PURE__ */ s(c, { children: [
-        /* @__PURE__ */ e($, { variant: "inputLabel", children: "Sharing options" }),
-        /* @__PURE__ */ e("br", {}),
-        /* @__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 tab this page will always open on" }) })
-    ] })
-  ] }) });
+  return /* @__PURE__ */ e("form", { onSubmit: D(C), children: /* @__PURE__ */ s(
+    x,
+    {
+      style: { width: "400px" },
+      title: y,
+      subtitle: "Active filters and sort direction will be saved in your view",
+      onClose: b,
+      renderFooter: () => m || o || r ? /* @__PURE__ */ s(c, { direction: "horizontal", alignX: "end", children: [
+        m && /* @__PURE__ */ e(
+          w,
+          {
+            variant: "destructive",
+            onClick: f,
+            className: `act-react-listing-custom-view-${n}-delete`,
+            children: "Delete"
+          }
+        ),
+        (o || r) && /* @__PURE__ */ e(
+          w,
+          {
+            variant: "primary",
+            type: "submit",
+            className: `act-react-listing-custom-view-${n}-save`,
+            disabled: !h.isDirty && I || h.isSubmitting,
+            children: "Save"
+          }
+        )
+      ] }) : null,
+      className: `act-react-listing-custom-view-${n}`,
+      children: [
+        !o && /* @__PURE__ */ e(
+          O,
+          {
+            variant: "warning",
+            title: "You need permission to edit this view",
+            message: "This is a company shared view"
+          }
+        ),
+        /* @__PURE__ */ s(c, { children: [
+          /* @__PURE__ */ e(
+            d,
+            {
+              name: "viewName",
+              control: l,
+              render: ({ onChange: t, value: i }) => /* @__PURE__ */ e(
+                _,
+                {
+                  id: "view-name",
+                  className: `act-react-listing-custom-view-${n}-field`,
+                  label: "View name",
+                  placeholder: "View name",
+                  value: i,
+                  onChange: t,
+                  disabled: !a.editable,
+                  maxLength: p,
+                  hint: `${i.length} / ${p} characters`,
+                  required: !0
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ s(c, { children: [
+            /* @__PURE__ */ e($, { variant: "inputLabel", children: "Sharing options" }),
+            /* @__PURE__ */ e("br", {}),
+            /* @__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 tab this page will always open on"
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
 };
 export {
   z as EditDropdown,

package/dist/index36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index77.cjs"),d=require("./index47.cjs"),u=require("./index46.cjs"),p=({tab:i,onMakeDefault:n,onEdit:o,onDuplicate:l,onDelete:s,shouldShowDropdown:c,handleCloseDropdown:a})=>{const{openModal:r}=d.useModal(),m=()=>{r(u.ModalId.ORDERS_TABLE_MANAGEMENT),a()};return c?e.jsxs(t.MenuItems,{children:[!i.default&&e.jsx(t.Item,{onClick:n,className:"act-react-listing-custom-view-make-default-menu-item",children:"Make default view"}),e.jsx(t.Item,{onClick:o,className:"act-react-listing-custom-view-edit-menu-item",role:"option",children:"Edit"}),e.jsx(t.Item,{onClick:l,className:"act-react-listing-custom-view-duplicate-menu-item",role:"option",children:"Duplicate"}),i.label!=="Picking In Progress"&&e.jsx(t.Item,{onClick:s,className:"act-react-listing-custom-view-delete-menu-item",role:"option",children:"Delete"}),e.jsx(t.Divider,{}),e.jsx(t.Item,{onClick:m,role:"option",children:"Table management"})]}):null};exports.OptionsDropdown=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index78.cjs"),g=require("./index47.cjs"),j=require("./index46.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/index36.js

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

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("./index57.cjs"),v=require("./index78.cjs"),g=require("./index39.cjs"),h=require("./index56.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"),a=require("react-transition-group"),f=require("mobx-react"),x=require("./index57.cjs"),v=require("./index79.cjs"),g=require("./index39.cjs"),h=require("./index56.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;

package/dist/index37.js

@@ -2,30 +2,51 @@ 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 "./index57.js";
-import { InfoPill as w } from "./index78.js";
+import { InfoPill as w } from "./index79.js";
 import { UnsavedChangesPill as x } from "./index39.js";
 import { useStores as g } from "./index56.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 }) })
-  ] });
-});
+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
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
 export {
   F as PillNotifications
 };

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("./index79.cjs"),g=require("./index59.cjs"),S=require("./index57.cjs"),b=require("./index3.cjs"),y=require("./index7.cjs"),V=require("./index56.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 i=require("react/jsx-runtime"),d=require("react"),m=require("./index77.cjs"),g=require("./index59.cjs"),S=require("./index57.cjs"),b=require("./index3.cjs"),y=require("./index7.cjs"),V=require("./index56.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/index38.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as f } from "react";
-import { LegacySortableViews as l } from "./index79.js";
+import { LegacySortableViews as l } from "./index77.js";
 import { useCustomViews as w } from "./index59.js";
 import { useViews as d } from "./index57.js";
 import { patchCurrentUser as g } from "./index3.js";
@@ -8,20 +8,7 @@ import { useBusinessLogic as _ } from "./index7.js";
 import { useStores as S } from "./index56.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) => {
+  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 {
@@ -31,18 +18,19 @@ const N = () => {
             order: i
           }
         }
-      }), await n((t) => ({
-        ...t,
-        settings: {
-          ...t.settings,
-          custom_view_positions: {
-            ...t.settings.custom_view_positions,
-            order: i
+      }), await n(
+        (t) => ({
+          ...t,
+          settings: {
+            ...t.settings,
+            custom_view_positions: {
+              ...t.settings.custom_view_positions,
+              order: i
+            }
           }
-        }
-      }), {
-        revalidate: !1
-      });
+        }),
+        { revalidate: !1 }
+      );
     } catch {
       o(s), c({
         type: "error",
@@ -50,7 +38,14 @@ const N = () => {
       });
     }
   };
-  return a || !s.length ? null : /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(l, { views: u, onChange: p, className: "act-sortable-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

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"),n=require("./index81.cjs"),u=require("./index55.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(n.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(n.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 e=require("react/jsx-runtime"),l=require("react"),s=require("@veeqo/ui"),h=require("mobx-react"),n=require("./index80.cjs"),u=require("./index55.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(n.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(n.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;

package/dist/index39.js

@@ -2,33 +2,74 @@ import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { useState as m } from "react";
 import { Stack as g, theme as u, AnimatedDropdown as v } from "@veeqo/ui";
 import { observer as p } from "mobx-react";
-import { Notification as f, Container as w, Glyph as C, Wrap as b, Text as a, Bold as y, Button as o, Item as r } from "./index81.js";
+import { Notification as f, Container as w, Glyph as C, Wrap as b, Text as a, Bold as y, Button as o, Item as r } from "./index80.js";
 import { usePersistUnsavedChanges as k } from "./index55.js";
-const S = u.colors.secondary.blue.base, A = p(({
-  onDiscard: s,
-  viewName: i,
-  onSaveDraft: c
-}) => {
-  const {
-    saveChanges: d,
-    isSubmitting: l
-  } = k(), [h, t] = m(!1);
-  return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(w, { className: "act-react-listing-custom-notification-unsaved-changes", children: /* @__PURE__ */ n(g, { direction: "horizontal", alignY: "center", children: [
-    /* @__PURE__ */ e(C, { name: "attention", color: S }),
-    /* @__PURE__ */ n(b, { children: [
-      /* @__PURE__ */ e(a, { variant: "body", margin: "0 4px 0 0", children: "You have unsaved changes to" }),
-      /* @__PURE__ */ e(y, { variant: "bodyBoldDark", children: `'${i}'` })
-    ] }),
-    /* @__PURE__ */ e(o, { className: "act-react-listing-custom-notification-unsaved-changes-discard", onClick: s, size: "sm", children: "Discard changes" }),
-    /* @__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" }), 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 })
-      ] })
-    ] })
-  ] }) }) });
-});
+const S = u.colors.secondary.blue.base, A = p(
+  ({
+    onDiscard: s,
+    viewName: i,
+    onSaveDraft: c
+  }) => {
+    const { saveChanges: d, isSubmitting: l } = k(), [h, t] = m(!1);
+    return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(w, { className: "act-react-listing-custom-notification-unsaved-changes", children: /* @__PURE__ */ n(g, { direction: "horizontal", alignY: "center", children: [
+      /* @__PURE__ */ e(C, { name: "attention", color: S }),
+      /* @__PURE__ */ n(b, { children: [
+        /* @__PURE__ */ e(a, { variant: "body", margin: "0 4px 0 0", children: "You have unsaved changes to" }),
+        /* @__PURE__ */ e(y, { variant: "bodyBoldDark", children: `'${i}'` })
+      ] }),
+      /* @__PURE__ */ e(
+        o,
+        {
+          className: "act-react-listing-custom-notification-unsaved-changes-discard",
+          onClick: s,
+          size: "sm",
+          children: "Discard changes"
+        }
+      ),
+      /* @__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"
+            }
+          ),
+          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 })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] }) }) });
+  }
+);
 export {
   A as UnsavedChangesPill
 };

package/dist/index4.js

@@ -1,14 +1,7 @@
 import { axios as i } from "./index6.js";
 import { withCSRF as m } from "./index48.js";
 import { vndAPI as p } from "./index49.js";
-const c = (t, {
-  attributes: o
-}) => i.patch(`/api/v2/custom_views/${t}`, {
-  data: {
-    attributes: o,
-    type: "custom_view"
-  }
-}, m(p));
+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.js

@@ -6,33 +6,83 @@ 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
-  },
+  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, { 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 }) }),
-    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 }) })
+    i && /* @__PURE__ */ o(
+      r,
+      {
+        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
+          }
+        )
+      }
+    ),
+    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 {