@veeqo/transfigure 0.0.37 → 1.0.0

package/dist/index44.js

@@ -1,44 +1,47 @@
 import { jsxs as v, Fragment as B, jsx as s } from "react/jsx-runtime";
-import { TableManagementModal as O } from "./index84.js";
+import { TableManagementModal as O } from "./index85.js";
 import { Tooltip as w, Button as x } from "@veeqo/ui";
-import { TableManagementGlyph as F } from "./index85.js";
+import { TableManagementGlyph as F } from "./index86.js";
 import { observer as I } from "mobx-react";
 import { useBusinessLogic as y } from "./index7.js";
 import { useModal as P } from "./index50.js";
 import { useStores as U } from "./index59.js";
 import { useViews as G } from "./index60.js";
 import { ModalId as M } from "./index49.js";
-const X = I(({ columnDefinitions: f, pinnedRightColumnIds: i = [], pinnedLeftColumnIds: l = [] }) => {
-  var p;
-  const { DEFAULT_HIDDEN_COLUMNS: b, DEFAULT_VISIBLE_COLUMNS: g } = y(), t = [...l, ...i], a = b.filter((o) => !t.includes(o)), m = g.filter((o) => !t.includes(o)), T = [...a, ...m], { closeModal: E, isModalOpen: A, openModal: D } = P(), { Filters: { activeViewId: n }, Views: { draftViewsMap: h } } = U(), { viewsMap: C, isLoading: L } = G();
-  if (!n || L) return null;
-  const e = C.get(n), r = Array.isArray((p = e == null ? void 0 : e.columns) == null ? void 0 : p.columnIds), c = r ? e.columns.columnIds.filter((o) => !t.includes(o)) : m, N = r ? T.filter(
-    (o) => !c.includes(o)
-  ) : a, u = h.has(n), d = !(e != null && e.editable), S = d || u, _ = u ? "Please create a view to use table management" : d ? "Please choose a custom view to use table management" : "Table management";
-  return /* @__PURE__ */ v(B, { children: [
-    /* @__PURE__ */ s(w, { text: _, children: /* @__PURE__ */ s(
-      x,
-      {
-        "aria-label": "Open table management",
-        onClick: () => D(M.ORDERS_TABLE_MANAGEMENT),
-        size: "sm",
-        iconSlot: /* @__PURE__ */ s(F, {}),
-        disabled: S
-      }
-    ) }),
-    A(M.ORDERS_TABLE_MANAGEMENT) && /* @__PURE__ */ s(
-      O,
-      {
-        pinnedRightColumnIds: i,
-        pinnedLeftColumnIds: l,
-        visibleColumns: c,
-        hiddenColumns: N,
-        columnDefintions: f,
-        onClose: E
-      }
-    )
-  ] });
-});
+const X = I(
+  ({ columnDefinitions: f, pinnedRightColumnIds: i = [], pinnedLeftColumnIds: l = [] }) => {
+    var p;
+    const { DEFAULT_HIDDEN_COLUMNS: b, DEFAULT_VISIBLE_COLUMNS: g } = y(), t = [...l, ...i], a = b.filter((o) => !t.includes(o)), m = g.filter((o) => !t.includes(o)), T = [...a, ...m], { closeModal: E, isModalOpen: A, openModal: D } = P(), {
+      Filters: { activeViewId: n },
+      Views: { draftViewsMap: h }
+    } = U(), { viewsMap: C, isLoading: L } = G();
+    if (!n || L) return null;
+    const e = C.get(n), r = Array.isArray((p = e == null ? void 0 : e.columns) == null ? void 0 : p.columnIds), c = r ? e.columns.columnIds.filter((o) => !t.includes(o)) : m, N = r ? T.filter((o) => !c.includes(o)) : a, u = h.has(n), d = !(e != null && e.editable), S = d || u, _ = u ? "Please create a view to use table management" : d ? "Please choose a custom view to use table management" : "Table management";
+    return /* @__PURE__ */ v(B, { children: [
+      /* @__PURE__ */ s(w, { text: _, children: /* @__PURE__ */ s(
+        x,
+        {
+          "aria-label": "Open table management",
+          onClick: () => D(M.ORDERS_TABLE_MANAGEMENT),
+          size: "sm",
+          iconSlot: /* @__PURE__ */ s(F, {}),
+          disabled: S
+        }
+      ) }),
+      A(M.ORDERS_TABLE_MANAGEMENT) && /* @__PURE__ */ s(
+        O,
+        {
+          pinnedRightColumnIds: i,
+          pinnedLeftColumnIds: l,
+          visibleColumns: c,
+          hiddenColumns: N,
+          columnDefinitions: f,
+          onClose: E
+        }
+      )
+    ] });
+  }
+);
 export {
   X as TableManagement
 };

