tinacms 0.0.0-bb6864c-20241024011228 → 0.0.0-bc59a81-20241030011355

package/dist/cache/node-cache.d.ts

@@ -1,3 +1,3 @@
 import type { Cache } from './index';
-export declare const makeCacheDir: (dir: string, fs: any) => Promise<string>;
+export declare const makeCacheDir: (dir: string, fs: any, path: any, os: any) => Promise<string>;
 export declare const NodeCache: (dir: string) => Promise<Cache>;

package/dist/client.js

@@ -105,9 +105,7 @@
     const client = new TinaClient(args);
     return client;
   }
-  const makeCacheDir = async (dir, fs) => {
-    const path = require("node:path");
-    const os = require("node:os");
+  const makeCacheDir = async (dir, fs, path, os) => {
     const pathParts = dir.split(path.sep).filter(Boolean);
     const cacheHash = pathParts[pathParts.length - 1];
     const rootUser = pathParts[0];
@@ -124,8 +122,10 @@
   };
   const NodeCache = async (dir) => {
     const fs = require("node:fs");
+    const path = require("node:path");
+    const os = require("node:os");
     const { createHash } = require("node:crypto");
-    const cacheDir = await makeCacheDir(dir, fs);
+    const cacheDir = await makeCacheDir(dir, fs, path, os);
     return {
       makeKey: (key) => {
         const input = key && key instanceof Object ? JSON.stringify(key) : key || "";

package/dist/client.mjs

@@ -24,7 +24,7 @@ class TinaClient {
     }
     try {
       if (this.cacheDir && typeof window === "undefined" && typeof require !== "undefined") {
-        const { NodeCache } = await import("./node-cache-906fcb22.mjs");
+        const { NodeCache } = await import("./node-cache-4c336858.mjs");
         this.cache = await NodeCache(this.cacheDir);
       }
     } catch (e) {

package/dist/index.js

@@ -774,6 +774,22 @@ var __publicField = (obj, key, value) => {
       );
     };
   }
+  function wrapFieldWithNoHeader(Field) {
+    return (props) => {
+      return /* @__PURE__ */ React__namespace.createElement(
+        FieldMeta,
+        {
+          name: props.input.name,
+          label: false,
+          description: "",
+          error: props.meta.error,
+          index: props.index,
+          tinaForm: props.tinaForm
+        },
+        /* @__PURE__ */ React__namespace.createElement(Field, { ...props })
+      );
+    };
+  }
   function wrapFieldWithError(Field) {
     return (props) => {
       return /* @__PURE__ */ React__namespace.createElement(
@@ -850,9 +866,9 @@ var __publicField = (obj, key, value) => {
       "span",
       {
         className: `block font-sans text-xs italic font-light text-gray-400 pt-0.5 whitespace-normal m-0 ${className}`,
-        ...props
-      },
-      children
+        ...props,
+        dangerouslySetInnerHTML: { __html: children }
+      }
     );
   };
   const FieldError = ({
@@ -5791,27 +5807,35 @@ flowchart TD
       ))))
     ))));
   };
