@veeqo/transfigure 1.1.6 → 1.1.7

package/dist/index36.js

@@ -1,22 +1,106 @@
-import { jsx as e } from "react/jsx-runtime";
-import { VeeqoCommon as r } from "@veeqo/components";
-import { Button as n, theme as c } from "@veeqo/ui";
-import { useDuplicateActiveView as l } from "./index56.js";
-const { Glyph: m } = r, u = ({ hideActionsPopover: o }) => {
-  const { duplicateView: t } = l(), i = () => {
-    t(), o();
-  };
-  return /* @__PURE__ */ e(
-    n,
-    {
-      style: { width: "100%" },
-      iconSlot: /* @__PURE__ */ e(m, { name: "add", size: "sm", color: c.colors.neutral.ink.base }),
-      variant: "flat",
-      onClick: i,
-      children: "Create View"
+import { jsxs as W, Fragment as Y, jsx as s } from "react/jsx-runtime";
+import { useState as $, useRef as z, useMemo as C } from "react";
+import { ViewTab as G, theme as L, Loader as J } from "@veeqo/ui";
+import { observer as K } from "mobx-react";
+import { useCustomViews as Q } from "./index65.js";
+import { useViews as X } from "./index62.js";
+import { PillNotifications as Z } from "./index40.js";
+import { ViewDropdowns as b } from "./index43.js";
+import { useDropdownManager as ee } from "./index56.js";
+import { useViewCounts as oe } from "./index99.js";
+import { useBusinessLogic as ie } from "./index8.js";
+import { useStores as te } from "./index61.js";
+import { Confirmation as re } from "./index100.js";
+const ge = K(({ view: e }) => {
+  const { VIEW_TYPE: S, SEARCH_FILTER_ID: l } = ie(), {
+    Filters: { activeViewId: c, initFiltersFromView: d, discardChanges: f, initFromUrl: m, filters: F, setFilter: T },
+    Views: { draftViewsMap: y },
+    Notifications: { notify: x }
+  } = te(), { viewsMap: u, defaultCustomViewId: E, isLoading: N } = X(), { isLoading: k } = Q({ type: S }), { viewCounts: A, isLoadingViewCounts: M } = oe(), [i, R] = $(null), I = (o) => {
+    const v = F.get(l);
+    if (u.has(o)) {
+      const r = u.get(o);
+      r && (d(r), f(!0), m());
+    } else {
+      const r = y.get(o);
+      r ? (d(r), f(!0), m()) : x({
+        type: "error",
+        text: "Failed to load view"
+      });
     }
-  );
-};
+    v && T(l, v);
+  }, n = (e == null ? void 0 : e.id) === c, t = e.originalView !== void 0, w = e.originalView === void 0, P = A, a = (e == null ? void 0 : e.label) || "", _ = N || k, p = z(!1);
+  !_ && !p.current && n && e.id === E && i && (p.current = !0, i && c === e.id && window.requestAnimationFrame(() => {
+    var o;
+    (o = i.parentElement) == null || o.scrollBy({
+      behavior: "smooth",
+      left: i.offsetLeft
+    });
+  }));
+  const h = C(() => t ? "draft" : e.editable ? "saved" : "fixed", [t, e.editable]), {
+    actions: {
+      create: { handleSaveDraft: j },
+      menu: { toggleDropdown: V },
+      delete: { closeDeleteConfirmation: B, handleDelete: q, handleDeleteDraftView: g }
+    },
+    state: { shouldShowDeleteConfirmation: H },
+    actions: O,
+    state: D
+  } = ee(e), U = C(() => {
+    if (w) return V;
+    if (t) return g;
+  }, [g, t, w, V]);
+  return /* @__PURE__ */ W(Y, { children: [
+    /* @__PURE__ */ s(
+      G,
+      {
+        colourPalette: L.colors.secondary.blue,
+        className: "act-react-listing-custom-view",
+        active: n,
+        id: e == null ? void 0 : e.id,
+        name: a,
+        type: h,
+        count: M ? /* @__PURE__ */ s(
+          J,
+          {
+            type: "ThreeDots",
+            width: 12,
+            height: 12,
+            color: n ? "#fff" : L.colors.neutral.ink.dark
+          }
+        ) : P,
+        onClick: I,
+        subAction: U,
+        ariaContext: "orders",
+        ref: R,
+        "aria-controls": "options-dropdown",
+        "aria-expanded": D.shouldShowDropdown,
+        "aria-haspopup": "dialog"
+      },
+      e == null ? void 0 : e.id
+    ),
+    /* @__PURE__ */ s(
+      re,
+      {
+        shouldShow: H,
+        viewName: a,
+        onCancel: B,
+        onDelete: q
+      }
+    ),
+    /* @__PURE__ */ s(
+      Z,
+      {
+        tabType: h,
+        isActive: n,
+        initialViewName: a,
+        shouldShowCreateViewNotification: t,
+        handleSaveDraft: j
+      }
+    ),
+    /* @__PURE__ */ s(b, { referenceElement: i, tab: e, ...O, ...D })
+  ] });
+});
 export {
-  u as CreateView
+  ge as ViewTab
 };

package/dist/index37.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@veeqo/ui"),o=require("react-hook-form"),I=require("./index64.cjs"),f=require("./index44.cjs"),D=require("./index8.cjs"),d=60,_=({tab:n,viewName:w,shouldShowDropdown:p,onCloseDropdown:v,onDelete:g,onSave:x,headerText:j,e2ePrefix:a,activeOption:C})=>{const{VIEW_TYPE:S}=D.useBusinessLogic(),{canDeleteCustomViews:u,canUpdateCustomViews:r,canShareCustomViews:l,defaultCustomViewId:m}=I.useCustomViews({type:S}),b=n.id===m,{handleSubmit:y,control:c,formState:h}=o.useForm({mode:"onChange",defaultValues:{viewName:w,isDefault:n.id===m,shareOption:C.key}}),V=Object.values(f.SHARING_OPTIONS).map(s=>({key:s.key,value:s.key,label:s.text}));if(!p)return null;const k=n.originalView===void 0;return e.jsx("form",{onSubmit:y(x),children:e.jsxs(t.Card,{style:{width:"400px"},title:j,subtitle:"Any filters you've applied and your chosen sort direction will be stored in this view",onClose:v,renderFooter:()=>u||r||l?e.jsxs(t.Stack,{direction:"horizontal",alignX:"end",children:[u&&e.jsx(t.Button,{variant:"destructive",onClick:g,className:`act-react-listing-custom-view-${a}-delete`,children:"Delete"}),(r||l)&&e.jsx(t.Button,{variant:"primary",type:"submit",className:`act-react-listing-custom-view-${a}-save`,disabled:!h.isDirty&&k||h.isSubmitting,children:"Save"})]}):null,className:`act-react-listing-custom-view-${a}`,children:[!r&&e.jsx(t.Alert,{variant:"warning",title:"You need permission to edit this view",message:"This is a company shared view"}),e.jsxs(t.Stack,{alignX:"stretch",children:[e.jsx(o.Controller,{name:"viewName",control:c,render:({onChange:s,value:i})=>e.jsx(t.TextField,{id:"view-name",className:`act-react-listing-custom-view-${a}-field`,label:"View name",placeholder:"View name",value:i,onChange:s,disabled:!n.editable,maxLength:d,hint:`${i.length} / ${d} characters`,required:!0})}),e.jsxs(t.Stack,{children:[e.jsx(t.Text,{variant:"inputLabel",children:"Sharing options"}),e.jsx(o.Controller,{name:"shareOption",control:c,render:({onChange:s,value:i})=>e.jsx(t.SegmentedControl,{onChange:T=>l&&s(T),options:V,selected:i})})]}),e.jsx(o.Controller,{name:"isDefault",control:c,render:({onChange:s,value:i})=>e.jsx(t.Checkbox,{disabled:b,name:"makeViewDefault",label:"Make default view",checked:i,onChange:s,hint:"This will be the view this page will always open on"})})]})]})})};exports.EditDropdown=_;exports.VIEWS_TITLE_MAX_CHAR_LIMIT=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@veeqo/components"),t=require("@veeqo/ui"),r=require("./index57.cjs"),{Glyph:s}=c.VeeqoCommon,l=({hideActionsPopover:i})=>{const{duplicateView:o}=r.useDuplicateActiveView(),n=()=>{o(),i()};return e.jsx(t.Button,{style:{width:"100%"},iconSlot:e.jsx(s,{name:"add",size:"sm",color:t.theme.colors.neutral.ink.base}),variant:"flat",onClick:n,children:"Create View"})};exports.CreateView=l;

package/dist/index37.js

@@ -1,139 +1,22 @@
-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 "./index64.js";
-import { SHARING_OPTIONS as F } from "./index44.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 { 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,
+import { jsx as e } from "react/jsx-runtime";
+import { VeeqoCommon as r } from "@veeqo/components";
+import { Button as n, theme as c } from "@veeqo/ui";
+import { useDuplicateActiveView as l } from "./index57.js";
+const { Glyph: m } = r, u = ({ hideActionsPopover: o }) => {
+  const { duplicateView: t } = l(), i = () => {
+    t(), o();
+  };
+  return /* @__PURE__ */ e(
+    n,
     {
-      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"
-                }
-              )
-            }
-          )
-        ] })
-      ]
+      style: { width: "100%" },
+      iconSlot: /* @__PURE__ */ e(m, { name: "add", size: "sm", color: c.colors.neutral.ink.base }),
+      variant: "flat",
+      onClick: i,
+      children: "Create View"
     }
