@veeqo/transfigure 0.0.5 → 0.0.6

package/dist/hooks/useHiddenColumns/useHiddenColumns.d.ts

@@ -1,3 +1,7 @@
-export declare const useHiddenColumns: () => never[] | {
+export declare const useHiddenColumns: () => {
+    isLoading: boolean;
+    hiddenColumnIds: never[];
+} | {
+    isLoading: false;
     hiddenColumnIds: string[];
 };

package/dist/index100.cjs

@@ -1 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),b=require("@dnd-kit/sortable"),w=({items:d,setItems:g})=>{const[C,i]=O.useState(null),[h,v]=O.useState(null),s=n=>{var e;return n&&(n.id in d?n.id:(e=n==null?void 0:n.data.current)==null?void 0:e.sortable.containerId)};return{activeId:C,handleDragStart:n=>{const{active:e}=n;i(e.id),v(d)},handleDragOver:n=>{const{active:e,over:t}=n,o=t==null?void 0:t.id;if(o==null)return;const c=s(t),a=s(e);!c||!a||a!==c&&g(r=>{const u=r[a],l=r[c],D=l.indexOf(o),S=u.indexOf(e.id);let f;if(o in r)f=l.length+1;else{const I=t&&e.rect.current.translated&&e.rect.current.translated.top>t.rect.top+t.rect.height?1:0;f=D>=0?D+I:l.length+1}return{...r,[a]:r[a].filter(x=>x!==e.id),[c]:[...r[c].slice(0,f),r[a][S],...r[c].slice(f,r[c].length)]}})},handleDragEnd:n=>{const{active:e,over:t}=n,o=s(e);if(!o){i(null);return}const c=t==null?void 0:t.id;if(c==null){i(null);return}const a=s(t);if(a){const r=d[o].indexOf(e.id),u=d[a].indexOf(c);r!==u&&g(l=>({...l,[a]:b.arrayMove(l[a],r,u)}))}i(null)},handleDragCancel:()=>{h&&g(h),i(null),v(null)}}};exports.useDragHandlers=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@veeqo/components"),o=require("@veeqo/ui"),s=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},r=l(s),{SortableViews:i}=t.VeeqoUI,n=r.default(i)`
+  .rst__rowTitle {
+    span {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  .rst__rowTitle > div:first-child {
+    gap: ${o.theme.sizes.sm};
+  }
+`;exports.StyledSortableViews=n;

package/dist/index100.js

@@ -1,66 +1,19 @@
-import { useState as C } from "react";
-import { arrayMove as S } from "@dnd-kit/sortable";
-const M = ({ items: d, setItems: g }) => {
-  const [O, i] = C(null), [h, v] = C(null), s = (n) => {
-    var t;
-    return n && (n.id in d ? n.id : (t = n == null ? void 0 : n.data.current) == null ? void 0 : t.sortable.containerId);
-  };
-  return {
-    activeId: O,
-    handleDragStart: (n) => {
-      const { active: t } = n;
-      i(t.id), v(d);
-    },
-    handleDragOver: (n) => {
-      const { active: t, over: e } = n, a = e == null ? void 0 : e.id;
-      if (a == null) return;
-      const c = s(e), o = s(t);
-      !c || !o || o !== c && g((r) => {
-        const u = r[o], l = r[c], x = l.indexOf(a), I = u.indexOf(t.id);
-        let f;
-        if (a in r)
-          f = l.length + 1;
-        else {
-          const w = e && t.rect.current.translated && t.rect.current.translated.top > e.rect.top + e.rect.height ? 1 : 0;
-          f = x >= 0 ? x + w : l.length + 1;
-        }
-        return {
-          ...r,
-          [o]: r[o].filter((D) => D !== t.id),
-          [c]: [
-            ...r[c].slice(0, f),
-            r[o][I],
-            ...r[c].slice(f, r[c].length)
-          ]
-        };
-      });
-    },
-    handleDragEnd: (n) => {
-      const { active: t, over: e } = n, a = s(t);
-      if (!a) {
-        i(null);
-        return;
-      }
-      const c = e == null ? void 0 : e.id;
-      if (c == null) {
-        i(null);
-        return;
-      }
-      const o = s(e);
-      if (o) {
-        const r = d[a].indexOf(t.id), u = d[o].indexOf(c);
-        r !== u && g((l) => ({
-          ...l,
-          [o]: S(l[o], r, u)
-        }));
-      }
-      i(null);
-    },
-    handleDragCancel: () => {
-      h && g(h), i(null), v(null);
+import { VeeqoUI as e } from "@veeqo/components";
+import { theme as o } from "@veeqo/ui";
+import t from "styled-components";
+const { SortableViews: r } = e, p = t(r)`
+  .rst__rowTitle {
+    span {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
-  };
-};
+  }
+
+  .rst__rowTitle > div:first-child {
+    gap: ${o.sizes.sm};
+  }
+`;
 export {
-  M as useDragHandlers
+  p as StyledSortableViews
 };

package/dist/index101.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),n=require("@dnd-kit/core"),a=({items:i})=>{const o=u.useRef(null);return{collisionDetectionStrategy:u.useCallback(t=>{var c;const r=n.pointerWithin(t),d=r.length>0?r:n.rectIntersection(t);let e=n.getFirstCollision(d,"id");if(e!=null){if(e in i){const l=i[e];l.length>0&&(e=((c=n.closestCenter({...t,droppableContainers:t.droppableContainers.filter(s=>s.id!==e&&l.includes(s.id))})[0])==null?void 0:c.id)??e)}return o.current=e,[{id:e}]}return o.current?[{id:o.current}]:[]},[i])}};exports.useCollisionDetectionStrategy=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@veeqo/ui"),o=require("@material-ui/core/styles"),t=require("@material-ui/core/Slider"),l=e=>e&&e.__esModule?e:{default:e},i=l(t),a=o.withStyles({root:{color:r.theme.colors.secondary.blue.base,height:4},thumb:{height:20,width:20,backgroundColor:"#fff",border:"3px solid currentColor",marginTop:-8,marginLeft:-10,"&:focus, &:hover, &$active":{boxShadow:"inherit"}},valueLabel:{left:"calc(-50% - 1px)"},track:{height:4,borderRadius:4,backgroundColor:r.theme.colors.secondary.blue.light,opacity:1},rail:{height:4,borderRadius:4,backgroundColor:r.theme.colors.neutral.grey.dark,opacity:1}})(i.default);exports.MUISlider=a;

package/dist/index101.js

@@ -1,32 +1,38 @@
-import { useRef as u, useCallback as d } from "react";
-import { pointerWithin as p, rectIntersection as a, getFirstCollision as f, closestCenter as C } from "@dnd-kit/core";
-const h = ({ items: n }) => {
-  const i = u(null);
-  return { collisionDetectionStrategy: d(
-    (e) => {
-      var r;
-      const o = p(e), s = o.length > 0 ? (
-        // If there are droppables intersecting with the pointer, return those
-        o
-      ) : a(e);
-      let t = f(s, "id");
-      if (t != null) {
-        if (t in n) {
-          const l = n[t];
-          l.length > 0 && (t = ((r = C({
-            ...e,
-            droppableContainers: e.droppableContainers.filter(
-              (c) => c.id !== t && l.includes(c.id)
-            )
-          })[0]) == null ? void 0 : r.id) ?? t);
-        }
-        return i.current = t, [{ id: t }];
-      }
-      return i.current ? [{ id: i.current }] : [];
-    },
-    [n]
-  ) };
-};
+import { theme as o } from "@veeqo/ui";
+import { withStyles as r } from "@material-ui/core/styles";
+import e from "@material-ui/core/Slider";
+const l = r({
+  root: {
+    color: o.colors.secondary.blue.base,
+    height: 4
+  },
+  thumb: {
+    height: 20,
+    width: 20,
+    backgroundColor: "#fff",
+    border: "3px solid currentColor",
+    marginTop: -8,
+    marginLeft: -10,
+    "&:focus, &:hover, &$active": {
+      boxShadow: "inherit"
+    }
+  },
+  valueLabel: {
+    left: "calc(-50% - 1px)"
+  },
+  track: {
+    height: 4,
+    borderRadius: 4,
+    backgroundColor: o.colors.secondary.blue.light,
+    opacity: 1
+  },
+  rail: {
+    height: 4,
+    borderRadius: 4,
+    backgroundColor: o.colors.neutral.grey.dark,
+    opacity: 1
+  }
+})(e);
 export {
-  h as useCollisionDetectionStrategy
+  l as MUISlider
 };

package/dist/index102.cjs

@@ -1,7 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),e=require("@veeqo/ui"),a=t=>t&&t.__esModule?t:{default:t},i=a(o),s=i.default(e.BaseContainer)`
-  padding: ${e.theme.sizes.sm};
-  // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
-  // with an additional sizes.base offset at the bottom.
-  max-height: calc(100vh ${({offset:t})=>t&&`- ${t}px`} - ${e.theme.sizes.base});
-  overflow-y: auto;
-`;exports.AdaptiveStyledContainer=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const n=Object.freeze({Translate:{toString(t){if(!t)return;const{x:e,y:r}=t;return"translate3d("+(e?Math.round(e):0)+"px, "+(r?Math.round(r):0)+"px, 0)"}},Scale:{toString(t){if(!t)return;const{scaleX:e,scaleY:r}=t;return"scaleX("+e+") scaleY("+r+")"}},Transform:{toString(t){if(t)return[n.Translate.toString(t),n.Scale.toString(t)].join(" ")}},Transition:{toString(t){let{property:e,duration:r,easing:i}=t;return e+" "+r+"ms "+i}}});exports.CSS=n;

package/dist/index102.js

@@ -1,12 +1,44 @@
-import o from "styled-components";
-import { theme as e, BaseContainer as i } from "@veeqo/ui";
-const h = o(i)`
-  padding: ${e.sizes.sm};
-  // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
-  // with an additional sizes.base offset at the bottom.
-  max-height: calc(100vh ${({ offset: t }) => t && `- ${t}px`} - ${e.sizes.base});
-  overflow-y: auto;
-`;
+import "react";
+const n = /* @__PURE__ */ Object.freeze({
+  Translate: {
+    toString(t) {
+      if (!t)
+        return;
+      const {
+        x: r,
+        y: e
+      } = t;
+      return "translate3d(" + (r ? Math.round(r) : 0) + "px, " + (e ? Math.round(e) : 0) + "px, 0)";
+    }
+  },
+  Scale: {
+    toString(t) {
+      if (!t)
+        return;
+      const {
+        scaleX: r,
+        scaleY: e
+      } = t;
+      return "scaleX(" + r + ") scaleY(" + e + ")";
+    }
+  },
+  Transform: {
+    toString(t) {
+      if (t)
+        return [n.Translate.toString(t), n.Scale.toString(t)].join(" ");
+    }
+  },
+  Transition: {
+    toString(t) {
+      let {
+        property: r,
+        duration: e,
+        easing: i
+      } = t;
+      return r + " " + e + "ms " + i;
+    }
+  }
+});
 export {
-  h as AdaptiveStyledContainer
+  n as CSS
 };

package/dist/index103.cjs

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const n=Object.freeze({Translate:{toString(t){if(!t)return;const{x:e,y:r}=t;return"translate3d("+(e?Math.round(e):0)+"px, "+(r?Math.round(r):0)+"px, 0)"}},Scale:{toString(t){if(!t)return;const{scaleX:e,scaleY:r}=t;return"scaleX("+e+") scaleY("+r+")"}},Transform:{toString(t){if(t)return[n.Translate.toString(t),n.Scale.toString(t)].join(" ")}},Transition:{toString(t){let{property:e,duration:r,easing:i}=t;return e+" "+r+"ms "+i}}});exports.CSS=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),e=require("@veeqo/ui"),a=t=>t&&t.__esModule?t:{default:t},i=a(o),s=i.default(e.BaseContainer)`
+  padding: ${e.theme.sizes.sm};
+  // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
+  // with an additional sizes.base offset at the bottom.
+  max-height: calc(100vh ${({offset:t})=>t&&`- ${t}px`} - ${e.theme.sizes.base});
+  overflow-y: auto;
+`;exports.AdaptiveStyledContainer=s;

package/dist/index103.js

@@ -1,44 +1,12 @@
-import "react";
-const n = /* @__PURE__ */ Object.freeze({
-  Translate: {
-    toString(t) {
-      if (!t)
-        return;
-      const {
-        x: r,
-        y: e
-      } = t;
-      return "translate3d(" + (r ? Math.round(r) : 0) + "px, " + (e ? Math.round(e) : 0) + "px, 0)";
-    }
-  },
-  Scale: {
-    toString(t) {
-      if (!t)
-        return;
-      const {
-        scaleX: r,
-        scaleY: e
-      } = t;
-      return "scaleX(" + r + ") scaleY(" + e + ")";
-    }
-  },
-  Transform: {
-    toString(t) {
-      if (t)
-        return [n.Translate.toString(t), n.Scale.toString(t)].join(" ");
-    }
-  },
-  Transition: {
-    toString(t) {
-      let {
-        property: r,
-        duration: e,
-        easing: i
-      } = t;
-      return r + " " + e + "ms " + i;
-    }
-  }
-});
+import o from "styled-components";
+import { theme as e, BaseContainer as i } from "@veeqo/ui";
+const h = o(i)`
+  padding: ${e.sizes.sm};
+  // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
+  // with an additional sizes.base offset at the bottom.
+  max-height: calc(100vh ${({ offset: t }) => t && `- ${t}px`} - ${e.sizes.base});
+  overflow-y: auto;
+`;
 export {
-  n as CSS
+  h as AdaptiveStyledContainer
 };

package/dist/index20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),b=require("mobx-react"),r=require("@veeqo/ui"),F=require("./index63.cjs"),R=require("./index94.cjs"),h=require("./index57.cjs"),x=b.observer(({filterData:i})=>{const{Filters:{numberRangeFilters:o,clearNumberRangeFilter:u,setNumberRangeFilter:d}}=h.useStores(),e=o.get(i.id),[s,a]=l.useState(e),c=l.useCallback(()=>{const n=new F.NumberRangeFilter({filterId:i.id});return e&&(e.gte&&n.setGte(e.gte),e.lte&&n.setLte(e.lte)),n},[i.id,e]);l.useEffect(()=>{const n=c();a(n)},[c,e]);const g=()=>{u(i.id)},m=()=>{!e||!s||d({numberRange:e,lte:s.lte,gte:s.gte})};return t.jsx(r.FilterTag,{shouldCloseOnClickAway:!0,header:t.jsx("div",{children:"Edit filter (style and semant me pls)"}),label:i.label,text:(e==null?void 0:e.filterLabel)||"Loading...",content:t.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.md},children:t.jsx(R.FilterNumberRangeFilter,{data:i,editedValue:s,setEditedValue:a})}),footer:t.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.sm,width:"200px"},children:t.jsxs(r.Stack,{direction:"horizontal",alignX:"end",children:[t.jsx(r.Button,{variant:"default",size:"sm",onClick:g,children:"Clear"}),t.jsx(r.Button,{variant:"primary",size:"sm",onClick:m,children:"Apply"})]})})})});exports.ActiveFilterNumberRangeTag=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),b=require("mobx-react"),r=require("@veeqo/ui"),F=require("./index63.cjs"),R=require("./index98.cjs"),h=require("./index57.cjs"),x=b.observer(({filterData:i})=>{const{Filters:{numberRangeFilters:o,clearNumberRangeFilter:u,setNumberRangeFilter:d}}=h.useStores(),e=o.get(i.id),[s,a]=l.useState(e),c=l.useCallback(()=>{const n=new F.NumberRangeFilter({filterId:i.id});return e&&(e.gte&&n.setGte(e.gte),e.lte&&n.setLte(e.lte)),n},[i.id,e]);l.useEffect(()=>{const n=c();a(n)},[c,e]);const g=()=>{u(i.id)},m=()=>{!e||!s||d({numberRange:e,lte:s.lte,gte:s.gte})};return t.jsx(r.FilterTag,{shouldCloseOnClickAway:!0,header:t.jsx("div",{children:"Edit filter (style and semant me pls)"}),label:i.label,text:(e==null?void 0:e.filterLabel)||"Loading...",content:t.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.md},children:t.jsx(R.FilterNumberRangeFilter,{data:i,editedValue:s,setEditedValue:a})}),footer:t.jsx(r.BaseContainer,{style:{padding:r.theme.sizes.sm,width:"200px"},children:t.jsxs(r.Stack,{direction:"horizontal",alignX:"end",children:[t.jsx(r.Button,{variant:"default",size:"sm",onClick:g,children:"Clear"}),t.jsx(r.Button,{variant:"primary",size:"sm",onClick:m,children:"Apply"})]})})})});exports.ActiveFilterNumberRangeTag=x;

package/dist/index20.js

@@ -3,7 +3,7 @@ import { useState as b, useCallback as f, useEffect as h } from "react";
 import { observer as R } from "mobx-react";
 import { FilterTag as v, BaseContainer as o, theme as a, Stack as y, Button as d } from "@veeqo/ui";
 import { NumberRangeFilter as C } from "./index63.js";
-import { FilterNumberRangeFilter as N } from "./index94.js";
+import { FilterNumberRangeFilter as N } from "./index98.js";
 import { useStores as w } from "./index57.js";
 const j = R(
   ({ filterData: r }) => {

package/dist/index28.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("./index95.cjs"),R=require("./index63.cjs"),p=require("./index7.cjs"),y=require("./index57.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("./index101.cjs"),R=require("./index63.cjs"),p=require("./index7.cjs"),y=require("./index57.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/index28.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 "./index95.js";
+import { MUISlider as A } from "./index101.js";
 import { NumberRangeFilter as h } from "./index63.js";
 import { useBusinessLogic as B } from "./index7.js";
 import { useStores as T } from "./index57.js";

package/dist/index31.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("./index7.cjs"),u=require("./index79.cjs"),c=require("./index32.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("./index7.cjs"),u=require("./index92.cjs"),c=require("./index32.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/index31.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 "./index7.js";
-import { AdaptiveHeightContainer as p } from "./index79.js";
+import { AdaptiveHeightContainer as p } from "./index92.js";
 import { FilterGroup as n } from "./index32.js";
 const u = e(() => {
   const { GROUP_MAP: t } = s();

package/dist/index33.cjs

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

package/dist/index33.js

@@ -9,7 +9,7 @@ import { ViewDropdowns as X } from "./index40.js";
 import { useDropdownManager as Z } from "./index52.js";
 import { useBusinessLogic as b } from "./index7.js";
 import { useStores as ee } from "./index57.js";
-import { Confirmation as ie } from "./index80.js";
+import { Confirmation as ie } from "./index87.js";
 const we = G(({ view: e }) => {
   const { VIEW_TYPE: S, SEARCH_FILTER_ID: l } = b(), {
     Filters: { activeViewId: c, initFiltersFromView: d, discardChanges: f, initFromUrl: m, filters: F, setFilter: L },

package/dist/index36.cjs

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

package/dist/index37.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react-transition-group"),f=require("mobx-react"),x=require("./index58.cjs"),v=require("./index82.cjs"),g=require("./index39.cjs"),h=require("./index57.cjs"),S=f.observer(({tabType:i,isActive:n,shouldShowCreateViewNotification:c,handleSaveDraft:s})=>{var r;const{Filters:{hasUnsavedChanges:l,discardChanges:u,activeViewId:t}}=h.useStores(),d=window.location.pathname==="/orders"?"orders":"variants",{viewsMap:m}=x.useViews(),o=t&&((r=m.get(t))==null?void 0:r.label)||"failure";return e.jsxs(e.Fragment,{children:[e.jsx(a.CSSTransition,{in:i==="draft"&&n&&c,timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(v.InfoPill,{onClick:s,mainEntityLabelPlural:d})}),i!=="fixed"&&o&&e.jsx(a.CSSTransition,{in:l&&n&&i==="saved",timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(g.UnsavedChangesPill,{viewName:o,onDiscard:()=>u(),onSaveDraft:s})})]})});exports.PillNotifications=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react-transition-group"),f=require("mobx-react"),x=require("./index58.cjs"),v=require("./index88.cjs"),g=require("./index39.cjs"),h=require("./index57.cjs"),S=f.observer(({tabType:i,isActive:n,shouldShowCreateViewNotification:c,handleSaveDraft:s})=>{var r;const{Filters:{hasUnsavedChanges:l,discardChanges:u,activeViewId:t}}=h.useStores(),d=window.location.pathname==="/orders"?"orders":"variants",{viewsMap:m}=x.useViews(),o=t&&((r=m.get(t))==null?void 0:r.label)||"failure";return e.jsxs(e.Fragment,{children:[e.jsx(a.CSSTransition,{in:i==="draft"&&n&&c,timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(v.InfoPill,{onClick:s,mainEntityLabelPlural:d})}),i!=="fixed"&&o&&e.jsx(a.CSSTransition,{in:l&&n&&i==="saved",timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(g.UnsavedChangesPill,{viewName:o,onDiscard:()=>u(),onSaveDraft:s})})]})});exports.PillNotifications=S;

package/dist/index37.js

@@ -2,7 +2,7 @@ import { jsxs as u, Fragment as p, jsx as i } from "react/jsx-runtime";
 import { CSSTransition as a } from "react-transition-group";
 import { observer as h } from "mobx-react";
 import { useViews as v } from "./index58.js";
-import { InfoPill as w } from "./index82.js";
+import { InfoPill as w } from "./index88.js";
 import { UnsavedChangesPill as x } from "./index39.js";
 import { useStores as g } from "./index57.js";
 const F = h(

package/dist/index38.cjs

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

package/dist/index38.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as f } from "react";
-import { LegacySortableViews as l } from "./index83.js";
+import { LegacySortableViews as l } from "./index91.js";
 import { useCustomViews as w } from "./index60.js";
 import { useViews as d } from "./index58.js";
 import { patchCurrentUser as g } from "./index3.js";

package/dist/index39.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),s=require("@veeqo/ui"),h=require("mobx-react"),n=require("./index84.cjs"),u=require("./index56.cjs"),g=s.theme.colors.secondary.blue.base,v=h.observer(({onDiscard:i,viewName:t,onSaveDraft:c})=>{const{saveChanges:o,isSubmitting:r}=u.usePersistUnsavedChanges(),[d,a]=l.useState(!1);return e.jsx(n.Notification,{children:e.jsx(n.Container,{className:"act-react-listing-custom-notification-unsaved-changes",children:e.jsxs(s.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(n.Glyph,{name:"attention",color:g}),e.jsxs(n.Wrap,{children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"You have unsaved changes to"}),e.jsx(n.Bold,{variant:"bodyBoldDark",children:`'${t}'`})]}),e.jsx(n.Button,{className:"act-react-listing-custom-notification-unsaved-changes-discard",onClick:i,size:"sm",children:"Discard changes"}),e.jsxs(s.AnimatedDropdown,{reversed:!0,shouldShowDropdown:d,onClickAway:()=>a(!1),cta:e.jsx(n.Button,{className:"act-react-listing-custom-notification-unsaved-changes-toggle-dropdown",variant:"primary",onClick:()=>a(!0),size:"sm",dropdown:!0,children:"Save changes"}),children:[e.jsx(n.Item,{onClick:c,className:"act-react-listing-custom-notification-unsaved-changes-create-new-view",children:e.jsx(n.Text,{variant:"body",children:"Create new view"})}),e.jsxs(n.Item,{onClick:o,disabled:r,className:"act-react-listing-custom-notification-unsaved-changes-save-to-existing-view",children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"Save changes to"}),e.jsx(n.Text,{variant:"bodyBoldDark",children:t})]})]})]})})})});exports.UnsavedChangesPill=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),s=require("@veeqo/ui"),h=require("mobx-react"),n=require("./index79.cjs"),u=require("./index56.cjs"),g=s.theme.colors.secondary.blue.base,v=h.observer(({onDiscard:i,viewName:t,onSaveDraft:c})=>{const{saveChanges:o,isSubmitting:r}=u.usePersistUnsavedChanges(),[d,a]=l.useState(!1);return e.jsx(n.Notification,{children:e.jsx(n.Container,{className:"act-react-listing-custom-notification-unsaved-changes",children:e.jsxs(s.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(n.Glyph,{name:"attention",color:g}),e.jsxs(n.Wrap,{children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"You have unsaved changes to"}),e.jsx(n.Bold,{variant:"bodyBoldDark",children:`'${t}'`})]}),e.jsx(n.Button,{className:"act-react-listing-custom-notification-unsaved-changes-discard",onClick:i,size:"sm",children:"Discard changes"}),e.jsxs(s.AnimatedDropdown,{reversed:!0,shouldShowDropdown:d,onClickAway:()=>a(!1),cta:e.jsx(n.Button,{className:"act-react-listing-custom-notification-unsaved-changes-toggle-dropdown",variant:"primary",onClick:()=>a(!0),size:"sm",dropdown:!0,children:"Save changes"}),children:[e.jsx(n.Item,{onClick:c,className:"act-react-listing-custom-notification-unsaved-changes-create-new-view",children:e.jsx(n.Text,{variant:"body",children:"Create new view"})}),e.jsxs(n.Item,{onClick:o,disabled:r,className:"act-react-listing-custom-notification-unsaved-changes-save-to-existing-view",children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"Save changes to"}),e.jsx(n.Text,{variant:"bodyBoldDark",children:t})]})]})]})})})});exports.UnsavedChangesPill=v;

package/dist/index39.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { useState as m } from "react";
 import { Stack as g, theme as u, AnimatedDropdown as v } from "@veeqo/ui";
 import { observer as p } from "mobx-react";
-import { Notification as f, Container as w, Glyph as C, Wrap as b, Text as a, Bold as y, Button as o, Item as r } from "./index84.js";
+import { Notification as f, Container as w, Glyph as C, Wrap as b, Text as a, Bold as y, Button as o, Item as r } from "./index79.js";
 import { usePersistUnsavedChanges as k } from "./index56.js";
 const S = u.colors.secondary.blue.base, A = p(
   ({

package/dist/index41.cjs

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

package/dist/index41.js

@@ -2,7 +2,7 @@ import { jsxs as i, Fragment as u, jsx as e } from "react/jsx-runtime";
 import { useState as n } from "react";
 import { observer as h } from "mobx-react";
 import { ViewsContainer as w, Popover as V, Card as v, Text as S } from "@veeqo/ui";
-import { FixedViews as x, Divider as C } from "./index92.js";
+import { FixedViews as x, Divider as C } from "./index90.js";
 import { SortableViews as b } from "./index38.js";
 import { useViews as A } from "./index58.js";
 import { useViewUrlChange as L } from "./index59.js";

package/dist/index61.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("lodash"),d=require("./index7.cjs"),c=require("./index57.cjs"),m=require("./index58.cjs"),C=()=>{const{DEFAULT_HIDDEN_COLUMNS:n,DEFAULT_VISIBLE_COLUMNS:i}=d.useBusinessLogic(),{Filters:{activeViewId:o}}=c.useStores(),{viewsMap:u,isLoading:t}=m.useViews();if(!o||t)return[];const s=u.get(o),e=s==null?void 0:s.columns.columnIds;return r.isArray(e)&&e.length>0?{hiddenColumnIds:[...n,...i].filter(l=>!e.includes(l))}:{hiddenColumnIds:n}};exports.useHiddenColumns=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("lodash"),m=require("./index7.cjs"),C=require("./index57.cjs"),a=require("./index58.cjs"),I=()=>{var u;const{DEFAULT_HIDDEN_COLUMNS:o,DEFAULT_VISIBLE_COLUMNS:t}=m.useBusinessLogic(),{Filters:{activeViewId:i}}=C.useStores(),{viewsMap:l,isLoading:s}=a.useViews();if(!i||s)return{isLoading:s,hiddenColumnIds:[]};const e=l.get(i),n=(u=e==null?void 0:e.columns)==null?void 0:u.columnIds;if(c.isArray(n)&&n.length>0){const r=[...o,...t].filter(d=>!n.includes(d));return{isLoading:s,hiddenColumnIds:r}}return{isLoading:s,hiddenColumnIds:o}};exports.useHiddenColumns=I;

package/dist/index61.js

@@ -1,17 +1,28 @@
-import { isArray as m } from "lodash";
-import { useBusinessLogic as u } from "./index7.js";
-import { useStores as d } from "./index57.js";
-import { useViews as c } from "./index58.js";
-const h = () => {
-  const { DEFAULT_HIDDEN_COLUMNS: n, DEFAULT_VISIBLE_COLUMNS: i } = u(), { Filters: { activeViewId: e } } = d(), { viewsMap: t, isLoading: l } = c();
-  if (!e || l) return [];
-  const s = t.get(e), o = s == null ? void 0 : s.columns.columnIds;
-  return m(o) && o.length > 0 ? {
-    hiddenColumnIds: [...n, ...i].filter((r) => !o.includes(r))
-  } : {
-    hiddenColumnIds: n
+import { isArray as d } from "lodash";
+import { useBusinessLogic as c } from "./index7.js";
+import { useStores as C } from "./index57.js";
+import { useViews as I } from "./index58.js";
+const g = () => {
+  var t;
+  const { DEFAULT_HIDDEN_COLUMNS: e, DEFAULT_VISIBLE_COLUMNS: l } = c(), { Filters: { activeViewId: i } } = C(), { viewsMap: r, isLoading: s } = I();
+  if (!i || s)
+    return {
+      isLoading: s,
+      hiddenColumnIds: []
+    };
+  const o = r.get(i), n = (t = o == null ? void 0 : o.columns) == null ? void 0 : t.columnIds;
+  if (d(n) && n.length > 0) {
+    const m = [...e, ...l].filter((u) => !n.includes(u));
+    return {
+      isLoading: s,
+      hiddenColumnIds: m
+    };
+  }
+  return {
+    isLoading: s,
+    hiddenColumnIds: e
   };
 };
 export {
-  h as useHiddenColumns
+  g as useHiddenColumns
 };

package/dist/index77.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@veeqo/ui"),a=require("react"),k=require("@veeqo/components"),S=require("./index85.cjs"),u=require("./index86.cjs"),T=require("./index87.cjs"),V=require("./index88.cjs"),s=require("./index89.cjs"),D=require("./index78.cjs"),H=require("./index90.cjs"),y=require("./index91.cjs"),O=require("./index57.cjs"),B=require("./index58.cjs"),{Glyph:X}=k.VeeqoCommon,Y=({onClose:r,columnDefintions:j,hiddenColumns:m,visibleColumns:h})=>{const[c,g]=a.useState(""),i=a.useMemo(()=>new Map(j.map(n=>[n.id,n])),[]),[l,p]=a.useState(()=>({[s.ColumnGroupIds.Hidden]:m,[s.ColumnGroupIds.Visible]:h})),v=a.useMemo(()=>{const n=l[s.ColumnGroupIds.Visible].map(o=>i.get(`${o}`));return y.filterColumnsBySearch(n,c)},[l,i,c]),f=a.useMemo(()=>{const n=l[s.ColumnGroupIds.Hidden].map(o=>i.get(`${o}`));return y.filterColumnsBySearch(n,c)},[l,i,c]),{Notifications:{notify:C}}=O.useStores(),{saveColumns:G}=H.usePersistColumns(),{mutate:q}=B.useViews(),[d,x]=a.useState(!1),w=()=>{g(""),p({[s.ColumnGroupIds.Hidden]:m,[s.ColumnGroupIds.Visible]:h})},M=async()=>{try{x(!0);const n=l[s.ColumnGroupIds.Visible];if(n.length<1){C({type:"error",text:"You must have at least one visible column."});return}await G({visibleColumns:n}),await q(),r==null||r()}catch{C({type:"error",text:"Failed to save columns"})}finally{x(!1)}},b=a.useCallback(n=>{g(n)},[]),I=a.useCallback(n=>{const o=i.get(`${n}`);return o?e.jsx(V.ColumnItem,{column:o,isDragOverlay:!0}):null},[i]);return e.jsx(t.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>r==null?void 0:r(),headerSlot:e.jsxs(u.HeaderContainer,{children:[e.jsxs(t.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(t.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(D.TableManagementGlyph,{height:32,width:32}),e.jsx(t.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(t.Button,{"aria-label":"Close modal",onClick:r,variant:"flat",iconSlot:e.jsx(X,{name:"close"})})]}),e.jsxs(t.Text,{variant:"subheadingMedium",children:["Show, hide, or change the order of the columns in the view, so you always see the data that's most important to you. Learn more with our"," ",e.jsx(t.Anchor,{href:"#",target:"_blank",children:"help guide (TODO)"}),"."]}),e.jsx(t.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(u.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:c,onChange:b,onClearClick:()=>b(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:w,variant:"default",disabled:d}],rightActions:[{label:"Cancel",onClick:r,variant:"default",disabled:d},{label:"Save",onClick:M,variant:"primary",disabled:d,loading:d}],children:e.jsx(t.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(t.Stack,{spacing:4,alignX:"stretch",children:e.jsx(T.DndContainer,{items:l,setItems:p,renderDragOverlay:I,children:e.jsx(u.Container,{children:e.jsxs(u.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(S.ColumnGroup,{id:s.ColumnGroupIds.Visible,title:"Shown columns:",columns:v}),e.jsx(u.VerticalSeparator,{children:e.jsx(u.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(S.ColumnGroup,{id:s.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:f})]})})})})})})};exports.TableManagementModal=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@veeqo/ui"),a=require("react"),k=require("@veeqo/components"),S=require("./index80.cjs"),u=require("./index81.cjs"),T=require("./index82.cjs"),V=require("./index83.cjs"),s=require("./index84.cjs"),D=require("./index78.cjs"),H=require("./index85.cjs"),y=require("./index86.cjs"),O=require("./index57.cjs"),B=require("./index58.cjs"),{Glyph:X}=k.VeeqoCommon,Y=({onClose:r,columnDefintions:j,hiddenColumns:m,visibleColumns:h})=>{const[c,g]=a.useState(""),i=a.useMemo(()=>new Map(j.map(n=>[n.id,n])),[]),[l,p]=a.useState(()=>({[s.ColumnGroupIds.Hidden]:m,[s.ColumnGroupIds.Visible]:h})),v=a.useMemo(()=>{const n=l[s.ColumnGroupIds.Visible].map(o=>i.get(`${o}`));return y.filterColumnsBySearch(n,c)},[l,i,c]),f=a.useMemo(()=>{const n=l[s.ColumnGroupIds.Hidden].map(o=>i.get(`${o}`));return y.filterColumnsBySearch(n,c)},[l,i,c]),{Notifications:{notify:C}}=O.useStores(),{saveColumns:G}=H.usePersistColumns(),{mutate:q}=B.useViews(),[d,x]=a.useState(!1),w=()=>{g(""),p({[s.ColumnGroupIds.Hidden]:m,[s.ColumnGroupIds.Visible]:h})},M=async()=>{try{x(!0);const n=l[s.ColumnGroupIds.Visible];if(n.length<1){C({type:"error",text:"You must have at least one visible column."});return}await G({visibleColumns:n}),await q(),r==null||r()}catch{C({type:"error",text:"Failed to save columns"})}finally{x(!1)}},b=a.useCallback(n=>{g(n)},[]),I=a.useCallback(n=>{const o=i.get(`${n}`);return o?e.jsx(V.ColumnItem,{column:o,isDragOverlay:!0}):null},[i]);return e.jsx(t.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>r==null?void 0:r(),headerSlot:e.jsxs(u.HeaderContainer,{children:[e.jsxs(t.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(t.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(D.TableManagementGlyph,{height:32,width:32}),e.jsx(t.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(t.Button,{"aria-label":"Close modal",onClick:r,variant:"flat",iconSlot:e.jsx(X,{name:"close"})})]}),e.jsxs(t.Text,{variant:"subheadingMedium",children:["Show, hide, or change the order of the columns in the view, so you always see the data that's most important to you. Learn more with our"," ",e.jsx(t.Anchor,{href:"#",target:"_blank",children:"help guide (TODO)"}),"."]}),e.jsx(t.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(u.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:c,onChange:b,onClearClick:()=>b(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:w,variant:"default",disabled:d}],rightActions:[{label:"Cancel",onClick:r,variant:"default",disabled:d},{label:"Save",onClick:M,variant:"primary",disabled:d,loading:d}],children:e.jsx(t.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(t.Stack,{spacing:4,alignX:"stretch",children:e.jsx(T.DndContainer,{items:l,setItems:p,renderDragOverlay:I,children:e.jsx(u.Container,{children:e.jsxs(u.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(S.ColumnGroup,{id:s.ColumnGroupIds.Visible,title:"Shown columns:",columns:v}),e.jsx(u.VerticalSeparator,{children:e.jsx(u.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(S.ColumnGroup,{id:s.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:f})]})})})})})})};exports.TableManagementModal=Y;

package/dist/index77.js

@@ -2,14 +2,14 @@ import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { Modal as O, Stack as m, Text as d, Button as X, Anchor as Y } from "@veeqo/ui";
 import { useState as h, useMemo as u, useCallback as C } from "react";
 import { VeeqoCommon as A } from "@veeqo/components";
-import { ColumnGroup as w } from "./index85.js";
-import { Container as $, ColumnGroupsGrid as j, VerticalSeparator as q, VerticalText as z, HeaderContainer as B, ColumnSearch as L } from "./index86.js";
-import { DndContainer as Q } from "./index87.js";
-import { ColumnItem as R } from "./index88.js";
-import { ColumnGroupIds as n } from "./index89.js";
+import { ColumnGroup as w } from "./index80.js";
+import { Container as $, ColumnGroupsGrid as j, VerticalSeparator as q, VerticalText as z, HeaderContainer as B, ColumnSearch as L } from "./index81.js";
+import { DndContainer as Q } from "./index82.js";
+import { ColumnItem as R } from "./index83.js";
+import { ColumnGroupIds as n } from "./index84.js";
 import { TableManagementGlyph as F } from "./index78.js";
-import { usePersistColumns as N } from "./index90.js";
-import { filterColumnsBySearch as V } from "./index91.js";
+import { usePersistColumns as N } from "./index85.js";
+import { filterColumnsBySearch as V } from "./index86.js";
 import { useStores as P } from "./index57.js";
 import { useViews as _ } from "./index58.js";
 const { Glyph: E } = A, ce = ({