-  const Group = wrapFieldWithError(({ tinaForm, field }) => {
-    const cms = useCMS$1();
-    React__namespace.useState(false);
-    return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(
-      Header,
-      {
-        onClick: () => {
-          const state = tinaForm.finalForm.getState();
-          if (state.invalid === true) {
-            cms.alerts.error("Cannot navigate away from an invalid form.");
-            return;
+  const Group = wrapFieldWithNoHeader(
+    ({ tinaForm, field }) => {
+      const cms = useCMS$1();
+      return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(
+        Header,
+        {
+          onClick: () => {
+            const state = tinaForm.finalForm.getState();
+            if (state.invalid === true) {
+              cms.alerts.error("Cannot navigate away from an invalid form.");
+              return;
+            }
+            cms.dispatch({
+              type: "forms:set-active-field-name",
+              value: { formId: tinaForm.id, fieldName: field.name }
+            });
           }
-          cms.dispatch({
-            type: "forms:set-active-field-name",
-            value: { formId: tinaForm.id, fieldName: field.name }
-          });
-        }
-      },
-      field.label || field.name
-    ));
-  });
+        },
+        field.label || field.name,
+        field.description && /* @__PURE__ */ React__namespace.createElement(
+          "span",
+          {
+            className: `block font-sans text-xs italic font-light text-gray-400 pt-0.5 whitespace-normal m-0`,
+            dangerouslySetInnerHTML: { __html: field.description }
+          }
+        )
+      ));
+    }
+  );
   const Header = ({ onClick, children }) => {
     return /* @__PURE__ */ React__namespace.createElement("div", { className: "pt-1 mb-5" }, /* @__PURE__ */ React__namespace.createElement(
       "button",
@@ -14425,6 +14449,7 @@ flowchart TD
       ToolbarButton,
       {
         showArrow: false,
+        "data-testid": "rich-text-editor-overflow-menu-button",
         className: "lg:min-w-[130px]",
         isDropdown: true,
         pressed: openState.open,
@@ -14478,7 +14503,17 @@ flowchart TD
   };
   const RawMarkdownToolbarButton = cn$1.withRef(({ clear, ...rest }, ref) => {
     const { props } = useRawMarkdownToolbarButton();
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.raw, null));
+    return /* @__PURE__ */ React.createElement(
+      ToolbarButton,
+      {
+        ref,
+        tooltip: "Link",
+        ...rest,
+        ...props,
+        "data-testid": "markdown-button"
+      },
+      /* @__PURE__ */ React.createElement(Icons.raw, null)
+    );
   });
   function TableDropdownMenu(props) {
     const tableSelected = plateCommon.useEditorSelector(
@@ -33794,6 +33829,7 @@ This will work when developing locally but NOT when deployed to production.
   exports2.useScreenPlugin = useScreenPlugin;
   exports2.useTinaAuthRedirect = useTinaAuthRedirect;
   exports2.wrapFieldWithError = wrapFieldWithError;
+  exports2.wrapFieldWithNoHeader = wrapFieldWithNoHeader;
   exports2.wrapFieldsWithMeta = wrapFieldsWithMeta;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });

package/dist/index.mjs

@@ -801,6 +801,22 @@ function wrapFieldsWithMeta(Field2) {
     );
   };
 }
+function wrapFieldWithNoHeader(Field2) {
+  return (props) => {
+    return /* @__PURE__ */ React.createElement(
+      FieldMeta,
+      {
+        name: props.input.name,
+        label: false,
+        description: "",
+        error: props.meta.error,
+        index: props.index,
+        tinaForm: props.tinaForm
+      },
+      /* @__PURE__ */ React.createElement(Field2, { ...props })
+    );
+  };
+}
 function wrapFieldWithError(Field2) {
   return (props) => {
     return /* @__PURE__ */ React.createElement(
@@ -877,9 +893,9 @@ const FieldDescription = ({
     "span",
     {
       className: `block font-sans text-xs italic font-light text-gray-400 pt-0.5 whitespace-normal m-0 ${className}`,
-      ...props
-    },
-    children
+      ...props,
+      dangerouslySetInnerHTML: { __html: children }
+    }
   );
 };
 const FieldError = ({
@@ -5818,27 +5834,35 @@ const BlockSelector = ({
     ))))
   ))));
 };
