@veeqo/transfigure 2.3.0 → 2.4.0

package/dist/index81.js

@@ -1,23 +1,26 @@
-import { INITIAL_VIEWS_STATE as r } from "./index105.js";
-import { ALL_VIEW_ID as p } from "./index80.js";
-import { viewsAdapter as u } from "./index79.js";
-const m = ({ data: o, canUpdateCustomViews: w }) => {
-  const f = {
-    fixedViews: [...r.fixedViews],
-    customViews: [...r.customViews],
-    viewsMap: new Map(r.viewsMap)
-  };
-  if (!o) return f;
-  let l = !1;
-  const s = o.reduce(
-    (e, i) => {
-      const t = u({ view: i, canUpdateCustomViews: w });
-      return e.viewsMap.set(i.id, t), i.editable ? e.customViews.push(t) : e.fixedViews.push(t), i.title === "All" && (l = !0), e;
-    },
-    f
-  );
-  return l && (s.viewsMap.delete(p), s.fixedViews.shift()), s;
-};
+import { theme as r } from "@veeqo/ui";
+const l = (e = {}) => ({
+  id: "",
+  label: "",
+  viewFilters: {},
+  filterMaps: {
+    filters: /* @__PURE__ */ new Map(),
+    arrayFilters: /* @__PURE__ */ new Map(),
+    rangeFilters: /* @__PURE__ */ new Map(),
+    numberRangeFilters: /* @__PURE__ */ new Map()
+  },
+  page: {
+    size: 10
+  },
+  editable: !1,
+  isShared: !1,
+  columns: {
+    columnIds: [],
+    columnWidths: {}
+  },
+  colourPalette: r.colors.secondary.blue,
+  ...e
+});
 export {
-  m as organiseViews
+  l as createEmptyTransformedView
 };

package/dist/index82.cjs

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

package/dist/index82.js

