tinacms 0.0.0-b4c6a60-20241010070518 → 0.0.0-bbf2f81-20241024004604

package/dist/index.js

@@ -1321,7 +1321,7 @@ var __publicField = (obj, key, value) => {
     React.useEffect(() => {
       if (mermaidRef.current) {
         mermaid.initialize({ startOnLoad: true });
-        mermaid.run();
+        mermaid.init();
       }
     }, [config]);
     return /* @__PURE__ */ React.createElement("div", { contentEditable: false, className: "border-border border-b" }, /* @__PURE__ */ React.createElement("div", { ref: mermaidRef }, /* @__PURE__ */ React.createElement("pre", { className: "mermaid not-tina-prose" }, config)));
@@ -1348,7 +1348,7 @@ flowchart TD
     --> id2(modify me to see changes!)
     id2 
     --> id3(Click the top button to preview the changes)
-    --> id4(Learn about mermaid diagrams @ mermaid.js.org)`;
+    --> id4(Learn about mermaid diagrams - mermaid.js.org)`;
   const MermaidElement = cn$1.withRef(
     ({ children, nodeProps, element, ...props }, ref) => {
       const [mermaidConfig, setMermaidConfig] = React.useState(
@@ -1364,7 +1364,7 @@ flowchart TD
         children: [{ type: "text", text: "" }]
       };
       React.useEffect(() => {
-        if (mermaid.parse(mermaidConfig, { suppressErrors: false })) {
+        if (mermaid.parse(mermaidConfig)) {
           setMermaidError(null);
         }
       }, [mermaidConfig]);
@@ -3676,7 +3676,7 @@ flowchart TD
     };
     const sizeClasses = {
       small: `text-xs h-8 px-3`,
-      medium: `text-sm h-10 px-4`,
+      medium: `text-sm h-10 px-8`,
       custom: ``
     };
     return /* @__PURE__ */ React__namespace.createElement(
@@ -10308,7 +10308,7 @@ flowchart TD
       "Event Log"
     ));
   };
-  const version = "2.2.9";
+  const version = "2.3.0";
   const Nav = ({
     isLocalMode,
     className = "",
@@ -12839,15 +12839,14 @@ flowchart TD
               fields: fieldGroup.fields
             }
           ) : /* @__PURE__ */ React__namespace.createElement(NoFieldsPlaceholder, null)
-        )), !hideFooter && /* @__PURE__ */ React__namespace.createElement("div", { className: "relative flex-none w-full h-16 px-6 bg-white border-t border-gray-100	flex items-center justify-center" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex-1 w-full flex justify-between gap-4 items-center max-w-form" }, tinaForm.reset && /* @__PURE__ */ React__namespace.createElement(
+        )), !hideFooter && /* @__PURE__ */ React__namespace.createElement("div", { className: "relative flex-none w-full h-16 px-12 bg-white border-t border-gray-100 flex items-center justify-end" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "flex-1 w-full justify-end gap-2	flex items-center max-w-form" }, tinaForm.reset && /* @__PURE__ */ React__namespace.createElement(
           ResetForm,
           {
             pristine,
             reset: async () => {
               finalForm2.reset();
               await tinaForm.reset();
-            },
-            style: { flexGrow: 1 }
+            }
           },
           tinaForm.buttons.reset
         ), /* @__PURE__ */ React__namespace.createElement(
@@ -12856,8 +12855,7 @@ flowchart TD
             onClick: safeHandleSubmit,
             disabled: !canSubmit,
             busy: submitting,
-            variant: "primary",
-            style: { flexGrow: 3 }
+            variant: "primary"
           },
           submitting && /* @__PURE__ */ React__namespace.createElement(LoadingDots, null),
           !submitting && tinaForm.buttons.save
@@ -13827,6 +13825,7 @@ flowchart TD
     "Unordered List",
     "Ordered List",
     "Quote",
+    "Mermaid",
     "Heading 1",
     "Heading 2",
     "Heading 3",

package/dist/index.mjs

