@veeqo/transfigure 0.0.1

package/dist/index32.js

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+import { observer as e } from "mobx-react";
+import { Stack as m } from "@veeqo/ui";
+import { FilterGroup as s } from "./index26.js";
+import { useBusinessLogic as p } from "./index7.js";
+import { AdaptiveHeightContainer as n } from "./index75.js";
+const u = e(() => {
+  const {
+    GROUP_MAP: t
+  } = p();
+  return /* @__PURE__ */ r(n, { style: {
+    minWidth: "360px"
+  }, children: /* @__PURE__ */ r(m, { alignX: "stretch", children: Array.from(t).map(([o, i]) => /* @__PURE__ */ r(s, { data: i }, o)) }) });
+});
+export {
+  u as FiltersList
+};

package/dist/index33.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),q=require("@veeqo/ui"),U=require("mobx-react"),W=require("./index59.cjs"),Y=require("./index57.cjs"),z=require("./index37.cjs"),G=require("./index40.cjs"),J=require("./index51.cjs"),K=require("./index7.cjs"),Q=require("./index56.cjs"),X=require("./index76.cjs"),Z=U.observer(({view:e})=>{const{VIEW_TYPE:S,SEARCH_FILTER_ID:l}=K.useBusinessLogic(),{Filters:{activeViewId:u,initFiltersFromView:d,discardChanges:w,initFromUrl:f,filters:x,setFilter:y},Views:{draftViewsMap:F},Notifications:{notify:L}}=Q.useStores(),{viewsMap:m,defaultCustomViewId:T,isLoading:N}=Y.useViews(),{isLoading:j,isValidating:E}=W.useCustomViews({type:S}),[s,M]=r.useState(null),R=i=>{const C=x.get(l);if(m.has(i)){const n=m.get(i);n&&(d(n),w(!0),f())}else{const n=F.get(i);n?(d(n),w(!0),f()):L({type:"error",text:"Failed to load view"})}C&&y(l,C)},a=(e==null?void 0:e.id)===u,t=e.originalView!==void 0,V=e.originalView===void 0,P="100",c=(e==null?void 0:e.label)||"",A=N||E||j,g=r.useRef(!1);!A&&!g.current&&a&&e.id===T&&s&&(g.current=!0,s&&u===e.id&&window.requestAnimationFrame(()=>{var i;(i=s.parentElement)==null||i.scrollBy({behavior:"smooth",left:s.offsetLeft})}));const h=r.useMemo(()=>t?"draft":e.editable?"saved":"fixed",[t,e.editable]),{actions:{create:{handleSaveDraft:B},menu:{toggleDropdown:p},delete:{closeDeleteConfirmation:I,handleDelete:_,handleDeleteDraftView:D}},state:{shouldShowDeleteConfirmation:k},actions:O,state:v}=J.useDropdownManager(e),H=r.useMemo(()=>{if(V)return p;if(t)return D},[D,t,V,p]);return o.jsxs(o.Fragment,{children:[o.jsx(q.ViewTab,{colourPalette:q.theme.colors.secondary.blue,className:"act-react-listing-custom-view",active:a,id:e==null?void 0:e.id,name:c,type:h,count:P,onClick:R,subAction:H,ariaContext:"orders",ref:M,"aria-controls":"options-dropdown","aria-expanded":v.shouldShowDropdown,"aria-haspopup":"dialog"},e==null?void 0:e.id),o.jsx(X.Confirmation,{shouldShow:k,viewName:c,onCancel:I,onDelete:_}),o.jsx(z.PillNotifications,{tabType:h,isActive:a,initialViewName:c,shouldShowCreateViewNotification:t,handleSaveDraft:B}),o.jsx(G.ViewDropdowns,{referenceElement:s,tab:e,...O,...v})]})});exports.ViewTab=Z;

package/dist/index33.js

