@veeqo/transfigure 0.0.34 → 0.0.36

package/dist/components/RefreshButton/styled.d.ts

@@ -8,3 +8,4 @@ export declare const StyledButton: import('styled-components').StyledComponent<i
     contentStyles?: React.CSSProperties | undefined;
 } & import('react').RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const StyledIndicator: import('styled-components').StyledComponent<({ color, style, textColour, size, ...otherProps }: import('../../../node_modules/@veeqo/ui/dist/components/Indicator/types').IndicatorProps) => React.JSX.Element, any, {}, never>;
+export declare const StyledTooltip: import('styled-components').StyledComponent<({ children, text, content, config, reversed, className, withTriangle, initialShouldShow, useReactPortal, }: import('../../../node_modules/@veeqo/ui/dist/components/Tooltip/types').TooltipProps) => JSX.Element | null, any, {}, never>;

package/dist/hooks/index.d.ts

@@ -9,3 +9,4 @@ export * from './useViewUrlChange';
 export * from './useCustomViews';
 export * from './useColumns';
 export * from './useUrlParams';
+export * from './useViewCountsHook';

package/dist/hooks/useViewCountsHook/index.d.ts

@@ -0,0 +1 @@
+export type { PaginationType } from './useViewCountsHook';

package/dist/hooks/useViewCountsHook/useViewCountsHook.d.ts

@@ -1,13 +1,14 @@
-export type ResponseType = {
-    meta: {
-        page: {
-            size: string;
-            current: string;
-            total_pages: string;
-            total_count: string;
-        };
+export type PaginationType = {
+    page: {
+        size: string;
+        current: string;
+        total_pages: string;
+        total_count: string;
     };
 };
+export type ResponseType = {
+    meta: PaginationType;
+};
 export declare const useViewCounts: (viewId: string) => {
     viewCounts: string | undefined;
     error: any;

package/dist/index104.cjs

@@ -1 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@dnd-kit/sortable"),g=require("./index113.cjs"),b=require("./index92.cjs"),f=({id:t,children:r})=>{const{attributes:s,listeners:o,setNodeRef:i,transform:n,transition:a,isDragging:l}=c.useSortable({id:t}),u={transform:g.CSS.Transform.toString(n),transition:a,cursor:"grab",outlineOffset:"-1px"};return e.jsxs("div",{ref:i,style:u,...s,...o,children:[r,l&&e.jsx(b.DraggingOverlay,{})]})};exports.SortableItem=f;
+"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/index104.js

@@ -1,21 +1,19 @@
-import { jsxs as f, jsx as g } from "react/jsx-runtime";
-import { useSortable as l } from "@dnd-kit/sortable";
-import { CSS as p } from "./index113.js";
-import { DraggingOverlay as c } from "./index92.js";
-const d = ({ id: r, children: t }) => {
-  const { attributes: o, listeners: s, setNodeRef: e, transform: i, transition: n, isDragging: m } = l({
-    id: r
-  }), a = {
-    transform: p.Transform.toString(i),
-    transition: n,
-    cursor: "grab",
-    outlineOffset: "-1px"
-  };
-  return /* @__PURE__ */ f("div", { ref: e, style: a, ...o, ...s, children: [
-    t,
-    m && /* @__PURE__ */ g(c, {})
-  ] });
-};
+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 {
-  d as SortableItem
+  p as StyledSortableViews
 };

package/dist/index105.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("@dnd-kit/core"),s=require("./index92.cjs"),l=({id:e,children:r,...t})=>{const{setNodeRef:o}=c.useDroppable({id:e});return a.createElement(s.DroppableAreaStack,{...t,key:e,ref:o},r)};exports.DroppableArea=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@dnd-kit/sortable"),g=require("./index113.cjs"),b=require("./index93.cjs"),f=({id:t,children:r})=>{const{attributes:s,listeners:o,setNodeRef:i,transform:n,transition:a,isDragging:l}=c.useSortable({id:t}),u={transform:g.CSS.Transform.toString(n),transition:a,cursor:"grab",outlineOffset:"-1px"};return e.jsxs("div",{ref:i,style:u,...s,...o,children:[r,l&&e.jsx(b.DraggingOverlay,{})]})};exports.SortableItem=f;

package/dist/index105.js

@@ -1,10 +1,21 @@
-import { createElement as p } from "react";
-import { useDroppable as a } from "@dnd-kit/core";
-import { DroppableAreaStack as m } from "./index92.js";
-const n = ({ id: e, children: r, ...o }) => {
-  const { setNodeRef: t } = a({ id: e });
-  return /* @__PURE__ */ p(m, { ...o, key: e, ref: t }, r);
+import { jsxs as f, jsx as g } from "react/jsx-runtime";
+import { useSortable as l } from "@dnd-kit/sortable";
+import { CSS as p } from "./index113.js";
+import { DraggingOverlay as c } from "./index93.js";
+const d = ({ id: r, children: t }) => {
+  const { attributes: o, listeners: s, setNodeRef: e, transform: i, transition: n, isDragging: m } = l({
+    id: r
+  }), a = {
+    transform: p.Transform.toString(i),
+    transition: n,
+    cursor: "grab",
+    outlineOffset: "-1px"
+  };
+  return /* @__PURE__ */ f("div", { ref: e, style: a, ...o, ...s, children: [
+    t,
+    m && /* @__PURE__ */ g(c, {})
+  ] });
 };
 export {
-  n as DroppableArea
+  d as SortableItem
 };

package/dist/index106.cjs

@@ -1 +1 @@
-"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 a=require("react"),c=require("@dnd-kit/core"),s=require("./index93.cjs"),l=({id:e,children:r,...t})=>{const{setNodeRef:o}=c.useDroppable({id:e});return a.createElement(s.DroppableAreaStack,{...t,key:e,ref:o},r)};exports.DroppableArea=l;

package/dist/index106.js

@@ -1,66 +1,10 @@
-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 { createElement as p } from "react";
+import { useDroppable as a } from "@dnd-kit/core";
+import { DroppableAreaStack as m } from "./index93.js";
+const n = ({ id: e, children: r, ...o }) => {
+  const { setNodeRef: t } = a({ id: e });
+  return /* @__PURE__ */ p(m, { ...o, key: e, ref: t }, r);
 };
 export {
-  M as useDragHandlers
+  n as DroppableArea
 };

package/dist/index107.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 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/index107.js

@@ -1,32 +1,66 @@
-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);
+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 i.current = t, [{ id: t }];
+        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)
+        }));
       }
