@veeqo/transfigure 0.0.21 → 0.0.22

package/dist/index31.js

@@ -1,13 +1,36 @@
-import { jsx as r } from "react/jsx-runtime";
-import { observer as e } from "mobx-react";
-import { Stack as m } from "@veeqo/ui";
-import { useBusinessLogic as s } from "./index7.js";
-import { AdaptiveHeightContainer as p } from "./index91.js";
-import { FilterGroup as n } from "./index32.js";
-const u = e(() => {
-  const { GROUP_MAP: t } = s();
-  return /* @__PURE__ */ r(p, { style: { minWidth: "360px" }, children: /* @__PURE__ */ r(m, { alignX: "stretch", children: Array.from(t).map(([o, i]) => /* @__PURE__ */ r(n, { data: i }, o)) }) });
+import { jsx as o } from "react/jsx-runtime";
+import { observer as s } from "mobx-react";
+import { Dropdown as t, theme as i } from "@veeqo/ui";
+import { VeeqoCommon as l } from "@veeqo/components";
+import { FiltersList as d } from "./index32.js";
+import { useStores as m } from "./index59.js";
+const { Glyph: n } = l, b = s(() => {
+  const {
+    Filters: { isFiltersDropdownVisible: r, toggleFiltersDropdownVisible: e }
+  } = m();
+  return /* @__PURE__ */ o(
+    t,
+    {
+      id: "filters-dropdown",
+      ctaProps: {
+        iconSlot: /* @__PURE__ */ o(n, { name: "filter" }),
+        children: "Filters",
+        loading: !1,
+        // TODO needs implementing?
+        disabled: !1,
+        // TODO needs implementing?
+        className: "act-toggle-filter",
+        style: { borderRadius: i.radius.base }
+      },
+      style: {
+        padding: 0
+      },
+      shouldShow: r,
+      setShouldShow: e,
+      children: /* @__PURE__ */ o(d, {})
+    }
+  );
 });
 export {
-  u as FiltersList
+  b as FiltersDropdown
 };

package/dist/index32.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("mobx-react"),n=require("@veeqo/ui"),c=require("@veeqo/components"),u=require("./index27.cjs"),t=require("./index46.cjs"),F=require("./index25.cjs"),a=require("./index29.cjs"),h=require("./index28.cjs"),p=require("./index26.cjs"),x=require("./index24.cjs"),y=require("./index23.cjs"),{Glyph:R}=c.VeeqoCommon,C=s.observer(({data:i})=>{const l=i.fields.filter(e=>e.filterType===t.FilterChoiceValue.TEXT||e.filterType===t.FilterChoiceValue.NUMBER),o=i.fields.filter(e=>e.filterType!==t.FilterChoiceValue.TEXT&&e.filterType!==t.FilterChoiceValue.NUMBER);return r.jsx(n.Accordion,{iconSlot:r.jsx(R,{name:"product-menu"}),label:i.label,children:r.jsxs(n.Stack,{children:[l.length>0?r.jsx(u.MultipleFieldFilter,{fields:l,groupId:i.id}):null,o.map(e=>{switch(e.filterType){case t.FilterChoiceValue.CHECKBOX:return e.fetchAsyncFilterOptions?r.jsx(y.AsyncCheckboxFilter,{field:e}):r.jsx(F.CheckboxFilter,{field:e});case t.FilterChoiceValue.RADIO:return e.fetchAsyncFilterOptions?r.jsx(x.AsyncRadioFilter,{field:e}):r.jsx(a.RadioFilter,{field:e});case t.FilterChoiceValue.DATE_RANGE:return r.jsx(p.DateRangeFilter,{field:e});case t.FilterChoiceValue.NUMBER_RANGE:return r.jsx(h.NumberRangeFilter,{field:e});default:return r.jsxs("div",{children:[e.id,": Unknown filter type: ",e.filterType]},e.id)}})]})})});exports.FilterGroup=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("mobx-react"),n=require("@veeqo/ui"),o=require("./index7.cjs"),u=require("./index99.cjs"),c=require("./index33.cjs"),a=s.observer(()=>{const{GROUP_MAP:t}=o.useBusinessLogic();return e.jsx(u.AdaptiveHeightContainer,{style:{minWidth:"360px"},children:e.jsx(n.Stack,{alignX:"stretch",children:Array.from(t).map(([r,i])=>e.jsx(c.FilterGroup,{data:i},r))})})});exports.FiltersList=a;

package/dist/index32.js

@@ -1,43 +1,13 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { observer as m } from "mobx-react";
-import { Accordion as p, Stack as c } from "@veeqo/ui";
-import { VeeqoCommon as s } from "@veeqo/components";
-import { MultipleFieldFilter as f } from "./index27.js";
-import { FilterChoiceValue as t } from "./index46.js";
-import { CheckboxFilter as u } from "./index25.js";
-import { RadioFilter as F } from "./index29.js";
-import { NumberRangeFilter as a } from "./index28.js";
-import { DateRangeFilter as y } from "./index26.js";
-import { AsyncRadioFilter as T } from "./index24.js";
-import { AsyncCheckboxFilter as h } from "./index23.js";
-const { Glyph: R } = s, O = m(({ data: o }) => {
-  const i = o.fields.filter(
-    (r) => r.filterType === t.TEXT || r.filterType === t.NUMBER
-  ), l = o.fields.filter(
-    (r) => r.filterType !== t.TEXT && r.filterType !== t.NUMBER
-  );
-  return /* @__PURE__ */ e(p, { iconSlot: /* @__PURE__ */ e(R, { name: "product-menu" }), label: o.label, children: /* @__PURE__ */ n(c, { children: [
-    i.length > 0 ? /* @__PURE__ */ e(f, { fields: i, groupId: o.id }) : null,
-    l.map((r) => {
-      switch (r.filterType) {
-        case t.CHECKBOX:
-          return r.fetchAsyncFilterOptions ? /* @__PURE__ */ e(h, { field: r }) : /* @__PURE__ */ e(u, { field: r });
-        case t.RADIO:
-          return r.fetchAsyncFilterOptions ? /* @__PURE__ */ e(T, { field: r }) : /* @__PURE__ */ e(F, { field: r });
-        case t.DATE_RANGE:
-          return /* @__PURE__ */ e(y, { field: r });
-        case t.NUMBER_RANGE:
-          return /* @__PURE__ */ e(a, { field: r });
-        default:
-          return /* @__PURE__ */ n("div", { children: [
-            r.id,
-            ": Unknown filter type: ",
-            r.filterType
-          ] }, r.id);
-      }
-    })
-  ] }) });
+import { jsx as r } from "react/jsx-runtime";
+import { observer as e } from "mobx-react";
+import { Stack as m } from "@veeqo/ui";
+import { useBusinessLogic as s } from "./index7.js";
+import { AdaptiveHeightContainer as p } from "./index99.js";
+import { FilterGroup as n } from "./index33.js";
+const u = e(() => {
+  const { GROUP_MAP: t } = s();
+  return /* @__PURE__ */ r(p, { style: { minWidth: "360px" }, children: /* @__PURE__ */ r(m, { alignX: "stretch", children: Array.from(t).map(([o, i]) => /* @__PURE__ */ r(n, { data: i }, o)) }) });
 });
 export {
-  O as FilterGroup
+  u as FiltersList
 };

package/dist/index33.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("react"),c=require("@veeqo/ui"),W=require("mobx-react"),Y=require("./index61.cjs"),z=require("./index59.cjs"),G=require("./index37.cjs"),J=require("./index40.cjs"),K=require("./index53.cjs"),Q=require("./index93.cjs"),X=require("./index7.cjs"),Z=require("./index58.cjs"),$=require("./index94.cjs"),b=W.observer(({view:e})=>{const{VIEW_TYPE:S,SEARCH_FILTER_ID:l}=X.useBusinessLogic(),{Filters:{activeViewId:d,initFiltersFromView:w,discardChanges:f,initFromUrl:m,filters:x,setFilter:L},Views:{draftViewsMap:T},Notifications:{notify:y}}=Z.useStores(),{viewsMap:V,defaultCustomViewId:F,isLoading:j}=z.useViews(),{isLoading:N}=Y.useCustomViews({type:S}),{viewCounts:E,isLoadingTableData:M}=Q.useViewCounts(e.id),[s,R]=a.useState(null),k=o=>{const q=x.get(l);if(V.has(o)){const n=V.get(o);n&&(w(n),f(!0),m())}else{const n=T.get(o);n?(w(n),f(!0),m()):y({type:"error",text:"Failed to load view"})}q&&L(l,q)},r=(e==null?void 0:e.id)===d,t=e.originalView!==void 0,h=e.originalView===void 0,P=E,u=(e==null?void 0:e.label)||"",A=j||N,g=a.useRef(!1);!A&&!g.current&&r&&e.id===F&&s&&(g.current=!0,s&&d===e.id&&window.requestAnimationFrame(()=>{var o;(o=s.parentElement)==null||o.scrollBy({behavior:"smooth",left:s.offsetLeft})}));const p=a.useMemo(()=>t?"draft":e.editable?"saved":"fixed",[t,e.editable]),{actions:{create:{handleSaveDraft:B},menu:{toggleDropdown:D},delete:{closeDeleteConfirmation:I,handleDelete:_,handleDeleteDraftView:C}},state:{shouldShowDeleteConfirmation:H},actions:O,state:v}=K.useDropdownManager(e),U=a.useMemo(()=>{if(h)return D;if(t)return C},[C,t,h,D]);return i.jsxs(i.Fragment,{children:[i.jsx(c.ViewTab,{colourPalette:c.theme.colors.secondary.blue,className:"act-react-listing-custom-view",active:r,id:e==null?void 0:e.id,name:u,type:p,count:M?i.jsx(c.Loader,{type:"ThreeDots",width:12,height:12,color:r?"#fff":c.theme.colors.neutral.ink.dark}):P,onClick:k,subAction:U,ariaContext:"orders",ref:R,"aria-controls":"options-dropdown","aria-expanded":v.shouldShowDropdown,"aria-haspopup":"dialog"},e==null?void 0:e.id),i.jsx($.Confirmation,{shouldShow:H,viewName:u,onCancel:I,onDelete:_}),i.jsx(G.PillNotifications,{tabType:p,isActive:r,initialViewName:u,shouldShowCreateViewNotification:t,handleSaveDraft:B}),i.jsx(J.ViewDropdowns,{referenceElement:s,tab:e,...O,...v})]})});exports.ViewTab=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("mobx-react"),n=require("@veeqo/ui"),c=require("@veeqo/components"),u=require("./index28.cjs"),t=require("./index47.cjs"),F=require("./index26.cjs"),a=require("./index30.cjs"),h=require("./index29.cjs"),p=require("./index27.cjs"),x=require("./index25.cjs"),y=require("./index24.cjs"),{Glyph:R}=c.VeeqoCommon,C=s.observer(({data:i})=>{const l=i.fields.filter(e=>e.filterType===t.FilterChoiceValue.TEXT||e.filterType===t.FilterChoiceValue.NUMBER),o=i.fields.filter(e=>e.filterType!==t.FilterChoiceValue.TEXT&&e.filterType!==t.FilterChoiceValue.NUMBER);return r.jsx(n.Accordion,{iconSlot:r.jsx(R,{name:"product-menu"}),label:i.label,children:r.jsxs(n.Stack,{children:[l.length>0?r.jsx(u.MultipleFieldFilter,{fields:l,groupId:i.id}):null,o.map(e=>{switch(e.filterType){case t.FilterChoiceValue.CHECKBOX:return e.fetchAsyncFilterOptions?r.jsx(y.AsyncCheckboxFilter,{field:e}):r.jsx(F.CheckboxFilter,{field:e});case t.FilterChoiceValue.RADIO:return e.fetchAsyncFilterOptions?r.jsx(x.AsyncRadioFilter,{field:e}):r.jsx(a.RadioFilter,{field:e});case t.FilterChoiceValue.DATE_RANGE:return r.jsx(p.DateRangeFilter,{field:e});case t.FilterChoiceValue.NUMBER_RANGE:return r.jsx(h.NumberRangeFilter,{field:e});default:return r.jsxs("div",{children:[e.id,": Unknown filter type: ",e.filterType]},e.id)}})]})})});exports.FilterGroup=C;

package/dist/index33.js

@@ -1,106 +1,43 @@
-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 "./index61.js";
-import { useViews as X } from "./index59.js";
-import { PillNotifications as Z } from "./index37.js";
-import { ViewDropdowns as b } from "./index40.js";
-import { useDropdownManager as ee } from "./index53.js";
-import { useViewCounts as oe } from "./index93.js";
-import { useBusinessLogic as ie } from "./index7.js";
-import { useStores as te } from "./index58.js";
-import { Confirmation as re } from "./index94.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: T, setFilter: F },
-    Views: { draftViewsMap: y },
-    Notifications: { notify: x }
-  } = te(), { viewsMap: u, defaultCustomViewId: E, isLoading: N } = X(), { isLoading: k } = Q({ type: S }), { viewCounts: A, isLoadingTableData: M } = oe(e.id), [i, R] = $(null), I = (o) => {
-    const v = T.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 && F(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
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { observer as m } from "mobx-react";
+import { Accordion as p, Stack as c } from "@veeqo/ui";
+import { VeeqoCommon as s } from "@veeqo/components";
+import { MultipleFieldFilter as f } from "./index28.js";
+import { FilterChoiceValue as t } from "./index47.js";
+import { CheckboxFilter as u } from "./index26.js";
+import { RadioFilter as F } from "./index30.js";
+import { NumberRangeFilter as a } from "./index29.js";
+import { DateRangeFilter as y } from "./index27.js";
+import { AsyncRadioFilter as T } from "./index25.js";
+import { AsyncCheckboxFilter as h } from "./index24.js";
+const { Glyph: R } = s, O = m(({ data: o }) => {
+  const i = o.fields.filter(
+    (r) => r.filterType === t.TEXT || r.filterType === t.NUMBER
+  ), l = o.fields.filter(
+    (r) => r.filterType !== t.TEXT && r.filterType !== t.NUMBER
+  );
+  return /* @__PURE__ */ e(p, { iconSlot: /* @__PURE__ */ e(R, { name: "product-menu" }), label: o.label, children: /* @__PURE__ */ n(c, { children: [
+    i.length > 0 ? /* @__PURE__ */ e(f, { fields: i, groupId: o.id }) : null,
+    l.map((r) => {
+      switch (r.filterType) {
+        case t.CHECKBOX:
+          return r.fetchAsyncFilterOptions ? /* @__PURE__ */ e(h, { field: r }) : /* @__PURE__ */ e(u, { field: r });
+        case t.RADIO:
+          return r.fetchAsyncFilterOptions ? /* @__PURE__ */ e(T, { field: r }) : /* @__PURE__ */ e(F, { field: r });
+        case t.DATE_RANGE:
+          return /* @__PURE__ */ e(y, { field: r });
+        case t.NUMBER_RANGE:
+          return /* @__PURE__ */ e(a, { field: r });
+        default:
+          return /* @__PURE__ */ n("div", { children: [
+            r.id,
+            ": Unknown filter type: ",
+            r.filterType
+          ] }, r.id);
       }
-    ),
-    /* @__PURE__ */ s(
-      Z,
-      {
-        tabType: h,
-        isActive: n,
-        initialViewName: a,
-        shouldShowCreateViewNotification: t,
-        handleSaveDraft: j
-      }
-    ),
-    /* @__PURE__ */ s(b, { referenceElement: i, tab: e, ...O, ...D })
-  ] });
+    })
+  ] }) });
 });
 export {
-  ge as ViewTab
+  O as FilterGroup
 };

package/dist/index34.cjs

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

package/dist/index34.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 "./index54.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 "./index62.js";
+import { useViews as X } from "./index60.js";
+import { PillNotifications as Z } from "./index38.js";
+import { ViewDropdowns as b } from "./index41.js";
+import { useDropdownManager as ee } from "./index54.js";
+import { useViewCounts as oe } from "./index84.js";
+import { useBusinessLogic as ie } from "./index7.js";
+import { useStores as te } from "./index59.js";
+import { Confirmation as re } from "./index85.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(e.id), [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/index35.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("./index61.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;
+"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("./index55.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/index35.js

@@ -1,140 +1,22 @@
-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 "./index61.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,
+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 "./index55.js";
+const { Glyph: m } = r, u = ({ hideActionsPopover: o }) => {
+  const { duplicateView: t } = l(), i = () => {
+    t(), o();
+  };
+  return /* @__PURE__ */ e(
+    n,
     {
-      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"
-                }
-              )
-            }
-          )
-        ] })
-      ]
+      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,
-  p as VIEWS_TITLE_MAX_CHAR_LIMIT
+  u as CreateView
 };

package/dist/index36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index92.cjs"),g=require("./index49.cjs"),j=require("./index48.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("./index62.cjs"),f=require("./index43.cjs"),D=require("./index7.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;