package/dist/index45.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index81.cjs"),c=require("./index82.cjs"),h=require("./index83.cjs"),f=require("./index59.cjs"),y=({isLoading:o,refetch:a,trackMetricClick:t,tooltipText:n="Refresh data",buttonProps:l={size:"sm",variant:"default"}})=>{const{hasChanges:r,acknowledgeButtonClick:i}=c.usePollData(),{Notifications:{notify:u}}=f.useStores(),d=async()=>{try{await a(),await i(),t==null||t()}catch{u({type:"error",text:"Failed to refresh data"})}};return e.jsxs(s.StyledTooltip,{text:n,children:[e.jsx(s.StyledButton,{onClick:d,loading:o,disabled:o,iconSlot:e.jsx(h.RefreshIcon,{}),"aria-label":r?"refresh table with changes":"refresh table","aria-live":"polite",...l}),e.jsx(s.StyledIndicator,{color:"red",size:"xs",style:{opacity:r?1:0}})]})};exports.RefreshButton=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index82.cjs"),c=require("./index83.cjs"),h=require("./index84.cjs"),f=require("./index59.cjs"),y=({isLoading:o,refetch:a,trackMetricClick:t,tooltipText:n="Refresh data",buttonProps:l={size:"sm",variant:"default"}})=>{const{hasChanges:r,acknowledgeButtonClick:i}=c.usePollData(),{Notifications:{notify:u}}=f.useStores(),d=async()=>{try{await a(),await i(),t==null||t()}catch{u({type:"error",text:"Failed to refresh data"})}};return e.jsxs(s.StyledTooltip,{text:n,children:[e.jsx(s.StyledButton,{onClick:d,loading:o,disabled:o,iconSlot:e.jsx(h.RefreshIcon,{}),"aria-label":r?"refresh table with changes":"refresh table","aria-live":"polite",...l}),e.jsx(s.StyledIndicator,{color:"red",size:"xs",style:{opacity:r?1:0}})]})};exports.RefreshButton=y;