-      return i.current ? [{ id: i.current }] : [];
+      i(null);
     },
-    [n]
-  ) };
+    handleDragCancel: () => {
+      h && g(h), i(null), v(null);
+    }
+  };
 };
 export {
-  h as useCollisionDetectionStrategy
+  M as useDragHandlers
 };

package/dist/index108.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/index108.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/index111.cjs

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("react"),d=require("mobx-react"),t=require("@veeqo/ui"),m=require("swr/immutable"),x=require("./index72.cjs"),y=require("./index73.cjs"),F=require("./index47.cjs"),O=e=>e&&e.__esModule?e:{default:e},A=O(m),S=d.observer(({field:e,editedValue:o,setEditedValue:a})=>{var c,i;const l=p.useMemo(()=>{var r;return y.getFetcherFunction({fetcherName:(r=e.fetchAsyncFilterOptions)==null?void 0:r.fetcher})},[(c=e.fetchAsyncFilterOptions)==null?void 0:c.fetcher]),{isLoading:u,isValidating:h,data:g,error:b}=A.default((i=e.fetchAsyncFilterOptions)==null?void 0:i.URL,l,F.SWR_HOOK_OPTIONS),n=u||h,f=x.getAsyncOptions({data:g,config:e.fetchAsyncFilterOptions});return s.jsxs(t.Stack,{spacing:"xs",alignX:"stretch",children:[s.jsx(t.ChoiceList,{allowMultiple:!0,title:e.label,options:f,selected:o,onChange:r=>a(r)}),n&&s.jsx(t.Skeleton,{width:"200px",height:t.theme.sizes[5],"aria-busy":!0,"aria-label":`Loading ${e.label} filters`}),!n&&b&&s.jsxs(t.Text,{variant:"errorSmall",children:["Error: failed to load filter for ",e.label]})]})});exports.ActiveAsyncCheckboxFilter=S;
+"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/index111.js

