@declarion/react 0.1.45 → 0.1.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@declarion/react",
-  "version": "0.1.45",
+  "version": "0.1.46",
   "private": false,
   "license": "MIT",
   "description": "React SDK for Declarion, the schema-driven business apps platform.",
@@ -40,39 +40,39 @@
     "@radix-ui/react-select": "^2.1.0",
     "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
-    "@tanstack/react-query": "^5.62.0",
+    "@tanstack/react-query": "^5.99.2",
     "@tanstack/react-table": "^8.20.0",
-    "@tanstack/react-virtual": "^3.11.0",
+    "@tanstack/react-virtual": "^3.13.24",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "react-markdown": "^10.1.0",
-    "react-router-dom": "^6.28.0",
-    "recharts": "^2.15.0",
+    "react-router-dom": "^7.14.2",
+    "recharts": "^3.8.1",
     "remark-breaks": "^4.0.0",
-    "sonner": "^1.7.0",
-    "tailwind-merge": "^2.6.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0",
     "vanilla-jsoneditor": "^3.11.0",
     "zustand": "^5.0.0"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.19",
-    "@tailwindcss/vite": "^4.0.0",
+    "@tailwindcss/vite": "^4.2.4",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "@vitejs/plugin-react": "^4.3.0",
+    "@vitejs/plugin-react": "^6.0.1",
     "jsdom": "^29.0.1",
-    "msw": "^2.12.14",
+    "msw": "^2.13.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "tailwindcss": "^4.0.0",
+    "tailwindcss": "^4.2.4",
     "tsc-alias": "^1.8.16",