@@ -1,9 +1,22 @@
-import { useStores as e } from "./index62.js";
-const m = (o) => {
-  e.mockImplementation(() => ({
-    ...o
-  }));
+import { INITIAL_VIEWS_STATE as r, ALL_VIEW_ID as u } from "./index108.js";
+import { viewsAdapter as V } from "./index80.js";
+const p = ({ data: o, canUpdateCustomViews: w }) => {
+  const f = {
+    fixedViews: [...r.fixedViews],
+    customViews: [...r.customViews],
+    viewsMap: new Map(r.viewsMap)
+  };
+  if (!o) return f;
+  let l = !1;
+  const i = o.reduce(
+    (e, s) => {
+      const t = V({ view: s, canUpdateCustomViews: w });
+      return e.viewsMap.set(s.id, t), s.editable ? e.customViews.push(t) : e.fixedViews.push(t), s.title === "All" && (l = !0), e;
+    },
+    f
+  );
+  return l && (i.viewsMap.delete(u), i.fixedViews.shift()), i;
 };
 export {
-  m as mockUseStores
+  p as organiseViews
 };

package/dist/index83.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var P=(t=>(t.GET="AxiosGet",t.DELETE="AxiosDelete",t.POST="AxiosPost",t.PATCH="AxiosPatch",t.PUT="AxiosPut",t.POST_FORM="AxioPostForm",t.PUT_FORM="AxiosPutForm",t.PATCH_FORM="AxiosPatchForm",t))(P||{});exports.AxiosErrorType=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index63.cjs"),t=e=>{o.useStores.mockImplementation(()=>({...e}))};exports.mockUseStores=t;

package/dist/index83.js

@@ -1,4 +1,9 @@
-var t = /* @__PURE__ */ ((P) => (P.GET = "AxiosGet", P.DELETE = "AxiosDelete", P.POST = "AxiosPost", P.PATCH = "AxiosPatch", P.PUT = "AxiosPut", P.POST_FORM = "AxioPostForm", P.PUT_FORM = "AxiosPutForm", P.PATCH_FORM = "AxiosPatchForm", P))(t || {});
+import { useStores as e } from "./index63.js";
+const m = (o) => {
+  e.mockImplementation(() => ({
+    ...o
+  }));
+};
 export {
-  t as AxiosErrorType
+  m as mockUseStores
 };

package/dist/index84.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(r,t)=>{const e=[r];return t!==void 0&&e.push(t),e},l=(r,t,e)=>{const i=[r];return t!==void 0&&i.push(t),e!==void 0&&i.push(e),i};exports.filterOptionalArgs=l;exports.filterOptionalArgsGetDelete=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var P=(t=>(t.GET="AxiosGet",t.DELETE="AxiosDelete",t.POST="AxiosPost",t.PATCH="AxiosPatch",t.PUT="AxiosPut",t.POST_FORM="AxioPostForm",t.PUT_FORM="AxiosPutForm",t.PATCH_FORM="AxiosPatchForm",t))(P||{});exports.AxiosErrorType=P;

package/dist/index84.js

@@ -1,11 +1,4 @@
-const i = (s, t) => {
-  const r = [s];
-  return t !== void 0 && r.push(t), r;
-}, o = (s, t, r) => {
-  const e = [s];
-  return t !== void 0 && e.push(t), r !== void 0 && e.push(r), e;
-};
+var t = /* @__PURE__ */ ((P) => (P.GET = "AxiosGet", P.DELETE = "AxiosDelete", P.POST = "AxiosPost", P.PATCH = "AxiosPatch", P.PUT = "AxiosPut", P.POST_FORM = "AxioPostForm", P.PUT_FORM = "AxiosPutForm", P.PATCH_FORM = "AxiosPatchForm", P))(t || {});
 export {
-  o as filterOptionalArgs,
-  i as filterOptionalArgsGetDelete
+  t as AxiosErrorType
 };

package/dist/index85.cjs

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

package/dist/index85.js

@@ -1,16 +1,11 @@
-import { isError as l } from "./index114.js";
-const s = (e) => {
-  if (!l(e)) return e;
-  if (e.stack) {
-    const n = e.stack.split(`
-`);
-    if (n.length <= 10) return e;
-    const i = n == null ? void 0 : n[0], t = n == null ? void 0 : n.splice(9), f = [i, ...t].join(`
-`);
-    e.stack = f;
-  }
-  return e;
+const i = (s, t) => {
+  const r = [s];
+  return t !== void 0 && r.push(t), r;
+}, o = (s, t, r) => {
+  const e = [s];
+  return t !== void 0 && e.push(t), r !== void 0 && e.push(r), e;
 };
 export {
-  s as filterErrorStack
+  o as filterOptionalArgs,
+  i as filterOptionalArgsGetDelete
 };

package/dist/index86.cjs

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

package/dist/index86.js

@@ -1,11 +1,16 @@
-import { isError as c } from "./index114.js";
-const s = ({
-  customError: e,
-  originalError: t,
-  type: f
-}) => {
-  !c(t) || !c(e) || (t.stack && (t.stack = e.stack), t.name && (t.name = `${f} (${t.name})`));
+import { isError as l } from "./index111.js";
+const s = (e) => {
+  if (!l(e)) return e;
+  if (e.stack) {
+    const n = e.stack.split(`
+`);
+    if (n.length <= 10) return e;
+    const i = n == null ? void 0 : n[0], t = n == null ? void 0 : n.splice(9), f = [i, ...t].join(`
+`);
+    e.stack = f;
+  }
+  return e;
 };
 export {
-  s as injectIntoError
+  s as filterErrorStack
 };

package/dist/index87.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_actionsHeaderContainer_fgqms_1",t={actionsHeaderContainer:e};exports.actionsHeaderContainer=e;exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index111.cjs"),n=({customError:t,originalError:e,type:c})=>{!s.isError(e)||!s.isError(t)||(e.stack&&(e.stack=t.stack),e.name&&(e.name=`${c} (${e.name})`))};exports.injectIntoError=n;

package/dist/index87.js

@@ -1,7 +1,11 @@
-const e = "_actionsHeaderContainer_fgqms_1", a = {
-  actionsHeaderContainer: e
+import { isError as c } from "./index111.js";
+const s = ({
+  customError: e,
+  originalError: t,
+  type: f
+}) => {
+  !c(t) || !c(e) || (t.stack && (t.stack = e.stack), t.name && (t.name = `${f} (${t.name})`));
 };
 export {
-  e as actionsHeaderContainer,
-  a as default
+  s as injectIntoError
 };

package/dist/index88.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@veeqo/ui"),t=require("react"),j=require("./index92.cjs"),o=require("./index93.cjs"),w=require("./index94.cjs"),T=require("./index95.cjs"),r=require("./index96.cjs"),D=require("./index97.cjs"),V=require("./index49.cjs"),b=require("./index98.cjs"),H=({onClose:u,columnDefinitions:I,hiddenColumns:d,visibleColumns:m,pinnedLeftColumnIds:G,pinnedRightColumnIds:f})=>{const[c,p]=t.useState(""),a=t.useMemo(()=>new Map(I.map(s=>[s.id,s])),[]),[i,C]=t.useState(()=>({[r.ColumnGroupIds.Hidden]:d,[r.ColumnGroupIds.Visible]:m})),y=t.useMemo(()=>{const s=i[r.ColumnGroupIds.Visible].map(l=>a.get(`${l}`));return b.filterColumnsBySearch(s,c)},[i,a,c]),v=t.useMemo(()=>{const s=i[r.ColumnGroupIds.Hidden].map(l=>a.get(`${l}`));return b.filterColumnsBySearch(s,c)},[i,a,c]),{isSavingColumns:h,saveColumns:M}=D.usePersistColumns({pinnedLeftColumnIds:G,pinnedRightColumnIds:f}),k=()=>{p(""),C({[r.ColumnGroupIds.Hidden]:d,[r.ColumnGroupIds.Visible]:m})},x=t.useCallback(s=>{if(p(s),!s){const l=new Set([...d,...m]);C(S=>({[r.ColumnGroupIds.Hidden]:S[r.ColumnGroupIds.Hidden].filter(g=>l.has(`${g}`)),[r.ColumnGroupIds.Visible]:S[r.ColumnGroupIds.Visible].filter(g=>l.has(`${g}`))}))}},[d,m]),q=t.useCallback(s=>{const l=a.get(`${s}`);return l?e.jsx(T.ColumnItem,{column:l,isDragOverlay:!0}):null},[a]);return e.jsx(n.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>u==null?void 0:u(),headerSlot:e.jsxs(o.HeaderContainer,{children:[e.jsxs(n.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(n.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(n.ListBoardIcon,{height:n.theme.sizes.lg,width:n.theme.sizes.lg}),e.jsx(n.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(n.Button,{"aria-label":"Close modal",onClick:u,variant:"flat",iconSlot:e.jsx(n.CloseIcon,{})})]}),e.jsxs(n.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(n.Anchor,{href:V.helpGuideUrls.ORDER_VIEWS_AND_TABLE_CUSTOMIZATION,target:"_blank",children:"help guide"}),"."]}),e.jsx(n.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(o.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:c,onChange:x,onClearClick:()=>x(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:k,variant:"default",disabled:h}],rightActions:[{label:"Cancel",onClick:u,variant:"default",disabled:h},{label:"Save",onClick:()=>M({visibleColumns:i[r.ColumnGroupIds.Visible]}),variant:"primary",disabled:h,loading:h}],children:e.jsx(n.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(n.Stack,{spacing:4,alignX:"stretch",children:e.jsx(w.DndContainer,{items:i,setItems:C,renderDragOverlay:q,children:e.jsx(o.Container,{children:e.jsxs(o.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(j.ColumnGroup,{id:r.ColumnGroupIds.Visible,title:"Shown columns:",columns:y}),e.jsx(o.VerticalSeparator,{children:e.jsx(o.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(j.ColumnGroup,{id:r.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:v})]})})})})})})};exports.TableManagementModal=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),w=require("react-use"),L=require("./index8.cjs"),m=require("./index63.cjs"),v=require("./index69.cjs"),q=require("./index56.cjs");function V(){const{TABLE_DATA_URL:h}=L.useBusinessLogic(),{Filters:{pageSize:s,activeViewId:n}}=m.useStores(),{queryParams:S}=v.useUrlParams();async function c(){const e=`${h}?${S}`,g=await q.fetcherV2(e);return JSON.stringify(g)}const[u,a]=t.useState(null),[o,l]=t.useState(!1),[f,C]=t.useState(n),[y,P]=t.useState(s),i=3e5,[D,r]=t.useState(i);return t.useEffect(()=>{const e=()=>{document.hidden?r(null):r(i)};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[]),w.useInterval(async()=>{const e=await c();if(u===null||f!==n||y!==s){a(e),C(n),P(s);return}const d=e!==u;d&&(a(e),l(d))},o?null:D),{hasChanges:o,acknowledgeButtonClick:async()=>{l(!1),r(i),a(await c())}}}exports.usePollData=V;

package/dist/index88.js

@@ -1,119 +1,43 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { Modal as O, Stack as h, ListBoardIcon as _, theme as v, Text as p, Button as $, CloseIcon as z, Anchor as B } from "@veeqo/ui";
-import { useState as w, useMemo as f, useCallback as y } from "react";
-import { ColumnGroup as V } from "./index92.js";
-import { Container as L, ColumnGroupsGrid as R, VerticalSeparator as X, VerticalText as E, HeaderContainer as Y, ColumnSearch as j } from "./index93.js";
-import { DndContainer as N } from "./index94.js";
-import { ColumnItem as Q } from "./index95.js";
-import { ColumnGroupIds as n } from "./index96.js";
-import { usePersistColumns as U } from "./index97.js";
-import { helpGuideUrls as P } from "./index49.js";
-import { filterColumnsBySearch as D } from "./index98.js";
-const te = ({
-  onClose: l,
-  columnDefinitions: k,
-  hiddenColumns: c,
-  visibleColumns: d,
-  pinnedLeftColumnIds: H,
-  pinnedRightColumnIds: I
-}) => {
-  const [o, b] = w(""), a = f(() => new Map(k.map((i) => [i.id, i])), []), [t, u] = w(() => ({
-    [n.Hidden]: c,
-    [n.Visible]: d
-  })), M = f(() => {
-    const i = t[n.Visible].map((r) => a.get(`${r}`));
-    return D(i, o);
-  }, [t, a, o]), T = f(() => {
-    const i = t[n.Hidden].map((r) => a.get(`${r}`));
-    return D(i, o);
-  }, [t, a, o]), { isSavingColumns: m, saveColumns: x } = U({ pinnedLeftColumnIds: H, pinnedRightColumnIds: I }), A = () => {
-    b(""), u({
-      [n.Hidden]: c,
-      [n.Visible]: d
-    });
-  }, C = y(
-    (i) => {
-      if (b(i), !i) {
-        const r = /* @__PURE__ */ new Set([...c, ...d]);
-        u((S) => ({
-          [n.Hidden]: S[n.Hidden].filter((g) => r.has(`${g}`)),
-          [n.Visible]: S[n.Visible].filter((g) => r.has(`${g}`))
-        }));
+import { useState as t, useEffect as p } from "react";
+import { useInterval as P } from "react-use";
+import { useBusinessLogic as S } from "./index8.js";
+import { useStores as L } from "./index63.js";
+import { useUrlParams as v } from "./index69.js";
+import { fetcherV2 as V } from "./index56.js";
+function T() {
+  const { TABLE_DATA_URL: h } = S(), {
+    Filters: {
+      pageSize: n,
+      activeViewId: s
+    }
+  } = L(), { queryParams: m } = v();
+  async function r() {
+    const e = `${h}?${m}`, g = await V(e);
+    return JSON.stringify(g);
+  }
+  const [c, a] = t(null), [l, u] = t(!1), [f, C] = t(s), [w, y] = t(n), i = 3e5, [D, o] = t(i);
+  return p(() => {
+    const e = () => {
+      document.hidden ? o(null) : o(i);
+    };
+    return document.addEventListener("visibilitychange", e), () => {
+      document.removeEventListener("visibilitychange", e);
+    };
+  }, []), P(
+    async () => {
+      const e = await r();
+      if (c === null || f !== s || w !== n) {
+        a(e), C(s), y(n);
+        return;
       }
+      const d = e !== c;
+      d && (a(e), u(d));
     },
-    [c, d]
-  ), G = y(
-    (i) => {
-      const r = a.get(`${i}`);
-      return r ? /* @__PURE__ */ e(Q, { column: r, isDragOverlay: !0 }) : null;
-    },
-    [a]
-  );
-  return /* @__PURE__ */ e(
-    O,
-    {
-      variant: "lg",
-      style: { overflowY: "hidden" },
-      shouldShow: !0,
-      onClose: () => l == null ? void 0 : l(),
-      headerSlot: /* @__PURE__ */ s(Y, { children: [
-        /* @__PURE__ */ s(h, { direction: "horizontal", alignX: "between", alignY: "center", children: [
-          /* @__PURE__ */ s(h, { direction: "horizontal", alignX: "start", alignY: "center", spacing: "sm", children: [
-            /* @__PURE__ */ e(_, { height: v.sizes.lg, width: v.sizes.lg }),
-            /* @__PURE__ */ e(p, { variant: "headingLarge", as: "h1", children: "Table management" })
-          ] }),
-          /* @__PURE__ */ e($, { "aria-label": "Close modal", onClick: l, variant: "flat", iconSlot: /* @__PURE__ */ e(z, {}) })
-        ] }),
-        /* @__PURE__ */ s(p, { 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",
-          " ",
-          /* @__PURE__ */ e(B, { href: P.ORDER_VIEWS_AND_TABLE_CUSTOMIZATION, target: "_blank", children: "help guide" }),
-          "."
-        ] }),
-        /* @__PURE__ */ e(p, { variant: "headingSmall", children: "Column management" }),
-        /* @__PURE__ */ e(
-          j,
-          {
-            name: "column-search-query",
-            placeholder: "Search",
-            value: o,
-            onChange: C,
-            onClearClick: () => C(""),
-            fill: "100%"
-          }
-        )
-      ] }),
-      leftActions: [
-        {
-          label: "Reset",
-          onClick: A,
-          variant: "default",
-          disabled: m
-        }
-      ],
-      rightActions: [
-        {
-          label: "Cancel",
-          onClick: l,
-          variant: "default",
-          disabled: m
-        },
-        {
-          label: "Save",
-          onClick: () => x({ visibleColumns: t[n.Visible] }),
-          variant: "primary",
-          disabled: m,
-          loading: m
-        }
-      ],
-      children: /* @__PURE__ */ e(h, { spacing: "md", alignX: "stretch", children: /* @__PURE__ */ e(h, { spacing: 4, alignX: "stretch", children: /* @__PURE__ */ e(N, { items: t, setItems: u, renderDragOverlay: G, children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ s(R, { columns: 2, spacing: "xl", children: [
-        /* @__PURE__ */ e(V, { id: n.Visible, title: "Shown columns:", columns: M }),
-        /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(E, { children: "Drag & Drop columns" }) }),
-        /* @__PURE__ */ e(V, { id: n.Hidden, title: "Hidden columns:", columns: T })
-      ] }) }) }) }) })
-    }
-  );
-};
+    l ? null : D
+  ), { hasChanges: l, acknowledgeButtonClick: async () => {
+    u(!1), o(i), a(await r());
+  } };
+}
 export {
-  te as TableManagementModal
+  T as usePollData
 };