@@ -0,0 +1,96 @@
+import { jsxs as O, Fragment as U, jsx as s } from "react/jsx-runtime";
+import { useState as W, useRef as Y, useMemo as C } from "react";
+import { ViewTab as $, theme as z } from "@veeqo/ui";
+import { observer as G } from "mobx-react";
+import { useCustomViews as J } from "./index59.js";
+import { useViews as K } from "./index57.js";
+import { PillNotifications as Q } from "./index37.js";
+import { ViewDropdowns as X } from "./index40.js";
+import { useDropdownManager as Z } from "./index51.js";
+import { useBusinessLogic as b } from "./index7.js";
+import { useStores as ee } from "./index56.js";
+import { Confirmation as ie } from "./index76.js";
+const we = G(({
+  view: e
+}) => {
+  const {
+    VIEW_TYPE: S,
+    SEARCH_FILTER_ID: l
+  } = b(), {
+    Filters: {
+      activeViewId: c,
+      initFiltersFromView: d,
+      discardChanges: f,
+      initFromUrl: m,
+      filters: F,
+      setFilter: L
+    },
+    Views: {
+      draftViewsMap: T
+    },
+    Notifications: {
+      notify: x
+    }
+  } = ee(), {
+    viewsMap: u,
+    defaultCustomViewId: y,
+    isLoading: E
+  } = K(), {
+    isLoading: N,
+    isValidating: A
+  } = J({
+    type: S
+  }), [o, M] = W(null), R = (i) => {
+    const v = F.get(l);
+    if (u.has(i)) {
+      const r = u.get(i);
+      r && (d(r), f(!0), m());
+    } else {
+      const r = T.get(i);
+      r ? (d(r), f(!0), m()) : x({
+        type: "error",
+        text: "Failed to load view"
+      });
+    }
+    v && L(l, v);
+  }, n = (e == null ? void 0 : e.id) === c, t = e.originalView !== void 0, w = e.originalView === void 0, I = "100", a = (e == null ? void 0 : e.label) || "", P = E || A || N, p = Y(!1);
+  !P && !p.current && n && e.id === y && o && (p.current = !0, o && c === e.id && window.requestAnimationFrame(() => {
+    var i;
+    (i = o.parentElement) == null || i.scrollBy({
+      behavior: "smooth",
+      left: o.offsetLeft
+    });
+  }));
+  const V = C(() => t ? "draft" : e.editable ? "saved" : "fixed", [t, e.editable]), {
+    actions: {
+      create: {
+        handleSaveDraft: _
+      },
+      menu: {
+        toggleDropdown: h
+      },
+      delete: {
+        closeDeleteConfirmation: j,
+        handleDelete: k,
+        handleDeleteDraftView: g
+      }
+    },
+    state: {
+      shouldShowDeleteConfirmation: B
+    },
+    actions: q,
+    state: D
+  } = Z(e), H = C(() => {
+    if (w) return h;
+    if (t) return g;
+  }, [g, t, w, h]);
+  return /* @__PURE__ */ O(U, { children: [
+    /* @__PURE__ */ s($, { colourPalette: z.colors.secondary.blue, className: "act-react-listing-custom-view", active: n, id: e == null ? void 0 : e.id, name: a, type: V, count: I, onClick: R, subAction: H, ariaContext: "orders", ref: M, "aria-controls": "options-dropdown", "aria-expanded": D.shouldShowDropdown, "aria-haspopup": "dialog" }, e == null ? void 0 : e.id),
+    /* @__PURE__ */ s(ie, { shouldShow: B, viewName: a, onCancel: j, onDelete: k }),
+    /* @__PURE__ */ s(Q, { tabType: V, isActive: n, initialViewName: a, shouldShowCreateViewNotification: t, handleSaveDraft: _ }),
+    /* @__PURE__ */ s(X, { referenceElement: o, tab: e, ...q, ...D })
+  ] });
+});
+export {
+  we as ViewTab
+};

package/dist/index34.cjs

@@ -0,0 +1 @@
+"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("./index52.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/index34.js

@@ -0,0 +1,21 @@
+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 "./index52.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" });
+};
+export {
+  u as CreateView
+};

package/dist/index35.cjs

@@ -0,0 +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("./index59.cjs"),f=require("./index42.cjs"),D=require("./index7.cjs"),d=60,_=({tab:n,viewName:w,shouldShowDropdown:v,onCloseDropdown:g,onDelete:p,onSave:x,headerText:j,e2ePrefix:a,activeOption:b})=>{const{VIEW_TYPE:C}=D.useBusinessLogic(),{canDeleteCustomViews:u,canUpdateCustomViews:r,canShareCustomViews:l,defaultCustomViewId:m}=I.useCustomViews({type:C}),S=n.id===m,{handleSubmit:y,control:c,formState:h}=o.useForm({mode:"onChange",defaultValues:{viewName:w,isDefault:n.id===m,shareOption:b.key}}),V=Object.values(f.SHARING_OPTIONS).map(s=>({key:s.key,value:s.key,label:s.text}));if(!v)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:"Active filters and sort direction will be saved in your view",onClose:g,renderFooter:()=>u||r||l?e.jsxs(t.Stack,{direction:"horizontal",alignX:"end",children:[u&&e.jsx(t.Button,{variant:"destructive",onClick:p,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,{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("br",{}),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:S,name:"makeViewDefault",label:"Make default view",checked:i,onChange:s,hint:"This will be the tab this page will always open on"})})]})]})})};exports.EditDropdown=_;exports.VIEWS_TITLE_MAX_CHAR_LIMIT=d;

