npm - @kong-ui-public/table-data-grid - Versions diffs - 0.5.3-pr.3854.e369e8f09.0 → 0.5.3 - Mend

@kong-ui-public/table-data-grid 0.5.3-pr.3854.e369e8f09.0 → 0.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/README.md +8 -39
package/dist/style.css +1 -1
package/dist/table-data-grid.es.js +308 -365
package/dist/table-data-grid.umd.js +1 -1
package/dist/types/components/TableDataGrid.vue.d.ts +9 -2
package/dist/types/components/TableDataGrid.vue.d.ts.map +1 -1
package/dist/types/composables/useEmitState.d.ts +1 -2
package/dist/types/composables/useEmitState.d.ts.map +1 -1
package/dist/types/composables/useFetchState.d.ts +1 -4
package/dist/types/composables/useFetchState.d.ts.map +1 -1
package/dist/types/types/index.d.ts +1 -21
package/dist/types/types/index.d.ts.map +1 -1
package/package.json +3 -4
package/dist/types/composables/useFetchUnpaginated.d.ts +0 -23
package/dist/types/composables/useFetchUnpaginated.d.ts.map +0 -1

package/README.md CHANGED Viewed

@@ -2,9 +2,8 @@
 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
-provides basic column definitions, single-column sorting, empty/error
+This package currently supports AG Grid infinite row loading with a cursor-first
+fetcher contract, basic column definitions, single-column sorting, empty/error
 presentation states, and state lifecycle emits.
 ## Peer Dependencies
@@ -114,11 +113,10 @@ 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>` | Yes | - | Async row loader called by the AG Grid infinite datasource. |
 | `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. |
+| `refreshKey` | `string \| number \| boolean` | No | - | 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 +161,11 @@ 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.
-```vue
-<TableDataGrid
-  mode="unpaginated"
-  :fetcher="fetchTopRows"
-  :headers="headers"
-  :refresh-key="refreshKey"
-/>
-<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`.
 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
@@ -302,7 +275,7 @@ Columns without a matching slot render their raw `rowValue`.
 | `row` | `Row` | The full row record backing this cell. |
 | `rowValue` | `unknown` | `row[header.key]`. |
 | `column` | `TableDataGridHeader<Row>` | The header definition for this column. |
-| `rowIndex` | `number` | The row's index in the currently loaded result. |
+| `rowIndex` | `number` | The row's index in the currently loaded block. |
 | `selected` | `boolean` | Whether the row is currently selected. |
 | `refreshCell` | `() => void` | Forces AG Grid to re-render this cell. |
@@ -311,7 +284,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. |
 | `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`. |
@@ -321,7 +294,7 @@ Columns without a matching slot render their raw `rowValue`.
 | Slot | Purpose |
 | --- | --- |