package/dist/index45.js

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import { StyledTooltip as h, StyledButton as d, StyledIndicator as m } from "./index81.js";
-import { usePollData as p } from "./index82.js";
-import { RefreshIcon as y } from "./index83.js";
+import { StyledTooltip as h, StyledButton as d, StyledIndicator as m } from "./index82.js";
+import { usePollData as p } from "./index83.js";
+import { RefreshIcon as y } from "./index84.js";
 import { useStores as c } from "./index59.js";
 const B = ({
   isLoading: o,

package/dist/index6.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("axios"),i=require("./index77.cjs"),s=require("./index78.cjs"),l=require("./index79.cjs"),E=require("./index80.cjs"),p=t=>t&&t.__esModule?t:{default:t},c=p(u),y=async(t,a)=>{const o=new Error,r=s.filterOptionalArgsGetDelete(t,a);try{return await c.default.get(...r)}catch(e){throw l.filterErrorStack(o),E.injectIntoError({customError:o,originalError:e,type:i.AxiosErrorType.GET}),e}},f=async(t,a)=>{const o=new Error,r=s.filterOptionalArgsGetDelete(t,a);try{return await c.default.delete(...r)}catch(e){throw l.filterErrorStack(o),E.injectIntoError({customError:o,originalError:e,type:i.AxiosErrorType.DELETE}),e}},g=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.post(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.POST}),n}},w=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.patch(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PATCH}),n}},A=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.put(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PUT}),n}},d=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.postForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.POST_FORM}),n}},h=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.putForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PUT_FORM}),n}},T=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.patchForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PATCH_FORM}),n}},m={get:y,delete:f,post:g,patch:w,put:A,postForm:d,putForm:h,patchForm:T,CancelToken:c.default.CancelToken,isCancel:c.default.isCancel,getUri:c.default.getUri,isAxiosError:c.default.isAxiosError};exports.axios=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("axios"),i=require("./index78.cjs"),s=require("./index79.cjs"),l=require("./index80.cjs"),E=require("./index81.cjs"),p=t=>t&&t.__esModule?t:{default:t},c=p(u),y=async(t,a)=>{const o=new Error,r=s.filterOptionalArgsGetDelete(t,a);try{return await c.default.get(...r)}catch(e){throw l.filterErrorStack(o),E.injectIntoError({customError:o,originalError:e,type:i.AxiosErrorType.GET}),e}},f=async(t,a)=>{const o=new Error,r=s.filterOptionalArgsGetDelete(t,a);try{return await c.default.delete(...r)}catch(e){throw l.filterErrorStack(o),E.injectIntoError({customError:o,originalError:e,type:i.AxiosErrorType.DELETE}),e}},g=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.post(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.POST}),n}},w=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.patch(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PATCH}),n}},A=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.put(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PUT}),n}},d=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.postForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.POST_FORM}),n}},h=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.putForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PUT_FORM}),n}},T=async(t,a,o)=>{const r=new Error,e=s.filterOptionalArgs(t,a,o);try{return await c.default.patchForm(...e)}catch(n){throw l.filterErrorStack(r),E.injectIntoError({customError:r,originalError:n,type:i.AxiosErrorType.PATCH_FORM}),n}},m={get:y,delete:f,post:g,patch:w,put:A,postForm:d,putForm:h,patchForm:T,CancelToken:c.default.CancelToken,isCancel:c.default.isCancel,getUri:c.default.getUri,isAxiosError:c.default.isAxiosError};exports.axios=m;

package/dist/index6.js

@@ -1,8 +1,8 @@
 import a from "axios";