package/dist/index35.js

@@ -0,0 +1,75 @@
+import { jsx as e, jsxs as s } 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 w } from "@veeqo/ui";
+import { useForm as L, Controller as d } from "react-hook-form";
+import { useCustomViews as j } from "./index59.js";
+import { SHARING_OPTIONS as F } from "./index42.js";
+import { useBusinessLogic as M } from "./index7.js";
+const p = 60, z = ({
+  tab: a,
+  viewName: v,
+  shouldShowDropdown: g,
+  onCloseDropdown: b,
+  onDelete: f,
+  onSave: C,
+  headerText: y,
+  e2ePrefix: n,
+  activeOption: S
+}) => {
+  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({
+    mode: "onChange",
+    defaultValues: {
+      viewName: v,
+      isDefault: a.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 = 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" }) })
+    ] })
+  ] }) });
+};
+export {
+  z as EditDropdown,
+  p as VIEWS_TITLE_MAX_CHAR_LIMIT
+};

package/dist/index36.cjs

@@ -0,0 +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;

package/dist/index36.js

@@ -0,0 +1,30 @@
+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,
+  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" })
+  ] }) : null;
+};
+export {
+  w as OptionsDropdown
+};

package/dist/index37.cjs

@@ -0,0 +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;

package/dist/index37.js

@@ -0,0 +1,31 @@
+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 { 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 }) })
+  ] });
+});
+export {
+  F as PillNotifications
+};

package/dist/index38.cjs

@@ -0,0 +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;

package/dist/index38.js

@@ -0,0 +1,57 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { LegacySortableViews as l } from "./index79.js";
+import { useCustomViews as w } from "./index59.js";
+import { useViews as d } from "./index57.js";
+import { patchCurrentUser as g } from "./index3.js";
+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) => {
+    o(e);
+    const i = e.map((t) => t.id);
+    try {
+      await g({
+        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 {
+      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
+};

package/dist/index39.cjs

@@ -0,0 +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;

package/dist/index39.js

@@ -0,0 +1,34 @@
+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 { 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 })
+      ] })
+    ] })
+  ] }) }) });
+});
+export {
+  A as UnsavedChangesPill
+};

package/dist/index4.cjs

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

@@ -0,0 +1,14 @@
+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));
+export {
+  c as patchCustomView
+};

package/dist/index40.cjs

@@ -0,0 +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;

package/dist/index40.js

@@ -0,0 +1,40 @@
+import { jsxs as D, Fragment as N, jsx as o } from "react/jsx-runtime";
+import { Popover as r } from "@veeqo/ui";
+import { SHARING_OPTIONS as m } from "./index42.js";
+import { OptionsDropdown as O } from "./index36.js";
+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
+  },
+  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 }) })
+  ] });
+};
+export {
+  j as ViewDropdowns
+};

package/dist/index41.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),V=require("mobx-react"),s=require("@veeqo/ui"),t=require("./index80.cjs"),j=require("./index38.cjs"),m=require("./index57.cjs"),S=require("./index58.cjs"),q=require("./index34.cjs"),u=require("./index33.cjs"),p=require("./index56.cjs"),a=require("./index10.cjs"),b=V.observer(()=>{const{Views:{draftViewsList:c}}=p.useStores(),{viewsArray:l,fixedViews:d}=m.useViews(),[o,i]=n.useState(!1),[w,x]=n.useState(null),h=()=>i(!1);return S.useViewUrlChange(),e.jsxs(e.Fragment,{children:[e.jsxs(s.ViewsContainer,{onClickMenu:()=>i(!0),ariaMenuControls:"views-menu",ariaMenuExpanded:o,ref:x,children:[l.map(r=>e.jsx(a.ErrorBoundary,{children:e.jsx(u.ViewTab,{view:r})},r.id)),c.map(r=>e.jsx(a.ErrorBoundary,{children:e.jsx(u.ViewTab,{view:r})},r.id))]}),o&&e.jsx(s.Popover,{id:"views-menu",anchorElement:w,placement:"bottom",onShouldClose:()=>i(!1),children:e.jsxs(s.Card.Surface,{children:[e.jsx(t.FixedViews,{children:d.map(r=>e.jsx(s.Text,{variant:"placeholder",children:r.label},r.id||r.label))}),e.jsx(j.SortableViews,{}),e.jsx(t.Divider,{}),e.jsx(q.CreateView,{hideActionsPopover:h})]})})]})});exports.ViewList=b;

