@veeqo/transfigure 2.1.2 → 2.2.0

package/dist/index29.js

@@ -2,9 +2,9 @@ import { jsxs as D, jsx as i } from "react/jsx-runtime";
 import { useState as S } from "react";
 import { observer as T } from "mobx-react";
 import { Stack as E, Button as P, DateRangePicker as k, DateRanges as A } from "@veeqo/ui";
-import { RangeFilter as v } from "./index70.js";
+import { RangeFilter as v } from "./index71.js";
 import { useBusinessLogic as C } from "./index8.js";
-import { useStores as x } from "./index61.js";
+import { useStores as x } from "./index62.js";
 const U = T(({ field: r }) => {
   const { DEFAULT_DATE_PRESET: a, DEFAULT_DATE_RANGE: o } = C(), {
     Filters: { dateRangeFilters: n, setRangeFilter: l, clearRangeFilter: c }

package/dist/index3.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index7.cjs"),s=require("./index53.cjs"),i=require("./index54.cjs"),o=e=>t.axios.delete(`/api/v2/custom_views/${e}`,s.withCSRF(i.vndAPI));exports.deleteCustomView=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index7.cjs"),s=require("./index54.cjs"),i=require("./index55.cjs"),o=e=>t.axios.delete(`/api/v2/custom_views/${e}`,s.withCSRF(i.vndAPI));exports.deleteCustomView=o;

package/dist/index3.js

@@ -1,6 +1,6 @@
 import { axios as t } from "./index7.js";
-import { withCSRF as e } from "./index53.js";
-import { vndAPI as i } from "./index54.js";
+import { withCSRF as e } from "./index54.js";
+import { vndAPI as i } from "./index55.js";
 const s = (o) => t.delete(`/api/v2/custom_views/${o}`, e(i));
 export {
   s as deleteCustomView

package/dist/index30.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),g=require("mobx-react"),u=require("@veeqo/ui"),h=require("lodash/debounce"),n=require("./index49.cjs"),j=require("./index86.cjs"),m=require("./index8.cjs"),y=require("./index61.cjs"),k=r=>r&&r.__esModule?r:{default:r},B=k(h),v=g.observer(({fields:r,groupId:c})=>{const{FILTERS_DEBOUNCE_INTERVAL_MS:S}=m.useBusinessLogic(),{Filters:{getFiltersForGroup:p,setFilter:a,clearFiltersForGroup:V}}=y.useStores(),_=p(c),[d,F]=o.useState(_),[E,x]=o.useState({}),C=o.useCallback(B.default((e,t)=>{a(e,t)},S),[a]),q=(e,t)=>{const s={...d,[e]:t},i={...E},T=Object.entries(s).every(([b,M])=>j.isTextFilterValid(String(M))?(i[b]="",!0):(i[b]=n.MIN_SEARCH_ERROR_MESSAGE,!1));F(s),x(i),T&&C(e,t)},R=()=>{const e=r.reduce((t,s)=>({...t,[s.id]:""}),{});F(e),V(c)};return l.jsxs(u.FlexCol,{children:[l.jsx(u.Button,{variant:"link",onClick:R,children:"Clear"}),r.map(e=>{let t;switch(e.filterType){case n.FilterChoiceValue.NUMBER:t="number";break;case n.FilterChoiceValue.TEXT:t="text";break}return l.jsx(u.TextField,{type:t,value:d[e.id],error:E[e.id],label:e.label,onChange:s=>q(e.id,s)},e.id)})]})});exports.MultipleFieldFilter=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),g=require("mobx-react"),u=require("@veeqo/ui"),h=require("lodash/debounce"),n=require("./index50.cjs"),j=require("./index90.cjs"),m=require("./index8.cjs"),y=require("./index62.cjs"),k=r=>r&&r.__esModule?r:{default:r},B=k(h),v=g.observer(({fields:r,groupId:c})=>{const{FILTERS_DEBOUNCE_INTERVAL_MS:S}=m.useBusinessLogic(),{Filters:{getFiltersForGroup:p,setFilter:a,clearFiltersForGroup:V}}=y.useStores(),_=p(c),[d,F]=o.useState(_),[E,x]=o.useState({}),C=o.useCallback(B.default((e,t)=>{a(e,t)},S),[a]),q=(e,t)=>{const s={...d,[e]:t},i={...E},T=Object.entries(s).every(([b,M])=>j.isTextFilterValid(String(M))?(i[b]="",!0):(i[b]=n.MIN_SEARCH_ERROR_MESSAGE,!1));F(s),x(i),T&&C(e,t)},R=()=>{const e=r.reduce((t,s)=>({...t,[s.id]:""}),{});F(e),V(c)};return l.jsxs(u.FlexCol,{children:[l.jsx(u.Button,{variant:"link",onClick:R,children:"Clear"}),r.map(e=>{let t;switch(e.filterType){case n.FilterChoiceValue.NUMBER:t="number";break;case n.FilterChoiceValue.TEXT:t="text";break}return l.jsx(u.TextField,{type:t,value:d[e.id],error:E[e.id],label:e.label,onChange:s=>q(e.id,s)},e.id)})]})});exports.MultipleFieldFilter=v;

package/dist/index30.js

@@ -3,10 +3,10 @@ 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 "./index86.js";
+import { FilterChoiceValue as F, MIN_SEARCH_ERROR_MESSAGE as B } from "./index50.js";
+import { isTextFilterValid as G } from "./index90.js";
 import { useBusinessLogic as N } from "./index8.js";
-import { useStores as j } from "./index61.js";
+import { useStores as j } from "./index62.js";
 const q = _(({ fields: s, groupId: i }) => {
   const { FILTERS_DEBOUNCE_INTERVAL_MS: p } = N(), {
     Filters: { getFiltersForGroup: E, setFilter: l, clearFiltersForGroup: b }

package/dist/index31.cjs

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

package/dist/index31.js

@@ -3,10 +3,10 @@ import { useState as L, useCallback as v } from "react";
 import { observer as y } from "mobx-react";
 import V from "lodash/debounce";
 import { Stack as x, Button as k, TextField as R } from "@veeqo/ui";
-import { MUISlider as E } from "./index115.js";
-import { NumberRangeFilter as I } from "./index69.js";
+import { MUISlider as E } from "./index116.js";
+import { NumberRangeFilter as I } from "./index70.js";
 import { useBusinessLogic as _ } from "./index8.js";
-import { useStores as A } from "./index61.js";
+import { useStores as A } from "./index62.js";
 const $ = y(({ field: a }) => {
   var b;
   const { FILTERS_DEBOUNCE_INTERVAL_MS: p } = _(), {

package/dist/index32.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),x=require("mobx-react"),l=require("react"),p=require("lodash/debounce"),n=require("@veeqo/ui"),_=require("./index8.cjs"),j=require("./index61.cjs"),q=e=>e&&e.__esModule?e:{default:e},C=q(p),F=x.observer(({field:e})=>{var i;const{FILTERS_DEBOUNCE_INTERVAL_MS:a}=_.useBusinessLogic(),{Filters:{setFilter:r,filters:u}}=j.useStores(),d=u.get(e.id),[b,c]=l.useState(d),S=l.useCallback(C.default((t,o)=>{r(t,o)},a),[r]),g=t=>{const o=`${t[0]}`;c(o),S(e.id,o)},h=()=>{c(""),r(e.id,"")};return(i=e.options)!=null&&i.length?s.jsxs(n.Stack,{spacing:"xs",children:[s.jsx(n.Button,{variant:"link",onClick:h,children:"Clear"}),s.jsx(n.ChoiceList,{title:e.label,options:e.options,selected:[b],onChange:t=>g(t)})]}):s.jsx(n.Stack,{spacing:"xs",alignX:"stretch",children:s.jsxs(n.Text,{variant:"bodySmall",children:["No options available for ",e.label]})})});exports.RadioFilter=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),x=require("mobx-react"),l=require("react"),p=require("lodash/debounce"),n=require("@veeqo/ui"),_=require("./index8.cjs"),j=require("./index62.cjs"),q=e=>e&&e.__esModule?e:{default:e},C=q(p),F=x.observer(({field:e})=>{var i;const{FILTERS_DEBOUNCE_INTERVAL_MS:a}=_.useBusinessLogic(),{Filters:{setFilter:r,filters:u}}=j.useStores(),d=u.get(e.id),[b,c]=l.useState(d),S=l.useCallback(C.default((t,o)=>{r(t,o)},a),[r]),g=t=>{const o=`${t[0]}`;c(o),S(e.id,o)},h=()=>{c(""),r(e.id,"")};return(i=e.options)!=null&&i.length?s.jsxs(n.Stack,{spacing:"xs",children:[s.jsx(n.Button,{variant:"link",onClick:h,children:"Clear"}),s.jsx(n.ChoiceList,{title:e.label,options:e.options,selected:[b],onChange:t=>g(t)})]}):s.jsx(n.Stack,{spacing:"xs",alignX:"stretch",children:s.jsxs(n.Text,{variant:"bodySmall",children:["No options available for ",e.label]})})});exports.RadioFilter=F;

package/dist/index32.js

@@ -4,7 +4,7 @@ import { useState as S, useCallback as C } from "react";
 import x from "lodash/debounce";
 import { Stack as c, Text as F, Button as V, ChoiceList as f } from "@veeqo/ui";
 import { useBusinessLogic as k } from "./index8.js";
-import { useStores as v } from "./index61.js";
+import { useStores as v } from "./index62.js";
 const j = g(({ field: e }) => {
   var i;
   const { FILTERS_DEBOUNCE_INTERVAL_MS: a } = k(), {

package/dist/index33.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("mobx-react"),s=require("@veeqo/ui"),i=require("./index61.cjs"),l=require("./index34.cjs"),n=o.observer(()=>{const{Filters:{isFiltersDropdownVisible:r,toggleFiltersDropdownVisible:t}}=i.useStores();return e.jsx(s.Dropdown,{id:"filters-dropdown",ctaProps:{iconSlot:e.jsx(s.FilterIcon,{}),children:"Filters",loading:!1,disabled:!1,className:"act-toggle-filter",style:{borderRadius:s.theme.radius.base}},style:{padding:0},shouldShow:r,setShouldShow:t,children:e.jsx(l.FiltersList,{})})});exports.FiltersDropdown=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("mobx-react"),s=require("@veeqo/ui"),i=require("./index62.cjs"),l=require("./index34.cjs"),n=o.observer(()=>{const{Filters:{isFiltersDropdownVisible:r,toggleFiltersDropdownVisible:t}}=i.useStores();return e.jsx(s.Dropdown,{id:"filters-dropdown",ctaProps:{iconSlot:e.jsx(s.FilterIcon,{}),children:"Filters",loading:!1,disabled:!1,className:"act-toggle-filter",style:{borderRadius:s.theme.radius.base}},style:{padding:0},shouldShow:r,setShouldShow:t,children:e.jsx(l.FiltersList,{})})});exports.FiltersDropdown=n;

package/dist/index33.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { observer as s } from "mobx-react";
 import { Dropdown as i, theme as t, FilterIcon as l } from "@veeqo/ui";
-import { useStores as d } from "./index61.js";
+import { useStores as d } from "./index62.js";
 import { FiltersList as n } from "./index34.js";
 const h = s(() => {
   const {

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"),n=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"),R=c.observer(({data:i})=>{const l=i.fields.filter(e=>e.filterType===t.FilterChoiceValue.TEXT||e.filterType===t.FilterChoiceValue.NUMBER),s=i.fields.filter(e=>e.filterType!==t.FilterChoiceValue.TEXT&&e.filterType!==t.FilterChoiceValue.NUMBER);return r.jsx(n.Accordion,{iconSlot:i.icon,label:i.label,children:r.jsxs(n.FlexCol,{children:[l.length>0?r.jsx(o.MultipleFieldFilter,{fields:l,groupId:i.id}):null,s.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=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("mobx-react"),n=require("@veeqo/ui"),t=require("./index50.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"),R=c.observer(({data:i})=>{const l=i.fields.filter(e=>e.filterType===t.FilterChoiceValue.TEXT||e.filterType===t.FilterChoiceValue.NUMBER),s=i.fields.filter(e=>e.filterType!==t.FilterChoiceValue.TEXT&&e.filterType!==t.FilterChoiceValue.NUMBER);return r.jsx(n.Accordion,{iconSlot:i.icon,label:i.label,children:r.jsxs(n.FlexCol,{children:[l.length>0?r.jsx(o.MultipleFieldFilter,{fields:l,groupId:i.id}):null,s.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=R;

package/dist/index35.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { observer as p } from "mobx-react";
 import { Accordion as s, FlexCol as c } from "@veeqo/ui";
-import { FilterChoiceValue as t } from "./index49.js";
+import { FilterChoiceValue as t } from "./index50.js";
 import { MultipleFieldFilter as m } from "./index30.js";
 import { NumberRangeFilter as f } from "./index31.js";
 import { DateRangeFilter as u } from "./index29.js";

package/dist/index36.cjs

@@ -1 +1 @@
-"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(e.id),[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;
+"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("./index66.cjs"),G=require("./index63.cjs"),J=require("./index40.cjs"),K=require("./index43.cjs"),Q=require("./index57.cjs"),X=require("./index100.cjs"),Z=require("./index8.cjs"),$=require("./index62.cjs"),b=require("./index101.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(e.id),[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

@@ -2,15 +2,15 @@ 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 { useCustomViews as X } from "./index66.js";
+import { useViews as Z } from "./index63.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 "./index104.js";
+import { useDropdownManager as oe } from "./index57.js";
+import { useViewCounts as ie } from "./index100.js";
 import { useBusinessLogic as te } from "./index8.js";
-import { useStores as re } from "./index61.js";
-import { Confirmation as se } from "./index105.js";
+import { useStores as re } from "./index62.js";
+import { Confirmation as se } from "./index101.js";
 const ve = Q(({ view: e }) => {
   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 },

package/dist/index37.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("@veeqo/ui"),r=require("./index57.cjs"),n=({hideActionsPopover:i})=>{const{duplicateView:s}=r.useDuplicateActiveView(),c=()=>{s(),i()};return t.jsx(e.Button,{style:{width:"100%"},iconSlot:t.jsx(e.AddIcon,{width:e.theme.sizes.sm,height:e.theme.sizes.sm,color:e.theme.colors.neutral.ink.base}),variant:"flat",onClick:c,children:"Create View"})};exports.CreateView=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("@veeqo/ui"),r=require("./index58.cjs"),n=({hideActionsPopover:i})=>{const{duplicateView:s}=r.useDuplicateActiveView(),c=()=>{s(),i()};return t.jsx(e.Button,{style:{width:"100%"},iconSlot:t.jsx(e.AddIcon,{width:e.theme.sizes.sm,height:e.theme.sizes.sm,color:e.theme.colors.neutral.ink.base}),variant:"flat",onClick:c,children:"Create View"})};exports.CreateView=n;

package/dist/index37.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { Button as s, AddIcon as c, theme as e } from "@veeqo/ui";
-import { useDuplicateActiveView as n } from "./index57.js";
+import { useDuplicateActiveView as n } from "./index58.js";
 const d = ({ hideActionsPopover: i }) => {
   const { duplicateView: o } = n(), r = () => {
     o(), i();

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

package/dist/index38.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { Card as x, Alert as O, Stack as c, TextField as _, Text as $, SegmentedControl as A, Checkbox as E, Button as p } from "@veeqo/ui";
 import { useForm as L, Controller as d } from "react-hook-form";
-import { useCustomViews as j } from "./index65.js";
+import { useCustomViews as j } from "./index66.js";
 import { SHARING_OPTIONS as F } from "./index45.js";
 import { useBusinessLogic as M } from "./index8.js";
 const w = 60, z = ({

package/dist/index39.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index99.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("./index103.cjs"),g=require("./index53.cjs"),j=require("./index52.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,7 +1,7 @@
 import { jsxs as t, jsx as i, Fragment as f } from "react/jsx-runtime";
-import { MenuItems as M, Item as l, Divider as h } from "./index99.js";
-import { useModal as k } from "./index52.js";
-import { ModalId as T } from "./index51.js";
+import { MenuItems as M, Item as l, Divider as h } from "./index103.js";
+import { useModal as k } from "./index53.js";
+import { ModalId as T } from "./index52.js";
 const N = ({
   tab: e,
   onMakeDefault: n,

package/dist/index4.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index7.cjs"),t=require("./index53.cjs"),s=require("./index54.cjs"),n=(r={})=>e.axios.patch("/current_user",{user:r},t.withCSRF(s.vndAPI));exports.patchCurrentUser=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index7.cjs"),t=require("./index54.cjs"),s=require("./index55.cjs"),n=(r={})=>e.axios.patch("/current_user",{user:r},t.withCSRF(s.vndAPI));exports.patchCurrentUser=n;

package/dist/index4.js

@@ -1,6 +1,6 @@
 import { axios as t } from "./index7.js";
-import { withCSRF as o } from "./index53.js";
-import { vndAPI as e } from "./index54.js";
+import { withCSRF as o } from "./index54.js";
+import { vndAPI as e } from "./index55.js";
 const s = (r = {}) => t.patch("/current_user", { user: r }, o(e));
 export {
   s as patchCurrentUser

package/dist/index40.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const 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("./index63.cjs"),o=require("framer-motion"),m=require("./index62.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

@@ -1,9 +1,9 @@
 import { jsxs as f, Fragment as p, jsx as r } from "react/jsx-runtime";
 import { observer as h } from "mobx-react";
-import { useViews as v } from "./index62.js";
+import { useViews as v } from "./index63.js";
 import { AnimatePresence as n } from "framer-motion";
-import { useStores as g } from "./index61.js";
-import { DraftPill as w } from "./index101.js";
+import { useStores as g } from "./index62.js";
+import { DraftPill as w } from "./index102.js";
 import { UnsavedChangesPill as C } from "./index42.js";
 const U = h(
   ({

package/dist/index41.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),m=require("./index100.cjs"),g=require("./index65.cjs"),S=require("./index62.cjs"),b=require("./index4.cjs"),y=require("./index8.cjs"),V=require("./index61.cjs"),p=require("./index12.cjs"),q=()=>{const{VIEW_TYPE:u}=y.useBusinessLogic(),{sortedCustomViews:s,isLoading:a}=S.useViews(),{mutate:c}=g.useCustomViews({type:u}),[l,t]=n.useState(s);n.useEffect(()=>{t(s)},[s]);const{Notifications:{notify:w}}=V.useStores(),d=async o=>{t(o);const r=o.map(e=>e.id);try{await b.patchCurrentUser({user_setting_attributes:{custom_view_positions:{order:r}}}),await c(e=>({...e,settings:{...e.settings,custom_view_positions:{...e.settings.custom_view_positions,order:r}}}),{revalidate:!1})}catch{t(s),w({type:"error",text:"Failed to update order of views"})}};return a||!s.length?null:i.jsx(p.ErrorBoundary,{children:i.jsx(m.LegacySortableViews,{views:l,onChange:d,className:"act-sortable-views"})})};exports.SortableViews=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),m=require("./index99.cjs"),g=require("./index66.cjs"),S=require("./index63.cjs"),b=require("./index4.cjs"),y=require("./index8.cjs"),V=require("./index62.cjs"),p=require("./index12.cjs"),q=()=>{const{VIEW_TYPE:u}=y.useBusinessLogic(),{sortedCustomViews:s,isLoading:a}=S.useViews(),{mutate:c}=g.useCustomViews({type:u}),[l,t]=n.useState(s);n.useEffect(()=>{t(s)},[s]);const{Notifications:{notify:w}}=V.useStores(),d=async o=>{t(o);const r=o.map(e=>e.id);try{await b.patchCurrentUser({user_setting_attributes:{custom_view_positions:{order:r}}}),await c(e=>({...e,settings:{...e.settings,custom_view_positions:{...e.settings.custom_view_positions,order:r}}}),{revalidate:!1})}catch{t(s),w({type:"error",text:"Failed to update order of views"})}};return a||!s.length?null:i.jsx(p.ErrorBoundary,{children:i.jsx(m.LegacySortableViews,{views:l,onChange:d,className:"act-sortable-views"})})};exports.SortableViews=q;

package/dist/index41.js

@@ -1,11 +1,11 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as f, useEffect as l } from "react";
-import { LegacySortableViews as w } from "./index100.js";
-import { useCustomViews as d } from "./index65.js";
-import { useViews as g } from "./index62.js";
+import { LegacySortableViews as w } from "./index99.js";
+import { useCustomViews as d } from "./index66.js";
+import { useViews as g } from "./index63.js";
 import { patchCurrentUser as _ } from "./index4.js";
 import { useBusinessLogic as S } from "./index8.js";
-import { useStores as b } from "./index61.js";
+import { useStores as b } from "./index62.js";
 import { ErrorBoundary as v } from "./index12.js";
 const T = () => {
   const { VIEW_TYPE: m } = S(), { sortedCustomViews: s, isLoading: a } = g(), { mutate: n } = d({ type: m }), [u, e] = f(s);

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(i.AttentionIcon,{role:"img","aria-label":"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("./index61.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(i.AttentionIcon,{role:"img","aria-label":"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

@@ -1,8 +1,8 @@
 import { jsx as n, jsxs as e } from "react/jsx-runtime";
 import { Stack as a, AttentionIcon as d, theme as h, Button as m, ActionMenu as o } from "@veeqo/ui";
 import { observer as g } from "mobx-react";
-import { usePersistUnsavedChanges as v } from "./index60.js";
-import { Notification as b, Container as p, Wrap as u, Text as i, Bold as y } from "./index106.js";
+import { usePersistUnsavedChanges as v } from "./index61.js";
+import { Notification as b, Container as p, Wrap as u, Text as i, Bold as y } from "./index108.js";
 const C = h.colors.secondary.blue.base, S = g(({ onDiscard: c, viewName: r, onSaveDraft: l }) => {
   const { saveChanges: s, isSubmitting: t } = v();
   return /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(p, { children: /* @__PURE__ */ e(a, { direction: "horizontal", alignY: "center", children: [

package/dist/index44.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),m=require("mobx-react"),i=require("@veeqo/ui"),u=require("./index102.cjs"),q=require("./index41.cjs"),f=require("./index62.cjs"),p=require("./index63.cjs"),v=require("./index37.cjs"),c=require("./index36.cjs"),b=require("./index8.cjs"),C=require("./index61.cjs"),a=require("./index12.cjs"),L=m.observer(({className:l,appearance:d})=>{const{IS_VIEWS_READONLY:r}=b.useBusinessLogic(),{Views:{draftViewsList:w}}=C.useStores(),{viewsArray:x,fixedViews:V}=f.useViews(),[n,o]=t.useState(!1),[h,j]=t.useState(null),S=()=>o(!1);return p.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:j,className:l,appearance:d,children:[x.map(s=>e.jsx(a.ErrorBoundary,{children:e.jsx(c.ViewTab,{view:s})},s.id)),w.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:h,placement:"bottom",onShouldClose:()=>o(!1),children:e.jsxs(i.Card.Surface,{children:[e.jsx(u.FixedViews,{children:V.map(s=>e.jsx(i.Text,{variant:"placeholder",children:s.label},s.id||s.label))}),e.jsx(q.SortableViews,{}),e.jsx(u.Divider,{}),e.jsx(v.CreateView,{hideActionsPopover:S})]})})]})});exports.ViewsList=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),m=require("mobx-react"),i=require("@veeqo/ui"),u=require("./index106.cjs"),q=require("./index41.cjs"),f=require("./index63.cjs"),p=require("./index64.cjs"),v=require("./index37.cjs"),c=require("./index36.cjs"),b=require("./index8.cjs"),C=require("./index62.cjs"),a=require("./index12.cjs"),L=m.observer(({className:l,appearance:d})=>{const{IS_VIEWS_READONLY:r}=b.useBusinessLogic(),{Views:{draftViewsList:w}}=C.useStores(),{viewsArray:x,fixedViews:V}=f.useViews(),[n,o]=t.useState(!1),[h,j]=t.useState(null),S=()=>o(!1);return p.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:j,className:l,appearance:d,children:[x.map(s=>e.jsx(a.ErrorBoundary,{children:e.jsx(c.ViewTab,{view:s})},s.id)),w.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:h,placement:"bottom",onShouldClose:()=>o(!1),children:e.jsxs(i.Card.Surface,{children:[e.jsx(u.FixedViews,{children:V.map(s=>e.jsx(i.Text,{variant:"placeholder",children:s.label},s.id||s.label))}),e.jsx(q.SortableViews,{}),e.jsx(u.Divider,{}),e.jsx(v.CreateView,{hideActionsPopover:S})]})})]})});exports.ViewsList=L;

package/dist/index44.js

@@ -2,14 +2,14 @@ import { jsxs as s, Fragment as V, jsx as e } from "react/jsx-runtime";
 import { useState as n } from "react";
 import { observer as v } from "mobx-react";
 import { ViewsContainer as S, Popover as x, Card as C, Text as L } from "@veeqo/ui";
-import { FixedViews as A, Divider as E } from "./index102.js";
+import { FixedViews as A, Divider as E } from "./index106.js";
 import { SortableViews as b } from "./index41.js";
-import { useViews as M } from "./index62.js";
-import { useViewUrlChange as T } from "./index63.js";
+import { useViews as M } from "./index63.js";
+import { useViewUrlChange as T } from "./index64.js";
 import { CreateView as g } from "./index37.js";
 import { ViewTab as m } from "./index36.js";
 import { useBusinessLogic as R } from "./index8.js";
-import { useStores as j } from "./index61.js";
+import { useStores as j } from "./index62.js";
 import { ErrorBoundary as l } from "./index12.js";
 const q = v(({ className: a, appearance: d }) => {
   const { IS_VIEWS_READONLY: r } = R(), {

package/dist/index46.cjs

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

package/dist/index46.js

@@ -1,12 +1,12 @@
 import { jsxs as v, Fragment as B, jsx as s } from "react/jsx-runtime";
-import { TableManagementModal as I } from "./index88.js";
+import { TableManagementModal as I } from "./index87.js";
 import { Tooltip as O, Button as w, ListBoardIcon as x } from "@veeqo/ui";
 import { observer as F } from "mobx-react";
 import { useBusinessLogic as P } from "./index8.js";
-import { useModal as U } from "./index52.js";
-import { useStores as y } from "./index61.js";
-import { useViews as R } from "./index62.js";
-import { ModalId as p } from "./index51.js";
+import { useModal as U } from "./index53.js";
+import { useStores as y } from "./index62.js";
+import { useViews as R } from "./index63.js";
+import { ModalId as p } from "./index52.js";
 const Q = F(
   ({ columnDefinitions: f, pinnedRightColumnIds: i = [], pinnedLeftColumnIds: l = [] }) => {
     var M;

package/dist/index47.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("./index89.cjs"),e=require("@veeqo/ui"),o=require("./index90.cjs"),d=require("./index61.cjs"),m=({isLoading:a,refetch:n,trackMetricClick:s,tooltipText:l="Refresh data",buttonProps:i={size:"sm",variant:"default"}})=>{const{hasChanges:r,acknowledgeButtonClick:u}=h.usePollData(),{Notifications:{notify:c}}=d.useStores(),f=async()=>{try{await n(),await u(),s==null||s()}catch{c({type:"error",text:"Failed to refresh data"})}};return t.jsxs(e.Tooltip,{className:o.default.refreshTooltip,text:l,children:[t.jsx(e.Button,{className:o.default.refreshButton,onClick:f,loading:a,disabled:a,iconSlot:t.jsx(e.RefreshIcon,{color:e.theme.colors.neutral.ink.base}),"aria-label":r?"refresh table with changes":"refresh table","aria-live":"polite",...i}),t.jsx(e.Indicator,{className:o.default.refreshIndicator,color:"red",size:"xs",style:{opacity:r?1:0}})]})};exports.RefreshButton=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("./index88.cjs"),e=require("@veeqo/ui"),o=require("./index89.cjs"),d=require("./index62.cjs"),m=({isLoading:a,refetch:n,trackMetricClick:s,tooltipText:l="Refresh data",buttonProps:i={size:"sm",variant:"default"}})=>{const{hasChanges:r,acknowledgeButtonClick:u}=h.usePollData(),{Notifications:{notify:c}}=d.useStores(),f=async()=>{try{await n(),await u(),s==null||s()}catch{c({type:"error",text:"Failed to refresh data"})}};return t.jsxs(e.Tooltip,{className:o.default.refreshTooltip,text:l,children:[t.jsx(e.Button,{className:o.default.refreshButton,onClick:f,loading:a,disabled:a,iconSlot:t.jsx(e.RefreshIcon,{color:e.theme.colors.neutral.ink.base}),"aria-label":r?"refresh table with changes":"refresh table","aria-live":"polite",...i}),t.jsx(e.Indicator,{className:o.default.refreshIndicator,color:"red",size:"xs",style:{opacity:r?1:0}})]})};exports.RefreshButton=m;

package/dist/index47.js

@@ -1,8 +1,8 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { usePollData as c } from "./index89.js";
+import { usePollData as c } from "./index88.js";
 import { Tooltip as d, Button as p, RefreshIcon as u, theme as y, Indicator as x } from "@veeqo/ui";
-import t from "./index90.js";
-import { useStores as b } from "./index61.js";
+import t from "./index89.js";
+import { useStores as b } from "./index62.js";
 const j = ({
   isLoading: s,
   refetch: a,

package/dist/index49.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://help.veeqo.com",t=`${e}/en/articles/`,_={ORDER_VIEWS_AND_TABLE_CUSTOMIZATION:`${t}3802856`};exports.helpGuideUrls=_;

package/dist/index49.js

@@ -1,11 +1,6 @@
-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";
+const _ = "https://help.veeqo.com", E = `${_}/en/articles/`, e = {
+  ORDER_VIEWS_AND_TABLE_CUSTOMIZATION: `${E}3802856`
+};
 export {
-  e as FilterChoiceValue,
-  r as MIN_SEARCH_ERROR_MESSAGE,
-  n as SWR_HOOK_OPTIONS
+  e as helpGuideUrls
 };

package/dist/index5.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index7.cjs"),i=require("./index53.cjs"),o=require("./index54.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index7.cjs"),i=require("./index54.cjs"),o=require("./index55.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/index5.js

@@ -1,6 +1,6 @@
 import { axios as i } from "./index7.js";
-import { withCSRF as m } from "./index53.js";
-import { vndAPI as p } from "./index54.js";
+import { withCSRF as m } from "./index54.js";
+import { vndAPI as p } from "./index55.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/index50.cjs

@@ -1 +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;
+"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/index50.js

@@ -1,25 +1,11 @@
-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 });
-};
+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 {
-  v as ModalContext,
-  f as ModalProvider
+  e as FilterChoiceValue,
+  r as MIN_SEARCH_ERROR_MESSAGE,
+  n as SWR_HOOK_OPTIONS
 };

package/dist/index51.cjs

@@ -1 +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;
+"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/index51.js

@@ -1,4 +1,25 @@
-var A = /* @__PURE__ */ ((E) => (E.ORDERS_TABLE_MANAGEMENT = "ORDERS_TABLE_MANAGEMENT", E))(A || {});
+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 {
-  A as ModalId
+  v as ModalContext,
+  f as ModalProvider
 };

package/dist/index52.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index50.cjs"),o=()=>e.useContext(t.ModalContext);exports.useModal=o;
+"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/index52.js

@@ -1,6 +1,4 @@
-import { useContext as o } from "react";
-import { ModalContext as t } from "./index50.js";
-const m = () => o(t);
+var A = /* @__PURE__ */ ((E) => (E.ORDERS_TABLE_MANAGEMENT = "ORDERS_TABLE_MANAGEMENT", E))(A || {});
 export {
-  m as useModal
+  A as ModalId
 };

package/dist/index53.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index51.cjs"),o=()=>e.useContext(t.ModalContext);exports.useModal=o;

package/dist/index53.js

@@ -1,13 +1,6 @@
-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;
-};
+import { useContext as o } from "react";
+import { ModalContext as t } from "./index51.js";
+const m = () => o(t);
 export {
-  a as withCSRF
+  m as useModal
 };

package/dist/index54.cjs

@@ -1 +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;
+"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;