-| `empty-state` | Replaces the default empty state after a successful empty result. |
+| `empty-state` | Replaces the default empty state after a successful empty first block. |
 | `error-state` | Replaces the default visible error state when `error` is true. |
 | `[columnKey]` | Renders custom cell content for the column matching `header.key`. See [Custom Cell Content](#custom-cell-content). |
@@ -335,13 +308,9 @@ Columns without a matching slot render their raw `rowValue`.
 - `TableDataGridCellClickPayload`
 - `TableDataGridCellSlotProps`
 - `TableDataGridHeader`
-- `TableDataGridProps`
 - `TableDataGridInfiniteFetcherParams`
-- `TableDataGridUnpaginatedFetcherParams`
 - `TableDataGridFetcherResult`
 - `TableDataGridFetcher`
-- `TableDataGridUnpaginatedFetcherResult`
-- `TableDataGridUnpaginatedFetcher`
 - `TableDataGridReadyPayload`
 - `TableDataGridSortDirection`
 - `TableDataGridSort`

package/dist/style.css CHANGED Viewed

	@@ -1 +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-~~0ff95391~~]{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-~~0ff95391~~]{--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%}
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-d8328fe5]{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-d8328fe5]{--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 CHANGED Viewed

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

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

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

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

@@ -1,7 +1,14 @@
-import type { TableDataGridCellClickPayload, TableDataGridCellSlotProps, TableDataGridConfig, TableDataGridProps, TableDataGridSort, TableDataGridStatePayload } from '../types';
+import type { TableDataGridCellClickPayload, TableDataGridCellSlotProps, TableDataGridConfig, TableDataGridFetcher, TableDataGridHeader, TableDataGridSort, TableDataGridStatePayload } from '../types';
 import type { GridApi, GridReadyEvent, RowClickedEvent } 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<TableDataGridProps<Row> & {
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        headers: Array<TableDataGridHeader<Row>>;
+        fetcher: TableDataGridFetcher<Row>;
+        error?: boolean;
+        pageSize?: number;
+        refreshKey?: string | number | boolean;
+        tableConfig?: TableDataGridConfig;
+    } & {
         onState?: ((payload: TableDataGridStatePayload) => any) | undefined;
         onSort?: ((payload: TableDataGridSort) => any) | undefined;
         "onGrid:ready"?: ((api: GridApi<Row>) => any) | undefined;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TableDataGrid.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TableDataGrid.vue"],"names":[],"mappings":"~~AAsQA~~,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;~~WAmSO~~,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;;~~qCAtRoB~~,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;;~~EAgR3D~~,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"}
1	+ {"version":3,"file":"TableDataGrid.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TableDataGrid.vue"],"names":[],"mappings":"AAgQA,OAAO,KAAK,EACV,6BAA6B,EAC7B,0BAA0B,EAC1B,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAEV,OAAO,EACP,cAAc,EACd,eAAe,EAChB,MAAM,mBAAmB,CAAA;AAkB1B,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;WA0RO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;iBAtR7C,KAAK,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;iBAC/B,oBAAoB,CAAC,GAAG,CAAC;gBAC1B,OAAO;mBACJ,MAAM;qBACJ,MAAM,GAAG,MAAM,GAAG,OAAO;sBACxB,mBAAmB;;;;;;;;KAiRwD,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;;qCApQoB,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;;EA8P3D,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 CHANGED Viewed

@@ -3,10 +3,9 @@ import type { Ref } from 'vue';
 import { fetchState } from './useFetchState';
 type UseEmitStateOptions = {
     emitState: (payload: TableDataGridStatePayload) => void;
-    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 CHANGED Viewed

	@@ -1 +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,~~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"}
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,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/useFetchState.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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;;;;;;;;;;;;;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 CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { GridApi } from 'ag-grid-community';
-export type TableDataGridMode = 'infinite' | 'unpaginated';
+export type TableDataGridMode = 'infinite';
 export type TableDataGridRow = Record<string, unknown>;
 export type TableDataGridState = 'loading' | 'success' | 'error';
 export type TableDataGridStatePayload = {
@@ -50,28 +50,12 @@ export type TableDataGridSort = {
 export type TableDataGridConfig = TableDataGridSort & {
     pageSize?: number;
 };
-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';
-} | {
-    fetcher: TableDataGridUnpaginatedFetcher<Row>;
-    mode: 'unpaginated';
-});
 export interface TableDataGridInfiniteFetcherParams {
     mode: 'infinite';
     pageSize: number;
     cursor?: unknown;
     sort?: TableDataGridSort;
 }
-export interface TableDataGridUnpaginatedFetcherParams {
-    mode: 'unpaginated';
-}
 export type TableDataGridFetcherResult<Row extends object = TableDataGridRow> = {
     data: Row[];
     cursor?: unknown;
@@ -79,9 +63,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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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,~~GAAG,aAAa,~~CAAA;~~AAC1D~~,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,6BAA6B,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI;IACjF,GAAG,EAAE,GAAG,CAAA;IACR,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,0BAA0B,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI;IAC9E,GAAG,EAAE,GAAG,CAAA;IACR,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IAChC,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,6CAA6C;IAC7C,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,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;IACjB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,KAAK,GAAG,MAAM,CAAA;AAEvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,0BAA0B,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,kBAAkB,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI;IACtE,OAAO,EAAE,KAAK,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAA;IACxC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IACtC,WAAW,CAAC,EAAE,mBAAmB,CAAA;CAClC,GAAG,CACA;IACA,OAAO,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAA;IAClC,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,GACC;IACA,OAAO,EAAE,+BAA+B,CAAC,GAAG,CAAC,CAAA;IAC7C,IAAI,EAAE,aAAa,CAAA;CACpB,CACF,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,iBAAiB,CAAA;CACzB;AAED,MAAM,~~WAAW,qCAAqC;IACpD,IAAI,EAAE,aAAa,CAAA;CACpB;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,qCAAqC,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI;IACzF,IAAI,EAAE,GAAG,EAAE,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,+BAA+B,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI,CACnF,MAAM,EAAE,qCAAqC,KAC1C,OAAO,CAAC,qCAAqC,CAAC,GAAG,CAAC,CAAC,CAAA;AAExD,MAAM,MAAM,yBAAyB,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI,OAAO,CAAC,GAAG,CAAC,CAAA"}
1	+ {"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,4BAA4B,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI,GAAG,CAAA;AAErF,MAAM,MAAM,6BAA6B,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI;IACjF,GAAG,EAAE,GAAG,CAAA;IACR,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,0BAA0B,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI;IAC9E,GAAG,EAAE,GAAG,CAAA;IACR,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAA;IAChC,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,6CAA6C;IAC7C,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,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;IACjB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,KAAK,GAAG,MAAM,CAAA;AAEvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,0BAA0B,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG;IACpD,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;IAChB,IAAI,CAAC,EAAE,iBAAiB,CAAA;CACzB;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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/table-data-grid",
-  "version": "0.5.3-pr.3854.e369e8f09.0",
+  "version": "0.5.3",
   "type": "module",
   "main": "./dist/table-data-grid.umd.js",
   "module": "./dist/table-data-grid.es.js",
@@ -22,7 +22,7 @@
   },
   "devDependencies": {
     "@kong-ui-public/i18n": "^2.5.1",
-    "@kong/kongponents": "9.64.15",
+    "@kong/kongponents": "9.64.18",
     "vue": "^3.5.41"
   },
   "repository": {
@@ -63,8 +63,7 @@
     "lint:fix": "eslint --fix",
     "stylelint": "stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'",
     "stylelint:fix": "stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix",
-    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit && pnpm run typecheck:types",
-    "typecheck:types": "vue-tsc -p './tsconfig.types.json' --noEmit",
+    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
     "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",

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

@@ -1,23 +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.
- */
-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 DELETED Viewed

@@ -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;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,GAAG,SAAS,MAAM,GAAG,gBAAgB,EAAE,wBAGxE,0BAA0B,CAAC,GAAG,CAAC;;;;;CA0FjC,CAAA"}