-  ) });
+  );
 };
 export {
-  z as EditDropdown,
-  w as VIEWS_TITLE_MAX_CHAR_LIMIT
+  u as CreateView
 };

package/dist/index38.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index99.cjs"),g=require("./index51.cjs"),j=require("./index50.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@veeqo/ui"),o=require("react-hook-form"),I=require("./index65.cjs"),f=require("./index45.cjs"),D=require("./index8.cjs"),d=60,_=({tab:n,viewName:w,shouldShowDropdown:p,onCloseDropdown:v,onDelete:g,onSave:x,headerText:j,e2ePrefix:a,activeOption:C})=>{const{VIEW_TYPE:S}=D.useBusinessLogic(),{canDeleteCustomViews:u,canUpdateCustomViews:r,canShareCustomViews:l,defaultCustomViewId:m}=I.useCustomViews({type:S}),b=n.id===m,{handleSubmit:y,control:c,formState:h}=o.useForm({mode:"onChange",defaultValues:{viewName:w,isDefault:n.id===m,shareOption:C.key}}),V=Object.values(f.SHARING_OPTIONS).map(s=>({key:s.key,value:s.key,label:s.text}));if(!p)return null;const k=n.originalView===void 0;return e.jsx("form",{onSubmit:y(x),children:e.jsxs(t.Card,{style:{width:"400px"},title:j,subtitle:"Any filters you've applied and your chosen sort direction will be stored in this view",onClose:v,renderFooter:()=>u||r||l?e.jsxs(t.Stack,{direction:"horizontal",alignX:"end",children:[u&&e.jsx(t.Button,{variant:"destructive",onClick:g,className:`act-react-listing-custom-view-${a}-delete`,children:"Delete"}),(r||l)&&e.jsx(t.Button,{variant:"primary",type:"submit",className:`act-react-listing-custom-view-${a}-save`,disabled:!h.isDirty&&k||h.isSubmitting,children:"Save"})]}):null,className:`act-react-listing-custom-view-${a}`,children:[!r&&e.jsx(t.Alert,{variant:"warning",title:"You need permission to edit this view",message:"This is a company shared view"}),e.jsxs(t.Stack,{alignX:"stretch",children:[e.jsx(o.Controller,{name:"viewName",control:c,render:({onChange:s,value:i})=>e.jsx(t.TextField,{id:"view-name",className:`act-react-listing-custom-view-${a}-field`,label:"View name",placeholder:"View name",value:i,onChange:s,disabled:!n.editable,maxLength:d,hint:`${i.length} / ${d} characters`,required:!0})}),e.jsxs(t.Stack,{children:[e.jsx(t.Text,{variant:"inputLabel",children:"Sharing options"}),e.jsx(o.Controller,{name:"shareOption",control:c,render:({onChange:s,value:i})=>e.jsx(t.SegmentedControl,{onChange:T=>l&&s(T),options:V,selected:i})})]}),e.jsx(o.Controller,{name:"isDefault",control:c,render:({onChange:s,value:i})=>e.jsx(t.Checkbox,{disabled:b,name:"makeViewDefault",label:"Make default view",checked:i,onChange:s,hint:"This will be the view this page will always open on"})})]})]})})};exports.EditDropdown=_;exports.VIEWS_TITLE_MAX_CHAR_LIMIT=d;

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 "./index99.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("./index98.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 "./index98.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("./index96.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;