@kong-ui-public/dashboard-renderer 0.24.5 → 0.24.7

package/dist/dashboard-renderer.es.js

@@ -302,7 +302,7 @@ const L = {
   },
   required: ["datasource"],
   additionalProperties: !1
-}, nt = {
+}, at = {
   type: "object",
   description: "A query to launch at the AI explore API",
   properties: {
@@ -319,12 +319,12 @@ const L = {
   },
   required: ["datasource"],
   additionalProperties: !1
-}, at = {
-  anyOf: [ot, it, nt]
+}, nt = {
+  anyOf: [ot, it, at]
 }, st = {
   type: "object",
   properties: {
-    query: at,
+    query: nt,
     chart: {
       anyOf: [Je, Ye, We, et, Xe, Ze]
     }
@@ -407,17 +407,17 @@ const L = {
 };
 var ie = /* @__PURE__ */ ((t) => (t.VALIDATING = "VALIDATING", t.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", t.PENDING = "PENDING", t.SUCCESS = "SUCCESS", t.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", t.ERROR = "ERROR", t.STALE_IF_ERROR = "STALE_IF_ERROR", t))(ie || {});
 const pt = (t) => {
-  var r, o, n, e, i;
+  var r, o, a, e, i;
   return t ? !!// TODO: revisit: currently only the first check ever matters?
-  ((r = Object.keys(t)) != null && r.length || (o = t.data) != null && o.length || (e = (n = t.data) == null ? void 0 : n.data) != null && e.length || !((i = t.data) != null && i.data) && typeof t.data == "object" && Object.keys(t == null ? void 0 : t.data).length) : !1;
+  ((r = Object.keys(t)) != null && r.length || (o = t.data) != null && o.length || (e = (a = t.data) == null ? void 0 : a.data) != null && e.length || !((i = t.data) != null && i.data) && typeof t.data == "object" && Object.keys(t == null ? void 0 : t.data).length) : !1;
 };
-function ut(t = I({}), r, o, n = pt) {
+function ut(t = I({}), r, o, a = pt) {
   const e = I(
     "PENDING"
     /* PENDING */
   );
   return ue(() => {
-    const i = n(t.value);
+    const i = a(t.value);
     if (t.value && i && o.value) {
       e.value = "VALIDATING_HAS_DATA";
       return;
@@ -469,7 +469,7 @@ function ht() {
     // Translation component <i18n-t>
   };
 }
-const ne = {
+const ae = {
   useI18n: ht
 }, N = /* @__PURE__ */ _({
   __name: "QueryDataProvider",
@@ -480,14 +480,14 @@ const ne = {
   },
   emits: ["queryComplete"],
   setup(t, { emit: r }) {
-    const o = t, n = r, { i18n: e } = ne.useI18n(), i = Q(te), a = () => o.queryReady && i ? JSON.stringify([o.query, o.context]) : null, s = new AbortController();
+    const o = t, a = r, { i18n: e } = ae.useI18n(), i = Q(te), n = () => o.queryReady && i ? JSON.stringify([o.query, o.context]) : null, s = new AbortController();
     Z(() => {
       s.abort();
     });
     const m = (A, E, D) => {
       const q = [];
       return E && q.push(...E), q.push(...Ne(A, D)), q;
-    }, { data: c, error: b, isValidating: h } = Ve(a, async () => {
+    }, { data: c, error: b, isValidating: h } = Ve(n, async () => {
       var A, E, D, q;
       try {
         let {
@@ -510,7 +510,7 @@ const ne = {
       } catch (u) {
         w.value = ((E = (A = u == null ? void 0 : u.response) == null ? void 0 : A.data) == null ? void 0 : E.message) === "Range not allowed for this tier" ? e.t("queryDataProvider.timeRangeExceeded") : ((q = (D = u == null ? void 0 : u.response) == null ? void 0 : D.data) == null ? void 0 : q.message) || (u == null ? void 0 : u.message);
       } finally {
-        n("queryComplete");
+        a("queryComplete");
       }
     }, {
       refreshInterval: o.context.refreshInterval,
@@ -553,7 +553,7 @@ const ne = {
     }));
     const r = t, o = {
       [y.Gauge]: qe.GAUGE
-    }, n = d(() => ({
+    }, a = d(() => ({
       ...r.chartOptions,
       type: o[r.chartOptions.type]
     }));
@@ -562,11 +562,11 @@ const ne = {
       query: e.query,
       "query-ready": e.queryReady
     }, {
-      default: v(({ data: a }) => [
+      default: v(({ data: n }) => [
         G("div", gt, [
           T(p(Se), {
-            "chart-data": a,
-            "chart-options": n.value,
+            "chart-data": n,
+            "chart-options": a.value,
             "synthetics-data-key": e.chartOptions.syntheticsDataKey
           }, null, 8, ["chart-data", "chart-options", "synthetics-data-key"])
         ])
@@ -576,8 +576,8 @@ const ne = {
   }
 }), R = (t, r) => {
   const o = t.__vccOpts || t;
-  for (const [n, e] of r)
-    o[n] = e;
+  for (const [a, e] of r)
+    o[a] = e;
   return o;
 }, vt = /* @__PURE__ */ R(ft, [["__scopeId", "data-v-f0f6ed41"]]), _t = { class: "analytics-chart" }, bt = /* @__PURE__ */ _({
   __name: "BarChartRenderer",
@@ -595,7 +595,7 @@ const ne = {
     const r = t, o = {
       [y.HorizontalBar]: j.HORIZONTAL_BAR,
       [y.VerticalBar]: j.VERTICAL_BAR
-    }, n = d(() => ({
+    }, a = d(() => ({
       type: o[r.chartOptions.type],
       stacked: r.chartOptions.stacked,
       chartDatasetColors: r.chartOptions.chartDatasetColors
@@ -605,12 +605,12 @@ const ne = {
       query: e.query,
       "query-ready": e.queryReady
     }, {
-      default: v(({ data: a }) => [
+      default: v(({ data: n }) => [
         G("div", _t, [
           T(p(ee), {
             "allow-csv-export": e.chartOptions.allowCsvExport,
-            "chart-data": a,
-            "chart-options": n.value,
+            "chart-data": n,
+            "chart-options": a.value,
             "chart-title": e.chartOptions.chartTitle,
             "legend-position": "bottom",
             "show-annotations": !1,
@@ -638,7 +638,7 @@ const ne = {
     const r = t, o = {
       [y.TimeseriesLine]: j.TIMESERIES_LINE
       // TODO: Timeseries bar
-    }, n = d(() => {
+    }, a = d(() => {
       const e = r.chartOptions.stacked ?? !1;
       return {
         type: o[r.chartOptions.type],
@@ -651,12 +651,12 @@ const ne = {
       query: e.query,
       "query-ready": e.queryReady
     }, {
-      default: v(({ data: a }) => [
+      default: v(({ data: n }) => [
         G("div", qt, [
           T(p(ee), {
             "allow-csv-export": e.chartOptions.allowCsvExport,
-            "chart-data": a,
-            "chart-options": n.value,
+            "chart-data": n,
+            "chart-options": a.value,
             "chart-title": e.chartOptions.chartTitle,
             "legend-position": "bottom",
             "synthetics-data-key": e.chartOptions.syntheticsDataKey,
@@ -696,7 +696,7 @@ const ne = {
       if (!i)
         throw new Error("Unknown time range");
       return i;
-    }), n = d(() => {
+    }), a = d(() => {
       var e;
       return {
         datasource: (e = r.query) == null ? void 0 : e.datasource,
@@ -713,7 +713,7 @@ const ne = {
       };
     });
     return (e, i) => (l(), S("div", Rt, [
-      T(p(Be), X(de(n.value)), {
+      T(p(Be), X(de(a.value)), {
         default: v(() => [
           T(p(Fe))
         ]),
@@ -721,7 +721,7 @@ const ne = {
       }, 16)
     ]));
   }
-}), Et = /* @__PURE__ */ R(At, [["__scopeId", "data-v-7d1a3f03"]]), ae = "20px", Dt = /* @__PURE__ */ _({
+}), Et = /* @__PURE__ */ R(At, [["__scopeId", "data-v-7d1a3f03"]]), ne = "20px", Dt = /* @__PURE__ */ _({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -731,38 +731,38 @@ const ne = {
     height: {}
   },
   setup(t) {
-    const r = t, o = (n) => {
+    const r = t, o = (a) => {
       var e;
       if ((e = r.chartOptions) != null && e.entityLink)
-        if (n.id.includes(":")) {
-          const [i, a] = n.id.split(":");
-          return r.chartOptions.entityLink.replace(Ue, i).replace(U, a);
+        if (a.id.includes(":")) {
+          const [i, n] = a.id.split(":");
+          return r.chartOptions.entityLink.replace(Ue, i).replace(U, n);
         } else
-          return r.chartOptions.entityLink.replace(U, n.id);
+          return r.chartOptions.entityLink.replace(U, a.id);
       return "";
     };
-    return (n, e) => (l(), f(N, {
-      context: n.context,
-      query: n.query,
-      "query-ready": n.queryReady
+    return (a, e) => (l(), f(N, {
+      context: a.context,
+      query: a.query,
+      "query-ready": a.queryReady
     }, {
       default: v(({ data: i }) => [
         T(p(Te), {
           data: i,
-          description: n.chartOptions.description,
-          "synthetics-data-key": n.chartOptions.syntheticsDataKey,
-          title: n.chartOptions.chartTitle || ""
+          description: a.chartOptions.description,
+          "synthetics-data-key": a.chartOptions.syntheticsDataKey,
+          title: a.chartOptions.chartTitle || ""
         }, ye({ _: 2 }, [
           r.chartOptions.entityLink ? {
             name: "name",
-            fn: v(({ record: a }) => [
+            fn: v(({ record: n }) => [
               T(p(He), {
                 "entity-link-data": {
-                  id: a.id,
-                  label: a.name,
-                  deleted: a.deleted
+                  id: n.id,
+                  label: n.name,
+                  deleted: n.deleted
                 },
-                "external-link": o(a)
+                "external-link": o(n)
               }, null, 8, ["entity-link-data", "external-link"])
             ]),
             key: "0"
@@ -784,7 +784,7 @@ const ne = {
     x((i) => ({
       58871060: `${i.height}px`
     }));
-    const r = parseInt(ae, 10), o = t, n = {
+    const r = parseInt(ne, 10), o = t, a = {
       [y.TimeseriesLine]: Tt,
       [y.HorizontalBar]: M,
       [y.VerticalBar]: M,
@@ -793,7 +793,7 @@ const ne = {
       [y.TopN]: Dt,
       [y.Slottable]: void 0
     }, e = d(() => {
-      const i = n[o.definition.chart.type];
+      const i = a[o.definition.chart.type];
       return i && {
         component: i,
         rendererProps: {
@@ -805,19 +805,19 @@ const ne = {
         }
       };
     });
-    return (i, a) => (l(), S("div", Ct, [
+    return (i, n) => (l(), S("div", Ct, [
       e.value ? (l(), f(me(e.value.component), X(he({ key: 0 }, e.value.rendererProps)), null, 16)) : Y("", !0)
     ]));
   }
 }), xt = /* @__PURE__ */ R(It, [["__scopeId", "data-v-69b5e552"]]), Ot = (t, r, o) => {
-  const n = /* @__PURE__ */ new Map();
+  const a = /* @__PURE__ */ new Map();
   o.forEach((i) => {
-    const a = i.layout.position.row, s = n.get(a), m = i.layout.size.rows === 1 && !!i.layout.size.fitToContent;
-    s === void 0 ? n.set(a, m) : n.set(a, s && m);
+    const n = i.layout.position.row, s = a.get(n), m = i.layout.size.rows === 1 && !!i.layout.size.fitToContent;
+    s === void 0 ? a.set(n, m) : a.set(n, s && m);
   });
   const e = [];
   for (let i = 0; i < t; i++)
-    n.get(i) ? e.push("auto") : e.push(`${r}px`);
+    a.get(i) ? e.push("auto") : e.push(`${r}px`);
   return e;
 }, kt = /* @__PURE__ */ _({
   __name: "GridLayout",
@@ -841,9 +841,9 @@ const ne = {
       cfb759a4: t.gridSize.cols,
       "208951e1": i.value
     }));
-    const r = t, o = I(null), n = I(0), e = new ResizeObserver((s) => {
+    const r = t, o = I(null), a = I(0), e = new ResizeObserver((s) => {
       window.requestAnimationFrame(() => {
-        !Array.isArray(s) || !s.length || (n.value = s[0].contentRect.width);
+        !Array.isArray(s) || !s.length || (a.value = s[0].contentRect.width);
       });
     });
     ge(() => {
@@ -854,7 +854,7 @@ const ne = {
     const i = d(() => {
       var m;
       return Ot((m = r.gridSize) == null ? void 0 : m.rows, r.tileHeight, r.tiles).join(" ");
-    }), a = d(() => r.tiles.map((s, m) => ({
+    }), n = d(() => r.tiles.map((s, m) => ({
       key: `tile-${m}`,
       tile: s,
       style: {
@@ -869,7 +869,7 @@ const ne = {
       ref: o,
       class: "kong-ui-public-grid-layout"
     }, [
-      (l(!0), S(fe, null, ve(a.value, (c) => (l(), S("div", {
+      (l(!0), S(fe, null, ve(n.value, (c) => (l(), S("div", {
         key: c.key,
         class: _e(["grid-cell", {
           "empty-cell": !c.tile
@@ -893,12 +893,12 @@ const ne = {
     config: {}
   },
   setup(t) {
-    const r = t, { i18n: o } = ne.useI18n(), n = Q(te);
-    n || (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements"));
+    const r = t, { i18n: o } = ae.useI18n(), a = Q(te);
+    a || (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements"));
     const e = Ke(), i = d(() => r.context.timeSpec ? r.context.timeSpec : {
       type: "relative",
       time_range: e.defaultQueryTimeForOrg
-    }), a = d(() => !!r.context.timeSpec || !e.loading), s = d(() => r.config.tiles.map((c, b) => {
+    }), n = d(() => !!r.context.timeSpec || !e.loading), s = d(() => r.config.tiles.map((c, b) => {
       var g;
       let h = c.definition;
       if ("description" in h.chart) {
@@ -932,7 +932,7 @@ const ne = {
     return (c, b) => {
       const h = z("KAlert");
       return l(), S("div", Pt, [
-        p(n) ? (l(), f(wt, {
+        p(a) ? (l(), f(wt, {
           key: 1,
           "grid-size": c.config.gridSize,
           "tile-height": c.config.tileHeight,
@@ -946,8 +946,8 @@ const ne = {
               class: "tile-container",
               context: m.value,
               definition: g.meta,
-              height: g.layout.size.rows * (c.config.tileHeight || p(P)) + parseInt(p(ae), 10),
-              "query-ready": a.value
+              height: g.layout.size.rows * (c.config.tileHeight || p(P)) + parseInt(p(ne), 10),
+              "query-ready": n.value
             }, null, 8, ["context", "definition", "height", "query-ready"]))
           ]),
           _: 3
@@ -974,7 +974,7 @@ export {
   wt as GridLayout,
   te as INJECT_QUERY_PROVIDER,
   Me as TIMEFRAME_TOKEN,
-  nt as aiQuerySchema,
+  at as aiQuerySchema,
   Je as barChartSchema,
   it as basicQuerySchema,
   Ut as dashboardConfigSchema,
@@ -987,5 +987,5 @@ export {
   ct as tileLayoutSchema,
   We as timeseriesChartSchema,
   Xe as topNTableSchema,
-  at as validDashboardQuery
+  nt as validDashboardQuery
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/dashboard-renderer",
-  "version": "0.24.5",
+  "version": "0.24.7",
   "type": "module",
   "main": "./dist/dashboard-renderer.umd.js",
   "module": "./dist/dashboard-renderer.es.js",
@@ -22,17 +22,17 @@
   },
   "devDependencies": {
     "@kong/design-tokens": "1.17.2",
-    "@kong/kongponents": "9.4.1",
+    "@kong/kongponents": "9.5.5",
     "json-schema-to-ts": "^3.0.1",
     "pinia": ">= 2.1.7 < 3",
     "swrv": "^1.0.4",
     "vue": "^3.4.31",
-    "@kong-ui-public/analytics-chart": "^4.4.3",
-    "@kong-ui-public/analytics-config-store": "^0.8.0",
-    "@kong-ui-public/analytics-metric-provider": "^8.4.0",
-    "@kong-ui-public/analytics-utilities": "^4.5.0",
+    "@kong-ui-public/analytics-chart": "^4.5.1",
+    "@kong-ui-public/analytics-config-store": "^0.8.1",
+    "@kong-ui-public/analytics-utilities": "^4.6.0",
     "@kong-ui-public/i18n": "^2.2.2",
-    "@kong-ui-public/sandbox-layout": "^2.1.23"
+    "@kong-ui-public/sandbox-layout": "^2.1.24",
+    "@kong-ui-public/analytics-metric-provider": "^8.4.2"
   },
   "repository": {
     "type": "git",
@@ -52,19 +52,19 @@
     "errorLimit": "512KB"
   },
   "peerDependencies": {
-    "@kong/kongponents": "^9.4.1",
+    "@kong/kongponents": "^9.5.5",
     "swrv": "^1.0.4",
     "vue": ">= 3.3.13 < 4",
-    "@kong-ui-public/analytics-chart": "^4.4.3",
-    "@kong-ui-public/analytics-config-store": "^0.8.0",
-    "@kong-ui-public/analytics-utilities": "^4.5.0",
+    "@kong-ui-public/analytics-chart": "^4.5.1",
+    "@kong-ui-public/analytics-config-store": "^0.8.1",
+    "@kong-ui-public/analytics-metric-provider": "^8.4.2",
     "@kong-ui-public/i18n": "^2.2.2",
-    "@kong-ui-public/analytics-metric-provider": "^8.4.0"
+    "@kong-ui-public/analytics-utilities": "^4.6.0"
   },
   "dependencies": {
     "ajv": "^8.12.0",
-    "@kong-ui-public/core": "^1.8.0",
-    "@kong-ui-public/entities-shared": "^3.8.0"
+    "@kong-ui-public/core": "^1.9.0",
+    "@kong-ui-public/entities-shared": "^3.8.2"
   },
   "scripts": {
     "dev": "cross-env USE_SANDBOX=true vite",