package/dist/index41.js

@@ -0,0 +1,37 @@
+import { jsxs as i, Fragment as u, jsx as e } from "react/jsx-runtime";
+import { useState as n } from "react";
+import { observer as h } from "mobx-react";
+import { ViewsContainer as w, Popover as V, Card as v, Text as S } from "@veeqo/ui";
+import { FixedViews as x, Divider as C } from "./index80.js";
+import { SortableViews as b } from "./index38.js";
+import { useViews as A } from "./index57.js";
+import { useViewUrlChange as L } from "./index58.js";
+import { CreateView as M } from "./index34.js";
+import { ViewTab as s } from "./index33.js";
+import { useStores as T } from "./index56.js";
+import { ErrorBoundary as m } from "./index10.js";
+const z = h(() => {
+  const {
+    Views: {
+      draftViewsList: l
+    }
+  } = T(), {
+    viewsArray: a,
+    fixedViews: d
+  } = A(), [t, o] = n(!1), [p, c] = n(null), f = () => o(!1);
+  return L(), /* @__PURE__ */ i(u, { children: [
+    /* @__PURE__ */ i(w, { onClickMenu: () => o(!0), ariaMenuControls: "views-menu", ariaMenuExpanded: t, ref: c, children: [
+      a.map((r) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(s, { view: r }) }, r.id)),
+      l.map((r) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(s, { view: r }) }, r.id))
+    ] }),
+    t && /* @__PURE__ */ e(V, { id: "views-menu", anchorElement: p, placement: "bottom", onShouldClose: () => o(!1), children: /* @__PURE__ */ i(v.Surface, { children: [
+      /* @__PURE__ */ e(x, { children: d.map((r) => /* @__PURE__ */ e(S, { variant: "placeholder", children: r.label }, r.id || r.label)) }),
+      /* @__PURE__ */ e(b, {}),
+      /* @__PURE__ */ e(C, {}),
+      /* @__PURE__ */ e(M, { hideActionsPopover: f })
+    ] }) })
+  ] });
+});
+export {
+  z as ViewList
+};

package/dist/index42.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={PERSONAL:{key:"personal",text:"Personal"},COMPANY:{key:"company",text:"Company"}};exports.SHARING_OPTIONS=e;

package/dist/index42.js

@@ -0,0 +1,13 @@
+const e = {
+  PERSONAL: {
+    key: "personal",
+    text: "Personal"
+  },
+  COMPANY: {
+    key: "company",
+    text: "Company"
+  }
+};
+export {
+  e as SHARING_OPTIONS
+};

package/dist/index43.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("@veeqo/ui"),_={...T.DateRanges,CUSTOM:"CUSTOM"},A=new Map([["CUSTOM",T.DATE_RANGE_OPTIONS[0]],[_.TODAY,T.DATE_RANGE_OPTIONS[1]],[_.YESTERDAY,T.DATE_RANGE_OPTIONS[2]],[_.LAST_7_DAYS,T.DATE_RANGE_OPTIONS[3]],[_.LAST_30_DAYS,T.DATE_RANGE_OPTIONS[4]],[_.LAST_90_DAYS,T.DATE_RANGE_OPTIONS[5]],[_.LAST_MONTH,T.DATE_RANGE_OPTIONS[6]],[_.LAST_12_MONTHS,T.DATE_RANGE_OPTIONS[7]],[_.WEEK_TO_DATE,T.DATE_RANGE_OPTIONS[8]],[_.MONTH_TO_DATE,T.DATE_RANGE_OPTIONS[9]],[_.YEAR_TO_DATE,T.DATE_RANGE_OPTIONS[10]]]);exports.DateOptionMap=A;exports.DateValue=_;

package/dist/index43.js