@@ -1348,7 +1348,7 @@ const MermaidElementWithRef = ({ config }) => {
   useEffect(() => {
     if (mermaidRef.current) {
       mermaid.initialize({ startOnLoad: true });
-      mermaid.run();
+      mermaid.init();
     }
   }, [config]);
   return /* @__PURE__ */ React__default.createElement("div", { contentEditable: false, className: "border-border border-b" }, /* @__PURE__ */ React__default.createElement("div", { ref: mermaidRef }, /* @__PURE__ */ React__default.createElement("pre", { className: "mermaid not-tina-prose" }, config)));
@@ -1375,7 +1375,7 @@ flowchart TD
     --> id2(modify me to see changes!)
     id2 
     --> id3(Click the top button to preview the changes)
-    --> id4(Learn about mermaid diagrams @ mermaid.js.org)`;
+    --> id4(Learn about mermaid diagrams - mermaid.js.org)`;
 const MermaidElement = withRef(
   ({ children, nodeProps, element, ...props }, ref) => {
     const [mermaidConfig, setMermaidConfig] = useState(
@@ -1391,7 +1391,7 @@ const MermaidElement = withRef(
       children: [{ type: "text", text: "" }]
     };
     useEffect(() => {
-      if (mermaid.parse(mermaidConfig, { suppressErrors: false })) {
+      if (mermaid.parse(mermaidConfig)) {
         setMermaidError(null);
       }
     }, [mermaidConfig]);
@@ -3703,7 +3703,7 @@ const Button$1 = ({
   };
   const sizeClasses = {
     small: `text-xs h-8 px-3`,
-    medium: `text-sm h-10 px-4`,
+    medium: `text-sm h-10 px-8`,
     custom: ``
   };
   return /* @__PURE__ */ React.createElement(
@@ -10335,7 +10335,7 @@ const SyncStatus = ({ cms, setEventsOpen }) => {
     "Event Log"
   ));
 };
-const version = "2.2.9";
+const version = "2.3.0";
 const Nav = ({
   isLocalMode,
   className = "",
@@ -12866,15 +12866,14 @@ const FormBuilder = ({
             fields: fieldGroup.fields
           }
         ) : /* @__PURE__ */ React.createElement(NoFieldsPlaceholder, null)
-      )), !hideFooter && /* @__PURE__ */ React.createElement("div", { className: "relative flex-none w-full h-16 px-6 bg-white border-t border-gray-100	flex items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 w-full flex justify-between gap-4 items-center max-w-form" }, tinaForm.reset && /* @__PURE__ */ React.createElement(
+      )), !hideFooter && /* @__PURE__ */ React.createElement("div", { className: "relative flex-none w-full h-16 px-12 bg-white border-t border-gray-100 flex items-center justify-end" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 w-full justify-end gap-2	flex items-center max-w-form" }, tinaForm.reset && /* @__PURE__ */ React.createElement(
         ResetForm,
         {
           pristine,
           reset: async () => {
             finalForm.reset();
             await tinaForm.reset();
-          },
-          style: { flexGrow: 1 }
+          }
         },
         tinaForm.buttons.reset
       ), /* @__PURE__ */ React.createElement(
@@ -12883,8 +12882,7 @@ const FormBuilder = ({
           onClick: safeHandleSubmit,
           disabled: !canSubmit,
           busy: submitting,
-          variant: "primary",
-          style: { flexGrow: 3 }
+          variant: "primary"
         },
         submitting && /* @__PURE__ */ React.createElement(LoadingDots, null),
         !submitting && tinaForm.buttons.save
@@ -13854,6 +13852,7 @@ const unsupportedItemsInTable = /* @__PURE__ */ new Set([
   "Unordered List",
   "Ordered List",
   "Quote",
+  "Mermaid",
   "Heading 1",
   "Heading 2",
   "Heading 3",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "0.0.0-b4c6a60-20241010070518",
+  "version": "0.0.0-bbf2f81-20241024004604",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -108,7 +108,7 @@
     "lodash.get": "^4.4.2",
     "lodash.set": "^4.3.2",
     "lucide-react": "^0.424.0",
-    "mermaid": "^10.9.1",
+    "mermaid": "9.3.0",
     "moment": "2.29.4",
     "monaco-editor": "0.31.0",
     "prism-react-renderer": "^2.4.0",
@@ -129,9 +129,9 @@
     "webfontloader": "1.6.28",
     "yup": "^1.4.0",
     "zod": "^3.23.8",
-    "@tinacms/mdx": "0.0.0-b4c6a60-20241010070518",
-    "@tinacms/schema-tools": "0.0.0-b4c6a60-20241010070518",
-    "@tinacms/search": "0.0.0-b4c6a60-20241010070518"
+    "@tinacms/mdx": "1.5.0",
+    "@tinacms/schema-tools": "1.6.6",
+    "@tinacms/search": "1.0.33"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.5.4",
@@ -164,7 +164,7 @@
     "typescript": "^5.6.2",
     "vite": "^5.4.8",
     "vitest": "^2.1.1",
-    "@tinacms/scripts": "0.0.0-b4c6a60-20241010070518"
+    "@tinacms/scripts": "1.3.0"
   },
   "peerDependencies": {
     "react": ">=16.14.0",