react-semaphor 0.1.524 → 0.1.526

package/dist/chunks/dashboard-json-Xldp0qww.js

@@ -0,0 +1,65 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useMemo as m, useState as f, useRef as b, useEffect as p } from "react";
+import { u as o, c as S, B as N } from "./code-highlight-994tgM9v.js";
+import { C as D } from "./switch-XaAACBrJ.js";
+import { X as J } from "./x-CXDkqdur.js";
+import "./validators-CsdOtZI6.js";
+import "./matrix-operation-contract-D32U2CSw.js";
+import "../value-format-preferences/index.js";
+function j() {
+  const r = o((s) => s.dashboard), c = o((s) => s.actions.setDashboard), h = o(
+    (s) => s.showDashboardJSON
+  ), l = o(
+    (s) => s.actions.setShowDashboardJSON
+  ), a = m(
+    () => r ? JSON.stringify(r, null, 2) : "",
+    [r]
+  ), [u, n] = f(a), e = b(a);
+  return p(() => {
+    a !== e.current && (n(a), e.current = a);
+  }, [a]), /* @__PURE__ */ d(
+    "div",
+    {
+      className: S("relative p-2", {
+        hidden: !h
+      }),
+      children: [
+        /* @__PURE__ */ d(
+          N,
+          {
+            variant: "secondary",
+            size: "sm",
+            className: "absolute right-2 top-2 z-10 h-8",
+            onClick: () => l(!1),
+            children: [
+              /* @__PURE__ */ t(J, { className: "mr-2 h-4 w-4" }),
+              "Close"
+            ]
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "h-[550px] overflow-hidden", children: /* @__PURE__ */ t(
+          D,
+          {
+            value: u,
+            onValueChange: (s) => {
+              n(s);
+              try {
+                const i = JSON.parse(s);
+                e.current = JSON.stringify(
+                  i,
+                  null,
+                  2
+                ), c(i);
+              } catch {
+              }
+            },
+            language: "json"
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  j as default
+};