@kong-ui-public/dashboard-renderer 8.15.23 → 8.16.0

package/README.md

@@ -9,6 +9,7 @@ Render Analytics charts on a page from a JSON definition.
   - [Example](#example)
   - [Slotted content](#slotted-content)
   - [Auto-fit row content](#auto-fit-row-content)
+- [CsvExportModal](#csvexportmodal)
 - [Editable Dashboard Features](#editable-dashboard-features)
 - [Editable Dashboard Events](#editable-dashboard-events)
 - [Dashboard Config Schema](#dashboard-config-schema)
@@ -366,6 +367,39 @@ watch(() => config.value.tiles, (tiles) => {
 />
 ```
 
+## CsvExportModal
+
+`CsvExportModal` renders a preview and download action for an export result.
+
+| Prop | Type | Required | Description |
+|---|---|---|---|
+| `exportState` | `ExploreExportState` | Yes | Current loading, error, or successful export data. |
+| `filename` | `string` | Yes | Base name used for the generated CSV file. |
+| `modalDescription` | `string` | No | Replaces the default export description. |
+
+It emits `closeModal` when cancelled; use it in templates as `@close-modal`.
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue'
+import { CsvExportModal } from '@kong-ui-public/dashboard-renderer'
+import type { ExploreExportState } from '@kong-ui-public/analytics-utilities'
+
+const exportModalVisible = ref(false)
+const exportState = ref<ExploreExportState>({ status: 'loading' })
+</script>
+
+<template>
+  <CsvExportModal
+    v-if="exportModalVisible"
+    :export-state="exportState"
+    filename="total-requests"
+    modal-description="Export for audit review."
+    @close-modal="exportModalVisible = false"
+  />
+</template>
+```
+
 ## Editable Dashboard Features
 
 When `editable` is enabled:

package/dist/{GeoMapRenderer-DiMjLFB2.js → GeoMapRenderer-Cmb6vWuB.js}

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as p, computed as o, openBlock as q, createBlock as C, withCtx as x, createVNode as g, unref as _ } from "vue";
-import { _ as E } from "./index-B1g33-j6.js";
+import { _ as E } from "./index-CqFZ8Md1.js";
 import { exploreResultToCountryMetrics as M, AnalyticsGeoMap as O } from "@kong-ui-public/analytics-geo-map";
 import { COUNTRIES as R } from "@kong-ui-public/analytics-utilities";
 const D = /* @__PURE__ */ v({

package/dist/dashboard-renderer.es.js

@@ -1,15 +1,16 @@
-import { C as a, D as R, a as T, b as s, c as L, d as I, E as e, F as D, e as N, G as S, I as r, T as A, f as F } from "./index-B1g33-j6.js";
+import { C as a, a as R, D as T, b as s, c as L, d as I, e, E as D, F as N, f as S, G as o, I as r, T as A, g as F } from "./index-CqFZ8Md1.js";
 export {
   a as CP_ID_TOKEN,
-  R as DASHBOARD_COLS,
-  T as DEFAULT_TILE_HEIGHT,
-  s as DEFAULT_TILE_REFRESH_INTERVAL_MS,
-  L as DashboardRenderer,
-  I as DashboardTilePreview,
-  e as ENTITY_ID_TOKEN,
-  D as FULLSCREEN_LONG_REFRESH_INTERVAL_MS,
-  N as FULLSCREEN_SHORT_REFRESH_INTERVAL_MS,
-  S as GridLayout,
+  R as CsvExportModal,
+  T as DASHBOARD_COLS,
+  s as DEFAULT_TILE_HEIGHT,
+  L as DEFAULT_TILE_REFRESH_INTERVAL_MS,
+  I as DashboardRenderer,
+  e as DashboardTilePreview,
+  D as ENTITY_ID_TOKEN,
+  N as FULLSCREEN_LONG_REFRESH_INTERVAL_MS,
+  S as FULLSCREEN_SHORT_REFRESH_INTERVAL_MS,
+  o as GridLayout,
   r as INJECT_QUERY_PROVIDER,
   A as TIMEFRAME_TOKEN,
   F as configureAllowedDefinition