@kong-ui-public/table-data-grid 0.3.12-pr.3713.c0f383522.0 → 0.3.12

package/dist/style.css

@@ -1 +1 @@
-.table-data-grid-cell-renderer,.table-data-grid-cell-tooltip,.table-data-grid-cell-content{display:block;min-width:0;width:100%}.table-data-grid-cell-content{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-table-data-grid[data-v-f70c15d1]{border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;width:100%}.table-data-grid-grid[data-v-f70c15d1]{--ag-background-color: var(--kui-color-background, #ffffff);--ag-border-color: var(--kui-color-border, #e0e4ea);--ag-foreground-color: var(--kui-color-text, #000933);--ag-header-background-color: var(--kui-color-background, #ffffff);--ag-header-column-border: 1px solid var(--kui-color-border, #e0e4ea);--ag-header-column-border-height: 30%;--ag-header-column-resize-handle-color: transparent;--ag-header-font-weight: var(--kui-font-weight-semibold, 600);--ag-header-text-color: var(--kui-color-text-neutral, #6c7489);--ag-wrapper-border: none;--ag-wrapper-border-radius: 0;flex:1 1 auto;min-height:0;width:100%}.ag-cell{align-items:center;display:flex;min-width:0}.ag-cell-wrapper,.ag-cell-value{min-width:0;width:100%}
+.table-data-grid-cell-renderer,.table-data-grid-cell-tooltip,.table-data-grid-cell-content{display:block;min-width:0;width:100%}.table-data-grid-cell-content{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-table-data-grid[data-v-b8bd22c9]{border:none;border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;width:100%}.table-data-grid-grid[data-v-b8bd22c9]{--ag-background-color: var(--kui-color-background, #ffffff);--ag-border-color: var(--kui-color-border, #e0e4ea);--ag-foreground-color: var(--kui-color-text, #000933);--ag-header-background-color: var(--kui-color-background, #ffffff);--ag-header-column-border: 1px solid var(--kui-color-border, #e0e4ea);--ag-header-column-border-height: 30%;--ag-header-column-resize-handle-color: transparent;--ag-header-font-weight: var(--kui-font-weight-semibold, 600);--ag-header-text-color: var(--kui-color-text-neutral, #6c7489);--ag-wrapper-border: none;--ag-wrapper-border-radius: 0;flex:1 1 auto;min-height:0;width:100%}.ag-cell{align-items:center;display:flex;min-width:0}.ag-cell-wrapper,.ag-cell-value{min-width:0;width:100%}

package/dist/table-data-grid.es.js

@@ -1,45 +1,45 @@
-import { defineComponent as K, shallowRef as N, ref as E, computed as k, onMounted as V, watch as z, onUnmounted as $, nextTick as P, resolveComponent as L, openBlock as w, createElementBlock as G, createVNode as O, withCtx as j, createElementVNode as q, toDisplayString as H, readonly as _, renderSlot as A, unref as S, createBlock as Q } from "vue";
-import { AgGridVue as J } from "ag-grid-vue3";
-import { ModuleRegistry as X, AllCommunityModule as Y, InfiniteRowModelModule as Z, themeQuartz as ee } from "ag-grid-community";
-import { createI18n as te, i18nTComponent as ae } from "@kong-ui-public/i18n";
-const oe = { class: "table-data-grid-cell-renderer" }, T = /* @__PURE__ */ K({
+import { defineComponent as A, shallowRef as N, ref as R, computed as k, onMounted as W, watch as O, onUnmounted as V, nextTick as $, resolveComponent as T, openBlock as w, createElementBlock as G, createVNode as I, withCtx as j, createElementVNode as q, toDisplayString as H, readonly as _, renderSlot as x, unref as S, createBlock as P } from "vue";
+import { AgGridVue as Q } from "ag-grid-vue3";
+import { ModuleRegistry as J, AllCommunityModule as X, InfiniteRowModelModule as Y, themeQuartz as Z } from "ag-grid-community";
+import { createI18n as ee, i18nTComponent as te } from "@kong-ui-public/i18n";
+const ae = { class: "table-data-grid-cell-renderer" }, oe = /* @__PURE__ */ A({
   name: "TableDataGridCellRenderer",
   __name: "TableDataGridCellRenderer",
   props: {
     params: {}
   },
-  setup(e, { expose: c }) {
-    const o = N(e.params), t = E(null), n = E(!1), h = k(() => o.value.valueFormatted ?? String(o.value.value ?? ""));
+  setup(e, { expose: i }) {
+    const a = N(e.params), t = R(null), r = R(!1), h = k(() => a.value.valueFormatted ?? String(a.value.value ?? ""));
     let f, u, m = !1;
     const C = () => {
       const d = t.value;
-      n.value = !!d && d.scrollWidth > d.clientWidth;
+      r.value = !!d && d.scrollWidth > d.clientWidth;
     }, p = () => {
       m || (u !== void 0 && cancelAnimationFrame(u), u = requestAnimationFrame(() => {
         u = void 0, C();
       }));
-    }, y = (d) => {
+    }, g = (d) => {
       if (f?.disconnect(), d) {
         f?.observe(d);
-        const g = d.closest(".ag-cell");
-        g && f?.observe(g);
+        const y = d.closest(".ag-cell");
+        y && f?.observe(y);
       }
       p();
     };
-    return V(() => {
-      f = new ResizeObserver(p), y(t.value);
-    }), z(t, y, { flush: "post" }), $(() => {
+    return W(() => {
+      f = new ResizeObserver(p), g(t.value);
+    }), O(t, g, { flush: "post" }), V(() => {
       m = !0, f?.disconnect(), u !== void 0 && cancelAnimationFrame(u);
-    }), c({
+    }), i({
       refresh(d) {
-        return o.value = d, P(p), !0;
+        return a.value = d, $(p), !0;
       }
-    }), (d, g) => {
-      const R = L("KTooltip");
-      return w(), G("span", oe, [
-        O(R, {
+    }), (d, y) => {
+      const E = T("KTooltip");
+      return w(), G("span", ae, [
+        I(E, {
           class: "table-data-grid-cell-tooltip",
-          disabled: !n.value,
+          disabled: !r.value,
           "kpop-attributes": { popoverDelay: 400 },
           "max-width": "300",
           placement: "bottom-start",
@@ -61,37 +61,37 @@ const oe = { class: "table-data-grid-cell-renderer" }, T = /* @__PURE__ */ K({
 });
 var F = /* @__PURE__ */ ((e) => (e.PENDING = "PENDING", e.LOADING = "LOADING", e.SUCCESS = "SUCCESS", e.ERROR = "ERROR", e))(F || {});
 const re = (e) => !!e?.length;
-function ne(e, c, o, t = re) {
-  const n = k(() => t(e.value)), h = k(() => {
-    const u = e.value !== void 0, m = c.value !== void 0 && c.value !== null;
-    return o.value ? "LOADING" : n.value ? "SUCCESS" : m ? "ERROR" : u ? "SUCCESS" : "PENDING";
+function ne(e, i, a, t = re) {
+  const r = k(() => t(e.value)), h = k(() => {
+    const u = e.value !== void 0, m = i.value !== void 0 && i.value !== null;
+    return a.value ? "LOADING" : r.value ? "SUCCESS" : m ? "ERROR" : u ? "SUCCESS" : "PENDING";
   });
   return {
     fetchState: F,
-    hasData: n,
+    hasData: r,
     state: h
   };
 }
 const se = ({
   emitState: e,
-  fetchLifecycleState: c,
-  hasData: o
+  fetchLifecycleState: i,
+  hasData: a
 }) => {
-  z(
+  O(
     () => ({
-      hasData: o.value,
-      state: c.value
+      hasData: a.value,
+      state: i.value
     }),
-    ({ hasData: t, state: n }) => {
-      if (n !== F.PENDING) {
-        if (n === F.LOADING) {
+    ({ hasData: t, state: r }) => {
+      if (r !== F.PENDING) {
+        if (r === F.LOADING) {
           e({
             hasData: t,
             state: "loading"
           });
           return;
         }
-        if (n === F.ERROR) {
+        if (r === F.ERROR) {
           e({
             hasData: t,
             state: "error"
@@ -105,141 +105,140 @@ const se = ({
       }
     }
   );
-}, le = ({ startRow: e, endRow: c }) => {
-  const o = c - e;
+}, le = ({ startRow: e, endRow: i }) => {
+  const a = i - e;
   return {
-    blockIndex: o > 0 ? Math.floor(e / o) : 0,
-    pageSize: o
+    blockIndex: a > 0 ? Math.floor(e / a) : 0,
+    pageSize: a
   };
 }, ie = ({
   startRow: e,
-  rowsLength: c,
-  pageSize: o,
+  rowsLength: i,
+  pageSize: a,
   total: t,
-  hasMore: n
+  hasMore: r
 }) => {
   if (typeof t == "number")
     return t;
-  if (n !== !0 && (n === !1 || c < o))
-    return e + c;
+  if (r !== !0 && (r === !1 || i < a))
+    return e + i;
 }, ce = ({
   fetcher: e,
-  resetKey: c
+  resetKey: i
 }) => {
-  const o = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = E(0), h = N(), f = N(), u = N(), m = E(0), C = E(!1), p = (r) => r === n.value, y = () => {
+  const a = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), r = R(0), h = N(), f = N(), u = N(), m = R(0), C = R(!1), p = (o) => o === r.value, g = () => {
     C.value = m.value > 0;
   }, d = () => {
-    u.value = void 0, m.value += 1, y();
-  }, g = () => {
-    m.value = Math.max(0, m.value - 1), y();
-  }, R = (r) => {
-    const s = t.get(r);
-    if (s)
-      return s;
-    let l;
+    u.value = void 0, m.value += 1, g();
+  }, y = () => {
+    m.value = Math.max(0, m.value - 1), g();
+  }, E = (o) => {
+    const n = t.get(o);
+    if (n)
+      return n;
+    let s;
     const v = {
-      promise: new Promise((i) => {
-        l = i;
+      promise: new Promise((l) => {
+        s = l;
       }),
-      resolve: (i) => l(i)
+      resolve: (l) => s(l)
     };
-    return t.set(r, v), v;
-  }, b = (r, s) => {
-    s.resolve(!1), t.get(r) === s && t.delete(r);
-  }, M = async ({
-    blockIndex: r,
-    currentBlockCompletion: s,
-    datasourceId: l
+    return t.set(o, v), v;
+  }, b = (o, n) => {
+    n.resolve(!1), t.get(o) === n && t.delete(o);
+  }, c = async ({
+    blockIndex: o,
+    currentBlockCompletion: n,
+    datasourceId: s
   }) => {
-    if (r === 0)
+    if (o === 0)
       return "ready";
-    const v = t.get(r - 1);
+    const v = t.get(o - 1);
     if (!v)
-      return b(r, s), "failed";
-    const i = await v.promise;
-    return p(l) ? i ? "ready" : (b(r, s), "failed") : (b(r, s), "stale");
-  }, a = ({
-    blockIndex: r,
-    currentBlockCompletion: s,
-    getRowsParams: l,
+      return b(o, n), "failed";
+    const l = await v.promise;
+    return p(s) ? l ? "ready" : (b(o, n), "failed") : (b(o, n), "stale");
+  }, M = ({
+    blockIndex: o,
+    currentBlockCompletion: n,
+    getRowsParams: s,
     pageSize: v,
-    result: i
+    result: l
   }) => {
-    i.cursor !== void 0 && o.set(r, i.cursor), l.successCallback(i.data, ie({
-      startRow: l.startRow,
-      rowsLength: i.data.length,
+    l.cursor !== void 0 && a.set(o, l.cursor), s.successCallback(l.data, ie({
+      startRow: s.startRow,
+      rowsLength: l.data.length,
       pageSize: v,
-      total: i.total,
-      hasMore: i.hasMore
-    })), l.startRow === 0 && (f.value = i.data), s.resolve(!0);
-  }, I = ({
-    blockIndex: r,
-    currentBlockCompletion: s,
-    fetchError: l,
+      total: l.total,
+      hasMore: l.hasMore
+    })), s.startRow === 0 && (f.value = l.data), n.resolve(!0);
+  }, D = ({
+    blockIndex: o,
+    currentBlockCompletion: n,
+    fetchError: s,
     getRowsParams: v
   }) => {
-    u.value = l, v.failCallback(), b(r, s);
-  }, D = () => {
-    const r = n.value + 1;
-    return n.value = r, o.clear(), t.clear(), f.value = void 0, u.value = void 0, m.value = 0, y(), {
-      async getRows(s) {
+    u.value = s, v.failCallback(), b(o, n);
+  }, K = () => {
+    const o = r.value + 1;
+    return r.value = o, a.clear(), t.clear(), f.value = void 0, u.value = void 0, m.value = 0, g(), {
+      async getRows(n) {
         const {
-          blockIndex: l,
+          blockIndex: s,
           pageSize: v
         } = le({
-          startRow: s.startRow,
-          endRow: s.endRow
-        }), i = R(l), x = await M({
-          blockIndex: l,
-          currentBlockCompletion: i,
-          datasourceId: r
+          startRow: n.startRow,
+          endRow: n.endRow
+        }), l = E(s), z = await c({
+          blockIndex: s,
+          currentBlockCompletion: l,
+          datasourceId: o
         });
-        if (x !== "ready") {
-          x === "failed" && s.failCallback();
+        if (z !== "ready") {
+          z === "failed" && n.failCallback();
           return;
         }
         d();
         try {
-          const B = l > 0 ? o.get(l - 1) : void 0, W = await e({
+          const B = s > 0 ? a.get(s - 1) : void 0, U = await e({
             mode: "infinite",
             pageSize: v,
-            cursor: B,
-            sort: s.sortModel
+            cursor: B
           });
-          if (!p(r)) {
-            b(l, i);
+          if (!p(o)) {
+            b(s, l);
             return;
           }
-          a({
-            blockIndex: l,
-            currentBlockCompletion: i,
-            getRowsParams: s,
+          M({
+            blockIndex: s,
+            currentBlockCompletion: l,
+            getRowsParams: n,
             pageSize: v,
-            result: W
+            result: U
           });
         } catch (B) {
-          if (!p(r)) {
-            b(l, i);
+          if (!p(o)) {
+            b(s, l);
             return;
           }
-          I({
-            blockIndex: l,
-            currentBlockCompletion: i,
+          D({
+            blockIndex: s,
+            currentBlockCompletion: l,
             fetchError: B,
-            getRowsParams: s
+            getRowsParams: n
           });
         } finally {
-          p(r) && g();
+          p(o) && y();
         }
       }
     };
-  }, U = () => {
-    h.value = D();
+  }, L = () => {
+    h.value = K();
   };
-  return z(
-    () => c?.value,
+  return O(
+    () => i?.value,
     () => {
-      U();
+      L();
     },
     { immediate: !0 }
   ), {
@@ -253,10 +252,10 @@ const se = ({
   errorState: de
 };
 function me() {
-  const e = te("en-us", fe);
+  const e = ee("en-us", fe);
   return {
     i18n: e,
-    i18nT: ae(e)
+    i18nT: te(e)
     // Translation component <i18n-t>
   };
 }
@@ -271,7 +270,7 @@ const ve = {
   key: 1,
   class: "table-empty-state",
   "data-testid": "table-empty-state"
-}, ye = /* @__PURE__ */ K({
+}, ge = /* @__PURE__ */ A({
   __name: "TableDataGrid",
   props: {
     headers: {},
@@ -280,30 +279,23 @@ const ve = {
     pageSize: { default: 25 },
     refreshKey: { type: [String, Number, Boolean] }
   },
-  emits: ["grid:ready", "state", "row:click"],
-  setup(e, { emit: c }) {
-    X.registerModules([Y, Z]);
-    const o = c, { i18n: { t } } = me(), n = {
-      cellRenderer: T,
+  emits: ["grid:ready", "state"],
+  setup(e, { emit: i }) {
+    J.registerModules([X, Y]);
+    const a = i, { i18n: { t } } = me(), r = {
+      cellRenderer: oe,
       resizable: !1,
       sortable: !1,
       suppressMovable: !0
-    }, h = k(() => e.headers.map((a) => ({
-      colId: a.key,
+    }, h = k(() => e.headers.map((c) => ({
+      colId: c.key,
       // Headers without explicit width constraints should fill available space.
-      flex: !a.width && !a.maxWidth ? 1 : void 0,
-      headerName: a.label,
-      maxWidth: a.maxWidth,
-      minWidth: a.minWidth,
-      valueGetter: (D) => D.data?.[a.key],
-      width: a.width,
-      pinned: a.pinned,
-      cellRenderer: a.cellRenderer ?? T,
-      cellRendererParams: a.cellRendererParams,
-      valueFormatter: a.valueFormatter,
-      sortable: a.sortable ?? !1,
-      // Always show the sort icon on sortable columns.
-      unSortIcon: a.sortable ?? !1
+      flex: !c.width && !c.maxWidth ? 1 : void 0,
+      headerName: c.label,
+      maxWidth: c.maxWidth,
+      minWidth: c.minWidth,
+      valueGetter: (D) => D.data?.[c.key],
+      width: c.width
     }))), f = k(() => [e.fetcher, e.pageSize, e.refreshKey]), {
       data: u,
       datasource: m,
@@ -313,62 +305,59 @@ const ve = {
       fetcher: e.fetcher,
       resetKey: f
     }), {
-      fetchState: y,
+      fetchState: g,
       hasData: d,
-      state: g
-    } = ne(u, C, p), R = k(() => g.value === y.SUCCESS && !d.value);
+      state: y
+    } = ne(u, C, p), E = k(() => y.value === g.SUCCESS && !d.value);
     se({
-      emitState: (a) => o("state", a),
-      fetchLifecycleState: g,
+      emitState: (c) => a("state", c),
+      fetchLifecycleState: y,
       hasData: d
     });
-    const b = (a) => {
-      o("grid:ready", a.api);
-    }, M = (a) => {
-      a.data && o("row:click", a.data);
+    const b = (c) => {
+      a("grid:ready", c.api);
     };
-    return (a, I) => {
-      const D = L("KEmptyState");
+    return (c, M) => {
+      const D = T("KEmptyState");
       return w(), G("div", ve, [
         e.error ? (w(), G("div", pe, [
-          A(a.$slots, "error-state", {}, () => [
-            O(D, {
+          x(c.$slots, "error-state", {}, () => [
+            I(D, {
               "icon-variant": "error",
               message: S(t)("errorState.message"),
               title: S(t)("errorState.title")
             }, null, 8, ["message", "title"])
           ], !0)
-        ])) : R.value ? (w(), G("div", he, [
-          A(a.$slots, "empty-state", {}, () => [
-            O(D, {
+        ])) : E.value ? (w(), G("div", he, [
+          x(c.$slots, "empty-state", {}, () => [
+            I(D, {
               message: S(t)("emptyState.message"),
               title: S(t)("emptyState.title")
             }, null, 8, ["message", "title"])
           ], !0)
-        ])) : (w(), Q(S(J), {
+        ])) : (w(), P(S(Q), {
           key: 2,
           "cache-block-size": e.pageSize,
           class: "table-data-grid-grid",
           "column-defs": h.value,
           datasource: S(m),
-          "default-col-def": n,
+          "default-col-def": r,
           "infinite-initial-row-count": 1,
           loading: S(p),
           "row-model-type": "infinite",
           "suppress-cell-focus": !0,
-          theme: S(ee),
-          onGridReady: b,
-          onRowClicked: M
+          theme: S(Z),
+          onGridReady: b
         }, null, 8, ["cache-block-size", "column-defs", "datasource", "loading", "theme"]))
       ]);
     };
   }
-}), ge = (e, c) => {
-  const o = e.__vccOpts || e;
-  for (const [t, n] of c)
-    o[t] = n;
-  return o;
-}, ke = /* @__PURE__ */ ge(ye, [["__scopeId", "data-v-f70c15d1"]]);
+}), ye = (e, i) => {
+  const a = e.__vccOpts || e;
+  for (const [t, r] of i)
+    a[t] = r;
+  return a;
+}, ke = /* @__PURE__ */ ye(ge, [["__scopeId", "data-v-b8bd22c9"]]);
 export {
   ke as TableDataGrid
 };

package/dist/table-data-grid.umd.js

@@ -1 +1 @@
-(function(y,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("ag-grid-vue3"),require("ag-grid-community"),require("@kong-ui-public/i18n")):typeof define=="function"&&define.amd?define(["exports","vue","ag-grid-vue3","ag-grid-community","@kong-ui-public/i18n"],e):(y=typeof globalThis<"u"?globalThis:y||self,e(y["kong-ui-public-table-data-grid"]={},y.Vue,y.AgGridVue,y.agGridCommunity,y["kong-ui-public-i18n"]))})(this,(function(y,e,I,E,N){"use strict";const O={class:"table-data-grid-cell-renderer"},M=e.defineComponent({name:"TableDataGridCellRenderer",__name:"TableDataGridCellRenderer",props:{params:{}},setup(t,{expose:d}){const r=e.shallowRef(t.params),a=e.ref(null),s=e.ref(!1),b=e.computed(()=>r.value.valueFormatted??String(r.value.value??""));let m,u,p=!1;const C=()=>{const f=a.value;s.value=!!f&&f.scrollWidth>f.clientWidth},g=()=>{p||(u!==void 0&&cancelAnimationFrame(u),u=requestAnimationFrame(()=>{u=void 0,C()}))},S=f=>{if(m?.disconnect(),f){m?.observe(f);const k=f.closest(".ag-cell");k&&m?.observe(k)}g()};return e.onMounted(()=>{m=new ResizeObserver(g),S(a.value)}),e.watch(a,S,{flush:"post"}),e.onUnmounted(()=>{p=!0,m?.disconnect(),u!==void 0&&cancelAnimationFrame(u)}),d({refresh(f){return r.value=f,e.nextTick(g),!0}}),(f,k)=>{const R=e.resolveComponent("KTooltip");return e.openBlock(),e.createElementBlock("span",O,[e.createVNode(R,{class:"table-data-grid-cell-tooltip",disabled:!s.value,"kpop-attributes":{popoverDelay:400},"max-width":"300",placement:"bottom-start",target:"body",text:b.value},{default:e.withCtx(()=>[e.createElementVNode("span",{ref_key:"contentElement",ref:a,class:"table-data-grid-cell-content"},e.toDisplayString(b.value),513)]),_:1},8,["disabled","text"])])}}});var w=(t=>(t.PENDING="PENDING",t.LOADING="LOADING",t.SUCCESS="SUCCESS",t.ERROR="ERROR",t))(w||{});const T=t=>!!t?.length;function x(t,d,r,a=T){const s=e.computed(()=>a(t.value)),b=e.computed(()=>{const u=t.value!==void 0,p=d.value!==void 0&&d.value!==null;return r.value?"LOADING":s.value?"SUCCESS":p?"ERROR":u?"SUCCESS":"PENDING"});return{fetchState:w,hasData:s,state:b}}const z=({emitState:t,fetchLifecycleState:d,hasData:r})=>{e.watch(()=>({hasData:r.value,state:d.value}),({hasData:a,state:s})=>{if(s!==w.PENDING){if(s===w.LOADING){t({hasData:a,state:"loading"});return}if(s===w.ERROR){t({hasData:a,state:"error"});return}t({hasData:a,state:"success"})}})},A=({startRow:t,endRow:d})=>{const r=d-t;return{blockIndex:r>0?Math.floor(t/r):0,pageSize:r}},V=({startRow:t,rowsLength:d,pageSize:r,total:a,hasMore:s})=>{if(typeof a=="number")return a;if(s!==!0&&(s===!1||d<r))return t+d},K=({fetcher:t,resetKey:d})=>{const r=new Map,a=new Map,s=e.ref(0),b=e.shallowRef(),m=e.shallowRef(),u=e.shallowRef(),p=e.ref(0),C=e.ref(!1),g=n=>n===s.value,S=()=>{C.value=p.value>0},f=()=>{u.value=void 0,p.value+=1,S()},k=()=>{p.value=Math.max(0,p.value-1),S()},R=n=>{const l=a.get(n);if(l)return l;let i;const h={promise:new Promise(c=>{i=c}),resolve:c=>i(c)};return a.set(n,h),h},v=(n,l)=>{l.resolve(!1),a.get(n)===l&&a.delete(n)},_=async({blockIndex:n,currentBlockCompletion:l,datasourceId:i})=>{if(n===0)return"ready";const h=a.get(n-1);if(!h)return v(n,l),"failed";const c=await h.promise;return g(i)?c?"ready":(v(n,l),"failed"):(v(n,l),"stale")},o=({blockIndex:n,currentBlockCompletion:l,getRowsParams:i,pageSize:h,result:c})=>{c.cursor!==void 0&&r.set(n,c.cursor),i.successCallback(c.data,V({startRow:i.startRow,rowsLength:c.data.length,pageSize:h,total:c.total,hasMore:c.hasMore})),i.startRow===0&&(m.value=c.data),l.resolve(!0)},B=({blockIndex:n,currentBlockCompletion:l,fetchError:i,getRowsParams:h})=>{u.value=i,h.failCallback(),v(n,l)},D=()=>{const n=s.value+1;return s.value=n,r.clear(),a.clear(),m.value=void 0,u.value=void 0,p.value=0,S(),{async getRows(l){const{blockIndex:i,pageSize:h}=A({startRow:l.startRow,endRow:l.endRow}),c=R(i),G=await _({blockIndex:i,currentBlockCompletion:c,datasourceId:n});if(G!=="ready"){G==="failed"&&l.failCallback();return}f();try{const F=i>0?r.get(i-1):void 0,H=await t({mode:"infinite",pageSize:h,cursor:F,sort:l.sortModel});if(!g(n)){v(i,c);return}o({blockIndex:i,currentBlockCompletion:c,getRowsParams:l,pageSize:h,result:H})}catch(F){if(!g(n)){v(i,c);return}B({blockIndex:i,currentBlockCompletion:c,fetchError:F,getRowsParams:l})}finally{g(n)&&k()}}}},P=()=>{b.value=D()};return e.watch(()=>d?.value,()=>{P()},{immediate:!0}),{datasource:e.readonly(b),data:e.readonly(m),error:e.readonly(u),isFetching:e.readonly(C)}},L={emptyState:{title:"No Data",message:"There is no data to display."},errorState:{title:"An error occurred",message:"Data cannot be displayed due to an error."}};function U(){const t=N.createI18n("en-us",L);return{i18n:t,i18nT:N.i18nTComponent(t)}}const W={class:"kong-ui-public-table-data-grid","data-testid":"table-data-grid"},q={key:0,class:"table-error-state","data-testid":"table-error-state"},$={key:1,class:"table-empty-state","data-testid":"table-empty-state"},j=((t,d)=>{const r=t.__vccOpts||t;for(const[a,s]of d)r[a]=s;return r})(e.defineComponent({__name:"TableDataGrid",props:{headers:{},fetcher:{type:Function},error:{type:Boolean,default:!1},pageSize:{default:25},refreshKey:{type:[String,Number,Boolean]}},emits:["grid:ready","state","row:click"],setup(t,{emit:d}){E.ModuleRegistry.registerModules([E.AllCommunityModule,E.InfiniteRowModelModule]);const r=d,{i18n:{t:a}}=U(),s={cellRenderer:M,resizable:!1,sortable:!1,suppressMovable:!0},b=e.computed(()=>t.headers.map(o=>({colId:o.key,flex:!o.width&&!o.maxWidth?1:void 0,headerName:o.label,maxWidth:o.maxWidth,minWidth:o.minWidth,valueGetter:D=>D.data?.[o.key],width:o.width,pinned:o.pinned,cellRenderer:o.cellRenderer??M,cellRendererParams:o.cellRendererParams,valueFormatter:o.valueFormatter,sortable:o.sortable??!1,unSortIcon:o.sortable??!1}))),m=e.computed(()=>[t.fetcher,t.pageSize,t.refreshKey]),{data:u,datasource:p,error:C,isFetching:g}=K({fetcher:t.fetcher,resetKey:m}),{fetchState:S,hasData:f,state:k}=x(u,C,g),R=e.computed(()=>k.value===S.SUCCESS&&!f.value);z({emitState:o=>r("state",o),fetchLifecycleState:k,hasData:f});const v=o=>{r("grid:ready",o.api)},_=o=>{o.data&&r("row:click",o.data)};return(o,B)=>{const D=e.resolveComponent("KEmptyState");return e.openBlock(),e.createElementBlock("div",W,[t.error?(e.openBlock(),e.createElementBlock("div",q,[e.renderSlot(o.$slots,"error-state",{},()=>[e.createVNode(D,{"icon-variant":"error",message:e.unref(a)("errorState.message"),title:e.unref(a)("errorState.title")},null,8,["message","title"])],!0)])):R.value?(e.openBlock(),e.createElementBlock("div",$,[e.renderSlot(o.$slots,"empty-state",{},()=>[e.createVNode(D,{message:e.unref(a)("emptyState.message"),title:e.unref(a)("emptyState.title")},null,8,["message","title"])],!0)])):(e.openBlock(),e.createBlock(e.unref(I.AgGridVue),{key:2,"cache-block-size":t.pageSize,class:"table-data-grid-grid","column-defs":b.value,datasource:e.unref(p),"default-col-def":s,"infinite-initial-row-count":1,loading:e.unref(g),"row-model-type":"infinite","suppress-cell-focus":!0,theme:e.unref(E.themeQuartz),onGridReady:v,onRowClicked:_},null,8,["cache-block-size","column-defs","datasource","loading","theme"]))])}}}),[["__scopeId","data-v-f70c15d1"]]);y.TableDataGrid=j,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}));
+(function(y,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("ag-grid-vue3"),require("ag-grid-community"),require("@kong-ui-public/i18n")):typeof define=="function"&&define.amd?define(["exports","vue","ag-grid-vue3","ag-grid-community","@kong-ui-public/i18n"],e):(y=typeof globalThis<"u"?globalThis:y||self,e(y["kong-ui-public-table-data-grid"]={},y.Vue,y.AgGridVue,y.agGridCommunity,y["kong-ui-public-i18n"]))})(this,(function(y,e,G,R,N){"use strict";const M={class:"table-data-grid-cell-renderer"},O=e.defineComponent({name:"TableDataGridCellRenderer",__name:"TableDataGridCellRenderer",props:{params:{}},setup(t,{expose:c}){const o=e.shallowRef(t.params),a=e.ref(null),n=e.ref(!1),b=e.computed(()=>o.value.valueFormatted??String(o.value.value??""));let m,u,p=!1;const D=()=>{const f=a.value;n.value=!!f&&f.scrollWidth>f.clientWidth},g=()=>{p||(u!==void 0&&cancelAnimationFrame(u),u=requestAnimationFrame(()=>{u=void 0,D()}))},S=f=>{if(m?.disconnect(),f){m?.observe(f);const k=f.closest(".ag-cell");k&&m?.observe(k)}g()};return e.onMounted(()=>{m=new ResizeObserver(g),S(a.value)}),e.watch(a,S,{flush:"post"}),e.onUnmounted(()=>{p=!0,m?.disconnect(),u!==void 0&&cancelAnimationFrame(u)}),c({refresh(f){return o.value=f,e.nextTick(g),!0}}),(f,k)=>{const E=e.resolveComponent("KTooltip");return e.openBlock(),e.createElementBlock("span",M,[e.createVNode(E,{class:"table-data-grid-cell-tooltip",disabled:!n.value,"kpop-attributes":{popoverDelay:400},"max-width":"300",placement:"bottom-start",target:"body",text:b.value},{default:e.withCtx(()=>[e.createElementVNode("span",{ref_key:"contentElement",ref:a,class:"table-data-grid-cell-content"},e.toDisplayString(b.value),513)]),_:1},8,["disabled","text"])])}}});var w=(t=>(t.PENDING="PENDING",t.LOADING="LOADING",t.SUCCESS="SUCCESS",t.ERROR="ERROR",t))(w||{});const I=t=>!!t?.length;function T(t,c,o,a=I){const n=e.computed(()=>a(t.value)),b=e.computed(()=>{const u=t.value!==void 0,p=c.value!==void 0&&c.value!==null;return o.value?"LOADING":n.value?"SUCCESS":p?"ERROR":u?"SUCCESS":"PENDING"});return{fetchState:w,hasData:n,state:b}}const x=({emitState:t,fetchLifecycleState:c,hasData:o})=>{e.watch(()=>({hasData:o.value,state:c.value}),({hasData:a,state:n})=>{if(n!==w.PENDING){if(n===w.LOADING){t({hasData:a,state:"loading"});return}if(n===w.ERROR){t({hasData:a,state:"error"});return}t({hasData:a,state:"success"})}})},z=({startRow:t,endRow:c})=>{const o=c-t;return{blockIndex:o>0?Math.floor(t/o):0,pageSize:o}},A=({startRow:t,rowsLength:c,pageSize:o,total:a,hasMore:n})=>{if(typeof a=="number")return a;if(n!==!0&&(n===!1||c<o))return t+c},V=({fetcher:t,resetKey:c})=>{const o=new Map,a=new Map,n=e.ref(0),b=e.shallowRef(),m=e.shallowRef(),u=e.shallowRef(),p=e.ref(0),D=e.ref(!1),g=r=>r===n.value,S=()=>{D.value=p.value>0},f=()=>{u.value=void 0,p.value+=1,S()},k=()=>{p.value=Math.max(0,p.value-1),S()},E=r=>{const s=a.get(r);if(s)return s;let l;const h={promise:new Promise(i=>{l=i}),resolve:i=>l(i)};return a.set(r,h),h},v=(r,s)=>{s.resolve(!1),a.get(r)===s&&a.delete(r)},d=async({blockIndex:r,currentBlockCompletion:s,datasourceId:l})=>{if(r===0)return"ready";const h=a.get(r-1);if(!h)return v(r,s),"failed";const i=await h.promise;return g(l)?i?"ready":(v(r,s),"failed"):(v(r,s),"stale")},_=({blockIndex:r,currentBlockCompletion:s,getRowsParams:l,pageSize:h,result:i})=>{i.cursor!==void 0&&o.set(r,i.cursor),l.successCallback(i.data,A({startRow:l.startRow,rowsLength:i.data.length,pageSize:h,total:i.total,hasMore:i.hasMore})),l.startRow===0&&(m.value=i.data),s.resolve(!0)},C=({blockIndex:r,currentBlockCompletion:s,fetchError:l,getRowsParams:h})=>{u.value=l,h.failCallback(),v(r,s)},j=()=>{const r=n.value+1;return n.value=r,o.clear(),a.clear(),m.value=void 0,u.value=void 0,p.value=0,S(),{async getRows(s){const{blockIndex:l,pageSize:h}=z({startRow:s.startRow,endRow:s.endRow}),i=E(l),F=await d({blockIndex:l,currentBlockCompletion:i,datasourceId:r});if(F!=="ready"){F==="failed"&&s.failCallback();return}f();try{const B=l>0?o.get(l-1):void 0,H=await t({mode:"infinite",pageSize:h,cursor:B});if(!g(r)){v(l,i);return}_({blockIndex:l,currentBlockCompletion:i,getRowsParams:s,pageSize:h,result:H})}catch(B){if(!g(r)){v(l,i);return}C({blockIndex:l,currentBlockCompletion:i,fetchError:B,getRowsParams:s})}finally{g(r)&&k()}}}},P=()=>{b.value=j()};return e.watch(()=>c?.value,()=>{P()},{immediate:!0}),{datasource:e.readonly(b),data:e.readonly(m),error:e.readonly(u),isFetching:e.readonly(D)}},K={emptyState:{title:"No Data",message:"There is no data to display."},errorState:{title:"An error occurred",message:"Data cannot be displayed due to an error."}};function L(){const t=N.createI18n("en-us",K);return{i18n:t,i18nT:N.i18nTComponent(t)}}const U={class:"kong-ui-public-table-data-grid","data-testid":"table-data-grid"},W={key:0,class:"table-error-state","data-testid":"table-error-state"},q={key:1,class:"table-empty-state","data-testid":"table-empty-state"},$=((t,c)=>{const o=t.__vccOpts||t;for(const[a,n]of c)o[a]=n;return o})(e.defineComponent({__name:"TableDataGrid",props:{headers:{},fetcher:{type:Function},error:{type:Boolean,default:!1},pageSize:{default:25},refreshKey:{type:[String,Number,Boolean]}},emits:["grid:ready","state"],setup(t,{emit:c}){R.ModuleRegistry.registerModules([R.AllCommunityModule,R.InfiniteRowModelModule]);const o=c,{i18n:{t:a}}=L(),n={cellRenderer:O,resizable:!1,sortable:!1,suppressMovable:!0},b=e.computed(()=>t.headers.map(d=>({colId:d.key,flex:!d.width&&!d.maxWidth?1:void 0,headerName:d.label,maxWidth:d.maxWidth,minWidth:d.minWidth,valueGetter:C=>C.data?.[d.key],width:d.width}))),m=e.computed(()=>[t.fetcher,t.pageSize,t.refreshKey]),{data:u,datasource:p,error:D,isFetching:g}=V({fetcher:t.fetcher,resetKey:m}),{fetchState:S,hasData:f,state:k}=T(u,D,g),E=e.computed(()=>k.value===S.SUCCESS&&!f.value);x({emitState:d=>o("state",d),fetchLifecycleState:k,hasData:f});const v=d=>{o("grid:ready",d.api)};return(d,_)=>{const C=e.resolveComponent("KEmptyState");return e.openBlock(),e.createElementBlock("div",U,[t.error?(e.openBlock(),e.createElementBlock("div",W,[e.renderSlot(d.$slots,"error-state",{},()=>[e.createVNode(C,{"icon-variant":"error",message:e.unref(a)("errorState.message"),title:e.unref(a)("errorState.title")},null,8,["message","title"])],!0)])):E.value?(e.openBlock(),e.createElementBlock("div",q,[e.renderSlot(d.$slots,"empty-state",{},()=>[e.createVNode(C,{message:e.unref(a)("emptyState.message"),title:e.unref(a)("emptyState.title")},null,8,["message","title"])],!0)])):(e.openBlock(),e.createBlock(e.unref(G.AgGridVue),{key:2,"cache-block-size":t.pageSize,class:"table-data-grid-grid","column-defs":b.value,datasource:e.unref(p),"default-col-def":n,"infinite-initial-row-count":1,loading:e.unref(g),"row-model-type":"infinite","suppress-cell-focus":!0,theme:e.unref(R.themeQuartz),onGridReady:v},null,8,["cache-block-size","column-defs","datasource","loading","theme"]))])}}}),[["__scopeId","data-v-b8bd22c9"]]);y.TableDataGrid=$,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}));

package/dist/types/components/TableDataGrid.vue.d.ts

@@ -1,4 +1,4 @@
-import type { TableDataGridFetcher, TableDataGridHeader, TableDataGridRowClickPayload, TableDataGridStatePayload } from '../types';
+import type { TableDataGridFetcher, TableDataGridHeader, TableDataGridStatePayload } from '../types';
 import type { GridReadyEvent } from 'ag-grid-community';
 declare const __VLS_export: <Row extends object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<{
@@ -10,7 +10,6 @@ declare const __VLS_export: <Row extends object>(__VLS_props: NonNullable<Awaite
     } & {
         onState?: ((payload: TableDataGridStatePayload) => any) | undefined;
         "onGrid:ready"?: ((api: import("ag-grid-community").GridApi<Row>) => any) | undefined;
-        "onRow:click"?: ((payload: Row) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -23,7 +22,6 @@ declare const __VLS_export: <Row extends object>(__VLS_props: NonNullable<Awaite
     emit: {
         (e: "grid:ready", api: GridReadyEvent<Row>["api"]): void;
         (e: "state", payload: TableDataGridStatePayload): void;
-        (e: "row:click", payload: TableDataGridRowClickPayload<Row>): void;
     };
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

package/dist/types/components/TableDataGrid.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableDataGrid.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TableDataGrid.vue"],"names":[],"mappings":"AA6NA,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACnB,4BAA4B,EAC5B,yBAAyB,EAC1B,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAEV,cAAc,EAEf,MAAM,mBAAmB,CAAA;AAe1B,QAAA,MAAM,YAAY,GAAK,GAAG,SAAS,MAAM,EACxC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA8OO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;iBA1O7C,KAAK,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;iBAC/B,oBAAoB,CAAC,GAAG,CAAC;gBAC1B,OAAO;mBACJ,MAAM;qBACJ,MAAM,GAAG,MAAM,GAAG,OAAO;;;;;KAsOmD,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;uBA5NM,MAAM,OAAO;uBACb,MAAM,OAAO;;;YAKxB,YAAY,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI;YACpD,OAAO,WAAW,yBAAyB,GAAG,IAAI;YAClD,WAAW,WAAW,4BAA4B,CAAC,GAAG,CAAC,GAAG,IAAI;;EAwNhE,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAI,CAAC;wBACvD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"TableDataGrid.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TableDataGrid.vue"],"names":[],"mappings":"AAyMA,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EAC1B,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAU,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAe/D,QAAA,MAAM,YAAY,GAAK,GAAG,SAAS,MAAM,EACxC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAyNO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;iBArN7C,KAAK,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;iBAC/B,oBAAoB,CAAC,GAAG,CAAC;gBAC1B,OAAO;mBACJ,MAAM;qBACJ,MAAM,GAAG,MAAM,GAAG,OAAO;;;;KAiNmD,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;uBAvMM,MAAM,OAAO;uBACb,MAAM,OAAO;;;YAKxB,YAAY,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI;YACpD,OAAO,WAAW,yBAAyB,GAAG,IAAI;;EAoMpD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAI,CAAC;wBACvD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

package/dist/types/composables/useFetchInfinite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFetchInfinite.d.ts","sourceRoot":"","sources":["../../../src/composables/useFetchInfinite.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EAEpB,gBAAgB,EACjB,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAW9B,UAAU,uBAAuB,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB;IACrE;;;OAGG;IACH,OAAO,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAA;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;CAClC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,GAAI,GAAG,SAAS,MAAM,GAAG,gBAAgB,EAAE,wBAGrE,uBAAuB,CAAC,GAAG,CAAC;;;;;;;;;;;;;CA8T9B,CAAA"}
+{"version":3,"file":"useFetchInfinite.d.ts","sourceRoot":"","sources":["../../../src/composables/useFetchInfinite.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EAEpB,gBAAgB,EACjB,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAW9B,UAAU,uBAAuB,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB;IACrE;;;OAGG;IACH,OAAO,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAA;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;CAClC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,GAAI,GAAG,SAAS,MAAM,GAAG,gBAAgB,EAAE,wBAGrE,uBAAuB,CAAC,GAAG,CAAC;;;;;;;;;;;;;CA4T9B,CAAA"}

package/dist/types/types/index.d.ts

@@ -1,5 +1,4 @@
-import type { GridApi, SortModelItem, ValueFormatterFunc } from 'ag-grid-community';
-import type { Component } from 'vue';
+import type { GridApi } from 'ag-grid-community';
 export type TableDataGridMode = 'infinite';
 export type TableDataGridRow = Record<string, unknown>;
 export type TableDataGridState = 'loading' | 'success' | 'error';
@@ -7,29 +6,17 @@ export type TableDataGridStatePayload = {
     state: TableDataGridState;
     hasData: boolean;
 };
-export type TableDataGridRowClickPayload<Row extends object = TableDataGridRow> = Row;
 export type TableDataGridHeader<Row extends object = TableDataGridRow> = {
     key: Extract<keyof Row, string>;
     label: string;
     width?: number;
     minWidth?: number;
     maxWidth?: number;
-    /** Pins the column to the left or right edge of the grid. */
-    pinned?: 'left' | 'right';
-    /** Vue component used to render this column's cells. */
-    cellRenderer?: Component;
-    /** Extra props passed to `cellRenderer`. */
-    cellRendererParams?: Record<string, unknown>;
-    /** Formats the raw cell value for display. */
-    valueFormatter?: ValueFormatterFunc<Row>;
-    /** Enables sorting UI for this column. The `fetcher` must apply `params.sort` server-side. */
-    sortable?: boolean;
 };
 export interface TableDataGridInfiniteFetcherParams {
     mode: 'infinite';
     pageSize: number;
     cursor?: unknown;
-    sort?: SortModelItem[];
 }
 export type TableDataGridFetcherResult<Row extends object = TableDataGridRow> = {
     data: Row[];

package/dist/types/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAA;AAC1C,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AACtD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEhE,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,kBAAkB,CAAA;IACzB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,4BAA4B,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI,GAAG,CAAA;AAErF,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI;IACvE,GAAG,EAAE,OAAO,CAAC,MAAM,GAAG,EAAE,MAAM,CAAC,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACzB,wDAAwD;IACxD,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC5C,8CAA8C;IAC9C,cAAc,CAAC,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAA;IACxC,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,WAAW,kCAAkC;IACjD,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,aAAa,EAAE,CAAA;CACvB;AAED,MAAM,MAAM,0BAA0B,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI;IAC9E,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI,CACxE,MAAM,EAAE,kCAAkC,KACvC,OAAO,CAAC,0BAA0B,CAAC,GAAG,CAAC,CAAC,CAAA;AAE7C,MAAM,MAAM,yBAAyB,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI,OAAO,CAAC,GAAG,CAAC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAA;AAC1C,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AACtD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEhE,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,kBAAkB,CAAA;IACzB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI;IACvE,GAAG,EAAE,OAAO,CAAC,MAAM,GAAG,EAAE,MAAM,CAAC,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,WAAW,kCAAkC;IACjD,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,MAAM,0BAA0B,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI;IAC9E,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI,CACxE,MAAM,EAAE,kCAAkC,KACvC,OAAO,CAAC,0BAA0B,CAAC,GAAG,CAAC,CAAC,CAAA;AAE7C,MAAM,MAAM,yBAAyB,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI,OAAO,CAAC,GAAG,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/table-data-grid",
-  "version": "0.3.12-pr.3713.c0f383522.0",
+  "version": "0.3.12",
   "type": "module",
   "main": "./dist/table-data-grid.umd.js",
   "module": "./dist/table-data-grid.es.js",
@@ -21,7 +21,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "@kong/kongponents": "9.64.3",
+    "@kong/kongponents": "9.64.10",
     "vue": "^3.5.35",
     "@kong-ui-public/i18n": "^2.5.1"
   },