@veeqo/transfigure 1.2.1 → 1.2.3

package/dist/index56.js

@@ -1,61 +1,61 @@
 import { useState as w } from "react";
-import { ALL_VIEW_ID as C } from "./index79.js";
+import { ALL_VIEW_ID as f } from "./index79.js";
 import { viewsAdapter as R } from "./index78.js";
 import { useCustomViews as q } from "./index65.js";
 import { useDuplicateActiveView as B } from "./index57.js";
 import { usePersistUnsavedChanges as T } from "./index60.js";
 import { useViews as W } from "./index62.js";
-import { SHARING_OPTIONS as s } from "./index45.js";
-import { patchCurrentUser as _ } from "./index4.js";
+import { SHARING_OPTIONS as n } from "./index45.js";
+import { patchCurrentUser as N } from "./index4.js";
 import { deleteCustomView as G } from "./index3.js";
 import { useBusinessLogic as H } from "./index8.js";
 import { useStores as b } from "./index61.js";
 import { createCustomView as j } from "./index6.js";
 import { patchCustomView as z } from "./index5.js";
-const ye = (e) => {
-  const { VIEW_TYPE: r } = H(), { duplicateView: E } = B(), { getActiveViewInAPIFormat: I } = T(), {
-    canDeleteCustomViews: g,
-    defaultCustomViewId: P,
-    canUpdateCustomViews: M,
-    mutate: F
+const Ve = (e) => {
+  const { VIEW_TYPE: d } = H(), { duplicateView: A } = B(), { getActiveViewInAPIFormat: P } = T(), {
+    canDeleteCustomViews: O,
+    defaultCustomViewId: M,
+    canUpdateCustomViews: F,
+    mutate: Y
   } = q({
-    type: r
-  }), { mutate: c, viewsMap: u, viewsArray: Y } = W(), [N, a] = w(!1), [A, f] = w(!1), [p, n] = w(!1), [k, m] = w(!1), {
-    Views: { removeDraftViewById: h, draftViewsMap: L },
-    Filters: { initFiltersFromView: d, updateUrl: l, setActiveViewId: O },
-    Notifications: { notify: i }
+    type: d
+  }), { mutate: p, viewsMap: l, viewsArray: t } = W(), [x, a] = w(!1), [E, m] = w(!1), [h, c] = w(!1), [k, D] = w(!1), {
+    Views: { removeDraftViewById: V, draftViewsMap: L },
+    Filters: { initFiltersFromView: r, updateUrl: u, setActiveViewId: y },
+    Notifications: { notify: s }
   } = b();
   return {
     actions: {
       delete: {
         handleDeleteDraftView: () => {
           if (!e.originalView) throw Error("No draft view found");
-          h(e.id);
-          const t = u.get(P);
-          if (t)
-            t && d(t);
+          V(e.id);
+          const o = l.get(M);
+          if (o)
+            o && r(o);
           else {
-            const o = u.get(C);
-            o && d(o);
+            const i = l.get(f);
+            i ? r(i) : t != null && t[0] && r(t[0]);
           }
-          l();
+          u();
         },
         handleDelete: async () => {
           try {
-            if (g) {
-              await G(Number(e.id)), await c();
-              const t = u.get(C);
-              t && d(t), l(), A && f(!1), p && n(p), i({
+            if (O) {
+              await G(Number(e.id)), await p();
+              const o = l.get(f);
+              o ? r(o) : t != null && t[0] && r(t[0]), u(), E && m(!1), h && c(h), s({
                 type: "success",
                 text: `'${e.label}' has been deleted`
               });
             } else
-              i({
+              s({
                 type: "info",
                 text: "You require additional user permissions to delete a company shared view"
               });
           } catch {
-            i({
+            s({
               type: "error",
               text: "Failed to delete view"
             });
@@ -63,67 +63,67 @@ const ye = (e) => {
         },
         handleShowDeleteConfirmation: () => {
           if (L.has(e.id)) {
-            h(e.id), e.originalView ? O(e.originalView.id) : O(C);
+            V(e.id), e.originalView ? y(e.originalView.id) : l.has(f) ? y(f) : t != null && t[0] && y(t[0].id);
             return;
           }
-          g ? f(!0) : i({
+          O ? m(!0) : s({
             type: "info",
             text: "You require additional user permissions to delete a company shared view"
           });
         },
-        closeDeleteConfirmation: () => f(!1)
+        closeDeleteConfirmation: () => m(!1)
       },
       edit: {
         handleShowEditDropdown: () => {
-          a(!1), n(!0);
+          a(!1), c(!0);
         },
-        closeEditDropdown: () => n(!1)
+        closeEditDropdown: () => c(!1)
       },
       menu: {
-        handleSave: async (t) => {
+        handleSave: async (o) => {
           try {
-            const { viewName: o, shareOption: D, isDefault: y } = t, v = D === "company" ? s.COMPANY : s.PERSONAL, V = {
+            const { viewName: i, shareOption: S, isDefault: v } = o, C = S === "company" ? n.COMPANY : n.PERSONAL, _ = {
               attributes: {
-                title: o,
-                shared: v.key === s.COMPANY.key
+                title: i,
+                shared: C.key === n.COMPANY.key
               }
             };
-            await z(e.id, V), y && (await _({
+            await z(e.id, _), v && (await N({
               user_setting_attributes: {
                 default_custom_view: {
                   id: Number(e.id),
-                  type: r
+                  type: d
                 }
               }
-            }), await F()), await c(), l(), i({
+            }), await Y()), await p(), u(), s({
               type: "success",
-              text: `'${o}' view updated`
-            }), n(!1);
+              text: `'${i}' view updated`
+            }), c(!1);
           } catch {
-            i({
+            s({
               type: "error",
               text: "Failed to save view"
             });
           }
         },
         handleDuplicate: () => {
-          E(), a(!1);
+          A(), a(!1);
         },
         handleMakeDefault: async () => {
           try {
-            await _({
+            await N({
               user_setting_attributes: {
                 default_custom_view: {
                   id: Number(e.id),
-                  type: r
+                  type: d
                 }
               }
-            }), i({
+            }), s({
               type: "success",
               text: `'${e.label}' is now your default view`
             }), a(!1);
           } catch {
-            i({
+            s({
               type: "error",
               text: "Failed to set default view"
             });
@@ -131,57 +131,57 @@ const ye = (e) => {
         },
         openDropdown: () => a(!0),
         closeDropdown: () => a(!1),
-        toggleDropdown: () => a(!N)
+        toggleDropdown: () => a(!x)
       },
       create: {
-        handleCreate: async (t) => {
+        handleCreate: async (o) => {
           try {
-            const { viewName: o, shareOption: D, isDefault: y } = t, v = D === "company" ? s.COMPANY : s.PERSONAL, { arg: V } = I(), { data: S } = await j({
+            const { viewName: i, shareOption: S, isDefault: v } = o, C = S === "company" ? n.COMPANY : n.PERSONAL, { arg: _ } = P(), { data: g } = await j({
               attributes: {
-                ...V,
-                title: o,
-                shared: v.key === s.COMPANY.key
+                ..._,
+                title: i,
+                shared: C.key === n.COMPANY.key
               }
-            }), x = Y.map(($) => $.id);
-            x.push(S.id), await _({
+            }), I = t.map(($) => $.id);
+            I.push(g.id), await N({
               user_setting_attributes: {
                 custom_view_positions: {
-                  order: x
+                  order: I
                 },
-                ...y ? {
+                ...v ? {
                   default_custom_view: {
-                    id: Number(S.id),
-                    type: r
+                    id: Number(g.id),
+                    type: d
                   }
                 } : {}
               }
-            }), await c(), h(e.id);
-            const U = R({ view: S, canUpdateCustomViews: M });
-            d(U), l(), m(!1), i({
+            }), await p(), V(e.id);
+            const U = R({ view: g, canUpdateCustomViews: F });
+            r(U), u(), D(!1), s({
               type: "success",
-              text: `New view '${o}' created`
+              text: `New view '${i}' created`
             });
-          } catch (o) {
-            console.log(o), i({
+          } catch (i) {
+            console.log(i), s({
               type: "error",
               text: "Failed to save draft view"
             });
           }
         },
-        closeCreateDropdown: () => m(!1),
+        closeCreateDropdown: () => D(!1),
         handleSaveDraft: async () => {
-          m(!0);
+          D(!0);
         }
       }
     },
     state: {
-      shouldShowDropdown: N,
-      shouldShowEditDropdown: p,
+      shouldShowDropdown: x,
+      shouldShowEditDropdown: h,
       shouldShowCreateDropdown: k,
-      shouldShowDeleteConfirmation: A
+      shouldShowDeleteConfirmation: E
     }
   };
 };
 export {
-  ye as useDropdownManager
+  Ve as useDropdownManager
 };

package/dist/index63.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),h=require("./index79.cjs"),E=require("./index65.cjs"),I=require("./index62.cjs"),C=require("./index8.cjs"),S=require("./index61.cjs"),F=()=>{const{VIEW_TYPE:m,SEARCH_FILTER_ID:c}=C.useBusinessLogic(),{Filters:{activeViewId:d,initFiltersFromView:e,initFromUrl:t,discardChanges:u,updateUrl:L,setFilter:f}}=S.useStores(),{isLoading:v}=E.useCustomViews({type:m}),{viewsMap:s,defaultCustomViewId:w,isLoading:p}=I.useViews(),g=p||v;V.useEffect(()=>{if(g)return;const i=new URLSearchParams(window.location.search),l=i.get("view"),o=i.get(c),n=i.size>0;if(!d){if(l){const r=s.get(l);if(r)e(r),n&&t();else{const a=s.get(w);a&&(e(a),n&&t(!1))}}else{const r=s.get(w);if(r)e(r),u(!0),n&&t();else{const a=s.get(h.ALL_VIEW_ID);a&&e(a)}}o&&f(c,o)}},[c,d,w,u,e,t,g,f,L,s]),V.useEffect(()=>{const i=()=>{const o=new URLSearchParams(window.location.search).get("view");if(!o)return;const n=s.get(o);n&&(e(n),t())};return window.addEventListener("popstate",i),()=>window.removeEventListener("popstate",i)},[u,e,t,s])};exports.useViewUrlChange=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),E=require("./index79.cjs"),I=require("./index65.cjs"),C=require("./index62.cjs"),S=require("./index8.cjs"),F=require("./index61.cjs"),q=()=>{const{VIEW_TYPE:L,SEARCH_FILTER_ID:u}=S.useBusinessLogic(),{Filters:{activeViewId:f,initFiltersFromView:e,initFromUrl:t,discardChanges:w,updateUrl:p,setFilter:g}}=F.useStores(),{isLoading:v}=I.useCustomViews({type:L}),{viewsMap:s,defaultCustomViewId:l,isLoading:h,viewsArray:o}=C.useViews(),V=h||v;m.useEffect(()=>{if(V)return;const i=new URLSearchParams(window.location.search),d=i.get("view"),r=i.get(u),n=i.size>0;if(!f){if(d){const a=s.get(d);if(a)e(a),n&&t();else{const c=s.get(l);c&&(e(c),n&&t(!1))}}else{const a=s.get(l);if(a)e(a),w(!0),n&&t();else{const c=s.get(E.ALL_VIEW_ID);c?e(c):o!=null&&o[0]&&e(o[0])}}r&&g(u,r)}},[u,f,l,w,e,t,V,g,p,s,o]),m.useEffect(()=>{const i=()=>{const r=new URLSearchParams(window.location.search).get("view");if(!r)return;const n=s.get(r);n&&(e(n),t())};return window.addEventListener("popstate",i),()=>window.removeEventListener("popstate",i)},[w,e,t,s])};exports.useViewUrlChange=q;

package/dist/index63.js

@@ -1,64 +1,65 @@
-import { useEffect as u } from "react";
-import { ALL_VIEW_ID as h } from "./index79.js";
-import { useCustomViews as I } from "./index65.js";
-import { useViews as E } from "./index62.js";
-import { useBusinessLogic as F } from "./index8.js";
-import { useStores as C } from "./index61.js";
-const A = () => {
-  const { VIEW_TYPE: g, SEARCH_FILTER_ID: c } = F(), {
+import { useEffect as g } from "react";
+import { ALL_VIEW_ID as I } from "./index79.js";
+import { useCustomViews as E } from "./index65.js";
+import { useViews as F } from "./index62.js";
+import { useBusinessLogic as C } from "./index8.js";
+import { useStores as D } from "./index61.js";
+const T = () => {
+  const { VIEW_TYPE: L, SEARCH_FILTER_ID: w } = C(), {
     Filters: {
-      activeViewId: d,
+      activeViewId: l,
       initFiltersFromView: e,
       initFromUrl: i,
-      discardChanges: w,
-      updateUrl: L,
-      setFilter: l
+      discardChanges: f,
+      updateUrl: V,
+      setFilter: p
     }
-  } = C(), { isLoading: v } = I({ type: g }), { viewsMap: t, defaultCustomViewId: f, isLoading: V } = E(), p = V || v;
-  u(() => {
-    if (p) return;
-    const s = new URLSearchParams(window.location.search), m = s.get("view"), a = s.get(c), o = s.size > 0;
-    if (!d) {
-      if (m) {
-        const r = t.get(m);
+  } = D(), { isLoading: v } = E({ type: L }), { viewsMap: t, defaultCustomViewId: m, isLoading: h, viewsArray: a } = F(), u = h || v;
+  g(() => {
+    if (u) return;
+    const s = new URLSearchParams(window.location.search), d = s.get("view"), n = s.get(w), o = s.size > 0;
+    if (!l) {
+      if (d) {
+        const r = t.get(d);
         if (r)
           e(r), o && i();
         else {
-          const n = t.get(f);
-          n && (e(n), o && i(!1));
+          const c = t.get(m);
+          c && (e(c), o && i(!1));
         }
       } else {
-        const r = t.get(f);
+        const r = t.get(m);
         if (r)
-          e(r), w(!0), o && i();
+          e(r), f(!0), o && i();
         else {
-          const n = t.get(h);
-          n && e(n);
+          const c = t.get(I);
+          c ? e(c) : a != null && a[0] && e(a[0]);
         }
       }
-      a && l(c, a);
+      n && p(w, n);
     }
   }, [
-    c,
-    d,
-    f,
     w,
+    l,
+    m,
+    f,
     e,
     i,
+    u,
     p,
-    l,
-    L,
-    t
-  ]), u(() => {
+    V,
+    t,
+    a
+  ]), g(() => {
     const s = () => {
-      const a = new URLSearchParams(window.location.search).get("view");
-      if (!a) return;
-      const o = t.get(a);
+      const n = new URLSearchParams(window.location.search).get("view");
+      if (!n) return;
+      const o = t.get(n);
       o && (e(o), i());
     };
     return window.addEventListener("popstate", s), () => window.removeEventListener("popstate", s);
-  }, [w, e, i, t]);
+  }, [f, e, i, t]);
 };
 export {
-  A as useViewUrlChange
+  T as useViewUrlChange
 };

package/dist/index80.cjs

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

package/dist/index80.js

@@ -1,4 +1,4 @@
-import { INITIAL_VIEWS_STATE as r } from "./index105.js";
+import { INITIAL_VIEWS_STATE as r } from "./index98.js";
 import { ALL_VIEW_ID as p } from "./index79.js";
 import { viewsAdapter as u } from "./index78.js";
 const m = ({ data: o, canUpdateCustomViews: w }) => {

package/dist/index86.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("./index61.cjs"),v=require("./index67.cjs"),q=require("./index55.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="_actionsHeaderContainer_fgqms_1",t={actionsHeaderContainer:e};exports.actionsHeaderContainer=e;exports.default=t;

package/dist/index86.js

@@ -1,43 +1,7 @@
-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 "./index61.js";
-import { useUrlParams as v } from "./index67.js";
-import { fetcherV2 as V } from "./index55.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 = "_actionsHeaderContainer_fgqms_1", a = {
+  actionsHeaderContainer: e
+};
 export {
-  T as usePollData
+  e as actionsHeaderContainer,
+  a as default
 };

package/dist/index87.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 t=require("react"),w=require("react-use"),L=require("./index8.cjs"),m=require("./index61.cjs"),v=require("./index67.cjs"),q=require("./index55.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/index87.js

@@ -1,11 +1,43 @@
-const e = "_refreshTooltip_v0eu8_1", r = "_refreshButton_v0eu8_5", t = "_refreshIndicator_v0eu8_9", o = {
-  refreshTooltip: e,
-  refreshButton: r,
-  refreshIndicator: t
-};
+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 "./index61.js";
+import { useUrlParams as v } from "./index67.js";
+import { fetcherV2 as V } from "./index55.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 {
-  o as default,
-  r as refreshButton,
-  t as refreshIndicator,
-  e as refreshTooltip
+  T as usePollData
 };

package/dist/index88.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("./index91.cjs"),i=require("./index92.cjs"),T=require("./index93.cjs"),V=require("./index94.cjs"),n=require("./index95.cjs"),D=require("./index89.cjs"),H=require("./index96.cjs"),j=require("./index97.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=$;
+"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/index88.js

@@ -1,120 +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 "./index91.js";
-import { Container as Y, ColumnGroupsGrid as j, VerticalSeparator as z, VerticalText as B, HeaderContainer as L, ColumnSearch as Q } from "./index92.js";
-import { DndContainer as R } from "./index93.js";
-import { ColumnItem as q } from "./index94.js";
-import { ColumnGroupIds as n } from "./index95.js";
-import { TableManagementGlyph as P } from "./index89.js";
-import { usePersistColumns as _ } from "./index96.js";
-import { filterColumnsBySearch as V } from "./index97.js";
-const { Glyph: E } = I, te = ({
-  onClose: l,
-  columnDefinitions: 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 })
-      ] }) }) }) }) })
-    }
-  );
+const e = "_refreshTooltip_v0eu8_1", r = "_refreshButton_v0eu8_5", t = "_refreshIndicator_v0eu8_9", o = {
+  refreshTooltip: e,
+  refreshButton: r,
+  refreshIndicator: t
 };
 export {
-  te as TableManagementModal
+  o as default,
+  r as refreshButton,
+  t as refreshIndicator,
+  e as refreshTooltip
 };