@@ -1,49 +1,12 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { useMemo as u } from "react";
-import { observer as O } from "mobx-react";
-import { Stack as b, ChoiceList as F, Skeleton as x, theme as y, Text as A } from "@veeqo/ui";
-import S from "swr/immutable";
-import { getAsyncOptions as d } from "./index72.js";
-import { getFetcherFunction as L } from "./index73.js";
-import { SWR_HOOK_OPTIONS as k } from "./index47.js";
-const T = O(
-  ({ field: t, editedValue: c, setEditedValue: a }) => {
-    var o, i;
-    const l = u(() => {
-      var e;
-      return L({ fetcherName: (e = t.fetchAsyncFilterOptions) == null ? void 0 : e.fetcher });
-    }, [(o = t.fetchAsyncFilterOptions) == null ? void 0 : o.fetcher]), { isLoading: m, isValidating: h, data: p, error: f } = S(
-      (i = t.fetchAsyncFilterOptions) == null ? void 0 : i.URL,
-      l,
-      k
-    ), r = m || h, g = d({ data: p, config: t.fetchAsyncFilterOptions });
-    return /* @__PURE__ */ s(b, { spacing: "xs", alignX: "stretch", children: [
-      /* @__PURE__ */ n(
-        F,
-        {
-          allowMultiple: !0,
-          title: t.label,
-          options: g,
-          selected: c,
-          onChange: (e) => a(e)
-        }
-      ),
-      r && /* @__PURE__ */ n(
-        x,
-        {
-          width: "200px",
-          height: y.sizes[5],
-          "aria-busy": !0,
-          "aria-label": `Loading ${t.label} filters`
-        }
-      ),
-      !r && f && /* @__PURE__ */ s(A, { variant: "errorSmall", children: [
-        "Error: failed to load filter for ",
-        t.label
-      ] })
-    ] });
-  }
-);
+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 {
-  T as ActiveAsyncCheckboxFilter
+  h as AdaptiveStyledContainer
 };

package/dist/index112.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"});const s=require("react/jsx-runtime"),p=require("react"),d=require("mobx-react"),t=require("@veeqo/ui"),m=require("swr/immutable"),x=require("./index72.cjs"),y=require("./index73.cjs"),F=require("./index47.cjs"),O=e=>e&&e.__esModule?e:{default:e},A=O(m),S=d.observer(({field:e,editedValue:o,setEditedValue:a})=>{var c,i;const l=p.useMemo(()=>{var r;return y.getFetcherFunction({fetcherName:(r=e.fetchAsyncFilterOptions)==null?void 0:r.fetcher})},[(c=e.fetchAsyncFilterOptions)==null?void 0:c.fetcher]),{isLoading:u,isValidating:h,data:g,error:b}=A.default((i=e.fetchAsyncFilterOptions)==null?void 0:i.URL,l,F.SWR_HOOK_OPTIONS),n=u||h,f=x.getAsyncOptions({data:g,config:e.fetchAsyncFilterOptions});return s.jsxs(t.Stack,{spacing:"xs",alignX:"stretch",children:[s.jsx(t.ChoiceList,{allowMultiple:!0,title:e.label,options:f,selected:o,onChange:r=>a(r)}),n&&s.jsx(t.Skeleton,{width:"200px",height:t.theme.sizes[5],"aria-busy":!0,"aria-label":`Loading ${e.label} filters`}),!n&&b&&s.jsxs(t.Text,{variant:"errorSmall",children:["Error: failed to load filter for ",e.label]})]})});exports.ActiveAsyncCheckboxFilter=S;

package/dist/index112.js

