@kong-ui-public/table-data-grid 0.5.4-pr.3859.b2d12ecfc.0 → 0.5.4-pr.3859.bfd87f8bb.0

package/README.md

@@ -3,7 +3,7 @@
 Reusable Vue wrapper around AG Grid for Kong table data grids.
 
 This package supports AG Grid infinite row loading with a cursor-first fetcher
-contract and complete-result loading through its client-side row model. It also
+contract and host-supplied complete results through its client-side row model. It also
 provides basic column definitions, single-column sorting, empty/error
 presentation states, and state lifecycle emits.
 
@@ -114,11 +114,12 @@ const handleState = (payload: TableDataGridStatePayload) => {
 | Prop | Type | Required | Default | Notes |
 | --- | --- | --- | --- | --- |
 | `headers` | `Array<TableDataGridHeader<Row>>` | Yes | - | Basic column definitions mapped to AG Grid columns. |
-| `fetcher` | `TableDataGridFetcher<Row> \| TableDataGridUnpaginatedFetcher<Row>` | Yes | - | Async row loader for the selected mode. |
-| `mode` | `'infinite' \| 'unpaginated'` | No | `'infinite'` | Selects the fetcher contract and AG Grid row model. |
+| `fetcher` | `TableDataGridFetcher<Row>` | Infinite mode | - | Async row loader called by the AG Grid infinite datasource. |
+| `rows` | `Row[]` | Unpaginated mode | - | Complete host-owned result. The grid does not fetch in this mode. |
+| `mode` | `'infinite' \| 'unpaginated'` | No | `'infinite'` | Selects `fetcher` or `rows` and the AG Grid row model. |
 | `error` | `boolean` | No | `false` | Host-controlled visible error state. Internal fetch failures emit state but do not render error UI unless this prop is true. |
-| `pageSize` | `number` | No | `25` | AG Grid cache block size and fetcher request size. `tableConfig.pageSize` wins when present. |
-| `refreshKey` | `string \| number \| boolean` | No | - | Parent invalidation signal that reloads the current result. |
+| `pageSize` | `number` | No | `25` | Infinite mode only. AG Grid cache block size and fetcher request size. `tableConfig.pageSize` wins when present. |
+| `refreshKey` | `string \| number \| boolean` | No | - | Infinite mode only. Parent invalidation signal that rebuilds the datasource from the beginning. |
 | `tableConfig` | `TableDataGridConfig` | No | - | Host-controlled current sort and page size. Restores a previously-chosen sort on mount, or moves it after mount, without a click. Uncontrolled (internal state) when omitted. |
 
 ## Fetcher Contract
@@ -163,36 +164,29 @@ the public fetcher contract.
 is omitted, `hasMore: false` or a response shorter than `pageSize` marks the last
 loaded row as the end of the dataset.
 
-For a complete result that must be loaded once and rendered without pagination,
-set `mode="unpaginated"`. The fetcher receives no page size, cursor, sort, or
-other pagination values, and its complete result is passed to AG Grid's internal
-client-side row model. Changing `refreshKey` or the fetcher starts one new
-request; scrolling through the result does not call the fetcher again.
+## Complete Results
+
+For a complete result that the host already loaded, set `mode="unpaginated"`
+and pass `rows`. The rows go to AG Grid's client-side row model. The grid does
+not fetch, show a loading overlay, or emit `state` events in this mode. The host
+owns loading, refresh, and error handling, and replaces `rows` when its result
+changes. An empty `rows` array shows the empty state.
 
 ```vue
 <TableDataGrid
   mode="unpaginated"
-  :fetcher="fetchTopRows"
   :headers="headers"
-  :refresh-key="refreshKey"
+  :rows="rows"
 />
-
-<script setup lang="ts">
-import type { TableDataGridUnpaginatedFetcher } from '@kong-ui-public/table-data-grid'
-
-const fetchTopRows: TableDataGridUnpaginatedFetcher<Row> = async () => ({
-  data: await loadAllRows(),
-})
-</script>
 ```
 
 ## Refresh Behavior
 
 `refreshKey` is a parent-owned invalidation signal. Changing it rebuilds the
 infinite datasource, clears stored cursors, and starts again from the first
-block with `cursor: undefined`. In `unpaginated` mode it starts one new
-complete-result request instead and keeps the previous rows visible while that
-request is pending.
+block with `cursor: undefined`. Replacing `fetcher` triggers the same reset;
+subsequent requests use the new function and superseded responses cannot update
+current rows or error state.
 
 This reset is required for cursor APIs because cursor values are only valid
 relative to the response and query chain that produced them. Reusing a later
@@ -311,7 +305,7 @@ Columns without a matching slot render their raw `rowValue`.
 | Event | Payload | When it fires |
 | --- | --- | --- |
 | `grid:ready` | `GridApi<Row>` | AG Grid is ready. |
-| `state` | `{ state: 'loading' \| 'success' \| 'error', hasData: boolean }` | Internal fetch lifecycle changes after fetching starts. |
+| `state` | `{ state: 'loading' \| 'success' \| 'error', hasData: boolean }` | Internal fetch lifecycle changes after the datasource starts requesting rows. Not emitted in `unpaginated` mode. |
 | `row:click` | `(row: TableDataGridRowClickPayload<Row>, event: RowClickedEvent<Row>)` | A row is clicked, unless the click landed in a `disableRowClick` column. |
 | `cell:click` | `TableDataGridCellClickPayload<Row>` | Any cell is clicked, including cells in `disableRowClick` columns. |
 | `sort` | `TableDataGridSort` | The current single-column sort changes. Fires before `update:tableConfig`. |
@@ -337,11 +331,8 @@ Columns without a matching slot render their raw `rowValue`.
 - `TableDataGridHeader`
 - `TableDataGridProps`
 - `TableDataGridInfiniteFetcherParams`
-- `TableDataGridUnpaginatedFetcherParams`
 - `TableDataGridFetcherResult`
 - `TableDataGridFetcher`
-- `TableDataGridUnpaginatedFetcherResult`
-- `TableDataGridUnpaginatedFetcher`
 - `TableDataGridReadyPayload`
 - `TableDataGridSortDirection`
 - `TableDataGridSort`

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-6f18dff4]{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-6f18dff4]{--ag-background-color: var(--kui-color-background, #ffffff);--ag-border-color: var(--kui-color-border, #e0e4ea);--ag-foreground-color: var(--kui-color-text, #0d0e14);--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-855f0444]{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-855f0444]{--ag-background-color: var(--kui-color-background, #ffffff);--ag-border-color: var(--kui-color-border, #e0e4ea);--ag-foreground-color: var(--kui-color-text, #0d0e14);--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,41 +1,40 @@
-import { computed as h, watch as G, ref as I, shallowRef as E, readonly as R, getCurrentScope as ne, onScopeDispose as le, defineComponent as Q, onMounted as re, onUnmounted as se, nextTick as ie, resolveComponent as J, openBlock as _, createBlock as X, resolveDynamicComponent as ce, createElementBlock as F, createVNode as L, withCtx as ue, createElementVNode as de, toDisplayString as fe, toRef as T, useSlots as ve, renderSlot as j, unref as p } from "vue";
-import { AgGridVue as me } from "ag-grid-vue3";
-import { ModuleRegistry as Ce, AllCommunityModule as pe, ClientSideRowModelModule as ge, InfiniteRowModelModule as he, themeQuartz as ye } from "ag-grid-community";
-import { createI18n as Se, i18nTComponent as be } from "@kong-ui-public/i18n";
-var x = /* @__PURE__ */ ((e) => (e.PENDING = "PENDING", e.LOADING = "LOADING", e.SUCCESS = "SUCCESS", e.ERROR = "ERROR", e))(x || {});
-const ke = (e) => !!e?.length;
-function we(e, i, t, a = ke, l = !1) {
-  const r = h(() => a(e.value)), o = h(() => {
-    const n = e.value !== void 0, s = i.value !== void 0 && i.value !== null;
-    return t.value ? "LOADING" : s && l ? "ERROR" : r.value ? "SUCCESS" : s ? "ERROR" : n ? "SUCCESS" : "PENDING";
+import { computed as p, watch as B, ref as O, shallowRef as T, readonly as N, shallowReadonly as Y, defineComponent as Q, onMounted as Z, onUnmounted as ee, nextTick as te, resolveComponent as J, openBlock as K, createBlock as X, resolveDynamicComponent as oe, createElementBlock as M, createVNode as _, withCtx as ae, createElementVNode as le, toDisplayString as ne, useSlots as re, toRef as I, renderSlot as H, unref as g } from "vue";
+import { AgGridVue as se } from "ag-grid-vue3";
+import { ModuleRegistry as ie, AllCommunityModule as ce, ClientSideRowModelModule as ue, InfiniteRowModelModule as de, themeQuartz as ve } from "ag-grid-community";
+import { createI18n as me, i18nTComponent as fe } from "@kong-ui-public/i18n";
+var F = /* @__PURE__ */ ((e) => (e.PENDING = "PENDING", e.LOADING = "LOADING", e.SUCCESS = "SUCCESS", e.ERROR = "ERROR", e))(F || {});
+const Ce = (e) => !!e?.length;
+function ge(e, n, t, l = Ce) {
+  const r = p(() => l(e.value)), c = p(() => {
+    const C = e.value !== void 0, a = n.value !== void 0 && n.value !== null;
+    return t.value ? "LOADING" : r.value ? "SUCCESS" : a ? "ERROR" : C ? "SUCCESS" : "PENDING";
   });
   return {
-    fetchState: x,
+    fetchState: F,
     hasData: r,
-    state: o
+    state: c
   };
 }
-const De = ({
+const pe = ({
   emitState: e,
-  emitInitialState: i = !1,
-  fetchLifecycleState: t,
-  hasData: a
+  fetchLifecycleState: n,
+  hasData: t
 }) => {
-  G(
+  B(
     () => ({
-      hasData: a.value,
-      state: t.value
+      hasData: t.value,
+      state: n.value
     }),
     ({ hasData: l, state: r }) => {
-      if (r !== x.PENDING) {
-        if (r === x.LOADING) {
+      if (r !== F.PENDING) {
+        if (r === F.LOADING) {
           e({
             hasData: l,
             state: "loading"
           });
           return;
         }
-        if (r === x.ERROR) {
+        if (r === F.ERROR) {
           e({
             hasData: l,
             state: "error"
@@ -47,279 +46,241 @@ const De = ({
           state: "success"
         });
       }
-    },
-    { immediate: i }
+    }
   );
-}, Re = ({ startRow: e, endRow: i }) => {
-  const t = i - e;
+}, he = ({ startRow: e, endRow: n }) => {
+  const t = n - e;
   return {
     blockIndex: t > 0 ? Math.floor(e / t) : 0,
     pageSize: t
   };
-}, Ie = ({
+}, ye = ({
   startRow: e,
-  rowsLength: i,
+  rowsLength: n,
   pageSize: t,
-  total: a,
-  hasMore: l
+  total: l,
+  hasMore: r
 }) => {
-  if (typeof a == "number")
-    return a;
-  if (l !== !0 && (l === !1 || i < t))
-    return e + i;
-}, Ee = ({
+  if (typeof l == "number")
+    return l;
+  if (r !== !0 && (r === !1 || n < t))
+    return e + n;
+}, Se = ({
   fetcher: e,
-  resetKey: i,
+  resetKey: n,
   sort: t
 }) => {
-  const a = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), r = I(0), o = E(), m = E(), n = E(), s = I(0), c = I(!1), g = (u) => u === r.value, k = () => {
-    c.value = s.value > 0;
-  }, w = () => {
-    n.value = void 0, s.value += 1, k();
-  }, D = () => {
-    s.value = Math.max(0, s.value - 1), k();
-  }, C = (u) => {
-    const d = l.get(u);
-    if (d)
-      return d;
+  const l = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), c = O(0), o = T(), C = T(), a = T(), s = O(0), m = O(!1);
+  let b, E;
+  const S = (i) => i === c.value && b === e.value && E === n?.value, w = () => {
+    m.value = s.value > 0;
+  }, f = () => {
+    a.value = void 0, s.value += 1, w();
+  }, R = () => {
+    s.value = Math.max(0, s.value - 1), w();
+  }, x = (i) => {
+    const u = r.get(i);
+    if (u)
+      return u;
     let v;
-    const S = {
-      promise: new Promise((f) => {
-        v = f;
+    const y = {
+      promise: new Promise((d) => {
+        v = d;
       }),
-      resolve: (f) => v(f)
+      resolve: (d) => v(d)
     };
-    return l.set(u, S), S;
-  }, b = (u, d) => {
-    d.resolve(!1), l.get(u) === d && l.delete(u);
-  }, O = async ({
-    blockIndex: u,
-    currentBlockCompletion: d,
+    return r.set(i, y), y;
+  }, k = (i, u) => {
+    u.resolve(!1), r.get(i) === u && r.delete(i);
+  }, $ = async ({
+    blockIndex: i,
+    currentBlockCompletion: u,
     datasourceId: v
   }) => {
-    if (u === 0)
+    if (i === 0)
       return "ready";
-    const S = l.get(u - 1);
-    if (!S)
-      return b(u, d), "failed";
-    const f = await S.promise;
-    return g(v) ? f ? "ready" : (b(u, d), "failed") : (b(u, d), "stale");
-  }, z = ({
-    blockIndex: u,
-    currentBlockCompletion: d,
+    const y = r.get(i - 1);
+    if (!y)
+      return k(i, u), "failed";
+    const d = await y.promise;
+    return S(v) ? d ? "ready" : (k(i, u), "failed") : (k(i, u), "stale");
+  }, D = ({
+    blockIndex: i,
+    currentBlockCompletion: u,
     getRowsParams: v,
-    pageSize: S,
-    result: f
+    pageSize: y,
+    result: d
   }) => {
-    f.cursor !== void 0 && a.set(u, f.cursor), v.successCallback(f.data, Ie({
+    d.cursor !== void 0 && l.set(i, d.cursor), v.successCallback(d.data, ye({
       startRow: v.startRow,
-      rowsLength: f.data.length,
-      pageSize: S,
-      total: f.total,
-      hasMore: f.hasMore
-    })), v.startRow === 0 && (m.value = f.data), d.resolve(!0);
-  }, M = ({
-    blockIndex: u,
-    currentBlockCompletion: d,
+      rowsLength: d.data.length,
+      pageSize: y,
+      total: d.total,
+      hasMore: d.hasMore
+    })), v.startRow === 0 && (C.value = d.data), u.resolve(!0);
+  }, A = ({
+    blockIndex: i,
+    currentBlockCompletion: u,
     fetchError: v,
-    getRowsParams: S
+    getRowsParams: y
   }) => {
-    n.value = v, S.failCallback(), b(u, d);
-  }, N = () => {
-    const u = r.value + 1;
-    return r.value = u, a.clear(), l.clear(), m.value = void 0, n.value = void 0, s.value = 0, k(), {
-      async getRows(d) {
+    a.value = v, y.failCallback(), k(i, u);
+  }, U = () => {
+    b = e.value, E = n?.value;
+    const i = c.value + 1;
+    return c.value = i, l.clear(), r.clear(), C.value = void 0, a.value = void 0, s.value = 0, w(), {
+      async getRows(u) {
+        if (!S(i)) {
+          u.failCallback();
+          return;
+        }
         const {
           blockIndex: v,
-          pageSize: S
-        } = Re({
-          startRow: d.startRow,
-          endRow: d.endRow
-        }), f = C(v);
-        if (await O({
+          pageSize: y
+        } = he({
+          startRow: u.startRow,
+          endRow: u.endRow
+        }), d = x(v);
+        if (await $({
           blockIndex: v,
-          currentBlockCompletion: f,
-          datasourceId: u
-        }) !== "ready") {
-          d.failCallback();
+          currentBlockCompletion: d,
+          datasourceId: i
+        }) !== "ready" || !S(i)) {
+          u.failCallback(), k(v, d);
           return;
         }
-        g(u) && w();
+        f();
         try {
-          const K = v > 0 ? a.get(v - 1) : void 0, A = await e({
+          const G = v > 0 ? l.get(v - 1) : void 0, V = await e.value({
             mode: "infinite",
-            pageSize: S,
-            cursor: K,
+            pageSize: y,
+            cursor: G,
             // Always read the latest sort, not a stale one.
             sort: t?.value
           });
-          if (!g(u)) {
-            d.failCallback(), b(v, f);
+          if (!S(i)) {
+            u.failCallback(), k(v, d);
             return;
           }
-          z({
+          D({
             blockIndex: v,
-            currentBlockCompletion: f,
-            getRowsParams: d,
-            pageSize: S,
-            result: A
+            currentBlockCompletion: d,
+            getRowsParams: u,
+            pageSize: y,
+            result: V
           });
-        } catch (K) {
-          if (!g(u)) {
-            d.failCallback(), b(v, f);
+        } catch (G) {
+          if (!S(i)) {
+            u.failCallback(), k(v, d);
             return;
           }
-          M({
+          A({
             blockIndex: v,
-            currentBlockCompletion: f,
-            fetchError: K,
-            getRowsParams: d
+            currentBlockCompletion: d,
+            fetchError: G,
+            getRowsParams: u
           });
         } finally {
-          g(u) && D();
+          S(i) && R();
         }
       }
     };
-  }, B = () => {
-    o.value = N();
+  }, z = () => {
+    o.value = U();
   };
-  return G(
-    () => i?.value,
+  return B(
+    [e, () => n?.value],
     () => {
-      B();
+      z();
     },
     { immediate: !0 }
   ), {
-    datasource: R(o),
-    data: R(m),
-    error: R(n),
-    isFetching: R(c)
-  };
-}, Ke = ({
-  fetcher: e,
-  resetKey: i
-}) => {
-  const t = E(), a = E(), l = I(!1);
-  let r = 0, o = !1, m = !1;
-  const n = async () => {
-    if (m)
-      return;
-    const c = ++r;
-    l.value = !0, a.value = void 0;
-    try {
-      const g = await e.value({ mode: "unpaginated" });
-      if (c !== r)
-        return;
-      t.value = g.data;
-    } catch (g) {
-      c === r && (a.value = g);
-    } finally {
-      c === r && (l.value = !1);
-    }
+    datasource: N(o),
+    data: Y(C),
+    error: N(a),
+    isFetching: N(m)
   };
-  return G(
-    [
-      () => i?.value,
-      e
-    ],
-    () => {
-      r += 1, l.value = !0, a.value = void 0, !o && (o = !0, queueMicrotask(() => {
-        o = !1, n();
-      }));
-    },
-    { flush: "sync" }
-  ), n(), ne() && le(() => {
-    m = !0, r += 1;
-  }), {
-    data: R(t),
-    // The client-side row model has no AG Grid datasource. Keeping this
-    // explicit lets the component bind one common fetch-result shape without
-    // creating the infinite cursor machinery for this mode.
-    datasource: void 0,
-    error: R(a),
-    isFetching: R(l)
-  };
-}, _e = {
+}, be = {
   key: 1,
   class: "table-data-grid-cell-renderer"
-}, Oe = /* @__PURE__ */ Q({
+}, ke = /* @__PURE__ */ Q({
   name: "TableDataGridCellRenderer",
   __name: "TableDataGridCellRenderer",
   props: {
     params: {}
   },
-  setup(e, { expose: i }) {
-    const t = E(e.params), a = I(null), l = I(!1), r = h(() => t.value.valueFormatted ?? String(t.value.value ?? "")), o = h(() => {
-      const C = t.value.colDef?.colId;
-      return C ? t.value.context?.cells?.slots?.[C] : void 0;
-    }), m = h(() => ({
+  setup(e, { expose: n }) {
+    const t = T(e.params), l = O(null), r = O(!1), c = p(() => t.value.valueFormatted ?? String(t.value.value ?? "")), o = p(() => {
+      const f = t.value.colDef?.colId;
+      return f ? t.value.context?.cells?.slots?.[f] : void 0;
+    }), C = p(() => ({
       column: t.value.headerDef,
       refreshCell: () => {
-        const C = t.value.node;
-        C && t.value.api.refreshCells({ force: !0, rowNodes: [C] });
+        const f = t.value.node;
+        f && t.value.api.refreshCells({ force: !0, rowNodes: [f] });
       },
       row: t.value.data ?? {},
       rowIndex: t.value.node?.rowIndex ?? 0,
       rowValue: t.value.value,
       selected: t.value.node?.isSelected() ?? !1
-    })), n = () => o.value?.(m.value);
-    let s, c, g = !1;
-    const k = () => {
-      const C = a.value;
-      l.value = !!C && C.scrollWidth > C.clientWidth;
-    }, w = () => {
-      g || (c !== void 0 && cancelAnimationFrame(c), c = requestAnimationFrame(() => {
-        c = void 0, k();
+    })), a = () => o.value?.(C.value);
+    let s, m, b = !1;
+    const E = () => {
+      const f = l.value;
+      r.value = !!f && f.scrollWidth > f.clientWidth;
+    }, S = () => {
+      b || (m !== void 0 && cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+        m = void 0, E();
       }));
-    }, D = (C) => {
-      if (s?.disconnect(), C) {
-        s?.observe(C);
-        const b = C.closest(".ag-cell");
-        b && s?.observe(b);
+    }, w = (f) => {
+      if (s?.disconnect(), f) {
+        s?.observe(f);
+        const R = f.closest(".ag-cell");
+        R && s?.observe(R);
       }
-      w();
+      S();
     };
-    return re(() => {
-      s = new ResizeObserver(w), D(a.value);
-    }), G(a, D, { flush: "post" }), se(() => {
-      g = !0, s?.disconnect(), c !== void 0 && cancelAnimationFrame(c);
-    }), i({
-      refresh(C) {
-        return t.value = C, ie(w), !0;
+    return Z(() => {
+      s = new ResizeObserver(S), w(l.value);
+    }), B(l, w, { flush: "post" }), ee(() => {
+      b = !0, s?.disconnect(), m !== void 0 && cancelAnimationFrame(m);
+    }), n({
+      refresh(f) {
+        return t.value = f, te(S), !0;
       }
-    }), (C, b) => {
-      const O = J("KTooltip");
-      return o.value ? (_(), X(ce(n), { key: 0 })) : (_(), F("span", _e, [
-        L(O, {
+    }), (f, R) => {
+      const x = J("KTooltip");
+      return o.value ? (K(), X(oe(a), { key: 0 })) : (K(), M("span", be, [
+        _(x, {
           class: "table-data-grid-cell-tooltip",
-          disabled: !l.value,
+          disabled: !r.value,
           "kpop-attributes": { popoverDelay: 400 },
           "max-width": "300",
           placement: "bottom-start",
           target: "body",
-          text: r.value
+          text: c.value
         }, {
-          default: ue(() => [
-            de("span", {
+          default: ae(() => [
+            le("span", {
               ref_key: "contentElement",
-              ref: a,
+              ref: l,
               class: "table-data-grid-cell-content"
-            }, fe(r.value), 513)
+            }, ne(c.value), 513)
           ]),
           _: 1
         }, 8, ["disabled", "text"])
       ]));
     };
   }
-}), xe = ({
+}), we = ({
   headers: e,
-  slots: i,
+  slots: n,
   initialSort: t
 }) => {
-  const a = h(() => ({
-    cells: { slots: i }
-  })), l = (o) => {
-    const m = t?.sortColumnKey === o.key;
+  const l = p(() => ({
+    cells: { slots: n }
+  })), r = (o) => {
+    const C = t?.sortColumnKey === o.key;
     return {
       colId: o.key,
       // Columns with no explicit width constraint share remaining space equally.
@@ -329,240 +290,240 @@ const De = ({
       minWidth: o.minWidth,
       sortable: o.sortable ?? !1,
       unSortIcon: o.showSortIcon,
-      ...m ? { initialSort: t?.sortColumnOrder, initialSortIndex: 0 } : {},
-      valueGetter: (n) => n.data?.[o.key],
+      ...C ? { initialSort: t?.sortColumnOrder, initialSortIndex: 0 } : {},
+      valueGetter: (a) => a.data?.[o.key],
       width: o.width,
-      cellRenderer: Oe,
+      cellRenderer: ke,
       // custom params passed to the cell renderer.
       cellRendererParams: { headerDef: o }
     };
   };
   return {
-    columnDefs: h(() => e.value.map(l)),
-    gridContext: a
+    columnDefs: p(() => e.value.map(r)),
+    gridContext: l
   };
-}, U = ({
+}, W = ({
   config: e,
-  headers: i,
+  headers: n,
   pageSize: t
 }) => {
-  const a = new Set(i.filter((r) => r.sortable).map((r) => r.key)), l = e?.sortColumnKey && a.has(e.sortColumnKey) ? e.sortColumnKey : void 0;
+  const l = new Set(n.filter((c) => c.sortable).map((c) => c.key)), r = e?.sortColumnKey && l.has(e.sortColumnKey) ? e.sortColumnKey : void 0;
   return {
-    sortColumnKey: l,
-    sortColumnOrder: l ? e?.sortColumnOrder : void 0,
+    sortColumnKey: r,
+    sortColumnOrder: r ? e?.sortColumnOrder : void 0,
     pageSize: e?.pageSize ?? t
   };
-}, H = (e, i) => e.sortColumnKey === i.sortColumnKey && e.sortColumnOrder === i.sortColumnOrder && e.pageSize === i.pageSize, Ge = ({
+}, P = (e, n) => e.sortColumnKey === n.sortColumnKey && e.sortColumnOrder === n.sortColumnOrder && e.pageSize === n.pageSize, De = ({
   headers: e,
-  pageSize: i,
+  pageSize: n,
   tableConfig: t,
-  emitTableConfigUpdate: a,
-  onExternalConfigChange: l
+  emitTableConfigUpdate: l,
+  onExternalConfigChange: r
 }) => {
-  const r = h(() => t.value ? U({ config: t.value, headers: e.value, pageSize: i.value }) : void 0), o = I(
-    r.value ?? U({ config: void 0, headers: e.value, pageSize: i.value })
+  const c = p(() => t.value ? W({ config: t.value, headers: e.value, pageSize: n.value }) : void 0), o = O(
+    c.value ?? W({ config: void 0, headers: e.value, pageSize: n.value })
   );
-  G(r, (c) => {
-    c && !H(c, o.value) && (o.value = c, l?.(c));
+  B(c, (m) => {
+    m && !P(m, o.value) && (o.value = m, r?.(m));
   });
-  const m = (c) => {
-    const g = U({
-      config: { ...o.value, ...c },
+  const C = (m) => {
+    const b = W({
+      config: { ...o.value, ...m },
       headers: e.value,
-      pageSize: i.value
+      pageSize: n.value
     });
-    H(g, o.value) || (o.value = g, a(g));
-  }, n = h(() => ({
+    P(b, o.value) || (o.value = b, l(b));
+  }, a = p(() => ({
     sortColumnKey: o.value.sortColumnKey,
     sortColumnOrder: o.value.sortColumnOrder
-  })), s = h(() => t.value?.pageSize ?? i.value);
+  })), s = p(() => t.value?.pageSize ?? n.value);
   return {
-    activeTableConfig: R(o),
-    activeSort: n,
+    activeTableConfig: N(o),
+    activeSort: a,
     activePageSize: s,
-    patchTableConfig: m
+    patchTableConfig: C
   };
-}, Te = ({
+}, Re = ({
   cellClick: e,
-  headers: i,
+  headers: n,
   rowClick: t
 }) => {
-  const a = h(() => new Set(
-    i.value.filter((n) => n.disableRowClick).map((n) => n.key)
-  )), l = (n) => {
-    const s = n.event?.target;
+  const l = p(() => new Set(
+    n.value.filter((a) => a.disableRowClick).map((a) => a.key)
+  )), r = (a) => {
+    const s = a.event?.target;
     return s instanceof Element ? s.closest(".ag-cell")?.getAttribute("col-id") ?? void 0 : void 0;
-  }, r = (n) => {
-    const s = l(n);
-    return !!(s && a.value.has(s));
+  }, c = (a) => {
+    const s = r(a);
+    return !!(s && l.value.has(s));
   };
   return {
-    onCellClick: (n) => {
-      const s = n.colDef.colId;
-      !n.data || !s || e({
+    onCellClick: (a) => {
+      const s = a.colDef.colId;
+      !a.data || !s || e({
         columnKey: s,
-        row: n.data,
-        value: n.value
+        row: a.data,
+        value: a.value
       });
     },
-    onRowClick: (n) => {
-      n.data && !r(n) && t(n.data, n);
+    onRowClick: (a) => {
+      a.data && !c(a) && t(a.data, a);
     }
   };
-}, Fe = ({
+}, Ie = ({
   activeSort: e,
-  emitSort: i,
+  emitSort: n,
   patchTableConfig: t
 }) => {
-  const a = (r, o) => {
-    r.applyColumnState({
+  const l = (c, o) => {
+    c.applyColumnState({
       state: o.sortColumnKey ? [{ colId: o.sortColumnKey, sort: o.sortColumnOrder ?? null, sortIndex: 0 }] : [],
       defaultState: { sort: null, sortIndex: null }
     });
   };
-  return { onSortChanged: (r) => {
-    const o = r.api.getColumnState().filter((s) => s.sort).sort((s, c) => (s.sortIndex ?? 0) - (c.sortIndex ?? 0)), m = o[o.length - 1], n = m ? { sortColumnKey: m.colId, sortColumnOrder: m.sort } : { sortColumnKey: void 0, sortColumnOrder: void 0 };
-    n.sortColumnKey === e.value.sortColumnKey && n.sortColumnOrder === e.value.sortColumnOrder || (i(n), t(n), o.length > 1 && a(r.api, n));
-  }, applySortToGrid: a };
-}, ze = { title: "No Data", message: "There is no data to display." }, Me = { title: "An error occurred", message: "Data cannot be displayed due to an error." }, Ne = {
-  emptyState: ze,
-  errorState: Me
+  return { onSortChanged: (c) => {
+    const o = c.api.getColumnState().filter((s) => s.sort).sort((s, m) => (s.sortIndex ?? 0) - (m.sortIndex ?? 0)), C = o[o.length - 1], a = C ? { sortColumnKey: C.colId, sortColumnOrder: C.sort } : { sortColumnKey: void 0, sortColumnOrder: void 0 };
+    a.sortColumnKey === e.value.sortColumnKey && a.sortColumnOrder === e.value.sortColumnOrder || (n(a), t(a), o.length > 1 && l(c.api, a));
+  }, applySortToGrid: l };
+}, Ee = { title: "No Data", message: "There is no data to display." }, Ke = { title: "An error occurred", message: "Data cannot be displayed due to an error." }, Oe = {
+  emptyState: Ee,
+  errorState: Ke
 };
-function Be() {
-  const e = Se("en-us", Ne);
+function xe() {
+  const e = me("en-us", Oe);
   return {
     i18n: e,
-    i18nT: be(e)
+    i18nT: fe(e)
     // Translation component <i18n-t>
   };
 }
-const Ae = {
+const Ge = {
   class: "kong-ui-public-table-data-grid",
   "data-testid": "table-data-grid"
-}, Ue = {
+}, Te = {
   key: 0,
   class: "table-error-state",
   "data-testid": "table-error-state"
-}, Le = {
+}, Fe = {
   key: 1,
   class: "table-empty-state",
   "data-testid": "table-empty-state"
-}, Ve = /* @__PURE__ */ Q({
+}, ze = /* @__PURE__ */ Q({
   __name: "TableDataGrid",
   props: {
     headers: {},
-    error: { type: Boolean },
-    pageSize: {},
-    refreshKey: { type: [String, Number, Boolean] },
+    error: { type: Boolean, default: !1 },
     tableConfig: {},
     fetcher: { type: Function },
-    mode: {}
+    mode: {},
+    pageSize: { default: 25 },
+    refreshKey: { type: [String, Number, Boolean] },
+    rows: {}
   },
   emits: ["grid:ready", "state", "row:click", "cell:click", "sort", "update:tableConfig"],
-  setup(e, { emit: i }) {
-    Ce.registerModules([pe, ge, he]);
-    const t = e, a = t.mode ?? "infinite", l = T(t, "headers"), r = h(() => t.error ?? !1), o = h(() => t.pageSize ?? 25), m = T(t, "refreshKey"), n = T(t, "tableConfig"), s = i, { i18n: { t: c } } = Be(), g = ve(), k = E(), { activeTableConfig: w, activeSort: D, activePageSize: C, patchTableConfig: b } = Ge({
-      headers: l,
-      pageSize: o,
-      tableConfig: n,
-      emitTableConfigUpdate: (y) => s("update:tableConfig", y),
-      onExternalConfigChange: (y) => {
-        k.value && z(k.value, y);
+  setup(e, { emit: n }) {
+    ie.registerModules([ce, ue, de]);
+    const t = e.mode ?? "infinite", l = n, { i18n: { t: r } } = xe(), c = re(), o = T(), { activeTableConfig: C, activeSort: a, activePageSize: s, patchTableConfig: m } = De({
+      headers: I(() => e.headers),
+      pageSize: I(() => e.pageSize),
+      tableConfig: I(() => e.tableConfig),
+      emitTableConfigUpdate: (h) => l("update:tableConfig", h),
+      onExternalConfigChange: (h) => {
+        o.value && E(o.value, h);
       }
-    }), { onSortChanged: O, applySortToGrid: z } = Fe({
-      activeSort: D,
-      emitSort: (y) => s("sort", y),
-      patchTableConfig: b
-    }), { onCellClick: M, onRowClick: N } = Te({
-      cellClick: (y) => s("cell:click", y),
-      headers: l,
-      rowClick: (y, $) => s("row:click", y, $)
-    }), B = {
+    }), { onSortChanged: b, applySortToGrid: E } = Ie({
+      activeSort: a,
+      emitSort: (h) => l("sort", h),
+      patchTableConfig: m
+    }), { onCellClick: S, onRowClick: w } = Re({
+      cellClick: (h) => l("cell:click", h),
+      headers: I(() => e.headers),
+      rowClick: (h, q) => l("row:click", h, q)
+    }), f = {
       resizable: !1,
       sortable: !1,
       suppressMovable: !0
-    }, u = h(() => w.value.sortColumnKey), d = h(() => w.value.sortColumnOrder), v = h(() => a === "unpaginated" ? [t.fetcher, m.value] : [
-      t.fetcher,
-      C.value,
-      m.value,
-      u.value,
-      d.value
-    ]), S = t.mode === "unpaginated" ? Ke({
-      fetcher: T(() => t.fetcher),
-      resetKey: v
-    }) : Ee({
-      fetcher: t.fetcher,
-      resetKey: v,
-      sort: D
-    }), {
-      data: f,
-      error: V,
-      isFetching: K
-    } = S, { datasource: A } = S, Y = h(() => f.value ? Array.from(f.value) : void 0), { columnDefs: Z, gridContext: ee } = xe({
-      headers: l,
-      slots: g,
-      initialSort: D.value
+    }, R = p(() => C.value.sortColumnKey), x = p(() => C.value.sortColumnOrder), k = p(() => [
+      s.value,
+      e.refreshKey,
+      R.value,
+      x.value
+    ]), D = t === "infinite" ? Se({
+      fetcher: I(() => {
+        if (!e.fetcher)
+          throw new Error("TableDataGrid requires a fetcher in infinite mode");
+        return e.fetcher;
+      }),
+      resetKey: k,
+      sort: a
+    }) : void 0, A = D?.datasource, U = p(() => D ? D.data.value : e.rows), z = p(() => D?.isFetching.value ?? !1), i = p(() => e.rows ? Array.from(e.rows) : void 0), { columnDefs: u, gridContext: v } = we({
+      headers: I(() => e.headers),
+      slots: c,
+      initialSort: a.value
     }), {
-      fetchState: te,
-      hasData: W,
-      state: q
-    } = we(f, V, K, void 0, a === "unpaginated"), oe = h(() => q.value === te.SUCCESS && !W.value);
-    De({
-      emitState: (y) => s("state", y),
-      emitInitialState: a === "unpaginated",
-      fetchLifecycleState: q,
-      hasData: W
+      fetchState: y,
+      hasData: d,
+      state: L
+    } = ge(
+      U,
+      I(() => D?.error.value),
+      z
+    ), G = p(() => L.value === y.SUCCESS && !d.value);
+    D && pe({
+      emitState: (h) => l("state", h),
+      fetchLifecycleState: L,
+      hasData: d
     });
-    const ae = (y) => {
-      k.value = y.api, s("grid:ready", y.api);
+    const V = (h) => {
+      o.value = h.api, l("grid:ready", h.api);
     };
-    return (y, $) => {
-      const P = J("KEmptyState");
-      return _(), F("div", Ae, [
-        r.value ? (_(), F("div", Ue, [
-          j(y.$slots, "error-state", {}, () => [
-            L(P, {
+    return (h, q) => {
+      const j = J("KEmptyState");
+      return K(), M("div", Ge, [
+        e.error ? (K(), M("div", Te, [
+          H(h.$slots, "error-state", {}, () => [
+            _(j, {
               "icon-variant": "error",
-              message: p(c)("errorState.message"),
-              title: p(c)("errorState.title")
+              message: g(r)("errorState.message"),
+              title: g(r)("errorState.title")
             }, null, 8, ["message", "title"])
           ], !0)
-        ])) : oe.value ? (_(), F("div", Le, [
-          j(y.$slots, "empty-state", {}, () => [
-            L(P, {
-              message: p(c)("emptyState.message"),
-              title: p(c)("emptyState.title")
+        ])) : G.value ? (K(), M("div", Fe, [
+          H(h.$slots, "empty-state", {}, () => [
+            _(j, {
+              message: g(r)("emptyState.message"),
+              title: g(r)("emptyState.title")
             }, null, 8, ["message", "title"])
           ], !0)
-        ])) : (_(), X(p(me), {
-          key: p(a),
-          "cache-block-size": p(a) === "infinite" ? p(C) : void 0,
+        ])) : (K(), X(g(se), {
+          key: g(t),
+          "cache-block-size": g(t) === "infinite" ? g(s) : void 0,
           class: "table-data-grid-grid",
-          "column-defs": p(Z),
-          context: p(ee),
-          datasource: p(a) === "infinite" ? p(A) : void 0,
-          "default-col-def": B,
-          "infinite-initial-row-count": p(a) === "infinite" ? 1 : void 0,
-          loading: p(K),
-          "row-data": p(a) === "unpaginated" ? Y.value : void 0,
-          "row-model-type": p(a) === "unpaginated" ? "clientSide" : "infinite",
+          "column-defs": g(u),
+          context: g(v),
+          datasource: g(t) === "infinite" ? g(A) : void 0,
+          "default-col-def": f,
+          "infinite-initial-row-count": g(t) === "infinite" ? 1 : void 0,
+          loading: z.value,
+          "row-data": g(t) === "unpaginated" ? i.value : void 0,
+          "row-model-type": g(t) === "unpaginated" ? "clientSide" : "infinite",
           "suppress-cell-focus": !0,
           "suppress-multi-sort": !0,
-          theme: p(ye),
-          onCellClicked: p(M),
-          onGridReady: ae,
-          onRowClicked: p(N),
-          onSortChanged: p(O)
+          theme: g(ve),
+          onCellClicked: g(S),
+          onGridReady: V,
+          onRowClicked: g(w),
+          onSortChanged: g(b)
         }, null, 8, ["cache-block-size", "column-defs", "context", "datasource", "infinite-initial-row-count", "loading", "row-data", "row-model-type", "theme", "onCellClicked", "onRowClicked", "onSortChanged"]))
       ]);
     };
   }
-}), We = (e, i) => {
+}), Ne = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [a, l] of i)
-    t[a] = l;
+  for (const [l, r] of n)
+    t[l] = r;
   return t;
-}, He = /* @__PURE__ */ We(Ve, [["__scopeId", "data-v-6f18dff4"]]);
+}, Le = /* @__PURE__ */ Ne(ze, [["__scopeId", "data-v-855f0444"]]);
 export {
-  He as TableDataGrid
+  Le as TableDataGrid
 };

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

@@ -1 +1 @@
-(function(k,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):(k=typeof globalThis<"u"?globalThis:k||self,e(k["kong-ui-public-table-data-grid"]={},k.Vue,k.AgGridVue,k.agGridCommunity,k["kong-ui-public-i18n"]))})(this,(function(k,e,U,E,G){"use strict";var _=(t=>(t.PENDING="PENDING",t.LOADING="LOADING",t.SUCCESS="SUCCESS",t.ERROR="ERROR",t))(_||{});const L=t=>!!t?.length;function W(t,c,o,n=L,l=!1){const i=e.computed(()=>n(t.value)),a=e.computed(()=>{const r=t.value!==void 0,s=c.value!==void 0&&c.value!==null;return o.value?"LOADING":s&&l?"ERROR":i.value?"SUCCESS":s?"ERROR":r?"SUCCESS":"PENDING"});return{fetchState:_,hasData:i,state:a}}const $=({emitState:t,emitInitialState:c=!1,fetchLifecycleState:o,hasData:n})=>{e.watch(()=>({hasData:n.value,state:o.value}),({hasData:l,state:i})=>{if(i!==_.PENDING){if(i===_.LOADING){t({hasData:l,state:"loading"});return}if(i===_.ERROR){t({hasData:l,state:"error"});return}t({hasData:l,state:"success"})}},{immediate:c})},j=({startRow:t,endRow:c})=>{const o=c-t;return{blockIndex:o>0?Math.floor(t/o):0,pageSize:o}},P=({startRow:t,rowsLength:c,pageSize:o,total:n,hasMore:l})=>{if(typeof n=="number")return n;if(l!==!0&&(l===!1||c<o))return t+c},H=({fetcher:t,resetKey:c,sort:o})=>{const n=new Map,l=new Map,i=e.ref(0),a=e.shallowRef(),C=e.shallowRef(),r=e.shallowRef(),s=e.ref(0),d=e.ref(!1),g=u=>u===i.value,b=()=>{d.value=s.value>0},w=()=>{r.value=void 0,s.value+=1,b()},R=()=>{s.value=Math.max(0,s.value-1),b()},h=u=>{const f=l.get(u);if(f)return f;let p;const S={promise:new Promise(m=>{p=m}),resolve:m=>p(m)};return l.set(u,S),S},v=(u,f)=>{f.resolve(!1),l.get(u)===f&&l.delete(u)},I=async({blockIndex:u,currentBlockCompletion:f,datasourceId:p})=>{if(u===0)return"ready";const S=l.get(u-1);if(!S)return v(u,f),"failed";const m=await S.promise;return g(p)?m?"ready":(v(u,f),"failed"):(v(u,f),"stale")},O=({blockIndex:u,currentBlockCompletion:f,getRowsParams:p,pageSize:S,result:m})=>{m.cursor!==void 0&&n.set(u,m.cursor),p.successCallback(m.data,P({startRow:p.startRow,rowsLength:m.data.length,pageSize:S,total:m.total,hasMore:m.hasMore})),p.startRow===0&&(C.value=m.data),f.resolve(!0)},x=({blockIndex:u,currentBlockCompletion:f,fetchError:p,getRowsParams:S})=>{r.value=p,S.failCallback(),v(u,f)},T=()=>{const u=i.value+1;return i.value=u,n.clear(),l.clear(),C.value=void 0,r.value=void 0,s.value=0,b(),{async getRows(f){const{blockIndex:p,pageSize:S}=j({startRow:f.startRow,endRow:f.endRow}),m=h(p);if(await I({blockIndex:p,currentBlockCompletion:m,datasourceId:u})!=="ready"){f.failCallback();return}g(u)&&w();try{const D=p>0?n.get(p-1):void 0,F=await t({mode:"infinite",pageSize:S,cursor:D,sort:o?.value});if(!g(u)){f.failCallback(),v(p,m);return}O({blockIndex:p,currentBlockCompletion:m,getRowsParams:f,pageSize:S,result:F})}catch(D){if(!g(u)){f.failCallback(),v(p,m);return}x({blockIndex:p,currentBlockCompletion:m,fetchError:D,getRowsParams:f})}finally{g(u)&&R()}}}},B=()=>{a.value=T()};return e.watch(()=>c?.value,()=>{B()},{immediate:!0}),{datasource:e.readonly(a),data:e.readonly(C),error:e.readonly(r),isFetching:e.readonly(d)}},Q=({fetcher:t,resetKey:c})=>{const o=e.shallowRef(),n=e.shallowRef(),l=e.ref(!1);let i=0,a=!1,C=!1;const r=async()=>{if(C)return;const d=++i;l.value=!0,n.value=void 0;try{const g=await t.value({mode:"unpaginated"});if(d!==i)return;o.value=g.data}catch(g){d===i&&(n.value=g)}finally{d===i&&(l.value=!1)}},s=()=>{i+=1,l.value=!0,n.value=void 0,!a&&(a=!0,queueMicrotask(()=>{a=!1,r()}))};return e.watch([()=>c?.value,t],s,{flush:"sync"}),r(),e.getCurrentScope()&&e.onScopeDispose(()=>{C=!0,i+=1}),{data:e.readonly(o),datasource:void 0,error:e.readonly(n),isFetching:e.readonly(l)}},J={key:1,class:"table-data-grid-cell-renderer"},X=e.defineComponent({name:"TableDataGridCellRenderer",__name:"TableDataGridCellRenderer",props:{params:{}},setup(t,{expose:c}){const o=e.shallowRef(t.params),n=e.ref(null),l=e.ref(!1),i=e.computed(()=>o.value.valueFormatted??String(o.value.value??"")),a=e.computed(()=>{const h=o.value.colDef?.colId;return h?o.value.context?.cells?.slots?.[h]:void 0}),C=e.computed(()=>({column:o.value.headerDef,refreshCell:()=>{const h=o.value.node;h&&o.value.api.refreshCells({force:!0,rowNodes:[h]})},row:o.value.data??{},rowIndex:o.value.node?.rowIndex??0,rowValue:o.value.value,selected:o.value.node?.isSelected()??!1})),r=()=>a.value?.(C.value);let s,d,g=!1;const b=()=>{const h=n.value;l.value=!!h&&h.scrollWidth>h.clientWidth},w=()=>{g||(d!==void 0&&cancelAnimationFrame(d),d=requestAnimationFrame(()=>{d=void 0,b()}))},R=h=>{if(s?.disconnect(),h){s?.observe(h);const v=h.closest(".ag-cell");v&&s?.observe(v)}w()};return e.onMounted(()=>{s=new ResizeObserver(w),R(n.value)}),e.watch(n,R,{flush:"post"}),e.onUnmounted(()=>{g=!0,s?.disconnect(),d!==void 0&&cancelAnimationFrame(d)}),c({refresh(h){return o.value=h,e.nextTick(w),!0}}),(h,v)=>{const I=e.resolveComponent("KTooltip");return a.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r),{key:0})):(e.openBlock(),e.createElementBlock("span",J,[e.createVNode(I,{class:"table-data-grid-cell-tooltip",disabled:!l.value,"kpop-attributes":{popoverDelay:400},"max-width":"300",placement:"bottom-start",target:"body",text:i.value},{default:e.withCtx(()=>[e.createElementVNode("span",{ref_key:"contentElement",ref:n,class:"table-data-grid-cell-content"},e.toDisplayString(i.value),513)]),_:1},8,["disabled","text"])]))}}}),Y=({headers:t,slots:c,initialSort:o})=>{const n=e.computed(()=>({cells:{slots:c}})),l=a=>{const C=o?.sortColumnKey===a.key;return{colId:a.key,flex:!a.width&&!a.maxWidth?1:void 0,headerName:a.label,maxWidth:a.maxWidth,minWidth:a.minWidth,sortable:a.sortable??!1,unSortIcon:a.showSortIcon,...C?{initialSort:o?.sortColumnOrder,initialSortIndex:0}:{},valueGetter:r=>r.data?.[a.key],width:a.width,cellRenderer:X,cellRendererParams:{headerDef:a}}};return{columnDefs:e.computed(()=>t.value.map(l)),gridContext:n}},K=({config:t,headers:c,pageSize:o})=>{const n=new Set(c.filter(i=>i.sortable).map(i=>i.key)),l=t?.sortColumnKey&&n.has(t.sortColumnKey)?t.sortColumnKey:void 0;return{sortColumnKey:l,sortColumnOrder:l?t?.sortColumnOrder:void 0,pageSize:t?.pageSize??o}},N=(t,c)=>t.sortColumnKey===c.sortColumnKey&&t.sortColumnOrder===c.sortColumnOrder&&t.pageSize===c.pageSize,Z=({headers:t,pageSize:c,tableConfig:o,emitTableConfigUpdate:n,onExternalConfigChange:l})=>{const i=e.computed(()=>o.value?K({config:o.value,headers:t.value,pageSize:c.value}):void 0),a=e.ref(i.value??K({config:void 0,headers:t.value,pageSize:c.value}));e.watch(i,d=>{d&&!N(d,a.value)&&(a.value=d,l?.(d))});const C=d=>{const g=K({config:{...a.value,...d},headers:t.value,pageSize:c.value});N(g,a.value)||(a.value=g,n(g))},r=e.computed(()=>({sortColumnKey:a.value.sortColumnKey,sortColumnOrder:a.value.sortColumnOrder})),s=e.computed(()=>o.value?.pageSize??c.value);return{activeTableConfig:e.readonly(a),activeSort:r,activePageSize:s,patchTableConfig:C}},ee=({cellClick:t,headers:c,rowClick:o})=>{const n=e.computed(()=>new Set(c.value.filter(r=>r.disableRowClick).map(r=>r.key))),l=r=>{const s=r.event?.target;return s instanceof Element?s.closest(".ag-cell")?.getAttribute("col-id")??void 0:void 0},i=r=>{const s=l(r);return!!(s&&n.value.has(s))};return{onCellClick:r=>{const s=r.colDef.colId;!r.data||!s||t({columnKey:s,row:r.data,value:r.value})},onRowClick:r=>{r.data&&!i(r)&&o(r.data,r)}}},te=({activeSort:t,emitSort:c,patchTableConfig:o})=>{const n=(i,a)=>{i.applyColumnState({state:a.sortColumnKey?[{colId:a.sortColumnKey,sort:a.sortColumnOrder??null,sortIndex:0}]:[],defaultState:{sort:null,sortIndex:null}})};return{onSortChanged:i=>{const a=i.api.getColumnState().filter(s=>s.sort).sort((s,d)=>(s.sortIndex??0)-(d.sortIndex??0)),C=a[a.length-1],r=C?{sortColumnKey:C.colId,sortColumnOrder:C.sort}:{sortColumnKey:void 0,sortColumnOrder:void 0};r.sortColumnKey===t.value.sortColumnKey&&r.sortColumnOrder===t.value.sortColumnOrder||(c(r),o(r),a.length>1&&n(i.api,r))},applySortToGrid:n}},oe={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 ae(){const t=G.createI18n("en-us",oe);return{i18n:t,i18nT:G.i18nTComponent(t)}}const ne={class:"kong-ui-public-table-data-grid","data-testid":"table-data-grid"},re={key:0,class:"table-error-state","data-testid":"table-error-state"},le={key:1,class:"table-empty-state","data-testid":"table-empty-state"},se=((t,c)=>{const o=t.__vccOpts||t;for(const[n,l]of c)o[n]=l;return o})(e.defineComponent({__name:"TableDataGrid",props:{headers:{},error:{type:Boolean},pageSize:{},refreshKey:{type:[String,Number,Boolean]},tableConfig:{},fetcher:{type:Function},mode:{}},emits:["grid:ready","state","row:click","cell:click","sort","update:tableConfig"],setup(t,{emit:c}){E.ModuleRegistry.registerModules([E.AllCommunityModule,E.ClientSideRowModelModule,E.InfiniteRowModelModule]);const o=t,n=o.mode??"infinite",l=e.toRef(o,"headers"),i=e.computed(()=>o.error??!1),a=e.computed(()=>o.pageSize??25),C=e.toRef(o,"refreshKey"),r=e.toRef(o,"tableConfig"),s=c,{i18n:{t:d}}=ae(),g=e.useSlots(),b=e.shallowRef(),{activeTableConfig:w,activeSort:R,activePageSize:h,patchTableConfig:v}=Z({headers:l,pageSize:a,tableConfig:r,emitTableConfigUpdate:y=>s("update:tableConfig",y),onExternalConfigChange:y=>{b.value&&O(b.value,y)}}),{onSortChanged:I,applySortToGrid:O}=te({activeSort:R,emitSort:y=>s("sort",y),patchTableConfig:v}),{onCellClick:x,onRowClick:T}=ee({cellClick:y=>s("cell:click",y),headers:l,rowClick:(y,V)=>s("row:click",y,V)}),B={resizable:!1,sortable:!1,suppressMovable:!0},u=e.computed(()=>w.value.sortColumnKey),f=e.computed(()=>w.value.sortColumnOrder),p=e.computed(()=>n==="unpaginated"?[o.fetcher,C.value]:[o.fetcher,h.value,C.value,u.value,f.value]),S=o.mode==="unpaginated"?Q({fetcher:e.toRef(()=>o.fetcher),resetKey:p}):H({fetcher:o.fetcher,resetKey:p,sort:R}),{data:m,error:M,isFetching:D}=S,{datasource:F}=S,ie=e.computed(()=>m.value?Array.from(m.value):void 0),{columnDefs:ce,gridContext:de}=Y({headers:l,slots:g,initialSort:R.value}),{fetchState:ue,hasData:z,state:A}=W(m,M,D,void 0,n==="unpaginated"),fe=e.computed(()=>A.value===ue.SUCCESS&&!z.value);$({emitState:y=>s("state",y),emitInitialState:n==="unpaginated",fetchLifecycleState:A,hasData:z});const me=y=>{b.value=y.api,s("grid:ready",y.api)};return(y,V)=>{const q=e.resolveComponent("KEmptyState");return e.openBlock(),e.createElementBlock("div",ne,[i.value?(e.openBlock(),e.createElementBlock("div",re,[e.renderSlot(y.$slots,"error-state",{},()=>[e.createVNode(q,{"icon-variant":"error",message:e.unref(d)("errorState.message"),title:e.unref(d)("errorState.title")},null,8,["message","title"])],!0)])):fe.value?(e.openBlock(),e.createElementBlock("div",le,[e.renderSlot(y.$slots,"empty-state",{},()=>[e.createVNode(q,{message:e.unref(d)("emptyState.message"),title:e.unref(d)("emptyState.title")},null,8,["message","title"])],!0)])):(e.openBlock(),e.createBlock(e.unref(U.AgGridVue),{key:e.unref(n),"cache-block-size":e.unref(n)==="infinite"?e.unref(h):void 0,class:"table-data-grid-grid","column-defs":e.unref(ce),context:e.unref(de),datasource:e.unref(n)==="infinite"?e.unref(F):void 0,"default-col-def":B,"infinite-initial-row-count":e.unref(n)==="infinite"?1:void 0,loading:e.unref(D),"row-data":e.unref(n)==="unpaginated"?ie.value:void 0,"row-model-type":e.unref(n)==="unpaginated"?"clientSide":"infinite","suppress-cell-focus":!0,"suppress-multi-sort":!0,theme:e.unref(E.themeQuartz),onCellClicked:e.unref(x),onGridReady:me,onRowClicked:e.unref(T),onSortChanged:e.unref(I)},null,8,["cache-block-size","column-defs","context","datasource","infinite-initial-row-count","loading","row-data","row-model-type","theme","onCellClicked","onRowClicked","onSortChanged"]))])}}}),[["__scopeId","data-v-6f18dff4"]]);k.TableDataGrid=se,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));
+(function(k,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):(k=typeof globalThis<"u"?globalThis:k||self,e(k["kong-ui-public-table-data-grid"]={},k.Vue,k.AgGridVue,k.agGridCommunity,k["kong-ui-public-i18n"]))})(this,(function(k,e,q,I,A){"use strict";var O=(t=>(t.PENDING="PENDING",t.LOADING="LOADING",t.SUCCESS="SUCCESS",t.ERROR="ERROR",t))(O||{});const L=t=>!!t?.length;function W(t,r,o,l=L){const s=e.computed(()=>l(t.value)),d=e.computed(()=>{const g=t.value!==void 0,n=r.value!==void 0&&r.value!==null;return o.value?"LOADING":s.value?"SUCCESS":n?"ERROR":g?"SUCCESS":"PENDING"});return{fetchState:O,hasData:s,state:d}}const $=({emitState:t,fetchLifecycleState:r,hasData:o})=>{e.watch(()=>({hasData:o.value,state:r.value}),({hasData:l,state:s})=>{if(s!==O.PENDING){if(s===O.LOADING){t({hasData:l,state:"loading"});return}if(s===O.ERROR){t({hasData:l,state:"error"});return}t({hasData:l,state:"success"})}})},j=({startRow:t,endRow:r})=>{const o=r-t;return{blockIndex:o>0?Math.floor(t/o):0,pageSize:o}},P=({startRow:t,rowsLength:r,pageSize:o,total:l,hasMore:s})=>{if(typeof l=="number")return l;if(s!==!0&&(s===!1||r<o))return t+r},H=({fetcher:t,resetKey:r,sort:o})=>{const l=new Map,s=new Map,d=e.ref(0),a=e.shallowRef(),g=e.shallowRef(),n=e.shallowRef(),i=e.ref(0),C=e.ref(!1);let b,E;const S=c=>c===d.value&&b===t.value&&E===r?.value,w=()=>{C.value=i.value>0},p=()=>{n.value=void 0,i.value+=1,w()},R=()=>{i.value=Math.max(0,i.value-1),w()},K=c=>{const u=s.get(c);if(u)return u;let m;const y={promise:new Promise(f=>{m=f}),resolve:f=>m(f)};return s.set(c,y),y},v=(c,u)=>{u.resolve(!1),s.get(c)===u&&s.delete(c)},G=async({blockIndex:c,currentBlockCompletion:u,datasourceId:m})=>{if(c===0)return"ready";const y=s.get(c-1);if(!y)return v(c,u),"failed";const f=await y.promise;return S(m)?f?"ready":(v(c,u),"failed"):(v(c,u),"stale")},D=({blockIndex:c,currentBlockCompletion:u,getRowsParams:m,pageSize:y,result:f})=>{f.cursor!==void 0&&l.set(c,f.cursor),m.successCallback(f.data,P({startRow:m.startRow,rowsLength:f.data.length,pageSize:y,total:f.total,hasMore:f.hasMore})),m.startRow===0&&(g.value=f.data),u.resolve(!0)},F=({blockIndex:c,currentBlockCompletion:u,fetchError:m,getRowsParams:y})=>{n.value=m,y.failCallback(),v(c,u)},N=()=>{b=t.value,E=r?.value;const c=d.value+1;return d.value=c,l.clear(),s.clear(),g.value=void 0,n.value=void 0,i.value=0,w(),{async getRows(u){if(!S(c)){u.failCallback();return}const{blockIndex:m,pageSize:y}=j({startRow:u.startRow,endRow:u.endRow}),f=K(m);if(await G({blockIndex:m,currentBlockCompletion:f,datasourceId:c})!=="ready"||!S(c)){u.failCallback(),v(m,f);return}p();try{const T=m>0?l.get(m-1):void 0,M=await t.value({mode:"infinite",pageSize:y,cursor:T,sort:o?.value});if(!S(c)){u.failCallback(),v(m,f);return}D({blockIndex:m,currentBlockCompletion:f,getRowsParams:u,pageSize:y,result:M})}catch(T){if(!S(c)){u.failCallback(),v(m,f);return}F({blockIndex:m,currentBlockCompletion:f,fetchError:T,getRowsParams:u})}finally{S(c)&&R()}}}},x=()=>{a.value=N()};return e.watch([t,()=>r?.value],()=>{x()},{immediate:!0}),{datasource:e.readonly(a),data:e.shallowReadonly(g),error:e.readonly(n),isFetching:e.readonly(C)}},Q={key:1,class:"table-data-grid-cell-renderer"},J=e.defineComponent({name:"TableDataGridCellRenderer",__name:"TableDataGridCellRenderer",props:{params:{}},setup(t,{expose:r}){const o=e.shallowRef(t.params),l=e.ref(null),s=e.ref(!1),d=e.computed(()=>o.value.valueFormatted??String(o.value.value??"")),a=e.computed(()=>{const p=o.value.colDef?.colId;return p?o.value.context?.cells?.slots?.[p]:void 0}),g=e.computed(()=>({column:o.value.headerDef,refreshCell:()=>{const p=o.value.node;p&&o.value.api.refreshCells({force:!0,rowNodes:[p]})},row:o.value.data??{},rowIndex:o.value.node?.rowIndex??0,rowValue:o.value.value,selected:o.value.node?.isSelected()??!1})),n=()=>a.value?.(g.value);let i,C,b=!1;const E=()=>{const p=l.value;s.value=!!p&&p.scrollWidth>p.clientWidth},S=()=>{b||(C!==void 0&&cancelAnimationFrame(C),C=requestAnimationFrame(()=>{C=void 0,E()}))},w=p=>{if(i?.disconnect(),p){i?.observe(p);const R=p.closest(".ag-cell");R&&i?.observe(R)}S()};return e.onMounted(()=>{i=new ResizeObserver(S),w(l.value)}),e.watch(l,w,{flush:"post"}),e.onUnmounted(()=>{b=!0,i?.disconnect(),C!==void 0&&cancelAnimationFrame(C)}),r({refresh(p){return o.value=p,e.nextTick(S),!0}}),(p,R)=>{const K=e.resolveComponent("KTooltip");return a.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n),{key:0})):(e.openBlock(),e.createElementBlock("span",Q,[e.createVNode(K,{class:"table-data-grid-cell-tooltip",disabled:!s.value,"kpop-attributes":{popoverDelay:400},"max-width":"300",placement:"bottom-start",target:"body",text:d.value},{default:e.withCtx(()=>[e.createElementVNode("span",{ref_key:"contentElement",ref:l,class:"table-data-grid-cell-content"},e.toDisplayString(d.value),513)]),_:1},8,["disabled","text"])]))}}}),X=({headers:t,slots:r,initialSort:o})=>{const l=e.computed(()=>({cells:{slots:r}})),s=a=>{const g=o?.sortColumnKey===a.key;return{colId:a.key,flex:!a.width&&!a.maxWidth?1:void 0,headerName:a.label,maxWidth:a.maxWidth,minWidth:a.minWidth,sortable:a.sortable??!1,unSortIcon:a.showSortIcon,...g?{initialSort:o?.sortColumnOrder,initialSortIndex:0}:{},valueGetter:n=>n.data?.[a.key],width:a.width,cellRenderer:J,cellRendererParams:{headerDef:a}}};return{columnDefs:e.computed(()=>t.value.map(s)),gridContext:l}},B=({config:t,headers:r,pageSize:o})=>{const l=new Set(r.filter(d=>d.sortable).map(d=>d.key)),s=t?.sortColumnKey&&l.has(t.sortColumnKey)?t.sortColumnKey:void 0;return{sortColumnKey:s,sortColumnOrder:s?t?.sortColumnOrder:void 0,pageSize:t?.pageSize??o}},V=(t,r)=>t.sortColumnKey===r.sortColumnKey&&t.sortColumnOrder===r.sortColumnOrder&&t.pageSize===r.pageSize,Y=({headers:t,pageSize:r,tableConfig:o,emitTableConfigUpdate:l,onExternalConfigChange:s})=>{const d=e.computed(()=>o.value?B({config:o.value,headers:t.value,pageSize:r.value}):void 0),a=e.ref(d.value??B({config:void 0,headers:t.value,pageSize:r.value}));e.watch(d,C=>{C&&!V(C,a.value)&&(a.value=C,s?.(C))});const g=C=>{const b=B({config:{...a.value,...C},headers:t.value,pageSize:r.value});V(b,a.value)||(a.value=b,l(b))},n=e.computed(()=>({sortColumnKey:a.value.sortColumnKey,sortColumnOrder:a.value.sortColumnOrder})),i=e.computed(()=>o.value?.pageSize??r.value);return{activeTableConfig:e.readonly(a),activeSort:n,activePageSize:i,patchTableConfig:g}},Z=({cellClick:t,headers:r,rowClick:o})=>{const l=e.computed(()=>new Set(r.value.filter(n=>n.disableRowClick).map(n=>n.key))),s=n=>{const i=n.event?.target;return i instanceof Element?i.closest(".ag-cell")?.getAttribute("col-id")??void 0:void 0},d=n=>{const i=s(n);return!!(i&&l.value.has(i))};return{onCellClick:n=>{const i=n.colDef.colId;!n.data||!i||t({columnKey:i,row:n.data,value:n.value})},onRowClick:n=>{n.data&&!d(n)&&o(n.data,n)}}},ee=({activeSort:t,emitSort:r,patchTableConfig:o})=>{const l=(d,a)=>{d.applyColumnState({state:a.sortColumnKey?[{colId:a.sortColumnKey,sort:a.sortColumnOrder??null,sortIndex:0}]:[],defaultState:{sort:null,sortIndex:null}})};return{onSortChanged:d=>{const a=d.api.getColumnState().filter(i=>i.sort).sort((i,C)=>(i.sortIndex??0)-(C.sortIndex??0)),g=a[a.length-1],n=g?{sortColumnKey:g.colId,sortColumnOrder:g.sort}:{sortColumnKey:void 0,sortColumnOrder:void 0};n.sortColumnKey===t.value.sortColumnKey&&n.sortColumnOrder===t.value.sortColumnOrder||(r(n),o(n),a.length>1&&l(d.api,n))},applySortToGrid:l}},te={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 oe(){const t=A.createI18n("en-us",te);return{i18n:t,i18nT:A.i18nTComponent(t)}}const ae={class:"kong-ui-public-table-data-grid","data-testid":"table-data-grid"},ne={key:0,class:"table-error-state","data-testid":"table-error-state"},le={key:1,class:"table-empty-state","data-testid":"table-empty-state"},re=((t,r)=>{const o=t.__vccOpts||t;for(const[l,s]of r)o[l]=s;return o})(e.defineComponent({__name:"TableDataGrid",props:{headers:{},error:{type:Boolean,default:!1},tableConfig:{},fetcher:{type:Function},mode:{},pageSize:{default:25},refreshKey:{type:[String,Number,Boolean]},rows:{}},emits:["grid:ready","state","row:click","cell:click","sort","update:tableConfig"],setup(t,{emit:r}){I.ModuleRegistry.registerModules([I.AllCommunityModule,I.ClientSideRowModelModule,I.InfiniteRowModelModule]);const o=t.mode??"infinite",l=r,{i18n:{t:s}}=oe(),d=e.useSlots(),a=e.shallowRef(),{activeTableConfig:g,activeSort:n,activePageSize:i,patchTableConfig:C}=Y({headers:e.toRef(()=>t.headers),pageSize:e.toRef(()=>t.pageSize),tableConfig:e.toRef(()=>t.tableConfig),emitTableConfigUpdate:h=>l("update:tableConfig",h),onExternalConfigChange:h=>{a.value&&E(a.value,h)}}),{onSortChanged:b,applySortToGrid:E}=ee({activeSort:n,emitSort:h=>l("sort",h),patchTableConfig:C}),{onCellClick:S,onRowClick:w}=Z({cellClick:h=>l("cell:click",h),headers:e.toRef(()=>t.headers),rowClick:(h,_)=>l("row:click",h,_)}),p={resizable:!1,sortable:!1,suppressMovable:!0},R=e.computed(()=>g.value.sortColumnKey),K=e.computed(()=>g.value.sortColumnOrder),v=e.computed(()=>[i.value,t.refreshKey,R.value,K.value]),G=()=>{if(!t.fetcher)throw new Error("TableDataGrid requires a fetcher in infinite mode");return t.fetcher},D=o==="infinite"?H({fetcher:e.toRef(G),resetKey:v,sort:n}):void 0,F=D?.datasource,N=e.computed(()=>D?D.data.value:t.rows),x=e.computed(()=>D?.isFetching.value??!1),c=e.computed(()=>t.rows?Array.from(t.rows):void 0),{columnDefs:u,gridContext:m}=X({headers:e.toRef(()=>t.headers),slots:d,initialSort:n.value}),{fetchState:y,hasData:f,state:z}=W(N,e.toRef(()=>D?.error.value),x),T=e.computed(()=>z.value===y.SUCCESS&&!f.value);D&&$({emitState:h=>l("state",h),fetchLifecycleState:z,hasData:f});const M=h=>{a.value=h.api,l("grid:ready",h.api)};return(h,_)=>{const U=e.resolveComponent("KEmptyState");return e.openBlock(),e.createElementBlock("div",ae,[t.error?(e.openBlock(),e.createElementBlock("div",ne,[e.renderSlot(h.$slots,"error-state",{},()=>[e.createVNode(U,{"icon-variant":"error",message:e.unref(s)("errorState.message"),title:e.unref(s)("errorState.title")},null,8,["message","title"])],!0)])):T.value?(e.openBlock(),e.createElementBlock("div",le,[e.renderSlot(h.$slots,"empty-state",{},()=>[e.createVNode(U,{message:e.unref(s)("emptyState.message"),title:e.unref(s)("emptyState.title")},null,8,["message","title"])],!0)])):(e.openBlock(),e.createBlock(e.unref(q.AgGridVue),{key:e.unref(o),"cache-block-size":e.unref(o)==="infinite"?e.unref(i):void 0,class:"table-data-grid-grid","column-defs":e.unref(u),context:e.unref(m),datasource:e.unref(o)==="infinite"?e.unref(F):void 0,"default-col-def":p,"infinite-initial-row-count":e.unref(o)==="infinite"?1:void 0,loading:x.value,"row-data":e.unref(o)==="unpaginated"?c.value:void 0,"row-model-type":e.unref(o)==="unpaginated"?"clientSide":"infinite","suppress-cell-focus":!0,"suppress-multi-sort":!0,theme:e.unref(I.themeQuartz),onCellClicked:e.unref(S),onGridReady:M,onRowClicked:e.unref(w),onSortChanged:e.unref(b)},null,8,["cache-block-size","column-defs","context","datasource","infinite-initial-row-count","loading","row-data","row-model-type","theme","onCellClicked","onRowClicked","onSortChanged"]))])}}}),[["__scopeId","data-v-855f0444"]]);k.TableDataGrid=re,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));

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":"AA0QA,OAAO,KAAK,EACV,6BAA6B,EAC7B,0BAA0B,EAC1B,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAEV,OAAO,EACP,cAAc,EACd,eAAe,EAChB,MAAM,mBAAmB,CAAA;AAoB1B,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;WAsSO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;;;;;;;KAAmC,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;;qCAzRoB,0BAA0B,CAAC,GAAG,CAAC,KAAK,OAAO;uBAFzD,MAAM,OAAO;uBACb,MAAM,OAAO;;;YAMxB,YAAY,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI;YACpD,OAAO,WAAW,yBAAyB,GAAG,IAAI;YAClD,WAAW,OAAO,GAAG,SAAS,eAAe,CAAC,GAAG,CAAC,GAAG,IAAI;YACzD,YAAY,WAAW,6BAA6B,CAAC,GAAG,CAAC,GAAG,IAAI;YAChE,MAAM,WAAW,iBAAiB,GAAG,IAAI;YACzC,oBAAoB,WAAW,mBAAmB,GAAG,IAAI;;EAmR3D,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,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":"AAkRA,OAAO,KAAK,EACV,6BAA6B,EAC7B,0BAA0B,EAC1B,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAEV,OAAO,EACP,cAAc,EACd,eAAe,EAChB,MAAM,mBAAmB,CAAA;AAmB1B,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;WA+SO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;;;;;;;KAAmC,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;;qCA7RoB,0BAA0B,CAAC,GAAG,CAAC,KAAK,OAAO;uBAFzD,MAAM,OAAO;uBACb,MAAM,OAAO;;;YAMxB,YAAY,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI;YACpD,OAAO,WAAW,yBAAyB,GAAG,IAAI;YAClD,WAAW,OAAO,GAAG,SAAS,eAAe,CAAC,GAAG,CAAC,GAAG,IAAI;YACzD,YAAY,WAAW,6BAA6B,CAAC,GAAG,CAAC,GAAG,IAAI;YAChE,MAAM,WAAW,iBAAiB,GAAG,IAAI;YACzC,oBAAoB,WAAW,mBAAmB,GAAG,IAAI;;EAuR3D,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,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/useEmitState.d.ts

@@ -3,11 +3,9 @@ import type { Ref } from 'vue';
 import { fetchState } from './useFetchState';
 type UseEmitStateOptions = {
     emitState: (payload: TableDataGridStatePayload) => void;
-    /** Include loading when fetching has already started during setup. */
-    emitInitialState?: boolean;
     fetchLifecycleState: Readonly<Ref<fetchState>>;
     hasData: Readonly<Ref<boolean>>;
 };
-export declare const useEmitState: ({ emitState, emitInitialState, fetchLifecycleState, hasData, }: UseEmitStateOptions) => void;
+export declare const useEmitState: ({ emitState, fetchLifecycleState, hasData, }: UseEmitStateOptions) => void;
 export {};
 //# sourceMappingURL=useEmitState.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEmitState.d.ts","sourceRoot":"","sources":["../../../src/composables/useEmitState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,KAAK,mBAAmB,GAAG;IACzB,SAAS,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,IAAI,CAAA;IACvD,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mBAAmB,EAAE,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAA;IAC9C,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,gEAK1B,mBAAmB,SAoCrB,CAAA"}
+{"version":3,"file":"useEmitState.d.ts","sourceRoot":"","sources":["../../../src/composables/useEmitState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,KAAK,mBAAmB,GAAG;IACzB,SAAS,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,IAAI,CAAA;IACvD,mBAAmB,EAAE,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAA;IAC9C,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,8CAI1B,mBAAmB,SAmCrB,CAAA"}

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

@@ -3,10 +3,10 @@ import type { IGetRowsParams } from 'ag-grid-community';
 import type { Ref } from 'vue';
 interface UseFetchInfiniteOptions<Row extends object = TableDataGridRow> {
     /**
-     * Public row fetcher supplied by the host. The composable keeps AG Grid row
+     * Public row fetcher ref supplied by the host. The composable keeps AG Grid row
      * ranges internal and calls this with the cursor-first TableDataGrid contract.
      */
-    fetcher: TableDataGridFetcher<Row>;
+    fetcher: Readonly<Ref<TableDataGridFetcher<Row>>>;
     /**
      * Reactive invalidation input from the component layer. Any change rebuilds
      * the datasource and clears cursor/block state back to block 0.
@@ -44,7 +44,7 @@ export declare const useFetchInfinite: <Row extends object = TableDataGridRow>({
         readonly getRows: (params: IGetRowsParams) => void;
         readonly destroy?: (() => void) | undefined;
     } | undefined>>;
-    data: Readonly<Ref<readonly import("vue").DeepReadonly<Row>[] | undefined, readonly import("vue").DeepReadonly<Row>[] | undefined>>;
+    data: Readonly<import("vue").ShallowRef<Row[] | undefined, Row[] | undefined>>;
     error: Readonly<Ref<Readonly<unknown>, Readonly<unknown>>>;
     isFetching: Readonly<Ref<boolean, boolean>>;
 };

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,EAChB,iBAAiB,EAClB,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;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAAC,CAAA;CACpD;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,GAAI,GAAG,SAAS,MAAM,GAAG,gBAAgB,EAAE,8BAIrE,uBAAuB,CAAC,GAAG,CAAC;;;;;;;;;;;;;CAsU9B,CAAA"}
+{"version":3,"file":"useFetchInfinite.d.ts","sourceRoot":"","sources":["../../../src/composables/useFetchInfinite.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EAEpB,gBAAgB,EAChB,iBAAiB,EAClB,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,QAAQ,CAAC,GAAG,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IACjD;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAAC,CAAA;CACpD;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,GAAI,GAAG,SAAS,MAAM,GAAG,gBAAgB,EAAE,8BAIrE,uBAAuB,CAAC,GAAG,CAAC;;;;;;;;;;;;;CA+U9B,CAAA"}

package/dist/types/composables/useFetchState.d.ts

@@ -24,10 +24,7 @@ type FetchStateData<Row> = readonly Row[] | undefined;
  * @param isFetching Whether at least one fetch request is currently pending.
  * @param hasDataCallback Optional row detector for callers that need a custom
  * definition of meaningful data.
- * @param errorTakesPrecedence Whether a settled error should remain visible
- * when rows from an earlier request are still available. Infinite consumers
- * retain their existing data-first behavior by default.
  */
-export default function useFetchState<Row>(data: Readonly<Ref<FetchStateData<Row>>>, error: Readonly<Ref<unknown>>, isFetching: Readonly<Ref<boolean>>, hasDataCallback?: (data: FetchStateData<Row>) => boolean, errorTakesPrecedence?: boolean): UseFetchStateResult;
+export default function useFetchState<Row>(data: Readonly<Ref<FetchStateData<Row>>>, error: Readonly<Ref<unknown>>, isFetching: Readonly<Ref<boolean>>, hasDataCallback?: (data: FetchStateData<Row>) => boolean): UseFetchStateResult;
 export {};
 //# sourceMappingURL=useFetchState.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFetchState.d.ts","sourceRoot":"","sources":["../../../src/composables/useFetchState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAG9B,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,OAAO,UAAU,CAAA;IAC7B,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/B,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAA;CACjC,CAAA;AAED,KAAK,cAAc,CAAC,GAAG,IAAI,SAAS,GAAG,EAAE,GAAG,SAAS,CAAA;AAMrD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,GAAG,EACvC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EACxC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAC7B,UAAU,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAClC,eAAe,GAAE,CAAC,IAAI,EAAE,cAAc,CAAC,GAAG,CAAC,KAAK,OAAwB,EACxE,oBAAoB,UAAQ,GAC3B,mBAAmB,CAoCrB"}
+{"version":3,"file":"useFetchState.d.ts","sourceRoot":"","sources":["../../../src/composables/useFetchState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAG9B,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,OAAO,UAAU,CAAA;IAC7B,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/B,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAA;CACjC,CAAA;AAED,KAAK,cAAc,CAAC,GAAG,IAAI,SAAS,GAAG,EAAE,GAAG,SAAS,CAAA;AAMrD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,GAAG,EACvC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EACxC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAC7B,UAAU,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAClC,eAAe,GAAE,CAAC,IAAI,EAAE,cAAc,CAAC,GAAG,CAAC,KAAK,OAAwB,GACvE,mBAAmB,CAgCrB"}

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

@@ -53,15 +53,20 @@ export type TableDataGridConfig = TableDataGridSort & {
 export type TableDataGridProps<Row extends object = TableDataGridRow> = {
     headers: Array<TableDataGridHeader<Row>>;
     error?: boolean;
-    pageSize?: number;
-    refreshKey?: string | number | boolean;
     tableConfig?: TableDataGridConfig;
 } & ({
     fetcher: TableDataGridFetcher<Row>;
     mode?: 'infinite';
+    pageSize?: number;
+    refreshKey?: string | number | boolean;
+    rows?: never;
 } | {
-    fetcher: TableDataGridUnpaginatedFetcher<Row>;
+    /** Complete host-owned result rendered through AG Grid's client-side row model. */
+    rows: Row[];
     mode: 'unpaginated';
+    fetcher?: never;
+    pageSize?: never;
+    refreshKey?: never;
 });
 export interface TableDataGridInfiniteFetcherParams {
     mode: 'infinite';
@@ -69,9 +74,6 @@ export interface TableDataGridInfiniteFetcherParams {
     cursor?: unknown;
     sort?: TableDataGridSort;
 }
-export interface TableDataGridUnpaginatedFetcherParams {
-    mode: 'unpaginated';
-}
 export type TableDataGridFetcherResult<Row extends object = TableDataGridRow> = {
     data: Row[];
     cursor?: unknown;
@@ -79,9 +81,5 @@ export type TableDataGridFetcherResult<Row extends object = TableDataGridRow> =
     hasMore?: boolean;
 };
 export type TableDataGridFetcher<Row extends object = TableDataGridRow> = (params: TableDataGridInfiniteFetcherParams) => Promise<TableDataGridFetcherResult<Row>>;
-export type TableDataGridUnpaginatedFetcherResult<Row extends object = TableDataGridRow> = {
-    data: Row[];
-};
-export type TableDataGridUnpaginatedFetcher<Row extends object = TableDataGridRow> = (params: TableDataGridUnpaginatedFetcherParams) => Promise<TableDataGridUnpaginatedFetcherResult<Row>>;
 export type TableDataGridReadyPayload<Row extends object = TableDataGridRow> = GridApi<Row>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/table-data-grid",
-  "version": "0.5.4-pr.3859.b2d12ecfc.0",
+  "version": "0.5.4-pr.3859.bfd87f8bb.0",
   "type": "module",
   "main": "./dist/table-data-grid.umd.js",
   "module": "./dist/table-data-grid.es.js",
@@ -68,7 +68,6 @@
     "test:component": "BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'",
     "test:component:open": "BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'",
     "test:unit": "cross-env FORCE_COLOR=1 vitest run",
-    "test:unit:open": "cross-env FORCE_COLOR=1 vitest --ui",
-    "test:browser": "vitest run --config ../../../vitest.browser.config.ts"
+    "test:unit:open": "cross-env FORCE_COLOR=1 vitest --ui"
   }
 }

package/dist/types/composables/useFetchUnpaginated.d.ts

@@ -1,29 +0,0 @@
-import type { TableDataGridRow, TableDataGridUnpaginatedFetcher } from '../types';
-import type { Ref } from 'vue';
-interface UseFetchUnpaginatedOptions<Row extends object = TableDataGridRow> {
-    /** Public fetcher supplied by the host. */
-    fetcher: Readonly<Ref<TableDataGridUnpaginatedFetcher<Row>>>;
-    /** Reactive invalidation input for the current query context. */
-    resetKey?: Readonly<Ref<unknown>>;
-}
-/**
- * Owns the one-request lifecycle for a complete, non-paginated result.
- *
- * The client-side row model consumes the returned rows directly. A request
- * generation keeps responses from an invalidated query from replacing current
- * rows, errors, or loading state. Refresh retains previous rows while replacement
- * requests run; same-turn invalidations are batched into one fetch.
- *
- * @param options - Fetcher and request invalidation inputs.
- * @param options.fetcher - Reactive fetcher returning the complete result.
- * @param options.resetKey - Optional reactive query-context invalidation key.
- * @returns Readonly rows, error, and loading state, with no infinite datasource.
- */
-export declare const useFetchUnpaginated: <Row extends object = TableDataGridRow>({ fetcher, resetKey, }: UseFetchUnpaginatedOptions<Row>) => {
-    data: Readonly<Ref<readonly import("vue").DeepReadonly<Row>[] | undefined, readonly import("vue").DeepReadonly<Row>[] | undefined>>;
-    datasource: undefined;
-    error: Readonly<Ref<Readonly<unknown>, Readonly<unknown>>>;
-    isFetching: Readonly<Ref<boolean, boolean>>;
-};
-export {};
-//# sourceMappingURL=useFetchUnpaginated.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useFetchUnpaginated.d.ts","sourceRoot":"","sources":["../../../src/composables/useFetchUnpaginated.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,+BAA+B,EAChC,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAG9B,UAAU,0BAA0B,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB;IACxE,2CAA2C;IAC3C,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,+BAA+B,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAC5D,iEAAiE;IACjE,QAAQ,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;CAClC;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,GAAI,GAAG,SAAS,MAAM,GAAG,gBAAgB,EAAE,wBAGxE,0BAA0B,CAAC,GAAG,CAAC;;;;;CAmFjC,CAAA"}