-    "typescript": "^5.7.0",
-    "vite": "^6.0.0",
-    "vitest": "^4.1.0"
+    "typescript": "^6.0.3",
+    "vite": "^8.0.9",
+    "vitest": "^4.1.5"
   },
   "scripts": {
     "dev": "vite",

package/dist-lib/JsonEditor-ByVfvrpB.js

@@ -1,71 +0,0 @@
-import { jsx as b } from "react/jsx-runtime";
-import { useRef as i, useEffect as a } from "react";
-import { Mode as l, createJSONEditor as E } from "vanilla-jsoneditor";
-import "vanilla-jsoneditor/themes/jse-theme-dark.css";
-function p(t) {
-  if (t == null) return { text: "" };
-  if (typeof t == "string")
-    try {
-      return { json: JSON.parse(t) };
-    } catch {
-      return { text: t };
-    }
-  return { json: t };
-}
-function N({ value: t, onChange: u, readOnly: e }) {
-  const o = i(null), s = i(null), n = i(u);
-  return a(() => {
-    n.current = u;
-  }, [u]), a(() => {
-    if (!o.current) return;
-    const j = {
-      content: p(t),
-      readOnly: e ?? !1,
-      mode: e ? l.tree : l.text,
-      mainMenuBar: !e,
-      navigationBar: !1,
-      statusBar: !1,
-      onChange: (r, c, x) => {
-        if (!(e || !n.current) && !x.contentErrors) {
-          if ("json" in r)
-            n.current(r.json);
-          else if ("text" in r)
-            try {
-              n.current(JSON.parse(r.text));
-            } catch {
-              n.current(r.text);
-            }
-        }
-      }
-    }, f = () => {
-      var c;
-      const r = document.documentElement.dataset.theme === "dark";
-      (c = o.current) == null || c.classList.toggle("jse-theme-dark", r);
-    };
-    f();
-    const m = new MutationObserver(f);
-    m.observe(document.documentElement, {
-      attributes: !0,
-      attributeFilter: ["data-theme"]
-    });
-    const d = E({
-      target: o.current,
-      props: j
-    });
-    return s.current = d, () => {
-      m.disconnect(), d.destroy(), s.current = null;
-    };
-  }, [e]), a(() => {
-    !s.current || !e || s.current.updateProps({ content: p(t) });
-  }, [t, e]), /* @__PURE__ */ b(
-    "div",
-    {
-      ref: o,
-      className: e ? "json-editor-readonly" : "json-editor-editable"
-    }
-  );
-}
-export {
-  N as JsonEditor
-};
-//# sourceMappingURL=JsonEditor-ByVfvrpB.js.map

package/dist-lib/JsonEditor-ByVfvrpB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"JsonEditor-ByVfvrpB.js","sources":["../src/components/fields/JsonEditor.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport {\n  createJSONEditor,\n  Mode,\n  type Content,\n  type OnChangeStatus,\n  type JSONEditorPropsOptional,\n} from \"vanilla-jsoneditor\";\n// Dark theme CSS vars for vanilla-jsoneditor (sets --jse-* custom properties)\nimport \"vanilla-jsoneditor/themes/jse-theme-dark.css\";\n\ninterface JsonEditorProps {\n  value: unknown;\n  onChange?: (value: unknown) => void;\n  readOnly?: boolean;\n  // Future: JSON Schema for in-editor validation (Ajv). Accept now, wire later.\n  schema?: Record<string, unknown>;\n}\n\nfunction toContent(v: unknown): Content {\n  if (v == null) return { text: \"\" };\n  if (typeof v === \"string\") {\n    try {\n      return { json: JSON.parse(v) };\n    } catch {\n      return { text: v };\n    }\n  }\n  return { json: v };\n}\n\nexport function JsonEditor({ value, onChange, readOnly }: JsonEditorProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const editorRef = useRef<ReturnType<typeof createJSONEditor> | null>(null);\n  const onChangeRef = useRef(onChange);\n  useEffect(() => { onChangeRef.current = onChange; }, [onChange]);\n\n  // Create / recreate editor when readOnly changes\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    const props: JSONEditorPropsOptional = {\n      content: toContent(value),\n      readOnly: readOnly ?? false,\n      mode: readOnly ? Mode.tree : Mode.text,\n      mainMenuBar: !readOnly,\n      navigationBar: false,\n      statusBar: false,\n      onChange: (content: Content, _prev: Content, status: OnChangeStatus) => {\n        if (readOnly || !onChangeRef.current) return;\n        if (status.contentErrors) return;\n        if (\"json\" in content) {\n          onChangeRef.current(content.json);\n        } else if (\"text\" in content) {\n          try {\n            onChangeRef.current(JSON.parse(content.text));\n          } catch {\n            onChangeRef.current(content.text);\n          }\n        }\n      },\n    };\n\n    const syncDarkClass = () => {\n      const isDark = document.documentElement.dataset.theme === \"dark\";\n      containerRef.current?.classList.toggle(\"jse-theme-dark\", isDark);\n    };\n    syncDarkClass();\n\n    // Watch for theme attribute changes on <html>.\n    const observer = new MutationObserver(syncDarkClass);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"data-theme\"],\n    });\n\n    const editor = createJSONEditor({\n      target: containerRef.current,\n      props,\n    });\n    editorRef.current = editor;\n\n    return () => {\n      observer.disconnect();\n      editor.destroy();\n      editorRef.current = null;\n    };\n  }, [readOnly]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Update content when value changes externally (read-only mode only)\n  useEffect(() => {\n    if (!editorRef.current || !readOnly) return;\n    editorRef.current.updateProps({ content: toContent(value) });\n  }, [value, readOnly]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={readOnly ? \"json-editor-readonly\" : \"json-editor-editable\"}\n    />\n  );\n}\n"],"names":["toContent","v","JsonEditor","value","onChange","readOnly","containerRef","useRef","editorRef","onChangeRef","useEffect","props","Mode","content","_prev","status","syncDarkClass","isDark","_a","observer","editor","createJSONEditor","jsx"],"mappings":";;;;AAmBA,SAASA,EAAUC,GAAqB;AACtC,MAAIA,KAAK,KAAM,QAAO,EAAE,MAAM,GAAA;AAC9B,MAAI,OAAOA,KAAM;AACf,QAAI;AACF,aAAO,EAAE,MAAM,KAAK,MAAMA,CAAC,EAAA;AAAA,IAC7B,QAAQ;AACN,aAAO,EAAE,MAAMA,EAAA;AAAA,IACjB;AAEF,SAAO,EAAE,MAAMA,EAAA;AACjB;AAEO,SAASC,EAAW,EAAE,OAAAC,GAAO,UAAAC,GAAU,UAAAC,KAA6B;AACzE,QAAMC,IAAeC,EAAuB,IAAI,GAC1CC,IAAYD,EAAmD,IAAI,GACnEE,IAAcF,EAAOH,CAAQ;AACnC,SAAAM,EAAU,MAAM;AAAE,IAAAD,EAAY,UAAUL;AAAA,EAAU,GAAG,CAACA,CAAQ,CAAC,GAG/DM,EAAU,MAAM;AACd,QAAI,CAACJ,EAAa,QAAS;AAE3B,UAAMK,IAAiC;AAAA,MACrC,SAASX,EAAUG,CAAK;AAAA,MACxB,UAAUE,KAAY;AAAA,MACtB,MAAMA,IAAWO,EAAK,OAAOA,EAAK;AAAA,MAClC,aAAa,CAACP;AAAA,MACd,eAAe;AAAA,MACf,WAAW;AAAA,MACX,UAAU,CAACQ,GAAkBC,GAAgBC,MAA2B;AACtE,YAAI,EAAAV,KAAY,CAACI,EAAY,YACzB,CAAAM,EAAO;AACX,cAAI,UAAUF;AACZ,YAAAJ,EAAY,QAAQI,EAAQ,IAAI;AAAA,mBACvB,UAAUA;AACnB,gBAAI;AACF,cAAAJ,EAAY,QAAQ,KAAK,MAAMI,EAAQ,IAAI,CAAC;AAAA,YAC9C,QAAQ;AACN,cAAAJ,EAAY,QAAQI,EAAQ,IAAI;AAAA,YAClC;AAAA;AAAA,MAEJ;AAAA,IAAA,GAGIG,IAAgB,MAAM;;AAC1B,YAAMC,IAAS,SAAS,gBAAgB,QAAQ,UAAU;AAC1D,OAAAC,IAAAZ,EAAa,YAAb,QAAAY,EAAsB,UAAU,OAAO,kBAAkBD;AAAA,IAC3D;AACA,IAAAD,EAAA;AAGA,UAAMG,IAAW,IAAI,iBAAiBH,CAAa;AACnD,IAAAG,EAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAAC,YAAY;AAAA,IAAA,CAC/B;AAED,UAAMC,IAASC,EAAiB;AAAA,MAC9B,QAAQf,EAAa;AAAA,MACrB,OAAAK;AAAA,IAAA,CACD;AACD,WAAAH,EAAU,UAAUY,GAEb,MAAM;AACX,MAAAD,EAAS,WAAA,GACTC,EAAO,QAAA,GACPZ,EAAU,UAAU;AAAA,IACtB;AAAA,EACF,GAAG,CAACH,CAAQ,CAAC,GAGbK,EAAU,MAAM;AACd,IAAI,CAACF,EAAU,WAAW,CAACH,KAC3BG,EAAU,QAAQ,YAAY,EAAE,SAASR,EAAUG,CAAK,GAAG;AAAA,EAC7D,GAAG,CAACA,GAAOE,CAAQ,CAAC,GAGlB,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKhB;AAAA,MACL,WAAWD,IAAW,yBAAyB;AAAA,IAAA;AAAA,EAAA;AAGrD;"}