@@ -1,12 +1,49 @@
-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 { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import { observer as O } from "mobx-react";
+import { Stack as b, ChoiceList as F, Skeleton as x, theme as y, Text as A } from "@veeqo/ui";
+import S from "swr/immutable";
+import { getAsyncOptions as d } from "./index72.js";
+import { getFetcherFunction as L } from "./index73.js";
+import { SWR_HOOK_OPTIONS as k } from "./index47.js";
+const T = O(
+  ({ field: t, editedValue: c, setEditedValue: a }) => {
+    var o, i;
+    const l = u(() => {
+      var e;
+      return L({ fetcherName: (e = t.fetchAsyncFilterOptions) == null ? void 0 : e.fetcher });
+    }, [(o = t.fetchAsyncFilterOptions) == null ? void 0 : o.fetcher]), { isLoading: m, isValidating: h, data: p, error: f } = S(
+      (i = t.fetchAsyncFilterOptions) == null ? void 0 : i.URL,
+      l,
+      k
+    ), r = m || h, g = d({ data: p, config: t.fetchAsyncFilterOptions });
+    return /* @__PURE__ */ s(b, { spacing: "xs", alignX: "stretch", children: [
+      /* @__PURE__ */ n(
+        F,
+        {
+          allowMultiple: !0,
+          title: t.label,
+          options: g,
+          selected: c,
+          onChange: (e) => a(e)
+        }
+      ),
+      r && /* @__PURE__ */ n(
+        x,
+        {
+          width: "200px",
+          height: y.sizes[5],
+          "aria-busy": !0,
+          "aria-label": `Loading ${t.label} filters`
+        }
+      ),
+      !r && f && /* @__PURE__ */ s(A, { variant: "errorSmall", children: [
+        "Error: failed to load filter for ",
+        t.label
+      ] })
+    ] });
+  }
+);
 export {
-  h as AdaptiveStyledContainer
+  T as ActiveAsyncCheckboxFilter
 };

package/dist/index15.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("mobx-react"),s=require("@veeqo/ui"),c=require("./index47.cjs"),u=require("./index111.cjs"),h=l.observer(({data:e,editedValue:r,setEditedValue:t})=>{var i;switch(e.filterType){case c.FilterChoiceValue.CHECKBOX:return e.fetchAsyncFilterOptions?o.jsx(u.ActiveAsyncCheckboxFilter,{field:e,setEditedValue:t,editedValue:r}):o.jsx(s.ChoiceList,{allowMultiple:!0,title:e.label,options:(i=e.options)!=null&&i.length?e.options:[],selected:r,onChange:n=>t(n)});default:return null}});exports.FilterArrayField=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("mobx-react"),s=require("@veeqo/ui"),c=require("./index47.cjs"),u=require("./index112.cjs"),h=l.observer(({data:e,editedValue:r,setEditedValue:t})=>{var i;switch(e.filterType){case c.FilterChoiceValue.CHECKBOX:return e.fetchAsyncFilterOptions?o.jsx(u.ActiveAsyncCheckboxFilter,{field:e,setEditedValue:t,editedValue:r}):o.jsx(s.ChoiceList,{allowMultiple:!0,title:e.label,options:(i=e.options)!=null&&i.length?e.options:[],selected:r,onChange:n=>t(n)});default:return null}});exports.FilterArrayField=h;

package/dist/index15.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { observer as n } from "mobx-react";
 import { ChoiceList as p } from "@veeqo/ui";
 import { FilterChoiceValue as s } from "./index47.js";
-import { ActiveAsyncCheckboxFilter as c } from "./index111.js";
+import { ActiveAsyncCheckboxFilter as c } from "./index112.js";
 const F = n(
   ({ data: r, editedValue: e, setEditedValue: o }) => {
     var i;

package/dist/index31.cjs

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

package/dist/index31.js

@@ -2,12 +2,12 @@ import { jsx as o } from "react/jsx-runtime";
 import { observer as s } from "mobx-react";
 import { Dropdown as t, theme as i } from "@veeqo/ui";
 import { VeeqoCommon as l } from "@veeqo/components";
-import { FiltersList as d } from "./index32.js";
-import { useStores as m } from "./index59.js";
+import { useStores as d } from "./index59.js";
+import { FiltersList as m } from "./index32.js";
 const { Glyph: n } = l, b = s(() => {
   const {
     Filters: { isFiltersDropdownVisible: r, toggleFiltersDropdownVisible: e }
-  } = m();
+  } = d();
   return /* @__PURE__ */ o(
     t,
     {
@@ -27,7 +27,7 @@ const { Glyph: n } = l, b = s(() => {
       },
       shouldShow: r,
       setShouldShow: e,
-      children: /* @__PURE__ */ o(d, {})
+      children: /* @__PURE__ */ o(m, {})
     }
   );
 });

package/dist/index37.cjs

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

package/dist/index38.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("mobx-react"),g=require("./index60.cjs"),o=require("framer-motion"),m=require("./index59.cjs"),v=require("./index98.cjs"),f=require("./index40.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("./index60.cjs"),o=require("framer-motion"),m=require("./index59.cjs"),v=require("./index89.cjs"),f=require("./index40.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/index38.js

@@ -3,7 +3,7 @@ import { observer as h } from "mobx-react";
 import { useViews as v } from "./index60.js";
 import { AnimatePresence as n } from "framer-motion";
 import { useStores as g } from "./index59.js";
-import { DraftPill as w } from "./index98.js";
+import { DraftPill as w } from "./index89.js";
 import { UnsavedChangesPill as C } from "./index40.js";
 const U = h(
   ({