@@ -0,0 +1,9 @@
+import { DateRanges as A, DATE_RANGE_OPTIONS as T } from "@veeqo/ui";
+const _ = {
+  ...A,
+  CUSTOM: "CUSTOM"
+}, O = /* @__PURE__ */ new Map([["CUSTOM", T[0]], [_.TODAY, T[1]], [_.YESTERDAY, T[2]], [_.LAST_7_DAYS, T[3]], [_.LAST_30_DAYS, T[4]], [_.LAST_90_DAYS, T[5]], [_.LAST_MONTH, T[6]], [_.LAST_12_MONTHS, T[7]], [_.WEEK_TO_DATE, T[8]], [_.MONTH_TO_DATE, T[9]], [_.YEAR_TO_DATE, T[10]]]);
+export {
+  O as DateOptionMap,
+  _ as DateValue
+};

package/dist/index44.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var n=(r=>(r.TEXT="text",r.NUMBER="number",r.CHECKBOX="checkbox",r.RADIO="radio",r.DATE_RANGE="date_range",r.NUMBER_RANGE="number_range",r))(n||{});exports.FilterChoiceValue=n;

package/dist/index44.js

@@ -0,0 +1,4 @@
+var n = /* @__PURE__ */ ((E) => (E.TEXT = "text", E.NUMBER = "number", E.CHECKBOX = "checkbox", E.RADIO = "radio", E.DATE_RANGE = "date_range", E.NUMBER_RANGE = "number_range", E))(n || {});
+export {
+  n as FilterChoiceValue
+};

package/dist/index45.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),e=require("react"),r=e.createContext(null),M=({children:u})=>{const[s,n]=e.useState(null),t=e.useCallback(o=>o===s,[s]),l=e.useCallback(()=>{n(null)},[]),a=e.useCallback(o=>{n(o)},[]),c=e.useCallback(o=>{t(o)?l():a(o)},[l,t,a]),d=e.useMemo(()=>({closeModal:l,isModalOpen:t,openModal:a,toggleModal:c}),[l,t,a,c]);return i.jsx(r.Provider,{value:d,children:u})};exports.ModalContext=r;exports.ModalProvider=M;

package/dist/index45.js

@@ -0,0 +1,23 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useState as i, useCallback as n, useMemo as u, createContext as p } from "react";
+const v = p(null), f = ({
+  children: r
+}) => {
+  const [s, a] = i(null), e = n((o) => o === s, [s]), t = n(() => {
+    a(null);
+  }, []), l = n((o) => {
+    a(o);
+  }, []), c = n((o) => {
+    e(o) ? t() : l(o);
+  }, [t, e, l]), M = u(() => ({
+    closeModal: t,
+    isModalOpen: e,
+    openModal: l,
+    toggleModal: c
+  }), [t, e, l, c]);
+  return /* @__PURE__ */ d(v.Provider, { value: M, children: r });
+};
+export {
+  v as ModalContext,
+  f as ModalProvider
+};

package/dist/index46.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var E=(e=>(e.ORDERS_TABLE_MANAGEMENT="ORDERS_TABLE_MANAGEMENT",e))(E||{});exports.ModalId=E;

package/dist/index46.js

@@ -0,0 +1,4 @@
+var A = /* @__PURE__ */ ((E) => (E.ORDERS_TABLE_MANAGEMENT = "ORDERS_TABLE_MANAGEMENT", E))(A || {});
+export {
+  A as ModalId
+};

package/dist/index47.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index45.cjs"),o=()=>e.useContext(t.ModalContext);exports.useModal=o;

package/dist/index47.js

@@ -0,0 +1,6 @@
+import { useContext as o } from "react";
+import { ModalContext as t } from "./index45.js";
+const m = () => o(t);
+export {
+  m as useModal
+};

package/dist/index48.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=(t={})=>{const{headers:r={}}=t,e=document.querySelector('meta[name="csrf-token"]'),n=e?e.content:null,o=window.localStorage.csrf||n;return o?{...t,headers:{...r,"x-csrf-token":o}}:t};exports.withCSRF=c;

package/dist/index48.js

@@ -0,0 +1,15 @@
+const a = (t = {}) => {
+  const {
+    headers: n = {}
+  } = t, e = document.querySelector('meta[name="csrf-token"]'), r = e ? e.content : null, o = window.localStorage.csrf || r;
+  return o ? {
+    ...t,
+    headers: {
+      ...n,
+      "x-csrf-token": o
+    }
+  } : t;
+};
+export {
+  a as withCSRF
+};

package/dist/index49.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n={headers:{Accept:"application/json","Content-Type":"application/json"}},o={headers:{"Content-Type":"application/vnd.api+json",Accept:"application/vnd.api+json"}};exports.onlyJSON=n;exports.vndAPI=o;