-const Group = wrapFieldWithError(({ tinaForm, field }) => {
-  const cms = useCMS$1();
-  React.useState(false);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Header,
-    {
-      onClick: () => {
-        const state = tinaForm.finalForm.getState();
-        if (state.invalid === true) {
-          cms.alerts.error("Cannot navigate away from an invalid form.");
-          return;
+const Group = wrapFieldWithNoHeader(
+  ({ tinaForm, field }) => {
+    const cms = useCMS$1();
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      Header,
+      {
+        onClick: () => {
+          const state = tinaForm.finalForm.getState();
+          if (state.invalid === true) {
+            cms.alerts.error("Cannot navigate away from an invalid form.");
+            return;
+          }
+          cms.dispatch({
+            type: "forms:set-active-field-name",
+            value: { formId: tinaForm.id, fieldName: field.name }
+          });
         }
-        cms.dispatch({
-          type: "forms:set-active-field-name",
-          value: { formId: tinaForm.id, fieldName: field.name }
-        });
-      }
-    },
-    field.label || field.name
-  ));
-});
+      },
+      field.label || field.name,
+      field.description && /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: `block font-sans text-xs italic font-light text-gray-400 pt-0.5 whitespace-normal m-0`,
+          dangerouslySetInnerHTML: { __html: field.description }
+        }
+      )
+    ));
+  }
+);
 const Header = ({ onClick, children }) => {
   return /* @__PURE__ */ React.createElement("div", { className: "pt-1 mb-5" }, /* @__PURE__ */ React.createElement(
     "button",
@@ -14452,6 +14476,7 @@ function OverflowMenu({
     ToolbarButton,
     {
       showArrow: false,
+      "data-testid": "rich-text-editor-overflow-menu-button",
       className: "lg:min-w-[130px]",
       isDropdown: true,
       pressed: openState.open,
@@ -14505,7 +14530,17 @@ const useRawMarkdownToolbarButton = () => {
 };
 const RawMarkdownToolbarButton = withRef(({ clear, ...rest }, ref) => {
   const { props } = useRawMarkdownToolbarButton();
-  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React__default.createElement(Icons.raw, null));
+  return /* @__PURE__ */ React__default.createElement(
+    ToolbarButton,
+    {
+      ref,
+      tooltip: "Link",
+      ...rest,
+      ...props,
+      "data-testid": "markdown-button"
+    },
+    /* @__PURE__ */ React__default.createElement(Icons.raw, null)
+  );
 });
 function TableDropdownMenu(props) {
   const tableSelected = useEditorSelector(
@@ -33816,5 +33851,6 @@ export {
   useScreenPlugin,
   useTinaAuthRedirect,
   wrapFieldWithError,
+  wrapFieldWithNoHeader,
   wrapFieldsWithMeta
 };

package/dist/{node-cache-906fcb22.mjs → node-cache-4c336858.mjs}

@@ -1,6 +1,4 @@
-const makeCacheDir = async (dir, fs) => {
-  const path = require("node:path");
-  const os = require("node:os");
+const makeCacheDir = async (dir, fs, path, os) => {
   const pathParts = dir.split(path.sep).filter(Boolean);
   const cacheHash = pathParts[pathParts.length - 1];
   const rootUser = pathParts[0];
@@ -17,8 +15,10 @@ const makeCacheDir = async (dir, fs) => {
 };
 const NodeCache = async (dir) => {
   const fs = require("node:fs");
+  const path = require("node:path");
+  const os = require("node:os");
   const { createHash } = require("node:crypto");
-  const cacheDir = await makeCacheDir(dir, fs);
+  const cacheDir = await makeCacheDir(dir, fs, path, os);
   return {
     makeKey: (key) => {
       const input = key && key instanceof Object ? JSON.stringify(key) : key || "";

package/dist/toolkit/fields/plugins/wrap-field-with-meta.d.ts

@@ -3,6 +3,14 @@ import { FieldProps } from './field-props';
 import { Form } from '../../forms';
 export type InputFieldType<ExtraFieldProps, InputProps> = FieldProps<InputProps> & ExtraFieldProps;
 export declare function wrapFieldsWithMeta<ExtraFieldProps = {}, InputProps = {}>(Field: React.FunctionComponent<InputFieldType<ExtraFieldProps, InputProps>> | React.ComponentClass<InputFieldType<ExtraFieldProps, InputProps>>): (props: InputFieldType<ExtraFieldProps, InputProps>) => React.JSX.Element;
+/**
+ * Same as wrapFieldsWithMeta but excludes the label, and description useful for fields that render their label and description
+ */
+export declare function wrapFieldWithNoHeader<ExtraFieldProps = {}, InputProps = {}>(Field: React.FunctionComponent<InputFieldType<ExtraFieldProps, InputProps>> | React.ComponentClass<InputFieldType<ExtraFieldProps, InputProps>>): (props: InputFieldType<ExtraFieldProps, InputProps>) => React.JSX.Element;
+/**
+ * Same as above but excludes the label, useful for fields that have their own label
+ * @deprecated This function is deprecated and will be removed in future versions.
+ */
 export declare function wrapFieldWithError<ExtraFieldProps = {}, InputProps = {}>(Field: React.FunctionComponent<InputFieldType<ExtraFieldProps, InputProps>> | React.ComponentClass<InputFieldType<ExtraFieldProps, InputProps>>): (props: InputFieldType<ExtraFieldProps, InputProps>) => React.JSX.Element;
 interface FieldMetaProps extends React.HTMLAttributes<HTMLElement> {
     name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "0.0.0-bb6864c-20241024011228",
+  "version": "0.0.0-bc59a81-20241030011355",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -129,9 +129,9 @@
     "webfontloader": "1.6.28",
     "yup": "^1.4.0",
     "zod": "^3.23.8",
-    "@tinacms/mdx": "1.5.0",
-    "@tinacms/schema-tools": "1.6.6",
-    "@tinacms/search": "1.0.33"
+    "@tinacms/mdx": "0.0.0-bc59a81-20241030011355",
+    "@tinacms/schema-tools": "0.0.0-bc59a81-20241030011355",
+    "@tinacms/search": "0.0.0-bc59a81-20241030011355"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.5.4",