-import { AxiosErrorType as e } from "./index77.js";
-import { filterOptionalArgsGetDelete as y, filterOptionalArgs as p } from "./index78.js";
-import { filterErrorStack as i } from "./index79.js";
-import { injectIntoError as E } from "./index80.js";
+import { AxiosErrorType as e } from "./index78.js";
+import { filterOptionalArgsGetDelete as y, filterOptionalArgs as p } from "./index79.js";
+import { filterErrorStack as i } from "./index80.js";
+import { injectIntoError as E } from "./index81.js";
 const m = async (n, s) => {
   const o = new Error(), r = y(n, s);
   try {

package/dist/index76.js

@@ -1,5 +1,5 @@
 const e = "all", l = () => ({
-  id: e,
+  id: "all",
   label: "All",
   filterMaps: {
     filters: /* @__PURE__ */ new Map(),

package/dist/index77.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("./index59.cjs"),t=e=>{o.useStores.mockImplementation(()=>({...e}))};exports.mockUseStores=t;

package/dist/index77.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 "./index59.js";
+const m = (o) => {
+  e.mockImplementation(() => ({
+    ...o
+  }));
+};
 export {
-  t as AxiosErrorType
+  m as mockUseStores
 };

package/dist/index78.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/index78.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/index79.cjs

@@ -1,3 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index101.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/index79.js

@@ -1,16 +1,11 @@
-import { isError as l } from "./index101.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/index80.cjs

@@ -1 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index101.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("./index102.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/index80.js

@@ -1,11 +1,16 @@
-import { isError as c } from "./index101.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 "./index102.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/index81.cjs

@@ -1,11 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("@veeqo/ui"),s=e=>e&&e.__esModule?e:{default:e},o=s(i),l=o.default(t.Button)`
-  padding-right: ${t.theme.sizes.sm};
-  color: ${t.theme.colors.neutral.ink.base};
-`,d=o.default(t.Indicator)`
-  height: ${t.theme.sizes[3]};
-  min-width: ${t.theme.sizes[3]};
-  top: -${t.theme.sizes.xs};
-  right: -${t.theme.sizes.xs};
-`,n=o.default(t.Tooltip)`
-  position: relative;
-`;exports.StyledButton=l;exports.StyledIndicator=d;exports.StyledTooltip=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index102.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/index81.js

@@ -1,18 +1,11 @@
-import o from "styled-components";
-import { Tooltip as i, theme as t, Button as s, Indicator as e } from "@veeqo/ui";
-const l = o(s)`
-  padding-right: ${t.sizes.sm};
-  color: ${t.colors.neutral.ink.base};
-`, d = o(e)`
-  height: ${t.sizes[3]};
-  min-width: ${t.sizes[3]};
-  top: -${t.sizes.xs};
-  right: -${t.sizes.xs};
-`, p = o(i)`
-  position: relative;
-`;
+import { isError as c } from "./index102.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 {
-  l as StyledButton,
-  d as StyledIndicator,
-  p as StyledTooltip
+  s as injectIntoError
 };

package/dist/index82.cjs

@@ -1 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),w=require("react-use"),L=require("./index7.cjs"),m=require("./index59.cjs"),v=require("./index64.cjs"),q=require("./index53.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.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("@veeqo/ui"),s=e=>e&&e.__esModule?e:{default:e},o=s(i),l=o.default(t.Button)`
+  padding-right: ${t.theme.sizes.sm};
+  color: ${t.theme.colors.neutral.ink.base};
+`,d=o.default(t.Indicator)`
+  height: ${t.theme.sizes[3]};
+  min-width: ${t.theme.sizes[3]};
+  top: -${t.theme.sizes.xs};
+  right: -${t.theme.sizes.xs};
+`,n=o.default(t.Tooltip)`
+  position: relative;
+`;exports.StyledButton=l;exports.StyledIndicator=d;exports.StyledTooltip=n;

package/dist/index82.js

@@ -1,43 +1,18 @@
-import { useState as t, useEffect as p } from "react";
-import { useInterval as P } from "react-use";
-import { useBusinessLogic as S } from "./index7.js";
-import { useStores as L } from "./index59.js";
-import { useUrlParams as v } from "./index64.js";
-import { fetcherV2 as V } from "./index53.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());
-  } };
-}
+import o from "styled-components";
+import { Tooltip as i, theme as t, Button as s, Indicator as e } from "@veeqo/ui";
+const l = o(s)`
+  padding-right: ${t.sizes.sm};
+  color: ${t.colors.neutral.ink.base};
+`, d = o(e)`
+  height: ${t.sizes[3]};
+  min-width: ${t.sizes[3]};
+  top: -${t.sizes.xs};
+  right: -${t.sizes.xs};
+`, p = o(i)`
+  position: relative;
+`;
 export {
-  T as usePollData
+  l as StyledButton,
+  d as StyledIndicator,
+  p as StyledTooltip
 };

package/dist/index83.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=o=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx("path",{d:"M17.64 6.35C16.19 4.9 14.2 4 11.99 4C7.57 4 4 7.58 4 12C4 16.42 7.57 20 11.99 20C15.72 20 18.83 17.45 19.72 14H17.64C16.82 16.33 14.6 18 11.99 18C8.68 18 5.99 15.31 5.99 12C5.99 8.69 8.68 6 11.99 6C13.65 6 15.13 6.69 16.21 7.78L12.99 11H19.99V4L17.64 6.35Z",fill:"currentColor"})});exports.RefreshIcon=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),w=require("react-use"),L=require("./index7.cjs"),m=require("./index59.cjs"),v=require("./index64.cjs"),q=require("./index53.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/index83.js

@@ -1,11 +1,43 @@
-import { jsx as o } from "react/jsx-runtime";
-const e = (r) => /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ o(
-  "path",
-  {
-    d: "M17.64 6.35C16.19 4.9 14.2 4 11.99 4C7.57 4 4 7.58 4 12C4 16.42 7.57 20 11.99 20C15.72 20 18.83 17.45 19.72 14H17.64C16.82 16.33 14.6 18 11.99 18C8.68 18 5.99 15.31 5.99 12C5.99 8.69 8.68 6 11.99 6C13.65 6 15.13 6.69 16.21 7.78L12.99 11H19.99V4L17.64 6.35Z",
-    fill: "currentColor"
+import { useState as t, useEffect as p } from "react";
+import { useInterval as P } from "react-use";
+import { useBusinessLogic as S } from "./index7.js";
+import { useStores as L } from "./index59.js";
+import { useUrlParams as v } from "./index64.js";
+import { fetcherV2 as V } from "./index53.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());
+  } };
+}
 export {
-  e as RefreshIcon
+  T as usePollData
 };

package/dist/index84.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@veeqo/ui"),s=require("react"),w=require("@veeqo/components"),S=require("./index87.cjs"),i=require("./index88.cjs"),T=require("./index89.cjs"),V=require("./index90.cjs"),n=require("./index91.cjs"),D=require("./index85.cjs"),H=require("./index92.cjs"),j=require("./index93.cjs"),{Glyph:O}=w.VeeqoCommon,$=({onClose:u,columnDefintions:G,hiddenColumns:d,visibleColumns:m,pinnedLeftColumnIds:y,pinnedRightColumnIds:f})=>{const[c,p]=s.useState(""),a=s.useMemo(()=>new Map(G.map(r=>[r.id,r])),[]),[o,g]=s.useState(()=>({[n.ColumnGroupIds.Hidden]:d,[n.ColumnGroupIds.Visible]:m})),I=s.useMemo(()=>{const r=o[n.ColumnGroupIds.Visible].map(t=>a.get(`${t}`));return j.filterColumnsBySearch(r,c)},[o,a,c]),v=s.useMemo(()=>{const r=o[n.ColumnGroupIds.Hidden].map(t=>a.get(`${t}`));return j.filterColumnsBySearch(r,c)},[o,a,c]),{isSavingColumns:h,saveColumns:M}=H.usePersistColumns({pinnedLeftColumnIds:y,pinnedRightColumnIds:f}),q=()=>{p(""),g({[n.ColumnGroupIds.Hidden]:d,[n.ColumnGroupIds.Visible]:m})},x=s.useCallback(r=>{if(p(r),!r){const t=new Set([...d,...m]);g(b=>({[n.ColumnGroupIds.Hidden]:b[n.ColumnGroupIds.Hidden].filter(C=>t.has(`${C}`)),[n.ColumnGroupIds.Visible]:b[n.ColumnGroupIds.Visible].filter(C=>t.has(`${C}`))}))}},[d,m]),k=s.useCallback(r=>{const t=a.get(`${r}`);return t?e.jsx(V.ColumnItem,{column:t,isDragOverlay:!0}):null},[a]);return e.jsx(l.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>u==null?void 0:u(),headerSlot:e.jsxs(i.HeaderContainer,{children:[e.jsxs(l.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(l.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(D.TableManagementGlyph,{height:32,width:32}),e.jsx(l.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(l.Button,{"aria-label":"Close modal",onClick:u,variant:"flat",iconSlot:e.jsx(O,{name:"close"})})]}),e.jsxs(l.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(l.Anchor,{href:"#",target:"_blank",children:"help guide (TODO)"}),"."]}),e.jsx(l.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(i.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:c,onChange:x,onClearClick:()=>x(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:q,variant:"default",disabled:h}],rightActions:[{label:"Cancel",onClick:u,variant:"default",disabled:h},{label:"Save",onClick:()=>M({visibleColumns:o[n.ColumnGroupIds.Visible]}),variant:"primary",disabled:h,loading:h}],children:e.jsx(l.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(l.Stack,{spacing:4,alignX:"stretch",children:e.jsx(T.DndContainer,{items:o,setItems:g,renderDragOverlay:k,children:e.jsx(i.Container,{children:e.jsxs(i.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(S.ColumnGroup,{id:n.ColumnGroupIds.Visible,title:"Shown columns:",columns:I}),e.jsx(i.VerticalSeparator,{children:e.jsx(i.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(S.ColumnGroup,{id:n.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:v})]})})})})})})};exports.TableManagementModal=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=o=>e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx("path",{d:"M17.64 6.35C16.19 4.9 14.2 4 11.99 4C7.57 4 4 7.58 4 12C4 16.42 7.57 20 11.99 20C15.72 20 18.83 17.45 19.72 14H17.64C16.82 16.33 14.6 18 11.99 18C8.68 18 5.99 15.31 5.99 12C5.99 8.69 8.68 6 11.99 6C13.65 6 15.13 6.69 16.21 7.78L12.99 11H19.99V4L17.64 6.35Z",fill:"currentColor"})});exports.RefreshIcon=r;

package/dist/index84.js

@@ -1,145 +1,11 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { Modal as O, Stack as h, Text as p, Button as X, Anchor as A } from "@veeqo/ui";
-import { useState as v, useMemo as f, useCallback as y } from "react";
-import { VeeqoCommon as I } from "@veeqo/components";
-import { ColumnGroup as w } from "./index87.js";
-import { Container as Y, ColumnGroupsGrid as j, VerticalSeparator as z, VerticalText as B, HeaderContainer as L, ColumnSearch as Q } from "./index88.js";
-import { DndContainer as R } from "./index89.js";
-import { ColumnItem as q } from "./index90.js";
-import { ColumnGroupIds as n } from "./index91.js";
-import { TableManagementGlyph as P } from "./index85.js";
-import { usePersistColumns as _ } from "./index92.js";
-import { filterColumnsBySearch as V } from "./index93.js";
-const { Glyph: E } = I, te = ({
-  onClose: l,
-  columnDefintions: k,
-  hiddenColumns: s,
-  visibleColumns: m,
-  pinnedLeftColumnIds: D,
-  pinnedRightColumnIds: H
-}) => {
-  const [o, b] = v(""), i = f(
-    () => new Map(k.map((a) => [a.id, a])),
-    []
-  ), [t, u] = v(() => ({
-    [n.Hidden]: s,
-    [n.Visible]: m
-  })), M = f(() => {
-    const a = t[n.Visible].map((r) => i.get(`${r}`));
-    return V(a, o);
-  }, [t, i, o]), x = f(() => {
-    const a = t[n.Hidden].map((r) => i.get(`${r}`));
-    return V(a, o);
-  }, [t, i, o]), { isSavingColumns: d, saveColumns: G } = _({ pinnedLeftColumnIds: D, pinnedRightColumnIds: H }), T = () => {
-    b(""), u({
-      [n.Hidden]: s,
-      [n.Visible]: m
-    });
-  }, C = y(
-    (a) => {
-      if (b(a), !a) {
-        const r = /* @__PURE__ */ new Set([...s, ...m]);
-        u((S) => ({
-          [n.Hidden]: S[n.Hidden].filter((g) => r.has(`${g}`)),
-          [n.Visible]: S[n.Visible].filter((g) => r.has(`${g}`))
-        }));
-      }
-    },
-    [s, m]
-  ), $ = y(
-    (a) => {
-      const r = i.get(`${a}`);
-      return r ? /* @__PURE__ */ e(q, { column: r, isDragOverlay: !0 }) : null;
-    },
-    [i]
-  );
-  return /* @__PURE__ */ e(
-    O,
-    {
-      variant: "lg",
-      style: { overflowY: "hidden" },
-      shouldShow: !0,
-      onClose: () => l == null ? void 0 : l(),
-      headerSlot: /* @__PURE__ */ c(L, { children: [
-        /* @__PURE__ */ c(h, { direction: "horizontal", alignX: "between", alignY: "center", children: [
-          /* @__PURE__ */ c(h, { direction: "horizontal", alignX: "start", alignY: "center", spacing: "sm", children: [
-            /* @__PURE__ */ e(P, { height: 32, width: 32 }),
-            /* @__PURE__ */ e(p, { variant: "headingLarge", as: "h1", children: "Table management" })
-          ] }),
-          /* @__PURE__ */ e(
-            X,
-            {
-              "aria-label": "Close modal",
-              onClick: l,
-              variant: "flat",
-              iconSlot: /* @__PURE__ */ e(E, { name: "close" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ c(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(A, { href: "#", target: "_blank", children: "help guide (TODO)" }),
-          "."
-        ] }),
-        /* @__PURE__ */ e(p, { variant: "headingSmall", children: "Column management" }),
-        /* @__PURE__ */ e(
-          Q,
-          {
-            name: "column-search-query",
-            placeholder: "Search",
-            value: o,
-            onChange: C,
-            onClearClick: () => C(""),
-            fill: "100%"
-          }
-        )
-      ] }),
-      leftActions: [
-        {
-          label: "Reset",
-          onClick: T,
-          variant: "default",
-          disabled: d
-        }
-      ],
-      rightActions: [
-        {
-          label: "Cancel",
-          onClick: l,
-          variant: "default",
-          disabled: d
-        },
-        {
-          label: "Save",
-          onClick: () => G({ visibleColumns: t[n.Visible] }),
-          variant: "primary",
-          disabled: d,
-          loading: d
-        }
-      ],
-      children: /* @__PURE__ */ e(h, { spacing: "md", alignX: "stretch", children: /* @__PURE__ */ e(h, { spacing: 4, alignX: "stretch", children: /* @__PURE__ */ e(R, { items: t, setItems: u, renderDragOverlay: $, children: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ c(j, { columns: 2, spacing: "xl", children: [
-        /* @__PURE__ */ e(
-          w,
-          {
-            id: n.Visible,
-            title: "Shown columns:",
-            columns: M
-          }
-        ),
-        /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(B, { children: "Drag & Drop columns" }) }),
-        /* @__PURE__ */ e(
-          w,
-          {
-            id: n.Hidden,
-            title: "Hidden columns:",
-            columns: x
-          }
-        )
-      ] }) }) }) }) })
-    }
-  );
-};
+import { jsx as o } from "react/jsx-runtime";
+const e = (r) => /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ o(
+  "path",
+  {
+    d: "M17.64 6.35C16.19 4.9 14.2 4 11.99 4C7.57 4 4 7.58 4 12C4 16.42 7.57 20 11.99 20C15.72 20 18.83 17.45 19.72 14H17.64C16.82 16.33 14.6 18 11.99 18C8.68 18 5.99 15.31 5.99 12C5.99 8.69 8.68 6 11.99 6C13.65 6 15.13 6.69 16.21 7.78L12.99 11H19.99V4L17.64 6.35Z",
+    fill: "currentColor"
+  }
+) });
 export {
-  te as TableManagementModal
+  e as RefreshIcon
 };

package/dist/index85.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=({height:H=16,width:V=16})=>e.jsx("svg",{width:V,height:H,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M12.6667 3.33333V12.6667H3.33333V3.33333H12.6667ZM13.4 2H2.6C2.26667 2 2 2.26667 2 2.6V13.4C2 13.6667 2.26667 14 2.6 14H13.4C13.6667 14 14 13.6667 14 13.4V2.6C14 2.26667 13.6667 2 13.4 2ZM7.33333 4.66667H11.3333V6H7.33333V4.66667ZM7.33333 7.33333H11.3333V8.66667H7.33333V7.33333ZM7.33333 10H11.3333V11.3333H7.33333V10ZM4.66667 4.66667H6V6H4.66667V4.66667ZM4.66667 7.33333H6V8.66667H4.66667V7.33333ZM4.66667 10H6V11.3333H4.66667V10Z",fill:"#37424D"})});exports.TableManagementGlyph=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@veeqo/ui"),s=require("react"),w=require("@veeqo/components"),S=require("./index87.cjs"),i=require("./index88.cjs"),T=require("./index89.cjs"),V=require("./index90.cjs"),n=require("./index91.cjs"),D=require("./index86.cjs"),H=require("./index92.cjs"),j=require("./index93.cjs"),{Glyph:O}=w.VeeqoCommon,$=({onClose:u,columnDefinitions:G,hiddenColumns:d,visibleColumns:m,pinnedLeftColumnIds:y,pinnedRightColumnIds:f})=>{const[c,p]=s.useState(""),a=s.useMemo(()=>new Map(G.map(r=>[r.id,r])),[]),[o,g]=s.useState(()=>({[n.ColumnGroupIds.Hidden]:d,[n.ColumnGroupIds.Visible]:m})),I=s.useMemo(()=>{const r=o[n.ColumnGroupIds.Visible].map(t=>a.get(`${t}`));return j.filterColumnsBySearch(r,c)},[o,a,c]),v=s.useMemo(()=>{const r=o[n.ColumnGroupIds.Hidden].map(t=>a.get(`${t}`));return j.filterColumnsBySearch(r,c)},[o,a,c]),{isSavingColumns:h,saveColumns:M}=H.usePersistColumns({pinnedLeftColumnIds:y,pinnedRightColumnIds:f}),q=()=>{p(""),g({[n.ColumnGroupIds.Hidden]:d,[n.ColumnGroupIds.Visible]:m})},x=s.useCallback(r=>{if(p(r),!r){const t=new Set([...d,...m]);g(b=>({[n.ColumnGroupIds.Hidden]:b[n.ColumnGroupIds.Hidden].filter(C=>t.has(`${C}`)),[n.ColumnGroupIds.Visible]:b[n.ColumnGroupIds.Visible].filter(C=>t.has(`${C}`))}))}},[d,m]),k=s.useCallback(r=>{const t=a.get(`${r}`);return t?e.jsx(V.ColumnItem,{column:t,isDragOverlay:!0}):null},[a]);return e.jsx(l.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>u==null?void 0:u(),headerSlot:e.jsxs(i.HeaderContainer,{children:[e.jsxs(l.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(l.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(D.TableManagementGlyph,{height:32,width:32}),e.jsx(l.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(l.Button,{"aria-label":"Close modal",onClick:u,variant:"flat",iconSlot:e.jsx(O,{name:"close"})})]}),e.jsxs(l.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(l.Anchor,{href:"#",target:"_blank",children:"help guide (TODO)"}),"."]}),e.jsx(l.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(i.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:c,onChange:x,onClearClick:()=>x(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:q,variant:"default",disabled:h}],rightActions:[{label:"Cancel",onClick:u,variant:"default",disabled:h},{label:"Save",onClick:()=>M({visibleColumns:o[n.ColumnGroupIds.Visible]}),variant:"primary",disabled:h,loading:h}],children:e.jsx(l.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(l.Stack,{spacing:4,alignX:"stretch",children:e.jsx(T.DndContainer,{items:o,setItems:g,renderDragOverlay:k,children:e.jsx(i.Container,{children:e.jsxs(i.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(S.ColumnGroup,{id:n.ColumnGroupIds.Visible,title:"Shown columns:",columns:I}),e.jsx(i.VerticalSeparator,{children:e.jsx(i.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(S.ColumnGroup,{id:n.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:v})]})})})})})})};exports.TableManagementModal=$;