@kong-ui-public/table-data-grid 0.3.5 → 0.3.7-pr.3602.40ad43658.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/table-data-grid",
-  "version": "0.3.5",
+  "version": "0.3.7-pr.3602.40ad43658.0",
   "type": "module",
   "main": "./dist/table-data-grid.umd.js",
   "module": "./dist/table-data-grid.es.js",
@@ -21,7 +21,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "@kong/kongponents": "9.61.6",
+    "@kong/kongponents": "9.62.0",
     "vue": "^3.5.35",
     "@kong-ui-public/i18n": "^2.5.0"
   },

package/dist/style.css

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

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

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

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

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

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

@@ -1,36 +0,0 @@
-import type { TableDataGridFetcher, TableDataGridHeader, TableDataGridStatePayload } from '../types';
-import type { GridReadyEvent } from 'ag-grid-community';
-declare const __VLS_export: <Row extends object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
-        headers: Array<TableDataGridHeader<Row>>;
-        fetcher: TableDataGridFetcher<Row>;
-        error?: boolean;
-        pageSize?: number;
-        refreshKey?: string | number | boolean;
-    } & {
-        onState?: ((payload: TableDataGridStatePayload) => any) | undefined;
-        "onGrid:ready"?: ((api: import("ag-grid-community").GridApi<Row>) => any) | undefined;
-    }> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        'empty-state': () => unknown;
-        'error-state': () => unknown;
-    };
-    emit: {
-        (e: "grid:ready", api: GridReadyEvent<Row>["api"]): void;
-        (e: "state", payload: TableDataGridStatePayload): void;
-    };
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = (T extends any ? {
-    [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};
-//# sourceMappingURL=TableDataGrid.vue.d.ts.map

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

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

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

@@ -1,11 +0,0 @@
-import type { ICellRendererParams } from 'ag-grid-community';
-type CellRendererParams = ICellRendererParams<Record<string, unknown>>;
-type __VLS_Props = {
-    params: CellRendererParams;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
-    refresh(nextParams: CellRendererParams): boolean;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=TableDataGridCellRenderer.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableDataGridCellRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TableDataGridCellRenderer.vue"],"names":[],"mappings":"AAiIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAG5D,KAAK,kBAAkB,GAAG,mBAAmB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;AAMtE,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,kBAAkB,CAAA;CAC3B,CAAC;AA6IF,QAAA,MAAM,YAAY;wBAtEI,kBAAkB;oPAyEtC,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,11 +0,0 @@
-import type { TableDataGridStatePayload } from '../types';
-import type { Ref } from 'vue';
-import { fetchState } from './useFetchState';
-type UseEmitStateOptions = {
-    emitState: (payload: TableDataGridStatePayload) => void;
-    fetchLifecycleState: Readonly<Ref<fetchState>>;
-    hasData: Readonly<Ref<boolean>>;
-};
-export declare const useEmitState: ({ emitState, fetchLifecycleState, hasData, }: UseEmitStateOptions) => void;
-export {};
-//# sourceMappingURL=useEmitState.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,48 +0,0 @@
-import type { TableDataGridFetcher, TableDataGridRow } from '../types';
-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
-     * ranges internal and calls this with the cursor-first TableDataGrid contract.
-     */
-    fetcher: TableDataGridFetcher<Row>;
-    /**
-     * Reactive invalidation input from the component layer. Any change rebuilds
-     * the datasource and clears cursor/block state back to block 0.
-     */
-    resetKey?: Readonly<Ref<unknown>>;
-}
-/**
- * Owns AG Grid infinite datasource creation and cursor-backed fetch
- * orchestration for TableDataGrid.
- *
- * Callers provide the public fetcher and an optional reset key, then observe
- * readonly fetch state and pass the returned datasource to AG Grid. Cursor maps,
- * block completion gates, pending counts, and stale datasource guards stay
- * private to this composable so component code cannot mutate fetch lifecycle
- * state directly.
- *
- * @param fetcher Host-supplied fetcher that uses TableDataGrid's cursor-first
- * infinite mode contract.
- * @param resetKey Optional reactive invalidation key that rebuilds the
- * datasource and restarts the cursor chain.
- * @returns Readonly datasource, first-block data, error, and fetching state
- * refs for the active AG Grid infinite datasource.
- */
-export declare const useFetchInfinite: <Row extends object = TableDataGridRow>({ fetcher, resetKey, }: UseFetchInfiniteOptions<Row>) => {
-    datasource: Readonly<Ref<{
-        readonly rowCount?: number | undefined;
-        readonly getRows: (params: IGetRowsParams) => void;
-        readonly destroy?: (() => void) | undefined;
-    } | undefined, {
-        readonly rowCount?: number | undefined;
-        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>>;
-    error: Readonly<Ref<Readonly<unknown>, Readonly<unknown>>>;
-    isFetching: Readonly<Ref<boolean, boolean>>;
-};
-export {};
-//# sourceMappingURL=useFetchInfinite.d.ts.map

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

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

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

@@ -1,30 +0,0 @@
-import type { Ref } from 'vue';
-export declare enum fetchState {
-    PENDING = "PENDING",
-    LOADING = "LOADING",
-    SUCCESS = "SUCCESS",
-    ERROR = "ERROR"
-}
-type UseFetchStateResult = {
-    fetchState: typeof fetchState;
-    hasData: Readonly<Ref<boolean>>;
-    state: Readonly<Ref<fetchState>>;
-};
-type FetchStateData<Row> = readonly Row[] | undefined;
-/**
- * Derives TableDataGrid fetch state from fetch lifecycle refs.
- *
- * `data`, `error`, and `isFetching` are owned by the fetch orchestration
- * composable. This helper only reads those refs and exposes a readonly derived
- * state without owning mutation or request lifecycle behavior.
- *
- * @param data Current rows from the active fetch chain, or `undefined` before
- * the first fetch result resolves.
- * @param error Current fetch error, if one exists.
- * @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.
- */
-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 +0,0 @@
-{"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/composables/useI18n.d.ts

@@ -1,9 +0,0 @@
-import { createI18n, i18nTComponent } from '@kong-ui-public/i18n';
-import english from '../locales/en.json';
-interface UseI18nReturn {
-    i18n: ReturnType<typeof createI18n<typeof english>>;
-    i18nT: ReturnType<typeof i18nTComponent<typeof english>>;
-}
-export default function useI18n(): UseI18nReturn;
-export {};
-//# sourceMappingURL=useI18n.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useI18n.d.ts","sourceRoot":"","sources":["../../../src/composables/useI18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,OAAO,MAAM,oBAAoB,CAAA;AAExC,UAAU,aAAa;IACrB,IAAI,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC,CAAA;IACnD,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,CAAA;CACzD;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,IAAI,aAAa,CAO/C"}

package/dist/types/index.d.ts

@@ -1,4 +0,0 @@
-import TableDataGrid from './components/TableDataGrid.vue';
-export { TableDataGrid };
-export * from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,gCAAgC,CAAA;AAE1D,OAAO,EAAE,aAAa,EAAE,CAAA;AAExB,cAAc,SAAS,CAAA"}

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

@@ -1,29 +0,0 @@
-import type { GridApi } from 'ag-grid-community';
-export type TableDataGridMode = 'infinite';
-export type TableDataGridRow = Record<string, unknown>;
-export type TableDataGridState = 'loading' | 'success' | 'error';
-export type TableDataGridStatePayload = {
-    state: TableDataGridState;
-    hasData: boolean;
-};
-export type TableDataGridHeader<Row extends object = TableDataGridRow> = {
-    key: Extract<keyof Row, string>;
-    label: string;
-    width?: number;
-    minWidth?: number;
-    maxWidth?: number;
-};
-export interface TableDataGridInfiniteFetcherParams {
-    mode: 'infinite';
-    pageSize: number;
-    cursor?: unknown;
-}
-export type TableDataGridFetcherResult<Row extends object = TableDataGridRow> = {
-    data: Row[];
-    cursor?: unknown;
-    total?: number;
-    hasMore?: boolean;
-};
-export type TableDataGridFetcher<Row extends object = TableDataGridRow> = (params: TableDataGridInfiniteFetcherParams) => Promise<TableDataGridFetcherResult<Row>>;
-export type TableDataGridReadyPayload<Row extends object = TableDataGridRow> = GridApi<Row>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAA;AAC1C,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AACtD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEhE,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,kBAAkB,CAAA;IACzB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,mBAAmB,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI;IACvE,GAAG,EAAE,OAAO,CAAC,MAAM,GAAG,EAAE,MAAM,CAAC,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,WAAW,kCAAkC;IACjD,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,MAAM,0BAA0B,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI;IAC9E,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI,CACxE,MAAM,EAAE,kCAAkC,KACvC,OAAO,CAAC,0BAA0B,CAAC,GAAG,CAAC,CAAC,CAAA;AAE7C,MAAM,MAAM,yBAAyB,CAAC,GAAG,SAAS,MAAM,GAAG,gBAAgB,IAAI,OAAO,CAAC,GAAG,CAAC,CAAA"}

package/dist/types/utils/fetchers.d.ts

@@ -1,42 +0,0 @@
-interface GridRowRange {
-    startRow: number;
-    endRow: number;
-}
-interface CursorBlock {
-    blockIndex: number;
-    pageSize: number;
-}
-/**
- * Resolves AG Grid's zero-based, half-open row range into a cursor block.
- *
- * AG Grid passes `startRow` as inclusive and `endRow` as exclusive. It does not
- * pass a block index directly, so derive it from the range before calling
- * TableDataGrid's cursor-based fetcher.
- *
- * @param startRow AG Grid's inclusive row start for the requested block.
- * @param endRow AG Grid's exclusive row end for the requested block.
- * @returns Cursor block index and page size derived from AG Grid's row range.
- */
-export declare const getCursorBlock: ({ startRow, endRow }: GridRowRange) => CursorBlock;
-/**
- * Translates TableDataGrid fetch metadata into AG Grid's `lastRow` signal.
- *
- * An undefined value tells AG Grid to keep requesting more blocks. A number
- * tells AG Grid the absolute row index where the dataset ends.
- *
- * @param startRow AG Grid's inclusive row start for the fetched block.
- * @param rowsLength Number of rows returned by the TableDataGrid fetcher.
- * @param pageSize Requested block size derived from AG Grid's row range.
- * @param total Optional known total row count from the backend.
- * @param hasMore Optional backend signal for whether another block exists.
- * @returns AG Grid `lastRow` value, or undefined when more blocks may exist.
- */
-export declare const resolveInfiniteLastRow: ({ startRow, rowsLength, pageSize, total, hasMore, }: {
-    startRow: number;
-    rowsLength: number;
-    pageSize: number;
-    total?: number;
-    hasMore?: boolean;
-}) => number | undefined;
-export {};
-//# sourceMappingURL=fetchers.d.ts.map

package/dist/types/utils/fetchers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fetchers.d.ts","sourceRoot":"","sources":["../../../src/utils/fetchers.ts"],"names":[],"mappings":"AAAA,UAAU,YAAY;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACf;AAED,UAAU,WAAW;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,sBAAsB,YAAY,KAAG,WAOnE,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,sBAAsB,GAAI,qDAMpC;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,KAAG,MAAM,GAAG,SAcZ,CAAA"}