@sentio/ui-dashboard 0.3.11 → 0.3.12

package/dist/index.mjs

@@ -7924,6 +7924,64 @@ var ImportPanelDialog = ({
     }
   );
 };
+
+// src/dashboard/ExportDashboardDialog.tsx
+import { BaseDialog as BaseDialog4, Button as Button7, CopyButton as CopyButton4, useDarkMode as useDarkMode2 } from "@sentio/ui-core";
+import MonacoEditor from "@monaco-editor/react";
+import { LuDownload } from "react-icons/lu";
+import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
+function ExportDashboardDialog({
+  open,
+  onClose,
+  dashboardId,
+  json,
+  onBeforeMount
+}) {
+  const isDarkMode = useDarkMode2();
+  return /* @__PURE__ */ jsx49(
+    BaseDialog4,
+    {
+      title: "Export dashboard JSON",
+      open,
+      onClose,
+      onCancel: onClose,
+      cancelText: "Close",
+      footerBorder: false,
+      extraButtons: /* @__PURE__ */ jsx49("div", { className: "absolute left-4 inline-flex", children: /* @__PURE__ */ jsx49(
+        "a",
+        {
+          download: dashboardId ? `dashboard-${dashboardId}.json` : "dashboard.json",
+          href: "data:text/json;charset=utf-8," + encodeURIComponent(json),
+          children: /* @__PURE__ */ jsx49(Button7, { role: "text", icon: /* @__PURE__ */ jsx49(LuDownload, {}), children: "Save to a file" })
+        }
+      ) }),
+      children: /* @__PURE__ */ jsx49("form", { className: "relative", children: /* @__PURE__ */ jsxs39("div", { className: "px-[18px] py-4", children: [
+        /* @__PURE__ */ jsx49(
+          "div",
+          {
+            className: "absolute right-10 top-8 z-10",
+            onClick: (evt) => evt.preventDefault(),
+            children: /* @__PURE__ */ jsx49(CopyButton4, { text: json, size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsx49("div", { className: "focus-within:border-primary-300 h-[324px] overflow-hidden rounded-sm border", children: /* @__PURE__ */ jsx49(
+          MonacoEditor,
+          {
+            value: json,
+            theme: isDarkMode ? "sentio-dark" : "sentio",
+            language: "json",
+            beforeMount: onBeforeMount,
+            options: {
+              readOnly: true,
+              minimap: { enabled: false },
+              lineNumbers: "off"
+            }
+          }
+        ) })
+      ] }) })
+    }
+  );
+}
 export {
   AggregateInput,
   AreaIcon_default as AreaIcon,
@@ -7944,6 +8002,7 @@ export {
   ErrorChart,
   EventsFunctionCategories,
   EventsFunctionMap,
+  ExportDashboardDialog,
   FunctionInput,
   FunctionMap,
   FunctionsCategories,