package/dist/index89.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),w=require("react-use"),L=require("./index8.cjs"),m=require("./index62.cjs"),v=require("./index68.cjs"),q=require("./index56.cjs");function V(){const{TABLE_DATA_URL:h}=L.useBusinessLogic(),{Filters:{pageSize:s,activeViewId:n}}=m.useStores(),{queryParams:S}=v.useUrlParams();async function c(){const e=`${h}?${S}`,g=await q.fetcherV2(e);return JSON.stringify(g)}const[u,a]=t.useState(null),[o,l]=t.useState(!1),[f,C]=t.useState(n),[y,P]=t.useState(s),i=3e5,[D,r]=t.useState(i);return t.useEffect(()=>{const e=()=>{document.hidden?r(null):r(i)};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[]),w.useInterval(async()=>{const e=await c();if(u===null||f!==n||y!==s){a(e),C(n),P(s);return}const d=e!==u;d&&(a(e),l(d))},o?null:D),{hasChanges:o,acknowledgeButtonClick:async()=>{l(!1),r(i),a(await c())}}}exports.usePollData=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_refreshTooltip_v0eu8_1",r="_refreshButton_v0eu8_5",t="_refreshIndicator_v0eu8_9",o={refreshTooltip:e,refreshButton:r,refreshIndicator:t};exports.default=o;exports.refreshButton=r;exports.refreshIndicator=t;exports.refreshTooltip=e;

package/dist/index89.js

@@ -1,43 +1,11 @@
-import { useState as t, useEffect as p } from "react";
-import { useInterval as P } from "react-use";
-import { useBusinessLogic as S } from "./index8.js";
-import { useStores as L } from "./index62.js";
-import { useUrlParams as v } from "./index68.js";
-import { fetcherV2 as V } from "./index56.js";
-function T() {
-  const { TABLE_DATA_URL: h } = S(), {
-    Filters: {
-      pageSize: n,
-      activeViewId: s
-    }
-  } = L(), { queryParams: m } = v();
-  async function r() {
-    const e = `${h}?${m}`, g = await V(e);
-    return JSON.stringify(g);
-  }
-  const [c, a] = t(null), [l, u] = t(!1), [f, C] = t(s), [w, y] = t(n), i = 3e5, [D, o] = t(i);
-  return p(() => {
-    const e = () => {
-      document.hidden ? o(null) : o(i);
-    };
-    return document.addEventListener("visibilitychange", e), () => {
-      document.removeEventListener("visibilitychange", e);
-    };
-  }, []), P(
-    async () => {
-      const e = await r();
-      if (c === null || f !== s || w !== n) {
-        a(e), C(s), y(n);
-        return;
-      }
-      const d = e !== c;
-      d && (a(e), u(d));
-    },
-    l ? null : D
-  ), { hasChanges: l, acknowledgeButtonClick: async () => {
-    u(!1), o(i), a(await r());
-  } };
-}
+const e = "_refreshTooltip_v0eu8_1", r = "_refreshButton_v0eu8_5", t = "_refreshIndicator_v0eu8_9", o = {
+  refreshTooltip: e,
+  refreshButton: r,
+  refreshIndicator: t
+};
 export {
-  T as usePollData
+  o as default,
+  r as refreshButton,
+  t as refreshIndicator,
+  e as refreshTooltip
 };

package/dist/index90.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_refreshTooltip_v0eu8_1",r="_refreshButton_v0eu8_5",t="_refreshIndicator_v0eu8_9",o={refreshTooltip:e,refreshButton:r,refreshIndicator:t};exports.default=o;exports.refreshButton=r;exports.refreshIndicator=t;exports.refreshTooltip=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@veeqo/ui"),t=require("react"),j=require("./index93.cjs"),o=require("./index94.cjs"),w=require("./index95.cjs"),T=require("./index96.cjs"),r=require("./index97.cjs"),D=require("./index98.cjs"),V=require("./index49.cjs"),b=require("./index99.cjs"),H=({onClose:u,columnDefinitions:I,hiddenColumns:d,visibleColumns:m,pinnedLeftColumnIds:G,pinnedRightColumnIds:f})=>{const[c,p]=t.useState(""),a=t.useMemo(()=>new Map(I.map(s=>[s.id,s])),[]),[i,C]=t.useState(()=>({[r.ColumnGroupIds.Hidden]:d,[r.ColumnGroupIds.Visible]:m})),y=t.useMemo(()=>{const s=i[r.ColumnGroupIds.Visible].map(l=>a.get(`${l}`));return b.filterColumnsBySearch(s,c)},[i,a,c]),v=t.useMemo(()=>{const s=i[r.ColumnGroupIds.Hidden].map(l=>a.get(`${l}`));return b.filterColumnsBySearch(s,c)},[i,a,c]),{isSavingColumns:h,saveColumns:M}=D.usePersistColumns({pinnedLeftColumnIds:G,pinnedRightColumnIds:f}),k=()=>{p(""),C({[r.ColumnGroupIds.Hidden]:d,[r.ColumnGroupIds.Visible]:m})},x=t.useCallback(s=>{if(p(s),!s){const l=new Set([...d,...m]);C(S=>({[r.ColumnGroupIds.Hidden]:S[r.ColumnGroupIds.Hidden].filter(g=>l.has(`${g}`)),[r.ColumnGroupIds.Visible]:S[r.ColumnGroupIds.Visible].filter(g=>l.has(`${g}`))}))}},[d,m]),q=t.useCallback(s=>{const l=a.get(`${s}`);return l?e.jsx(T.ColumnItem,{column:l,isDragOverlay:!0}):null},[a]);return e.jsx(n.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>u==null?void 0:u(),headerSlot:e.jsxs(o.HeaderContainer,{children:[e.jsxs(n.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(n.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(n.ListBoardIcon,{height:n.theme.sizes.lg,width:n.theme.sizes.lg}),e.jsx(n.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(n.Button,{"aria-label":"Close modal",onClick:u,variant:"flat",iconSlot:e.jsx(n.CloseIcon,{})})]}),e.jsxs(n.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(n.Anchor,{href:V.helpGuideUrls.ORDER_VIEWS_AND_TABLE_CUSTOMIZATION,target:"_blank",children:"help guide"}),"."]}),e.jsx(n.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(o.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:c,onChange:x,onClearClick:()=>x(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:k,variant:"default",disabled:h}],rightActions:[{label:"Cancel",onClick:u,variant:"default",disabled:h},{label:"Save",onClick:()=>M({visibleColumns:i[r.ColumnGroupIds.Visible]}),variant:"primary",disabled:h,loading:h}],children:e.jsx(n.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(n.Stack,{spacing:4,alignX:"stretch",children:e.jsx(w.DndContainer,{items:i,setItems:C,renderDragOverlay:q,children:e.jsx(o.Container,{children:e.jsxs(o.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(j.ColumnGroup,{id:r.ColumnGroupIds.Visible,title:"Shown columns:",columns:y}),e.jsx(o.VerticalSeparator,{children:e.jsx(o.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(j.ColumnGroup,{id:r.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:v})]})})})})})})};exports.TableManagementModal=H;

package/dist/index90.js

@@ -1,11 +1,119 @@
-const e = "_refreshTooltip_v0eu8_1", r = "_refreshButton_v0eu8_5", t = "_refreshIndicator_v0eu8_9", o = {
-  refreshTooltip: e,
-  refreshButton: r,
-  refreshIndicator: t
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Modal as O, Stack as h, ListBoardIcon as _, theme as v, Text as p, Button as $, CloseIcon as z, Anchor as B } from "@veeqo/ui";
+import { useState as w, useMemo as f, useCallback as y } from "react";
+import { ColumnGroup as V } from "./index93.js";
+import { Container as L, ColumnGroupsGrid as R, VerticalSeparator as X, VerticalText as E, HeaderContainer as Y, ColumnSearch as j } from "./index94.js";
+import { DndContainer as N } from "./index95.js";
+import { ColumnItem as Q } from "./index96.js";
+import { ColumnGroupIds as n } from "./index97.js";
+import { usePersistColumns as U } from "./index98.js";
+import { helpGuideUrls as P } from "./index49.js";
+import { filterColumnsBySearch as D } from "./index99.js";
+const te = ({
+  onClose: l,
+  columnDefinitions: k,
+  hiddenColumns: c,
+  visibleColumns: d,
+  pinnedLeftColumnIds: H,
+  pinnedRightColumnIds: I
+}) => {
+  const [o, b] = w(""), a = f(() => new Map(k.map((i) => [i.id, i])), []), [t, u] = w(() => ({
+    [n.Hidden]: c,
+    [n.Visible]: d
+  })), M = f(() => {
+    const i = t[n.Visible].map((r) => a.get(`${r}`));
+    return D(i, o);
+  }, [t, a, o]), T = f(() => {
+    const i = t[n.Hidden].map((r) => a.get(`${r}`));
+    return D(i, o);
+  }, [t, a, o]), { isSavingColumns: m, saveColumns: x } = U({ pinnedLeftColumnIds: H, pinnedRightColumnIds: I }), A = () => {
+    b(""), u({
+      [n.Hidden]: c,
+      [n.Visible]: d
+    });
+  }, C = y(
+    (i) => {
+      if (b(i), !i) {
+        const r = /* @__PURE__ */ new Set([...c, ...d]);
+        u((S) => ({
+          [n.Hidden]: S[n.Hidden].filter((g) => r.has(`${g}`)),
+          [n.Visible]: S[n.Visible].filter((g) => r.has(`${g}`))
+        }));
+      }
+    },
+    [c, d]
+  ), G = y(
+    (i) => {
+      const r = a.get(`${i}`);
+      return r ? /* @__PURE__ */ e(Q, { column: r, isDragOverlay: !0 }) : null;
+    },
+    [a]
+  );
+  return /* @__PURE__ */ e(
+    O,
+    {
+      variant: "lg",
+      style: { overflowY: "hidden" },
+      shouldShow: !0,
+      onClose: () => l == null ? void 0 : l(),
+      headerSlot: /* @__PURE__ */ s(Y, { children: [
+        /* @__PURE__ */ s(h, { direction: "horizontal", alignX: "between", alignY: "center", children: [
+          /* @__PURE__ */ s(h, { direction: "horizontal", alignX: "start", alignY: "center", spacing: "sm", children: [
+            /* @__PURE__ */ e(_, { height: v.sizes.lg, width: v.sizes.lg }),
+            /* @__PURE__ */ e(p, { variant: "headingLarge", as: "h1", children: "Table management" })
+          ] }),
+          /* @__PURE__ */ e($, { "aria-label": "Close modal", onClick: l, variant: "flat", iconSlot: /* @__PURE__ */ e(z, {}) })
+        ] }),
+        /* @__PURE__ */ s(p, { 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",
+          " ",
+          /* @__PURE__ */ e(B, { href: P.ORDER_VIEWS_AND_TABLE_CUSTOMIZATION, target: "_blank", children: "help guide" }),
+          "."
+        ] }),
+        /* @__PURE__ */ e(p, { variant: "headingSmall", children: "Column management" }),
+        /* @__PURE__ */ e(
+          j,
+          {
+            name: "column-search-query",
+            placeholder: "Search",
+            value: o,
+            onChange: C,
+            onClearClick: () => C(""),
+            fill: "100%"
+          }
+        )
+      ] }),
+      leftActions: [
+        {
+          label: "Reset",
+          onClick: A,
+          variant: "default",
+          disabled: m
+        }
+      ],
+      rightActions: [
+        {
+          label: "Cancel",
+          onClick: l,
+          variant: "default",
+          disabled: m
+        },
+        {
+          label: "Save",
+          onClick: () => x({ visibleColumns: t[n.Visible] }),
+          variant: "primary",
+          disabled: m,
+          loading: m
+        }
+      ],
+      children: /* @__PURE__ */ e(h, { spacing: "md", alignX: "stretch", children: /* @__PURE__ */ e(h, { spacing: 4, alignX: "stretch", children: /* @__PURE__ */ e(N, { items: t, setItems: u, renderDragOverlay: G, children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ s(R, { columns: 2, spacing: "xl", children: [
+        /* @__PURE__ */ e(V, { id: n.Visible, title: "Shown columns:", columns: M }),
+        /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(E, { children: "Drag & Drop columns" }) }),
+        /* @__PURE__ */ e(V, { id: n.Hidden, title: "Hidden columns:", columns: T })
+      ] }) }) }) }) })
+    }
+  );
 };
 export {
-  o as default,
-  r as refreshButton,
-  t as refreshIndicator,
-  e as refreshTooltip
+  te as TableManagementModal
 };

