@veeqo/transfigure 0.0.10 → 0.0.12

package/dist/index100.cjs

@@ -1,80 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("@veeqo/ui"),a=require("@veeqo/components"),r=e=>e&&e.__esModule?e:{default:e},o=r(i),{Glyph:l}=a.VeeqoCommon,s=o.default(t.BaseContainer)`
-  display: flex;
-  position: fixed;
-  width: 100vw;
-  left: 0;
-  bottom: 24px;
-  z-index: 18;
-
-  &.notification-enter {
-    opacity: 0;
-    transform: translateY(-16px);
-  }
-
-  &.notification-enter-active {
-    opacity: 1;
-    transform: translateY(0);
-    transition: 350ms ease;
-  }
-
-  &.notification-exit {
-    opacity: 0;
-    transform: translateY(16px);
-    transition: 350ms ease;
-  }
-  pointer-events: none;
-`;o.default(t.BaseContainer)`
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 20px 24px 24px 24px;
-  border-radius: 4px;
-  margin: 0 auto;
-  background-color: #fff;
-  box-shadow: ${t.theme.shadows.lg};
-  pointer-events: all;
-`;const d=o.default(t.Banner)`
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  margin: 0 auto;
-  background-color: #fff;
-  box-shadow: ${t.theme.shadows.lg};
-  pointer-events: all;
-`,c=o.default(t.Button)`
-  margin-right: 16px;
-`,f=o.default(t.Text)`
-  line-height: 20px;
-`,n=o.default(t.Text)`
-  margin: ${e=>e.margin?e.margin:""};
-  color: ${e=>e.color};
-`,p=o.default(t.Text)`
-  margin-right: 8px;
-  color: ${e=>e.color};
-`,u=o.default(l)``,x=o.default(t.BaseContainer)`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-end;
-  flex-grow: 2;
-  margin-left: 24px;
-  margin-right: 24px;
-`;o.default(t.AnimatedDropdown)``;o.default.button`
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  padding: 12px 16px;
-  cursor: pointer;
-
-  & > ${n} {
-    white-space: nowrap;
-    user-select: none;
-  }
-
-  &:hover {
-    background-color: ${t.theme.colors.neutral.grey.lightest};
-  }
-
-  &:hover > ${n} {
-    color: ${t.theme.colors.secondary.blue.base};
-  }
-`;exports.Bold=p;exports.Button=c;exports.Glyph=u;exports.Hint=f;exports.Notification=s;exports.Pill=d;exports.Text=n;exports.Wrap=x;
+"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;

package/dist/index100.js

@@ -1,97 +1,66 @@
-import o from "styled-components";
-import { BaseContainer as e, theme as n, Banner as a, Text as i, Button as l, AnimatedDropdown as s } from "@veeqo/ui";
-import { VeeqoCommon as c } from "@veeqo/components";
-const { Glyph: p } = c, m = o(e)`
-  display: flex;
-  position: fixed;
-  width: 100vw;
-  left: 0;
-  bottom: 24px;
-  z-index: 18;
-
-  &.notification-enter {
-    opacity: 0;
-    transform: translateY(-16px);
-  }
-
-  &.notification-enter-active {
-    opacity: 1;
-    transform: translateY(0);
-    transition: 350ms ease;
-  }
-
-  &.notification-exit {
-    opacity: 0;
-    transform: translateY(16px);
-    transition: 350ms ease;
-  }
-  pointer-events: none;
-`;
-o(e)`
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 20px 24px 24px 24px;
-  border-radius: 4px;
-  margin: 0 auto;
-  background-color: #fff;
-  box-shadow: ${n.shadows.lg};
-  pointer-events: all;
-`;
-const g = o(a)`
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  margin: 0 auto;
-  background-color: #fff;
-  box-shadow: ${n.shadows.lg};
-  pointer-events: all;
-`, h = o(l)`
-  margin-right: 16px;
-`, w = o(i)`
-  line-height: 20px;
-`, r = o(i)`
-  margin: ${(t) => t.margin ? t.margin : ""};
-  color: ${(t) => t.color};
-`, u = o(i)`
-  margin-right: 8px;
-  color: ${(t) => t.color};
-`, y = o(p)``, $ = o(e)`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-end;
-  flex-grow: 2;
-  margin-left: 24px;
-  margin-right: 24px;
-`;
-o(s)``;
-o.button`
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  padding: 12px 16px;
-  cursor: pointer;
-
-  & > ${r} {
-    white-space: nowrap;
-    user-select: none;
-  }
-
-  &:hover {
-    background-color: ${n.colors.neutral.grey.lightest};
-  }
-
-  &:hover > ${r} {
-    color: ${n.colors.secondary.blue.base};
-  }
-`;
+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);
+    }
+  };
+};
 export {
-  u as Bold,
-  h as Button,
-  y as Glyph,
-  w as Hint,
-  m as Notification,
-  g as Pill,
-  r as Text,
-  $ as Wrap
+  M as useDragHandlers
 };

package/dist/index101.cjs

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

package/dist/index101.js

@@ -1,19 +1,32 @@
-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};
-  }
-`;
+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]
+  ) };
+};
 export {
-  p as StyledSortableViews
+  h as useCollisionDetectionStrategy
 };

package/dist/index102.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/index102.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/index103.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/index103.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/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("./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;
+"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;

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 "./index98.js";
+import { FilterNumberRangeFilter as N } from "./index94.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("./index99.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("./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;

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 "./index99.js";
+import { MUISlider as A } from "./index95.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("./index86.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("./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;

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