@veeqo/transfigure 1.2.5 → 1.2.7

package/dist/index30.js

@@ -1,50 +1,53 @@
-import { jsxs as C, jsx as c } from "react/jsx-runtime";
-import { useState as E, useCallback as h } from "react";
-import { observer as k } from "mobx-react";
-import { Stack as S, Button as T, TextField as x } from "@veeqo/ui";
-import V from "lodash/debounce";
-import { FilterChoiceValue as n } from "./index49.js";
-import { useBusinessLogic as f } from "./index8.js";
-import { useStores as B } from "./index61.js";
-const N = k(({ fields: o, groupId: s }) => {
-  const { FILTERS_DEBOUCE_INTERVAL_MS: a } = f(), {
-    Filters: { getFiltersForGroup: u, setFilter: i, clearFiltersForGroup: m }
-  } = B(), F = u(s), [p, l] = E(F), d = h(
-    V((e, t) => {
-      i(e, t);
-    }, a),
-    [i]
-  ), b = (e, t) => {
-    l((r) => ({ ...r, [e]: t })), d(e, t);
+import { jsxs as T, jsx as d } from "react/jsx-runtime";
+import { useState as m, useCallback as h } from "react";
+import { observer as _ } from "mobx-react";
+import { FlexCol as k, Button as M, TextField as g } from "@veeqo/ui";
+import y from "lodash/debounce";
+import { FilterChoiceValue as F, MIN_SEARCH_ERROR_MESSAGE as B } from "./index49.js";
+import { isTextFilterValid as G } from "./index88.js";
+import { useBusinessLogic as j } from "./index8.js";
+import { useStores as v } from "./index61.js";
+const q = _(({ fields: s, groupId: i }) => {
+  const { FILTERS_DEBOUCE_INTERVAL_MS: p } = j(), {
+    Filters: { getFiltersForGroup: E, setFilter: l, clearFiltersForGroup: b }
+  } = v(), C = E(i), [n, a] = m(C), [c, S] = m({}), V = h(
+    y((e, r) => {
+      l(e, r);
+    }, p),
+    [l]
+  ), f = (e, r) => {
+    const t = { ...n, [e]: r }, o = { ...c }, x = Object.entries(t).every(([u, R]) => G(String(R)) ? (o[u] = "", !0) : (o[u] = B, !1));
+    a(t), S(o), x && V(e, r);
   };
-  return /* @__PURE__ */ C(S, { children: [
-    /* @__PURE__ */ c(T, { variant: "link", onClick: () => {
-      const e = o.reduce(
-        (t, r) => ({
-          ...t,
-          [r.id]: ""
+  return /* @__PURE__ */ T(k, { children: [
+    /* @__PURE__ */ d(M, { variant: "link", onClick: () => {
+      const e = s.reduce(
+        (r, t) => ({
+          ...r,
+          [t.id]: ""
         }),
         {}
       );
-      l(e), m(s);
+      a(e), b(i);
     }, children: "Clear" }),
-    o.map((e) => {
-      let t;
+    s.map((e) => {
+      let r;
       switch (e.filterType) {
-        case n.NUMBER:
-          t = "number";
+        case F.NUMBER:
+          r = "number";
           break;
-        case n.TEXT:
-          t = "text";
+        case F.TEXT:
+          r = "text";
           break;
       }
-      return /* @__PURE__ */ c(
-        x,
+      return /* @__PURE__ */ d(
+        g,
         {
-          type: t,
-          value: p[e.id],
+          type: r,
+          value: n[e.id],
+          error: c[e.id],
           label: e.label,
-          onChange: (r) => b(e.id, r)
+          onChange: (t) => f(e.id, t)
         },
         e.id
       );
@@ -52,5 +55,5 @@ const N = k(({ fields: o, groupId: s }) => {
   ] });
 });
 export {
-  N as MultipleFieldFilter
+  q as MultipleFieldFilter
 };

package/dist/index31.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),_=require("mobx-react"),j=require("lodash/debounce"),r=require("@veeqo/ui"),L=require("./index113.cjs"),R=require("./index69.cjs"),p=require("./index8.cjs"),y=require("./index61.cjs"),v=i=>i&&i.__esModule?i:{default:i},k=v(j),I=_.observer(({field:i})=>{var M;const{FILTERS_DEBOUCE_INTERVAL_MS:f}=p.useBusinessLogic(),{Filters:{numberRangeFilters:u,setNumberRangeFilter:x,clearNumberRangeFilter:F}}=y.useStores(),e=u.get(i.id),[o,g]=d.useState({gte:(e==null?void 0:e.gte)??0,lte:(e==null?void 0:e.lte)??100});if(!((M=i.options)!=null&&M.length))return null;const b=()=>{const l=new R.NumberRangeFilter({filterId:i.id});return u.set(i.id,l),l},c=d.useCallback(k.default(({numberRange:l,lte:t,gte:n})=>{x({numberRange:l,lte:t,gte:n})},f),[x]),h=()=>{g({gte:0,lte:100}),F(i.id)},S=(l,t)=>{let n=new R.NumberRangeFilter({filterId:i.id});if(e||(n=b()),!Array.isArray(t)||t.length!==2)return;const[s,m]=t;g({gte:s,lte:m}),c(e?{numberRange:e,lte:m,gte:s}:{numberRange:n,lte:m,gte:s})},N=l=>{if(e||b(),!e)return;const t=Number(l);if(t>e.lteMax)return;let{lte:n}=e,{gte:s}=e;t>=e.gteMin&&t<=e.lteMax&&(s=t),(!e.lte||t>=e.lte)&&(n=e.lteMax),g({gte:s,lte:n}),c({numberRange:e,lte:n,gte:s})},C=l=>{if(e||b(),!e)return;const t=Number(l);if(t<e.gteMin)return;let{lte:n}=e,{gte:s}=e;t>=e.gteMin&&t<=e.lteMax&&(n=t),(!e.gte||t<=e.gte)&&(s=e.gteMin),g({gte:s,lte:n}),c({numberRange:e,lte:n,gte:s})},q=[o.gte,o.lte];return a.jsxs(r.Stack,{spacing:"xs",alignX:"stretch",children:[a.jsx(r.Button,{variant:"link",onClick:h,children:"Clear"}),a.jsxs(r.Stack,{direction:"horizontal",children:[a.jsx(r.TextField,{label:e==null?void 0:e.gteMinLabel,type:"number",min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,value:o.gte.toString(),onChange:N}),a.jsx(r.TextField,{label:e==null?void 0:e.lteMaxLabel,type:"number",min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,value:o.lte.toString(),onChange:C})]}),a.jsx(L.MUISlider,{value:q,onChange:S,min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,valueLabelDisplay:"auto"})]})});exports.NumberRangeFilter=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),_=require("mobx-react"),j=require("lodash/debounce"),r=require("@veeqo/ui"),L=require("./index115.cjs"),R=require("./index69.cjs"),p=require("./index8.cjs"),y=require("./index61.cjs"),v=i=>i&&i.__esModule?i:{default:i},k=v(j),I=_.observer(({field:i})=>{var M;const{FILTERS_DEBOUCE_INTERVAL_MS:f}=p.useBusinessLogic(),{Filters:{numberRangeFilters:u,setNumberRangeFilter:x,clearNumberRangeFilter:F}}=y.useStores(),e=u.get(i.id),[o,g]=d.useState({gte:(e==null?void 0:e.gte)??0,lte:(e==null?void 0:e.lte)??100});if(!((M=i.options)!=null&&M.length))return null;const b=()=>{const l=new R.NumberRangeFilter({filterId:i.id});return u.set(i.id,l),l},c=d.useCallback(k.default(({numberRange:l,lte:t,gte:n})=>{x({numberRange:l,lte:t,gte:n})},f),[x]),h=()=>{g({gte:0,lte:100}),F(i.id)},S=(l,t)=>{let n=new R.NumberRangeFilter({filterId:i.id});if(e||(n=b()),!Array.isArray(t)||t.length!==2)return;const[s,m]=t;g({gte:s,lte:m}),c(e?{numberRange:e,lte:m,gte:s}:{numberRange:n,lte:m,gte:s})},N=l=>{if(e||b(),!e)return;const t=Number(l);if(t>e.lteMax)return;let{lte:n}=e,{gte:s}=e;t>=e.gteMin&&t<=e.lteMax&&(s=t),(!e.lte||t>=e.lte)&&(n=e.lteMax),g({gte:s,lte:n}),c({numberRange:e,lte:n,gte:s})},C=l=>{if(e||b(),!e)return;const t=Number(l);if(t<e.gteMin)return;let{lte:n}=e,{gte:s}=e;t>=e.gteMin&&t<=e.lteMax&&(n=t),(!e.gte||t<=e.gte)&&(s=e.gteMin),g({gte:s,lte:n}),c({numberRange:e,lte:n,gte:s})},q=[o.gte,o.lte];return a.jsxs(r.Stack,{spacing:"xs",alignX:"stretch",children:[a.jsx(r.Button,{variant:"link",onClick:h,children:"Clear"}),a.jsxs(r.Stack,{direction:"horizontal",children:[a.jsx(r.TextField,{label:e==null?void 0:e.gteMinLabel,type:"number",min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,value:o.gte.toString(),onChange:N}),a.jsx(r.TextField,{label:e==null?void 0:e.lteMaxLabel,type:"number",min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,value:o.lte.toString(),onChange:C})]}),a.jsx(L.MUISlider,{value:q,onChange:S,min:e==null?void 0:e.gteMin,max:e==null?void 0:e.lteMax,valueLabelDisplay:"auto"})]})});exports.NumberRangeFilter=I;

package/dist/index31.js

@@ -3,7 +3,7 @@ import { useState as y, useCallback as I } from "react";
 import { observer as k } from "mobx-react";
 import E from "lodash/debounce";
 import { Stack as c, Button as _, TextField as p } from "@veeqo/ui";
-import { MUISlider as A } from "./index113.js";
+import { MUISlider as A } from "./index115.js";
 import { NumberRangeFilter as h } from "./index69.js";
 import { useBusinessLogic as B } from "./index8.js";
 import { useStores as T } from "./index61.js";

package/dist/index34.cjs

@@ -1 +1 @@
-"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("./index8.cjs"),u=require("./index104.cjs"),c=require("./index35.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;
+"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("./index8.cjs"),u=require("./index106.cjs"),c=require("./index35.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/index34.js

@@ -2,7 +2,7 @@ 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 "./index8.js";
-import { AdaptiveHeightContainer as p } from "./index104.js";
+import { AdaptiveHeightContainer as p } from "./index106.js";
 import { FilterGroup as n } from "./index35.js";
 const u = e(() => {
   const { GROUP_MAP: t } = s();

package/dist/index35.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("mobx-react"),s=require("@veeqo/ui"),t=require("./index49.cjs"),o=require("./index30.cjs"),u=require("./index31.cjs"),F=require("./index29.cjs"),a=require("./index27.cjs"),h=require("./index32.cjs"),x=require("./index26.cjs"),p=require("./index28.cjs"),y=c.observer(({data:i})=>{const l=i.fields.filter(e=>e.filterType===t.FilterChoiceValue.TEXT||e.filterType===t.FilterChoiceValue.NUMBER),n=i.fields.filter(e=>e.filterType!==t.FilterChoiceValue.TEXT&&e.filterType!==t.FilterChoiceValue.NUMBER);return r.jsx(s.Accordion,{iconSlot:i.glyph,label:i.label,children:r.jsxs(s.Stack,{children:[l.length>0?r.jsx(o.MultipleFieldFilter,{fields:l,groupId:i.id}):null,n.map(e=>{switch(e.filterType){case t.FilterChoiceValue.CHECKBOX:return e.fetchAsyncFilterOptions?r.jsx(x.AsyncCheckboxFilter,{field:e}):r.jsx(p.CheckboxFilter,{field:e});case t.FilterChoiceValue.RADIO:return e.fetchAsyncFilterOptions?r.jsx(a.AsyncRadioFilter,{field:e}):r.jsx(h.RadioFilter,{field:e});case t.FilterChoiceValue.DATE_RANGE:return r.jsx(F.DateRangeFilter,{field:e});case t.FilterChoiceValue.NUMBER_RANGE:return r.jsx(u.NumberRangeFilter,{field:e});default:return r.jsxs("div",{children:[e.id,": Unknown filter type: ",e.filterType]},e.id)}})]})})});exports.FilterGroup=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("mobx-react"),s=require("@veeqo/ui"),t=require("./index49.cjs"),o=require("./index30.cjs"),u=require("./index31.cjs"),F=require("./index29.cjs"),a=require("./index27.cjs"),h=require("./index32.cjs"),x=require("./index26.cjs"),p=require("./index28.cjs"),y=c.observer(({data:i})=>{const l=i.fields.filter(e=>e.filterType===t.FilterChoiceValue.TEXT||e.filterType===t.FilterChoiceValue.NUMBER),n=i.fields.filter(e=>e.filterType!==t.FilterChoiceValue.TEXT&&e.filterType!==t.FilterChoiceValue.NUMBER);return r.jsx(s.Accordion,{iconSlot:i.glyph,label:i.label,children:r.jsxs(s.FlexCol,{children:[l.length>0?r.jsx(o.MultipleFieldFilter,{fields:l,groupId:i.id}):null,n.map(e=>{switch(e.filterType){case t.FilterChoiceValue.CHECKBOX:return e.fetchAsyncFilterOptions?r.jsx(x.AsyncCheckboxFilter,{field:e}):r.jsx(p.CheckboxFilter,{field:e});case t.FilterChoiceValue.RADIO:return e.fetchAsyncFilterOptions?r.jsx(a.AsyncRadioFilter,{field:e}):r.jsx(h.RadioFilter,{field:e});case t.FilterChoiceValue.DATE_RANGE:return r.jsx(F.DateRangeFilter,{field:e});case t.FilterChoiceValue.NUMBER_RANGE:return r.jsx(u.NumberRangeFilter,{field:e});default:return r.jsxs("div",{children:[e.id,": Unknown filter type: ",e.filterType]},e.id)}})]})})});exports.FilterGroup=y;

package/dist/index35.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { observer as p } from "mobx-react";
-import { Accordion as s, Stack as c } from "@veeqo/ui";
+import { Accordion as s, FlexCol as c } from "@veeqo/ui";
 import { FilterChoiceValue as t } from "./index49.js";
 import { MultipleFieldFilter as m } from "./index30.js";
 import { NumberRangeFilter as f } from "./index31.js";
@@ -9,14 +9,14 @@ import { AsyncRadioFilter as F } from "./index27.js";
 import { RadioFilter as y } from "./index32.js";
 import { AsyncCheckboxFilter as T } from "./index26.js";
 import { CheckboxFilter as h } from "./index28.js";
-const k = p(({ data: i }) => {
-  const o = i.fields.filter(
+const M = p(({ data: o }) => {
+  const i = o.fields.filter(
     (r) => r.filterType === t.TEXT || r.filterType === t.NUMBER
-  ), n = i.fields.filter(
+  ), n = o.fields.filter(
     (r) => r.filterType !== t.TEXT && r.filterType !== t.NUMBER
   );
-  return /* @__PURE__ */ e(s, { iconSlot: i.glyph, label: i.label, children: /* @__PURE__ */ l(c, { children: [
-    o.length > 0 ? /* @__PURE__ */ e(m, { fields: o, groupId: i.id }) : null,
+  return /* @__PURE__ */ e(s, { iconSlot: o.glyph, label: o.label, children: /* @__PURE__ */ l(c, { children: [
+    i.length > 0 ? /* @__PURE__ */ e(m, { fields: i, groupId: o.id }) : null,
     n.map((r) => {
       switch (r.filterType) {
         case t.CHECKBOX:
@@ -38,5 +38,5 @@ const k = p(({ data: i }) => {
   ] }) });
 });
 export {
-  k as FilterGroup
+  M as FilterGroup
 };

package/dist/index36.cjs

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

package/dist/index36.js

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

package/dist/index39.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index98.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index101.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,5 +1,5 @@
 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 "./index98.js";
+import { MenuItems as M, Item as l, Divider as h } from "./index101.js";
 import { useModal as k } from "./index52.js";
 import { ModalId as T } from "./index51.js";
 const N = ({

package/dist/index40.cjs

@@ -1 +1 @@
-"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;
+"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("./index102.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;

package/dist/index40.js

@@ -3,7 +3,7 @@ import { observer as h } from "mobx-react";
 import { useViews as v } from "./index62.js";
 import { AnimatePresence as n } from "framer-motion";
 import { useStores as g } from "./index61.js";
-import { DraftPill as w } from "./index101.js";
+import { DraftPill as w } from "./index102.js";
 import { UnsavedChangesPill as C } from "./index42.js";
 const U = h(
   ({

package/dist/index42.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),c=require("mobx-react"),l=require("./index60.cjs"),n=require("./index106.cjs"),d=i.theme.colors.secondary.blue.base,h=c.observer(({onDiscard:r,viewName:s,onSaveDraft:a})=>{const{saveChanges:o,isSubmitting:t}=l.usePersistUnsavedChanges();return e.jsx(n.Notification,{children:e.jsx(n.Container,{children:e.jsxs(i.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(n.Glyph,{ariaLabel:"attention",name:"attention",color:d}),e.jsxs(n.Wrap,{children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"You have unsaved changes to"}),s&&e.jsxs(n.Bold,{variant:"bodyBoldDark",children:["'",s,"'"]})]}),e.jsx(i.Button,{onClick:r,size:"sm",children:"Discard changes"}),e.jsxs(i.ActionMenu,{ctaProps:{children:"Save changes",variant:"primary"},children:[e.jsx(i.ActionMenu.Item,{onAction:a,isDisabled:t,children:e.jsx(n.Text,{variant:"body",children:"Create new view"})}),e.jsx(i.ActionMenu.Item,{onAction:o,isDisabled:t,children:e.jsxs(i.Stack,{direction:"horizontal",spacing:1,alignY:"center",children:[e.jsx(n.Text,{variant:"body",children:"Save changes to"}),e.jsx(n.Text,{variant:"bodyBold",children:s})]})})]})]})})})});exports.UnsavedChangesPill=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),c=require("mobx-react"),l=require("./index60.cjs"),n=require("./index108.cjs"),d=i.theme.colors.secondary.blue.base,h=c.observer(({onDiscard:r,viewName:s,onSaveDraft:a})=>{const{saveChanges:o,isSubmitting:t}=l.usePersistUnsavedChanges();return e.jsx(n.Notification,{children:e.jsx(n.Container,{children:e.jsxs(i.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(n.Glyph,{ariaLabel:"attention",name:"attention",color:d}),e.jsxs(n.Wrap,{children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"You have unsaved changes to"}),s&&e.jsxs(n.Bold,{variant:"bodyBoldDark",children:["'",s,"'"]})]}),e.jsx(i.Button,{onClick:r,size:"sm",children:"Discard changes"}),e.jsxs(i.ActionMenu,{ctaProps:{children:"Save changes",variant:"primary"},children:[e.jsx(i.ActionMenu.Item,{onAction:a,isDisabled:t,children:e.jsx(n.Text,{variant:"body",children:"Create new view"})}),e.jsx(i.ActionMenu.Item,{onAction:o,isDisabled:t,children:e.jsxs(i.Stack,{direction:"horizontal",spacing:1,alignY:"center",children:[e.jsx(n.Text,{variant:"body",children:"Save changes to"}),e.jsx(n.Text,{variant:"bodyBold",children:s})]})})]})]})})})});exports.UnsavedChangesPill=h;

package/dist/index42.js

@@ -2,7 +2,7 @@ import { jsx as n, jsxs as e } from "react/jsx-runtime";
 import { Stack as t, theme as d, Button as h, ActionMenu as o } from "@veeqo/ui";
 import { observer as m } from "mobx-react";
 import { usePersistUnsavedChanges as v } from "./index60.js";
-import { Notification as b, Container as g, Glyph as p, Wrap as u, Text as i, Bold as y } from "./index106.js";
+import { Notification as b, Container as g, Glyph as p, Wrap as u, Text as i, Bold as y } from "./index108.js";
 const C = d.colors.secondary.blue.base, k = m(({
   onDiscard: c,
   viewName: r,

package/dist/index44.cjs

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

package/dist/index44.js

@@ -2,7 +2,7 @@ import { jsxs as s, Fragment as w, jsx as e } from "react/jsx-runtime";
 import { useState as n } from "react";
 import { observer as V } from "mobx-react";
 import { ViewsContainer as v, Popover as S, Card as x, Text as C } from "@veeqo/ui";
-import { FixedViews as L, Divider as A } from "./index102.js";
+import { FixedViews as L, Divider as A } from "./index107.js";
 import { SortableViews as E } from "./index41.js";
 import { useViews as b } from "./index62.js";
 import { useViewUrlChange as M } from "./index63.js";

package/dist/index46.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),N=require("./index89.cjs"),b=require("@veeqo/ui"),_=require("./index90.cjs"),j=require("mobx-react"),y=require("./index8.cjs"),B=require("./index52.cjs"),I=require("./index61.cjs"),O=require("./index62.cjs"),g=require("./index51.cjs"),w=j.observer(({columnDefinitions:T,pinnedRightColumnIds:i=[],pinnedLeftColumnIds:a=[]})=>{var M;const{DEFAULT_HIDDEN_COLUMNS:E,DEFAULT_VISIBLE_COLUMNS:p}=y.useBusinessLogic(),t=[...a,...i],l=E.filter(s=>!t.includes(s)),c=p.filter(s=>!t.includes(s)),S=[...l,...c],{closeModal:h,isModalOpen:q,openModal:A}=B.useModal(),{Filters:{activeViewId:n},Views:{draftViewsMap:f}}=I.useStores(),{viewsMap:x,isLoading:D}=O.useViews();if(!n||D)return null;const e=x.get(n),r=Array.isArray((M=e==null?void 0:e.columns)==null?void 0:M.columnIds),u=r?e.columns.columnIds.filter(s=>!t.includes(s)):c,L=r?S.filter(s=>!u.includes(s)):l,d=f.has(n),m=!(e!=null&&e.editable),v=m||d,C=d?"Please create a view to use table management":m?"Please choose a custom view to use table management":"Table management";return o.jsxs(o.Fragment,{children:[o.jsx(b.Tooltip,{text:C,children:o.jsx(b.Button,{"aria-label":"Open table management",onClick:()=>A(g.ModalId.ORDERS_TABLE_MANAGEMENT),size:"sm",iconSlot:o.jsx(_.TableManagementGlyph,{}),disabled:v})}),q(g.ModalId.ORDERS_TABLE_MANAGEMENT)&&o.jsx(N.TableManagementModal,{pinnedRightColumnIds:i,pinnedLeftColumnIds:a,visibleColumns:u,hiddenColumns:L,columnDefinitions:T,onClose:h})]})});exports.TableManagement=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),N=require("./index90.cjs"),b=require("@veeqo/ui"),_=require("./index91.cjs"),j=require("mobx-react"),y=require("./index8.cjs"),B=require("./index52.cjs"),I=require("./index61.cjs"),O=require("./index62.cjs"),g=require("./index51.cjs"),w=j.observer(({columnDefinitions:T,pinnedRightColumnIds:i=[],pinnedLeftColumnIds:a=[]})=>{var M;const{DEFAULT_HIDDEN_COLUMNS:E,DEFAULT_VISIBLE_COLUMNS:p}=y.useBusinessLogic(),t=[...a,...i],l=E.filter(s=>!t.includes(s)),c=p.filter(s=>!t.includes(s)),S=[...l,...c],{closeModal:h,isModalOpen:q,openModal:A}=B.useModal(),{Filters:{activeViewId:n},Views:{draftViewsMap:f}}=I.useStores(),{viewsMap:x,isLoading:D}=O.useViews();if(!n||D)return null;const e=x.get(n),r=Array.isArray((M=e==null?void 0:e.columns)==null?void 0:M.columnIds),u=r?e.columns.columnIds.filter(s=>!t.includes(s)):c,L=r?S.filter(s=>!u.includes(s)):l,d=f.has(n),m=!(e!=null&&e.editable),v=m||d,C=d?"Please create a view to use table management":m?"Please choose a custom view to use table management":"Table management";return o.jsxs(o.Fragment,{children:[o.jsx(b.Tooltip,{text:C,children:o.jsx(b.Button,{"aria-label":"Open table management",onClick:()=>A(g.ModalId.ORDERS_TABLE_MANAGEMENT),size:"sm",iconSlot:o.jsx(_.TableManagementGlyph,{}),disabled:v})}),q(g.ModalId.ORDERS_TABLE_MANAGEMENT)&&o.jsx(N.TableManagementModal,{pinnedRightColumnIds:i,pinnedLeftColumnIds:a,visibleColumns:u,hiddenColumns:L,columnDefinitions:T,onClose:h})]})});exports.TableManagement=w;

package/dist/index46.js

@@ -1,7 +1,7 @@
 import { jsxs as v, Fragment as B, jsx as s } from "react/jsx-runtime";
-import { TableManagementModal as O } from "./index89.js";
+import { TableManagementModal as O } from "./index90.js";
 import { Tooltip as w, Button as x } from "@veeqo/ui";
-import { TableManagementGlyph as F } from "./index90.js";
+import { TableManagementGlyph as F } from "./index91.js";
 import { observer as I } from "mobx-react";
 import { useBusinessLogic as y } from "./index8.js";
 import { useModal as P } from "./index52.js";

package/dist/index49.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var O=(e=>(e.TEXT="text",e.NUMBER="number",e.CHECKBOX="checkbox",e.RADIO="radio",e.DATE_RANGE="date_range",e.NUMBER_RANGE="number_range",e))(O||{});const n={revalidateOnFocus:!1,revalidateOnReconnect:!1,keepPreviousData:!0};exports.FilterChoiceValue=O;exports.SWR_HOOK_OPTIONS=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(e=>(e.TEXT="text",e.NUMBER="number",e.CHECKBOX="checkbox",e.RADIO="radio",e.DATE_RANGE="date_range",e.NUMBER_RANGE="number_range",e))(t||{});const a={revalidateOnFocus:!1,revalidateOnReconnect:!1,keepPreviousData:!0},R="Please enter at least 3 characters";exports.FilterChoiceValue=t;exports.MIN_SEARCH_ERROR_MESSAGE=R;exports.SWR_HOOK_OPTIONS=a;

package/dist/index49.js

@@ -1,10 +1,11 @@
-var a = /* @__PURE__ */ ((n) => (n.TEXT = "text", n.NUMBER = "number", n.CHECKBOX = "checkbox", n.RADIO = "radio", n.DATE_RANGE = "date_range", n.NUMBER_RANGE = "number_range", n))(a || {});
-const r = {
+var e = /* @__PURE__ */ ((a) => (a.TEXT = "text", a.NUMBER = "number", a.CHECKBOX = "checkbox", a.RADIO = "radio", a.DATE_RANGE = "date_range", a.NUMBER_RANGE = "number_range", a))(e || {});
+const n = {
   revalidateOnFocus: !1,
   revalidateOnReconnect: !1,
   keepPreviousData: !0
-};
+}, r = "Please enter at least 3 characters";
 export {
-  a as FilterChoiceValue,
-  r as SWR_HOOK_OPTIONS
+  e as FilterChoiceValue,
+  r as MIN_SEARCH_ERROR_MESSAGE,
+  n as SWR_HOOK_OPTIONS
 };

package/dist/index78.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@internationalized/date"),d=require("./index70.cjs"),m=require("./index69.cjs"),y=require("lodash/get"),M=require("./index9.cjs"),F=r=>r&&r.__esModule?r:{default:r},n=F(y),R=({view:r,canUpdateCustomViews:f})=>{var o;const{DATE_RANGE_FILTERS:a,NUMBER_RANGE_FILTERS:u,GROUP_MAP:g}=M.BusinessLogicManager.getBusinessLogic(),l=Array.from(g.values()).flatMap(e=>e.fields),s=r.filters.filter||{};return{id:r.id,label:r.title,filterMaps:{filters:new Map(l.filter(e=>!a.includes(e.id)&&!u.includes(e.id)&&e.filterType!=="checkbox").map(e=>{const t=n.default(s,e.id);return[e.id,t!==void 0&&!Array.isArray(t)&&typeof t!="object"?String(t):""]}).filter(([,e])=>e!=="")),arrayFilters:new Map(l.filter(e=>e.filterType==="checkbox").map(e=>{const t=n.default(s,e.id);return[e.id,Array.isArray(t)?t:[]]}).filter(([,e])=>e.length>0)),rangeFilters:new Map(l.filter(e=>a.includes(e.id)).map(e=>{const t=n.default(s,e.id);if(!t)return null;let i;if(typeof t=="string")i=new d.RangeFilter(t);else if(typeof t=="object"&&t.gte&&t.lte){i=new d.RangeFilter("CUSTOM");const p=c.parseDate(t.gte),b=c.parseDate(t.lte);i.setDates(p,b)}else return null;return[e.id,i]}).filter(e=>e!==null)),numberRangeFilters:new Map(l.filter(e=>u.includes(e.id)).map(e=>{const t=n.default(s,e.id);if(!t||typeof t!="object")return null;const i=new m.NumberRangeFilter({filterId:e.id});return t.lte!==void 0&&i.setLte(Number(t.lte)),t.gte!==void 0&&i.setGte(Number(t.gte)),[e.id,i]}).filter(e=>e!==null))},page:r.filters.page,editable:r.editable&&f,isShared:r.shared,columns:r.columns,sort:(o=r.filters)==null?void 0:o.sort}};exports.viewsAdapter=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@internationalized/date"),f=require("./index70.cjs"),F=require("./index69.cjs"),R=require("lodash/get"),A=require("./index93.cjs"),_=require("./index9.cjs"),T=r=>r&&r.__esModule?r:{default:r},n=T(R),h=({view:r,canUpdateCustomViews:g})=>{var u,c;const{DATE_RANGE_FILTERS:a,NUMBER_RANGE_FILTERS:o,GROUP_MAP:p}=_.BusinessLogicManager.getBusinessLogic(),l=Array.from(p.values()).flatMap(e=>e.fields),s=r.filters.filter||{},{colourPalette:m,customTextColour:b}=A.getViewTheme((u=r.view_attributes)==null?void 0:u.type);return{id:r.id,label:r.title,filterMaps:{filters:new Map(l.filter(e=>!a.includes(e.id)&&!o.includes(e.id)&&e.filterType!=="checkbox").map(e=>{const t=n.default(s,e.id);return[e.id,t!==void 0&&!Array.isArray(t)&&typeof t!="object"?String(t):""]}).filter(([,e])=>e!=="")),arrayFilters:new Map(l.filter(e=>e.filterType==="checkbox").map(e=>{const t=n.default(s,e.id);return[e.id,Array.isArray(t)?t:[]]}).filter(([,e])=>e.length>0)),rangeFilters:new Map(l.filter(e=>a.includes(e.id)).map(e=>{const t=n.default(s,e.id);if(!t)return null;let i;if(typeof t=="string")i=new f.RangeFilter(t);else if(typeof t=="object"&&t.gte&&t.lte){i=new f.RangeFilter("CUSTOM");const y=d.parseDate(t.gte),M=d.parseDate(t.lte);i.setDates(y,M)}else return null;return[e.id,i]}).filter(e=>e!==null)),numberRangeFilters:new Map(l.filter(e=>o.includes(e.id)).map(e=>{const t=n.default(s,e.id);if(!t||typeof t!="object")return null;const i=new F.NumberRangeFilter({filterId:e.id});return t.lte!==void 0&&i.setLte(Number(t.lte)),t.gte!==void 0&&i.setGte(Number(t.gte)),[e.id,i]}).filter(e=>e!==null))},page:r.filters.page,editable:r.editable&&g,isShared:r.shared,columns:r.columns,sort:(c=r.filters)==null?void 0:c.sort,colourPalette:m,customTextColour:b}};exports.viewsAdapter=h;

package/dist/index78.js

@@ -1,21 +1,22 @@
-import { parseDate as u } from "@internationalized/date";
-import { RangeFilter as c } from "./index70.js";
-import { NumberRangeFilter as b } from "./index69.js";
+import { parseDate as c } from "@internationalized/date";
+import { RangeFilter as p } from "./index70.js";
+import { NumberRangeFilter as M } from "./index69.js";
 import n from "lodash/get";
-import { BusinessLogicManager as y } from "./index9.js";
-const T = ({
+import { getViewTheme as F } from "./index93.js";
+import { BusinessLogicManager as R } from "./index9.js";
+const S = ({
   view: r,
-  canUpdateCustomViews: d
+  canUpdateCustomViews: m
 }) => {
-  var f;
-  const { DATE_RANGE_FILTERS: a, NUMBER_RANGE_FILTERS: o, GROUP_MAP: p } = y.getBusinessLogic(), l = Array.from(p.values()).flatMap((e) => e.fields), s = r.filters.filter || {};
+  var u, f;
+  const { DATE_RANGE_FILTERS: o, NUMBER_RANGE_FILTERS: a, GROUP_MAP: d } = R.getBusinessLogic(), l = Array.from(d.values()).flatMap((e) => e.fields), s = r.filters.filter || {}, { colourPalette: g, customTextColour: b } = F((u = r.view_attributes) == null ? void 0 : u.type);
   return {
     id: r.id,
     label: r.title,
     filterMaps: {
       filters: new Map(
         l.filter(
-          (e) => !a.includes(e.id) && !o.includes(e.id) && e.filterType !== "checkbox"
+          (e) => !o.includes(e.id) && !a.includes(e.id) && e.filterType !== "checkbox"
         ).map((e) => {
           const t = n(s, e.id);
           return [e.id, t !== void 0 && !Array.isArray(t) && typeof t != "object" ? String(t) : ""];
@@ -28,37 +29,39 @@ const T = ({
         }).filter(([, e]) => e.length > 0)
       ),
       rangeFilters: new Map(
-        l.filter((e) => a.includes(e.id)).map((e) => {
+        l.filter((e) => o.includes(e.id)).map((e) => {
           const t = n(s, e.id);
           if (!t) return null;
           let i;
           if (typeof t == "string")
-            i = new c(t);
+            i = new p(t);
           else if (typeof t == "object" && t.gte && t.lte) {
-            i = new c("CUSTOM");
-            const m = u(t.gte), g = u(t.lte);
-            i.setDates(m, g);
+            i = new p("CUSTOM");
+            const y = c(t.gte), A = c(t.lte);
+            i.setDates(y, A);
           } else
             return null;
           return [e.id, i];
         }).filter((e) => e !== null)
       ),
       numberRangeFilters: new Map(
-        l.filter((e) => o.includes(e.id)).map((e) => {
+        l.filter((e) => a.includes(e.id)).map((e) => {
           const t = n(s, e.id);
           if (!t || typeof t != "object") return null;
-          const i = new b({ filterId: e.id });
+          const i = new M({ filterId: e.id });
           return t.lte !== void 0 && i.setLte(Number(t.lte)), t.gte !== void 0 && i.setGte(Number(t.gte)), [e.id, i];
         }).filter((e) => e !== null)
       )
     },
     page: r.filters.page,
-    editable: r.editable && d,
+    editable: r.editable && m,
     isShared: r.shared,
     columns: r.columns,
-    sort: (f = r.filters) == null ? void 0 : f.sort
+    sort: (f = r.filters) == null ? void 0 : f.sort,
+    colourPalette: g,
+    customTextColour: b
   };
 };
 export {
-  T as viewsAdapter
+  S as viewsAdapter
 };

package/dist/index79.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="all",l=()=>({id:e,label:"All",filterMaps:{filters:new Map,arrayFilters:new Map,rangeFilters:new Map,numberRangeFilters:new Map},page:{size:10},editable:!1,isShared:!1,columns:{columnIds:[],columnWidths:{}}});exports.ALL_VIEW_ID=e;exports.createAllView=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@veeqo/ui"),e="all",r=()=>({id:e,label:"All",filterMaps:{filters:new Map,arrayFilters:new Map,rangeFilters:new Map,numberRangeFilters:new Map},page:{size:10},editable:!1,isShared:!1,columns:{columnIds:[],columnWidths:{}},colourPalette:l.theme.colors.secondary.blue});exports.ALL_VIEW_ID=e;exports.createAllView=r;

package/dist/index79.js

@@ -1,5 +1,6 @@
-const e = "all", l = () => ({
-  id: "all",
+import { theme as e } from "@veeqo/ui";
+const l = "all", r = () => ({
+  id: l,
   label: "All",
   filterMaps: {
     filters: /* @__PURE__ */ new Map(),
@@ -15,9 +16,10 @@ const e = "all", l = () => ({
   columns: {
     columnIds: [],
     columnWidths: {}
-  }
+  },
+  colourPalette: e.colors.secondary.blue
 });
 export {
-  e as ALL_VIEW_ID,
-  l as createAllView
+  l as ALL_VIEW_ID,
+  r as createAllView
 };

package/dist/index80.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index105.cjs"),w=require("./index79.cjs"),V=require("./index78.cjs"),d=({data:n,canUpdateCustomViews:u})=>{const l={fixedViews:[...r.INITIAL_VIEWS_STATE.fixedViews],customViews:[...r.INITIAL_VIEWS_STATE.customViews],viewsMap:new Map(r.INITIAL_VIEWS_STATE.viewsMap)};if(!n)return l;let o=!1;const i=n.reduce((e,s)=>{const t=V.viewsAdapter({view:s,canUpdateCustomViews:u});return e.viewsMap.set(s.id,t),s.editable?e.customViews.push(t):e.fixedViews.push(t),s.title==="All"&&(o=!0),e},l);return o&&(i.viewsMap.delete(w.ALL_VIEW_ID),i.fixedViews.shift()),i};exports.organiseViews=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index92.cjs"),w=require("./index79.cjs"),V=require("./index78.cjs"),d=({data:n,canUpdateCustomViews:u})=>{const l={fixedViews:[...r.INITIAL_VIEWS_STATE.fixedViews],customViews:[...r.INITIAL_VIEWS_STATE.customViews],viewsMap:new Map(r.INITIAL_VIEWS_STATE.viewsMap)};if(!n)return l;let o=!1;const i=n.reduce((e,s)=>{const t=V.viewsAdapter({view:s,canUpdateCustomViews:u});return e.viewsMap.set(s.id,t),s.editable?e.customViews.push(t):e.fixedViews.push(t),s.title==="All"&&(o=!0),e},l);return o&&(i.viewsMap.delete(w.ALL_VIEW_ID),i.fixedViews.shift()),i};exports.organiseViews=d;

package/dist/index80.js

@@ -1,4 +1,4 @@
-import { INITIAL_VIEWS_STATE as r } from "./index105.js";
+import { INITIAL_VIEWS_STATE as r } from "./index92.js";
 import { ALL_VIEW_ID as p } from "./index79.js";
 import { viewsAdapter as u } from "./index78.js";
 const m = ({ data: o, canUpdateCustomViews: w }) => {

package/dist/index84.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index107.cjs"),s=e=>{if(!l.isError(e))return e;if(e.stack){const t=e.stack.split(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index109.cjs"),s=e=>{if(!l.isError(e))return e;if(e.stack){const t=e.stack.split(`
 `);if(t.length<=10)return e;const n=t==null?void 0:t[0],i=t==null?void 0:t.splice(9),r=[n,...i].join(`
 `);e.stack=r}return e};exports.filterErrorStack=s;