@solidxai/core-ui 0.1.12-beta.0 → 0.1.12-beta.2

package/dist/components/core/form/SolidFormView.tsx

@@ -868,10 +868,12 @@ const SolidFormView = (params: SolidFormViewProps) => {
 
         if (solidFormViewMetaData?.data?.solidView?.model?.internationalisation) {
             setDefaultTabViewOptionIndex(0)
-            const matchedLocale = solidFormViewMetaData?.data?.applicableLocales?.find((x: any) => x.isDefault === 'yes');
-            //this is to attach default locale when adding data in popup view where relations exists
-            if (!selectedLocale && matchedLocale && !searchParams.get('locale')) {
-                setSelectedLocale(matchedLocale.locale);
+            const applicableLocales = solidFormViewMetaData?.data?.applicableLocales || [];
+            const currentRecordLocale = applicableLocales.find((x: any) => String(x.entityId) === String(params.id));
+            const defaultLocale = applicableLocales.find((x: any) => x.isDefault === 'yes');
+            //this is to attach the current record locale when available, otherwise fall back to the default locale for create/new flows
+            if (!selectedLocale && !searchParams.get('locale')) {
+                setSelectedLocale(currentRecordLocale?.locale || defaultLocale?.locale || null);
             }
         }
 
@@ -1756,6 +1758,10 @@ const SolidFormView = (params: SolidFormViewProps) => {
                 setDefaultTabViewOptionIndex(2);
             }
         };
+        const showChatterInfo = Boolean(
+            solidFormViewMetaData?.data?.solidView?.model?.draftPublishWorkflow
+            || solidFormViewMetaData?.data?.solidView?.model?.internationalisation
+        );
 
         //en 4 null
         const handleLocaleChangeRedirect = async (
@@ -1767,7 +1773,6 @@ const SolidFormView = (params: SolidFormViewProps) => {
             const defaultApplicableLocales = solidFormViewMetaData?.data?.applicableLocales || [];
             let matchingLocale = defaultApplicableLocales.find(
                 (loc: any) =>
-                    loc.defaultEntityLocaleId &&
                     loc.entityId &&
                     loc.locale === locale
             );
@@ -1790,7 +1795,6 @@ const SolidFormView = (params: SolidFormViewProps) => {
                     const freshApplicableLocales = freshResponse?.data?.applicableLocales || [];
                     matchingLocale = freshApplicableLocales.find(
                         (loc: any) =>
-                            loc.defaultEntityLocaleId &&
                             loc.entityId &&
                             loc.locale === locale
                     );
@@ -1928,7 +1932,10 @@ const SolidFormView = (params: SolidFormViewProps) => {
                         </div>
 
                     </form>
-                    <SolidFormFooter params={params}></SolidFormFooter>
+                    <SolidFormFooter
+                        params={params}
+                        internationalisationEnabled={solidFormViewMetaData?.data?.solidView?.model?.internationalisation}
+                    ></SolidFormFooter>
                 </div>
                 {params.embeded !== true &&
                     <div className={`chatter-section ${isShowChatter === false ? 'collapsed' : 'open'}`} style={{ width: chatterLocaleWidth }}>
@@ -1958,8 +1965,8 @@ const SolidFormView = (params: SolidFormViewProps) => {
                         }
                         {isShowChatter === false ?
                             <div className="flex flex-col gap-2 justify-center p-1">
-                                {/*if solidview Internationalisation is enabled then show the locale tab */}
-                                {solidFormViewMetaData?.data?.solidView?.model?.draftPublishWorkflow &&
+                                {/*Show the info tab when workflow info or internationalisation is enabled. */}
+                                {showChatterInfo &&
                                     <div className="chatter-collapsed-content" onClick={() => handleChatterExpandClick('info')}>
                                         Info
                                     </div>}

package/dist/components/core/json/SolidJsonEditor.css

@@ -0,0 +1,195 @@
+.solid-json-editor-host {
+  min-height: 30rem;
+  flex: 1 1 auto;
+}
+
+.solid-json-editor-host.sdix-json-editor {
+  min-height: 0;
+  height: 100%;
+}
+
+.solid-json-editor .jsoneditor {
+  border: none;
+}
+
+.solid-json-editor.sdix-json-editor .jsoneditor,
+.solid-json-editor.sdix-json-editor div.jsoneditor-outer,
+.solid-json-editor.sdix-json-editor .ace-jsoneditor {
+  height: 100% !important;
+}
+
+.solid-json-editor .jsoneditor-menu {
+  background:
+    linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--primary-color, #4f46e5) 88%, #1f2937 12%),
+      color-mix(in srgb, var(--primary-color, #4f46e5) 76%, #111827 24%)
+    );
+  border-bottom: 1px solid color-mix(in srgb, var(--border) 82%, transparent);
+}
+
+.solid-json-editor .jsoneditor-menu > button,
+.solid-json-editor .jsoneditor-menu > .jsoneditor-modes > button,
+.solid-json-editor .jsoneditor-menu a {
+  color: rgba(255, 255, 255, 0.95);
+  opacity: 0.95;
+}
+
+.solid-json-editor .jsoneditor-menu > button:hover,
+.solid-json-editor .jsoneditor-menu > .jsoneditor-modes > button:hover {
+  background-color: rgba(255, 255, 255, 0.14);
+  border-color: rgba(255, 255, 255, 0.24);
+}
+
+.solid-json-editor .jsoneditor-menu > button:focus,
+.solid-json-editor .jsoneditor-menu > button:active,
+.solid-json-editor .jsoneditor-menu > .jsoneditor-modes > button:focus,
+.solid-json-editor .jsoneditor-menu > .jsoneditor-modes > button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.solid-json-editor .jsoneditor-menu > button:disabled,
+.solid-json-editor .jsoneditor-menu > .jsoneditor-modes > button:disabled {
+  opacity: 0.6;
+}
+
+.solid-json-editor .ace_tooltip {
+  max-width: 13rem;
+  width: max-content;
+  min-width: 0;
+  padding: 0.35rem 0.55rem;
+  border-radius: 0.65rem;
+  border: 1px solid color-mix(in srgb, var(--border) 82%, transparent);
+  background: color-mix(in srgb, var(--surface-card, #ffffff) 96%, #111827 4%);
+  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.14);
+  color: var(--foreground);
+  font-size: 0.76rem;
+  line-height: 1.35;
+  white-space: normal;
+  overflow: hidden;
+}
+
+.solid-json-editor .ace_tooltip.ace_dark {
+  background: color-mix(in srgb, #111827 92%, var(--primary-color, #4f46e5) 8%);
+  border-color: color-mix(in srgb, var(--primary-color, #4f46e5) 26%, transparent);
+  color: #f8fafc;
+}
+
+.solid-json-editor .jsoneditor-navigation-bar {
+  border-bottom: 1px solid color-mix(in srgb, var(--border) 76%, transparent);
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu {
+  width: 15rem;
+  background: var(--surface-card, #ffffff);
+  border: 1px solid color-mix(in srgb, var(--border) 84%, transparent);
+  border-radius: 0.9rem;
+  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
+  padding: 0.35rem;
+  overflow: hidden;
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu button {
+  width: 100%;
+  min-height: 2rem;
+  color: var(--foreground);
+  border-radius: 0.65rem;
+  font-family: inherit;
+  font-size: 0.86rem;
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-default {
+  width: calc(100% - 2rem);
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-expand {
+  width: 2rem;
+  height: 2rem;
+  border-left: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu button:hover,
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu button:focus {
+  color: var(--foreground);
+  background: color-mix(in srgb, var(--primary-color, #4f46e5) 10%, #ffffff 90%);
+  outline: none;
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected,
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover,
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus {
+  color: #ffffff;
+  background: color-mix(in srgb, var(--primary-color, #4f46e5) 82%, #1f2937 18%);
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu li ul {
+  left: 0;
+  margin-top: 0.2rem;
+  border: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
+  border-radius: 0.75rem;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
+  background: color-mix(in srgb, var(--surface-ground, #f8fafc) 94%, #ffffff 6%);
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu li ul li button {
+  padding-left: 1.8rem;
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-text {
+  padding-top: 0.4rem;
+  padding-bottom: 0.4rem;
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-separator {
+  border-top-color: color-mix(in srgb, var(--border) 72%, transparent);
+  margin-top: 0.35rem;
+  padding-top: 0.35rem;
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-text,
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-text.jsoneditor-right-margin {
+  color: inherit;
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-expand {
+  opacity: 0.8;
+}
+
+.solid-json-editor div.jsoneditor-tree,
+.solid-json-editor textarea.jsoneditor-text,
+.solid-json-editor .ace-jsoneditor {
+  min-height: 28rem;
+}
+
+.solid-json-editor textarea.jsoneditor-text,
+.solid-json-editor .ace-jsoneditor,
+.solid-json-editor .ace-jsoneditor .ace_text-layer,
+.solid-json-editor .ace-jsoneditor .ace_line {
+  font-size: 12px;
+}
+
+.solid-json-editor textarea.jsoneditor-text,
+.solid-json-editor .ace-jsoneditor,
+.solid-json-editor .ace-jsoneditor .ace_gutter,
+.solid-json-editor .ace-jsoneditor .ace_scroller,
+.solid-json-editor .ace-jsoneditor .ace_content,
+.solid-json-editor .ace-jsoneditor .ace_text-layer,
+.solid-json-editor .ace-jsoneditor .ace_line,
+.solid-json-editor .ace-jsoneditor .ace_gutter-layer {
+  font-family: ui-monospace, SFMono-Regular, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
+  font-size: 12px !important;
+  line-height: 1.5 !important;
+}
+
+.solid-json-editor .ace-jsoneditor .ace_line,
+.solid-json-editor .ace-jsoneditor .ace_gutter-cell {
+  line-height: 1.5 !important;
+}
+
+.solid-json-editor .ace-jsoneditor .ace_cursor {
+  border-left-width: 1px !important;
+}
+
+.solid-json-editor.is-readonly .ace-jsoneditor .ace_cursor {
+  opacity: 0.45;
+}

package/dist/components/core/json/SolidJsonEditor.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import "jsoneditor/dist/jsoneditor.css";
+import "./SolidJsonEditor.css";
+export type SolidJsonEditorHandle = {
+    format: () => void;
+    getText: () => string;
+};
+type SolidJsonEditorProps = {
+    value: any;
+    resetToken: string;
+    readOnly?: boolean;
+    className?: string;
+    onValueChange?: (value: any) => void;
+    onTextChange?: (text: string) => void;
+    onErrorChange?: (message: string | null) => void;
+};
+export declare const SolidJsonEditor: import("react").ForwardRefExoticComponent<SolidJsonEditorProps & import("react").RefAttributes<SolidJsonEditorHandle>>;
+export {};
+//# sourceMappingURL=SolidJsonEditor.d.ts.map

package/dist/components/core/json/SolidJsonEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidJsonEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/core/json/SolidJsonEditor.tsx"],"names":[],"mappings":";AACA,OAAO,gCAAgC,CAAC;AACxC,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,eAAe,wHAkI1B,CAAC"}

package/dist/components/core/json/SolidJsonEditor.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+import "jsoneditor/dist/jsoneditor.css";
+import "./SolidJsonEditor.css";
+export var SolidJsonEditor = forwardRef(function SolidJsonEditor(_a, ref) {
+    var value = _a.value, resetToken = _a.resetToken, _b = _a.readOnly, readOnly = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? "" : _c, onValueChange = _a.onValueChange, onTextChange = _a.onTextChange, onErrorChange = _a.onErrorChange;
+    var containerRef = useRef(null);
+    var editorRef = useRef(null);
+    var latestValueRef = useRef(value);
+    useEffect(function () {
+        latestValueRef.current = value;
+    }, [value]);
+    var emitState = function () {
+        var _a, _b, _c, _d;
+        var editor = editorRef.current;
+        if (!editor) {
+            return;
+        }
+        try {
+            var nextValue = editor.get();
+            var nextText = (_b = (_a = editor.getText) === null || _a === void 0 ? void 0 : _a.call(editor)) !== null && _b !== void 0 ? _b : JSON.stringify(nextValue, null, 2);
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextValue);
+            onTextChange === null || onTextChange === void 0 ? void 0 : onTextChange(nextText);
+            onErrorChange === null || onErrorChange === void 0 ? void 0 : onErrorChange(null);
+        }
+        catch (error) {
+            var rawText = (_d = (_c = editor.getText) === null || _c === void 0 ? void 0 : _c.call(editor)) !== null && _d !== void 0 ? _d : "";
+            onTextChange === null || onTextChange === void 0 ? void 0 : onTextChange(rawText);
+            onErrorChange === null || onErrorChange === void 0 ? void 0 : onErrorChange((error === null || error === void 0 ? void 0 : error.message) ? String(error.message) : "The JSON is currently invalid.");
+        }
+    };
+    useImperativeHandle(ref, function () { return ({
+        format: function () {
+            var _a, _b;
+            try {
+                (_b = (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.format) === null || _b === void 0 ? void 0 : _b.call(_a);
+            }
+            catch (_error) {
+                // jsoneditor already surfaces parse states through onErrorChange.
+            }
+            emitState();
+        },
+        getText: function () {
+            var _a, _b, _c;
+            return (_c = (_b = (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.getText) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : "";
+        },
+    }); }, []);
+    useEffect(function () {
+        if (!containerRef.current || editorRef.current) {
+            return;
+        }
+        var destroyed = false;
+        void import("jsoneditor").then(function (jsonEditorModule) {
+            var _a, _b, _c;
+            if (destroyed || !containerRef.current || editorRef.current) {
+                return;
+            }
+            var JSONEditor = (_a = jsonEditorModule === null || jsonEditorModule === void 0 ? void 0 : jsonEditorModule.default) !== null && _a !== void 0 ? _a : jsonEditorModule;
+            editorRef.current = new JSONEditor(containerRef.current, {
+                mode: "code",
+                modes: ["code"],
+                mainMenuBar: true,
+                navigationBar: true,
+                statusBar: true,
+                search: true,
+                enableSort: false,
+                enableTransform: false,
+                onChange: function () { return emitState(); },
+            });
+            try {
+                editorRef.current.set(latestValueRef.current);
+            }
+            catch (_error) {
+                // Ignore seed failures and let jsoneditor surface them through its own state.
+            }
+            emitState();
+            if ((_c = (_b = editorRef.current) === null || _b === void 0 ? void 0 : _b.aceEditor) === null || _c === void 0 ? void 0 : _c.setReadOnly) {
+                editorRef.current.aceEditor.setReadOnly(readOnly);
+            }
+        });
+        return function () {
+            var _a, _b;
+            destroyed = true;
+            (_b = (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.destroy) === null || _b === void 0 ? void 0 : _b.call(_a);
+            editorRef.current = null;
+        };
+    }, []);
+    useEffect(function () {
+        if (!editorRef.current) {
+            return;
+        }
+        try {
+            editorRef.current.set(latestValueRef.current);
+        }
+        catch (_error) {
+            // Ignore reset parse failures and surface them via emitState instead.
+        }
+        emitState();
+    }, [resetToken]);
+    useEffect(function () {
+        var _a, _b;
+        if (!((_b = (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.aceEditor) === null || _b === void 0 ? void 0 : _b.setReadOnly)) {
+            return;
+        }
+        editorRef.current.aceEditor.setReadOnly(readOnly);
+    }, [readOnly]);
+    return (_jsx("div", { ref: containerRef, className: "solid-json-editor-host solid-json-editor ".concat(readOnly ? "is-readonly" : "", " ").concat(className).trim() }));
+});
+//# sourceMappingURL=SolidJsonEditor.js.map

package/dist/components/core/json/SolidJsonEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidJsonEditor.js","sourceRoot":"","sources":["../../../../src/components/core/json/SolidJsonEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef } from \"react\";\nimport \"jsoneditor/dist/jsoneditor.css\";\nimport \"./SolidJsonEditor.css\";\n\nexport type SolidJsonEditorHandle = {\n  format: () => void;\n  getText: () => string;\n};\n\ntype SolidJsonEditorProps = {\n  value: any;\n  resetToken: string;\n  readOnly?: boolean;\n  className?: string;\n  onValueChange?: (value: any) => void;\n  onTextChange?: (text: string) => void;\n  onErrorChange?: (message: string | null) => void;\n};\n\nexport const SolidJsonEditor = forwardRef<SolidJsonEditorHandle, SolidJsonEditorProps>(function SolidJsonEditor(\n  {\n    value,\n    resetToken,\n    readOnly = false,\n    className = \"\",\n    onValueChange,\n    onTextChange,\n    onErrorChange,\n  },\n  ref,\n) {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const editorRef = useRef<any>(null);\n  const latestValueRef = useRef<any>(value);\n\n  useEffect(() => {\n    latestValueRef.current = value;\n  }, [value]);\n\n  const emitState = () => {\n    const editor = editorRef.current;\n\n    if (!editor) {\n      return;\n    }\n\n    try {\n      const nextValue = editor.get();\n      const nextText = editor.getText?.() ?? JSON.stringify(nextValue, null, 2);\n      onValueChange?.(nextValue);\n      onTextChange?.(nextText);\n      onErrorChange?.(null);\n    } catch (error: any) {\n      const rawText = editor.getText?.() ?? \"\";\n      onTextChange?.(rawText);\n      onErrorChange?.(\n        error?.message ? String(error.message) : \"The JSON is currently invalid.\",\n      );\n    }\n  };\n\n  useImperativeHandle(ref, () => ({\n    format() {\n      try {\n        editorRef.current?.format?.();\n      } catch (_error) {\n        // jsoneditor already surfaces parse states through onErrorChange.\n      }\n\n      emitState();\n    },\n    getText() {\n      return editorRef.current?.getText?.() ?? \"\";\n    },\n  }), []);\n\n  useEffect(() => {\n    if (!containerRef.current || editorRef.current) {\n      return;\n    }\n\n    let destroyed = false;\n\n    void import(\"jsoneditor\").then((jsonEditorModule: any) => {\n      if (destroyed || !containerRef.current || editorRef.current) {\n        return;\n      }\n\n      const JSONEditor = jsonEditorModule?.default ?? jsonEditorModule;\n      editorRef.current = new JSONEditor(containerRef.current, {\n        mode: \"code\",\n        modes: [\"code\"],\n        mainMenuBar: true,\n        navigationBar: true,\n        statusBar: true,\n        search: true,\n        enableSort: false,\n        enableTransform: false,\n        onChange: () => emitState(),\n      });\n\n      try {\n        editorRef.current.set(latestValueRef.current);\n      } catch (_error) {\n        // Ignore seed failures and let jsoneditor surface them through its own state.\n      }\n\n      emitState();\n\n      if (editorRef.current?.aceEditor?.setReadOnly) {\n        editorRef.current.aceEditor.setReadOnly(readOnly);\n      }\n    });\n\n    return () => {\n      destroyed = true;\n      editorRef.current?.destroy?.();\n      editorRef.current = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!editorRef.current) {\n      return;\n    }\n\n    try {\n      editorRef.current.set(latestValueRef.current);\n    } catch (_error) {\n      // Ignore reset parse failures and surface them via emitState instead.\n    }\n\n    emitState();\n  }, [resetToken]);\n\n  useEffect(() => {\n    if (!editorRef.current?.aceEditor?.setReadOnly) {\n      return;\n    }\n\n    editorRef.current.aceEditor.setReadOnly(readOnly);\n  }, [readOnly]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={`solid-json-editor-host solid-json-editor ${readOnly ? \"is-readonly\" : \"\"} ${className}`.trim()}\n    />\n  );\n});\n"]}

package/dist/components/core/json/SolidJsonEditor.tsx

@@ -0,0 +1,150 @@
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+import "jsoneditor/dist/jsoneditor.css";
+import "./SolidJsonEditor.css";
+
+export type SolidJsonEditorHandle = {
+  format: () => void;
+  getText: () => string;
+};
+
+type SolidJsonEditorProps = {
+  value: any;
+  resetToken: string;
+  readOnly?: boolean;
+  className?: string;
+  onValueChange?: (value: any) => void;
+  onTextChange?: (text: string) => void;
+  onErrorChange?: (message: string | null) => void;
+};
+
+export const SolidJsonEditor = forwardRef<SolidJsonEditorHandle, SolidJsonEditorProps>(function SolidJsonEditor(
+  {
+    value,
+    resetToken,
+    readOnly = false,
+    className = "",
+    onValueChange,
+    onTextChange,
+    onErrorChange,
+  },
+  ref,
+) {
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const editorRef = useRef<any>(null);
+  const latestValueRef = useRef<any>(value);
+
+  useEffect(() => {
+    latestValueRef.current = value;
+  }, [value]);
+
+  const emitState = () => {
+    const editor = editorRef.current;
+
+    if (!editor) {
+      return;
+    }
+
+    try {
+      const nextValue = editor.get();
+      const nextText = editor.getText?.() ?? JSON.stringify(nextValue, null, 2);
+      onValueChange?.(nextValue);
+      onTextChange?.(nextText);
+      onErrorChange?.(null);
+    } catch (error: any) {
+      const rawText = editor.getText?.() ?? "";
+      onTextChange?.(rawText);
+      onErrorChange?.(
+        error?.message ? String(error.message) : "The JSON is currently invalid.",
+      );
+    }
+  };
+
+  useImperativeHandle(ref, () => ({
+    format() {
+      try {
+        editorRef.current?.format?.();
+      } catch (_error) {
+        // jsoneditor already surfaces parse states through onErrorChange.
+      }
+
+      emitState();
+    },
+    getText() {
+      return editorRef.current?.getText?.() ?? "";
+    },
+  }), []);
+
+  useEffect(() => {
+    if (!containerRef.current || editorRef.current) {
+      return;
+    }
+
+    let destroyed = false;
+
+    void import("jsoneditor").then((jsonEditorModule: any) => {
+      if (destroyed || !containerRef.current || editorRef.current) {
+        return;
+      }
+
+      const JSONEditor = jsonEditorModule?.default ?? jsonEditorModule;
+      editorRef.current = new JSONEditor(containerRef.current, {
+        mode: "code",
+        modes: ["code"],
+        mainMenuBar: true,
+        navigationBar: true,
+        statusBar: true,
+        search: true,
+        enableSort: false,
+        enableTransform: false,
+        onChange: () => emitState(),
+      });
+
+      try {
+        editorRef.current.set(latestValueRef.current);
+      } catch (_error) {
+        // Ignore seed failures and let jsoneditor surface them through its own state.
+      }
+
+      emitState();
+
+      if (editorRef.current?.aceEditor?.setReadOnly) {
+        editorRef.current.aceEditor.setReadOnly(readOnly);
+      }
+    });
+
+    return () => {
+      destroyed = true;
+      editorRef.current?.destroy?.();
+      editorRef.current = null;
+    };
+  }, []);
+
+  useEffect(() => {
+    if (!editorRef.current) {
+      return;
+    }
+
+    try {
+      editorRef.current.set(latestValueRef.current);
+    } catch (_error) {
+      // Ignore reset parse failures and surface them via emitState instead.
+    }
+
+    emitState();
+  }, [resetToken]);
+
+  useEffect(() => {
+    if (!editorRef.current?.aceEditor?.setReadOnly) {
+      return;
+    }
+
+    editorRef.current.aceEditor.setReadOnly(readOnly);
+  }, [readOnly]);
+
+  return (
+    <div
+      ref={containerRef}
+      className={`solid-json-editor-host solid-json-editor ${readOnly ? "is-readonly" : ""} ${className}`.trim()}
+    />
+  );
+});

package/dist/components/core/kanban/KanbanCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanCard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,UAAU,IAAI;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,eAAe;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,uBAAuB,EAAE,GAAG,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,KAAK,IAAI,CAAC;CACnC;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6GzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"KanbanCard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,UAAU,IAAI;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,eAAe;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,uBAAuB,EAAE,GAAG,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,KAAK,IAAI,CAAC;CACnC;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoGzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/core/kanban/KanbanCard.js

@@ -12,21 +12,13 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRouter } from "../../../hooks/useRouter";
 import { CompatibleDraggable } from "../common/dndCompat";
+import { storeCurrentModelViewContext } from "../../../helpers/modelViewPersistence";
 import { SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuTrigger, SolidIcon, } from "../../shad-cn-ui";
 var KanbanCard = function (_a) {
     var data = _a.data, solidKanbanViewMetaData = _a.solidKanbanViewMetaData, index = _a.index, _b = _a.isDragDisabled, isDragDisabled = _b === void 0 ? false : _b, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, editButtonUrl = _a.editButtonUrl, groupByFieldName = _a.groupByFieldName, group = _a.group, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget, onDelete = _a.onDelete;
     var router = useRouter();
     var persistReturnView = function () {
-        if (typeof window === "undefined") {
-            return;
-        }
-        try {
-            sessionStorage.setItem("fromView", "kanban");
-            sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
-        }
-        catch (error) {
-            // Ignore storage errors and continue navigation.
-        }
+        storeCurrentModelViewContext();
     };
     var openRecord = function () {
         persistReturnView();

package/dist/components/core/kanban/KanbanCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanCard.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { DraggableProvided } from \"@hello-pangea/dnd\";\nimport { CompatibleDraggable } from \"../common/dndCompat\";\nimport {\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\n// Define the types for the data and props\ninterface Data {\n  id: string;\n  title: string;\n  content: string;\n}\n\ninterface KanbanCardProps {\n  data: Data;\n  solidKanbanViewMetaData: any;\n  index: number;\n  isDragDisabled?: boolean;\n  setLightboxUrls?: any;\n  setOpenLightbox?: any;\n  editButtonUrl?: string;\n  groupByFieldName?: string;\n  group?: any;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n  onDelete?: (record: Data) => void;\n}\n\nconst KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData, index, isDragDisabled = false, setLightboxUrls, setOpenLightbox, editButtonUrl, groupByFieldName, group, cardNode, DynamicCardWidget, onDelete }) => {\n  const router = useRouter()\n\n  const persistReturnView = () => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    try {\n      sessionStorage.setItem(\"fromView\", \"kanban\");\n      sessionStorage.setItem(\"fromViewUrl\", window.location.pathname + window.location.search);\n    } catch (error) {\n      // Ignore storage errors and continue navigation.\n    }\n  };\n\n  const openRecord = () => {\n    persistReturnView();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  const openEdit = () => {\n    persistReturnView();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  const renderKanbanAction = (data) => {\n    return (\n      <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n        <SolidDropdownMenu>\n          <SolidDropdownMenuTrigger asChild>\n            <button\n              type=\"button\"\n              className=\"solid-header-cog-trigger solid-kanban-action-trigger\"\n              aria-label=\"Open card actions\"\n            >\n              <SolidIcon name=\"si-ellipsis-v\" aria-hidden />\n            </button>\n          </SolidDropdownMenuTrigger>\n          <SolidDropdownMenuContent className=\"solid-custom-overlay\" align=\"end\">\n            <SolidDropdownMenuItem\n              className=\"solid-header-dropdown-item\"\n              onSelect={openEdit}\n            >\n              <SolidIcon name=\"si-pencil\" className=\"solid-header-action-button-icon\" aria-hidden />\n              <span className=\"solid-header-action-button-label\">Edit</span>\n            </SolidDropdownMenuItem>\n            {onDelete ? (\n              <SolidDropdownMenuItem\n                className=\"solid-header-dropdown-item solid-header-dropdown-item-danger\"\n                onSelect={() => onDelete(data)}\n              >\n                <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n                <span className=\"solid-header-action-button-label\">Delete</span>\n              </SolidDropdownMenuItem>\n            ) : null}\n          </SolidDropdownMenuContent>\n        </SolidDropdownMenu>\n      </div>\n    )\n  }\n\n  return (\n    <CompatibleDraggable draggableId={String(data.id)} index={index} isDragDisabled={isDragDisabled}>\n      {(provided: DraggableProvided, snapshot) => (\n        <div\n          className=\"\"\n          ref={provided.innerRef}\n          {...provided.draggableProps}\n          {...(!isDragDisabled ? provided.dragHandleProps : {})}\n          style={{ marginTop: \"1rem\", ...provided.draggableProps.style }}\n          className=\"kanban-card-container\"\n        >\n          {/* <p className=\"kanban-card-heading\">{data.title}</p> */}\n          {/* <p className=\"kanban-card-content\">{data.content}</p> */}\n          <div\n            style={{\n              opacity: snapshot.isDragging ? 0.9 : 1,\n              transform: snapshot.isDragging ? \"rotate(-2deg)\" : \"\",\n              cursor: isDragDisabled ? \"pointer\" : \"grab\"\n            }}\n            elevation={snapshot.isDragging ? 3 : 1}\n            className=\"solid-kanban-card\"\n            onClick={openRecord}\n          >\n            {renderKanbanAction(data)}\n            {DynamicCardWidget ? (\n              <DynamicCardWidget\n                rowData={data}\n                solidKanbanViewMetaData={solidKanbanViewMetaData}\n                solidView={solidKanbanViewMetaData?.solidView}\n                solidFieldsMetadata={solidKanbanViewMetaData?.solidFieldsMetadata}\n                card={cardNode}\n                layoutAttrs={solidKanbanViewMetaData?.solidView?.layout?.attrs || {}}\n                groupedView={true}\n                groupByFieldName={groupByFieldName}\n                group={group}\n                editButtonUrl={editButtonUrl}\n                setLightboxUrls={setLightboxUrls}\n                setOpenLightbox={setOpenLightbox}\n                openRecord={openRecord}\n                openEdit={openEdit}\n              />\n            ) : null}\n          </div>\n        </div>\n      )}\n    </CompatibleDraggable>\n  );\n};\n\nexport default KanbanCard;\n"]}
+{"version":3,"file":"KanbanCard.js","sourceRoot":"","sources":["../../../../src/components/core/kanban/KanbanCard.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { DraggableProvided } from \"@hello-pangea/dnd\";\nimport { CompatibleDraggable } from \"../common/dndCompat\";\nimport { storeCurrentModelViewContext } from \"../../../helpers/modelViewPersistence\";\nimport {\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\n// Define the types for the data and props\ninterface Data {\n  id: string;\n  title: string;\n  content: string;\n}\n\ninterface KanbanCardProps {\n  data: Data;\n  solidKanbanViewMetaData: any;\n  index: number;\n  isDragDisabled?: boolean;\n  setLightboxUrls?: any;\n  setOpenLightbox?: any;\n  editButtonUrl?: string;\n  groupByFieldName?: string;\n  group?: any;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n  onDelete?: (record: Data) => void;\n}\n\nconst KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData, index, isDragDisabled = false, setLightboxUrls, setOpenLightbox, editButtonUrl, groupByFieldName, group, cardNode, DynamicCardWidget, onDelete }) => {\n  const router = useRouter()\n\n  const persistReturnView = () => {\n    storeCurrentModelViewContext();\n  };\n\n  const openRecord = () => {\n    persistReturnView();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  const openEdit = () => {\n    persistReturnView();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  const renderKanbanAction = (data) => {\n    return (\n      <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n        <SolidDropdownMenu>\n          <SolidDropdownMenuTrigger asChild>\n            <button\n              type=\"button\"\n              className=\"solid-header-cog-trigger solid-kanban-action-trigger\"\n              aria-label=\"Open card actions\"\n            >\n              <SolidIcon name=\"si-ellipsis-v\" aria-hidden />\n            </button>\n          </SolidDropdownMenuTrigger>\n          <SolidDropdownMenuContent className=\"solid-custom-overlay\" align=\"end\">\n            <SolidDropdownMenuItem\n              className=\"solid-header-dropdown-item\"\n              onSelect={openEdit}\n            >\n              <SolidIcon name=\"si-pencil\" className=\"solid-header-action-button-icon\" aria-hidden />\n              <span className=\"solid-header-action-button-label\">Edit</span>\n            </SolidDropdownMenuItem>\n            {onDelete ? (\n              <SolidDropdownMenuItem\n                className=\"solid-header-dropdown-item solid-header-dropdown-item-danger\"\n                onSelect={() => onDelete(data)}\n              >\n                <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n                <span className=\"solid-header-action-button-label\">Delete</span>\n              </SolidDropdownMenuItem>\n            ) : null}\n          </SolidDropdownMenuContent>\n        </SolidDropdownMenu>\n      </div>\n    )\n  }\n\n  return (\n    <CompatibleDraggable draggableId={String(data.id)} index={index} isDragDisabled={isDragDisabled}>\n      {(provided: DraggableProvided, snapshot) => (\n        <div\n          className=\"\"\n          ref={provided.innerRef}\n          {...provided.draggableProps}\n          {...(!isDragDisabled ? provided.dragHandleProps : {})}\n          style={{ marginTop: \"1rem\", ...provided.draggableProps.style }}\n          className=\"kanban-card-container\"\n        >\n          {/* <p className=\"kanban-card-heading\">{data.title}</p> */}\n          {/* <p className=\"kanban-card-content\">{data.content}</p> */}\n          <div\n            style={{\n              opacity: snapshot.isDragging ? 0.9 : 1,\n              transform: snapshot.isDragging ? \"rotate(-2deg)\" : \"\",\n              cursor: isDragDisabled ? \"pointer\" : \"grab\"\n            }}\n            elevation={snapshot.isDragging ? 3 : 1}\n            className=\"solid-kanban-card\"\n            onClick={openRecord}\n          >\n            {renderKanbanAction(data)}\n            {DynamicCardWidget ? (\n              <DynamicCardWidget\n                rowData={data}\n                solidKanbanViewMetaData={solidKanbanViewMetaData}\n                solidView={solidKanbanViewMetaData?.solidView}\n                solidFieldsMetadata={solidKanbanViewMetaData?.solidFieldsMetadata}\n                card={cardNode}\n                layoutAttrs={solidKanbanViewMetaData?.solidView?.layout?.attrs || {}}\n                groupedView={true}\n                groupByFieldName={groupByFieldName}\n                group={group}\n                editButtonUrl={editButtonUrl}\n                setLightboxUrls={setLightboxUrls}\n                setOpenLightbox={setOpenLightbox}\n                openRecord={openRecord}\n                openEdit={openEdit}\n              />\n            ) : null}\n          </div>\n        </div>\n      )}\n    </CompatibleDraggable>\n  );\n};\n\nexport default KanbanCard;\n"]}

package/dist/components/core/kanban/KanbanCard.tsx

@@ -3,6 +3,7 @@ import React from "react";
 import { useRouter } from "../../../hooks/useRouter";
 import { DraggableProvided } from "@hello-pangea/dnd";
 import { CompatibleDraggable } from "../common/dndCompat";
+import { storeCurrentModelViewContext } from "../../../helpers/modelViewPersistence";
 import {
   SolidDropdownMenu,
   SolidDropdownMenuContent,
@@ -37,16 +38,7 @@ const KanbanCard: React.FC<KanbanCardProps> = ({ data, solidKanbanViewMetaData,
   const router = useRouter()
 
   const persistReturnView = () => {
-    if (typeof window === "undefined") {
-      return;
-    }
-
-    try {
-      sessionStorage.setItem("fromView", "kanban");
-      sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
-    } catch (error) {
-      // Ignore storage errors and continue navigation.
-    }
+    storeCurrentModelViewContext();
   };
 
   const openRecord = () => {