package/dist/index92.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@veeqo/ui"),s=require("@dnd-kit/sortable"),a=require("./index110.cjs"),l=require("./index111.cjs"),c=require("./index95.cjs"),u=require("./index96.cjs"),d=require("./index93.cjs"),m=({id:r,title:n,columns:i})=>e.jsxs(o.Stack,{spacing:"sm",alignX:"stretch",children:[e.jsx(d.StickyText,{variant:"bodyBold",children:n}),e.jsx(s.SortableContext,{id:r,items:i,strategy:s.verticalListSortingStrategy,children:e.jsx(l.DroppableArea,{id:r,spacing:"sm",alignX:"stretch",children:i.map(t=>e.jsx(a.SortableItem,{id:t.id,children:e.jsx(c.ColumnItem,{column:t,isHidden:r===u.ColumnGroupIds.Hidden})},t.id))})})]});exports.ColumnGroup=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_actionsHeaderContainer_fgqms_1",t={actionsHeaderContainer:e};exports.actionsHeaderContainer=e;exports.default=t;

package/dist/index92.js

@@ -1,15 +1,7 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { Stack as n } from "@veeqo/ui";
-import { SortableContext as p, verticalListSortingStrategy as a } from "@dnd-kit/sortable";
-import { SortableItem as s } from "./index110.js";
-import { DroppableArea as d } from "./index111.js";
-import { ColumnItem as l } from "./index95.js";
-import { ColumnGroupIds as c } from "./index96.js";
-import { StickyText as f } from "./index93.js";
-const I = ({ id: t, title: e, columns: o }) => /* @__PURE__ */ m(n, { spacing: "sm", alignX: "stretch", children: [
-  /* @__PURE__ */ r(f, { variant: "bodyBold", children: e }),
-  /* @__PURE__ */ r(p, { id: t, items: o, strategy: a, children: /* @__PURE__ */ r(d, { id: t, spacing: "sm", alignX: "stretch", children: o.map((i) => /* @__PURE__ */ r(s, { id: i.id, children: /* @__PURE__ */ r(l, { column: i, isHidden: t === c.Hidden }) }, i.id)) }) })
-] });
+const e = "_actionsHeaderContainer_fgqms_1", a = {
+  actionsHeaderContainer: e
+};
 export {
-  I as ColumnGroup
+  e as actionsHeaderContainer,
+  a as default
 };