tinacms 0.0.0-c1132cd-20241024060747 → 0.0.0-c45ac5d-20241213020122

package/dist/admin/types.d.ts

@@ -25,6 +25,9 @@ export interface DocumentNode {
 }
 export interface DocumentForm {
     _values: Object;
+    _sys?: {
+        hasReferences?: boolean;
+    };
 }
 export interface DocumentSys {
     _sys: {

package/dist/client.js

@@ -1,10 +1,7 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("fetch-ponyfill")) : typeof define === "function" && define.amd ? define(["exports", "fetch-ponyfill"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP));
-})(this, function(exports2, fetchPonyfill) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports) : typeof define === "function" && define.amd ? define(["exports"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}));
+})(this, function(exports2) {
   "use strict";
-  const { fetch: fetchPonyfillFN, Headers: HeadersPonyfill } = fetchPonyfill();
-  const fetchDefined = typeof fetch === "undefined" ? fetchPonyfillFN : fetch;
-  const HeadersDefined = typeof Headers === "undefined" ? HeadersPonyfill : Headers;
   const TINA_HOST = "content.tinajs.io";
   class TinaClient {
     constructor({
@@ -39,7 +36,7 @@
       var _a;
       await this.init();
       const errorPolicyDefined = errorPolicy || this.errorPolicy;
-      const headers = new HeadersDefined();
+      const headers = new Headers();
       if (this.readonlyToken) {
         headers.append("X-API-KEY", this.readonlyToken);
       }
@@ -72,7 +69,7 @@
           return value;
         }
       }
-      const res = await fetchDefined(url, optionsObject);
+      const res = await fetch(url, optionsObject);
       if (!res.ok) {
         let additionalInfo = "";
         if (res.status === 401) {

package/dist/client.mjs

@@ -1,7 +1,3 @@
-import fetchPonyfill from "fetch-ponyfill";
-const { fetch: fetchPonyfillFN, Headers: HeadersPonyfill } = fetchPonyfill();
-const fetchDefined = typeof fetch === "undefined" ? fetchPonyfillFN : fetch;
-const HeadersDefined = typeof Headers === "undefined" ? HeadersPonyfill : Headers;
 const TINA_HOST = "content.tinajs.io";
 class TinaClient {
   constructor({
@@ -36,7 +32,7 @@ class TinaClient {
     var _a;
     await this.init();
     const errorPolicyDefined = errorPolicy || this.errorPolicy;
-    const headers = new HeadersDefined();
+    const headers = new Headers();
     if (this.readonlyToken) {
       headers.append("X-API-KEY", this.readonlyToken);
     }
@@ -69,7 +65,7 @@ class TinaClient {
         return value;
       }
     }
-    const res = await fetchDefined(url, optionsObject);
+    const res = await fetch(url, optionsObject);
     if (!res.ok) {
       let additionalInfo = "";
       if (res.status === 401) {

package/dist/index.d.ts

@@ -53,7 +53,7 @@ export type TinaCollection = Collection;
 export type TinaCloudSchema = Schema;
 export declare const defineSchema: (config: Schema) => Schema<false>;
 export declare const defineLegacyConfig: (config: Omit<TinaCMSProviderDefaultProps, "children">) => Omit<TinaCMSProviderDefaultProps, "children">;
-interface MediaStoreClass {
+export interface MediaStoreClass {
     new (...args: any[]): MediaStore;
 }
 export declare const defineStaticConfig: (config: Config<(cms: TinaCMS) => TinaCMS, formifyCallback, DocumentCreatorCallback, MediaStoreClass>) => Config<(cms: TinaCMS) => TinaCMS, formifyCallback, import("./hooks/use-content-creator").DocumentCreatorArgs, MediaStoreClass, undefined>;

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(
@@ -846,6 +862,16 @@ var __publicField = (obj, key, value) => {
     className,
     ...props
   }) => {
+    if (typeof children === "string") {
+      return /* @__PURE__ */ React__namespace.createElement(
+        "span",
+        {
+          className: `block font-sans text-xs italic font-light text-gray-400 pt-0.5 whitespace-normal m-0 ${className}`,
+          ...props,
+          dangerouslySetInnerHTML: { __html: children }
+        }
+      );
+    }
     return /* @__PURE__ */ React__namespace.createElement(
       "span",
       {
@@ -4909,7 +4935,28 @@ flowchart TD
     onChange,
     value,
     step
-  }) => /* @__PURE__ */ React__namespace.createElement(Input, { type: "number", step, value, onChange });
+  }) => /* @__PURE__ */ React__namespace.createElement(
+    Input,
+    {
+      type: "number",
+      step,
+      value,
+      onChange: (event) => {
+        const inputValue = event.target.value;
+        const newValue = inputValue === "" ? void 0 : inputValue;
+        if (onChange) {
+          const syntheticEvent = {
+            ...event,
+            target: {
+              ...event.target,
+              value: newValue
+            }
+          };
+          onChange(syntheticEvent);
+        }
+      }
+    }
+  );
   function useCMS() {
     return useCMS$1();
   }
@@ -5710,10 +5757,11 @@ flowchart TD
     return /* @__PURE__ */ React.createElement(
       "button",
       {
-        className: `w-8 px-1 py-2.5 flex items-center justify-center hover:bg-gray-50 text-gray-200 hover:text-red-500 ${disabled && "pointer-events-none opacity-30 cursor-not-allowed"}`,
+        type: "button",
+        className: `w-8 px-1 py-2.5 flex items-center justify-center text-gray-200 hover:opacity-100 opacity-30 hover:bg-gray-50 ${disabled && "pointer-events-none opacity-30 cursor-not-allowed"}`,
         onClick
       },
-      /* @__PURE__ */ React.createElement(TrashIcon, { className: "fill-current transition-colors ease-out duration-100" })
+      /* @__PURE__ */ React.createElement(TrashIcon, { className: "h-5 w-auto fill-current text-red-500 transition-colors duration-150 ease-out" })
     );
   };
   const DragHandle = ({ isDragging }) => {
@@ -5791,27 +5839,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",
@@ -7977,7 +8033,10 @@ flowchart TD
         ReactDateTimeWithStyles,
         {
           value: input.value,
-          onChange: input.onChange,
+          onChange: (value) => {
+            const newValue = value === "" ? void 0 : value;
+            input.onChange(newValue);
+          },
           dateFormat: dateFormat || DEFAULT_DATE_DISPLAY_FORMAT,
           timeFormat: timeFormat || false,
           inputProps: { className: textFieldClasses },
@@ -10308,7 +10367,7 @@ flowchart TD
       "Event Log"
     ));
   };
-  const version = "2.3.0";
+  const version = "2.5.1";
   const Nav = ({
     isLocalMode,
     className = "",
@@ -14425,6 +14484,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 +14538,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(
@@ -30077,6 +30147,7 @@ mutation addPendingDocumentMutation(
                     relativePath
                     filename
                     extension
+                    hasReferences
                   }
                 }
               }
@@ -30168,6 +30239,9 @@ mutation addPendingDocumentMutation(
           document(collection:$collection, relativePath:$relativePath) {
             ... on Document {
               _values
+              _sys {
+                hasReferences
+              }
             }
           }
         }`;
@@ -31894,6 +31968,23 @@ This will work when developing locally but NOT when deployed to production.
             DeleteModal,
             {
               filename: vars.relativePath,
+              checkRefsFunc: async () => {
+                var _a2, _b2;
+                try {
+                  const doc = await admin.fetchDocument(
+                    collection.name,
+                    vars.relativePath,
+                    true
+                  );
+                  return (_b2 = (_a2 = doc == null ? void 0 : doc.document) == null ? void 0 : _a2._sys) == null ? void 0 : _b2.hasReferences;
+                } catch (error) {
+                  cms.alerts.error(
+                    "Document was not found, ask a developer for help or check the console for an error message"
+                  );
+                  console.error(error);
+                  throw error;
+                }
+              },
               deleteFunc: async () => {
                 try {
                   await admin.deleteDocument(vars);
@@ -31902,6 +31993,12 @@ This will work when developing locally but NOT when deployed to production.
                   );
                   reFetchCollection();
                 } catch (error) {
+                  if (error.message.indexOf("has references")) {
+                    cms.alerts.error(
+                      error.message.split("\n	").filter(Boolean)[1]
+                    );
+                    return;
+                  }
                   cms.alerts.warn(
                     "Document was not deleted, ask a developer for help or check the console for an error message"
                   );
@@ -31953,6 +32050,12 @@ This will work when developing locally but NOT when deployed to production.
                   cms.alerts.info("Document was successfully renamed");
                   reFetchCollection();
                 } catch (error) {
+                  if (error.message.indexOf("has references")) {
+                    cms.alerts.error(
+                      error.message.split("\n	").filter(Boolean)[1]
+                    );
+                    return;
+                  }
                   cms.alerts.warn(
                     "Document was not renamed, ask a developer for help or check the console for an error message"
                   );
@@ -32426,8 +32529,19 @@ This will work when developing locally but NOT when deployed to production.
   const NoDocumentsPlaceholder = () => {
     return /* @__PURE__ */ React.createElement("div", { className: "text-center px-5 py-3 flex flex-col items-center justify-center shadow border border-gray-100 bg-gray-50 border-b border-gray-200 w-full max-w-full rounded-lg" }, /* @__PURE__ */ React.createElement("p", { className: "text-base italic font-medium text-gray-300" }, "No documents found."));
   };
-  const DeleteModal = ({ close: close2, deleteFunc, filename }) => {
-    return /* @__PURE__ */ React.createElement(Modal, null, /* @__PURE__ */ React.createElement(PopupModal, null, /* @__PURE__ */ React.createElement(ModalHeader, { close: close2 }, "Delete ", filename), /* @__PURE__ */ React.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React.createElement("p", null, `Are you sure you want to delete ${filename}?`)), /* @__PURE__ */ React.createElement(ModalActions, null, /* @__PURE__ */ React.createElement(Button$1, { style: { flexGrow: 2 }, onClick: close2 }, "Cancel"), /* @__PURE__ */ React.createElement(
+  const DeleteModal = ({
+    close: close2,
+    deleteFunc,
+    checkRefsFunc,
+    filename
+  }) => {
+    const [hasRefs, setHasRefs] = React.useState();
+    React.useEffect(() => {
+      checkRefsFunc().then((result) => {
+        setHasRefs(result);
+      });
+    }, [filename, checkRefsFunc]);
+    return /* @__PURE__ */ React.createElement(Modal, null, /* @__PURE__ */ React.createElement(PopupModal, null, /* @__PURE__ */ React.createElement(ModalHeader, { close: close2 }, "Delete ", filename), /* @__PURE__ */ React.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React.createElement("p", null, `Are you sure you want to delete ${filename}?${hasRefs ? " References to this document will also be deleted." : ""}`)), /* @__PURE__ */ React.createElement(ModalActions, null, /* @__PURE__ */ React.createElement(Button$1, { style: { flexGrow: 2 }, onClick: close2 }, "Cancel"), /* @__PURE__ */ React.createElement(
       Button$1,
       {
         style: { flexGrow: 3 },
@@ -33794,6 +33908,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(
@@ -873,6 +889,16 @@ const FieldDescription = ({
   className,
   ...props
 }) => {
+  if (typeof children === "string") {
+    return /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        className: `block font-sans text-xs italic font-light text-gray-400 pt-0.5 whitespace-normal m-0 ${className}`,
+        ...props,
+        dangerouslySetInnerHTML: { __html: children }
+      }
+    );
+  }
   return /* @__PURE__ */ React.createElement(
     "span",
     {
@@ -4936,7 +4962,28 @@ const NumberInput = ({
   onChange,
   value,
   step
-}) => /* @__PURE__ */ React.createElement(Input, { type: "number", step, value, onChange });
+}) => /* @__PURE__ */ React.createElement(
+  Input,
+  {
+    type: "number",
+    step,
+    value,
+    onChange: (event) => {
+      const inputValue = event.target.value;
+      const newValue = inputValue === "" ? void 0 : inputValue;
+      if (onChange) {
+        const syntheticEvent = {
+          ...event,
+          target: {
+            ...event.target,
+            value: newValue
+          }
+        };
+        onChange(syntheticEvent);
+      }
+    }
+  }
+);
 function useCMS() {
   return useCMS$1();
 }
@@ -5737,10 +5784,11 @@ const ItemDeleteButton = ({ onClick, disabled = false }) => {
   return /* @__PURE__ */ React__default.createElement(
     "button",
     {
-      className: `w-8 px-1 py-2.5 flex items-center justify-center hover:bg-gray-50 text-gray-200 hover:text-red-500 ${disabled && "pointer-events-none opacity-30 cursor-not-allowed"}`,
+      type: "button",
+      className: `w-8 px-1 py-2.5 flex items-center justify-center text-gray-200 hover:opacity-100 opacity-30 hover:bg-gray-50 ${disabled && "pointer-events-none opacity-30 cursor-not-allowed"}`,
       onClick
     },
-    /* @__PURE__ */ React__default.createElement(TrashIcon, { className: "fill-current transition-colors ease-out duration-100" })
+    /* @__PURE__ */ React__default.createElement(TrashIcon, { className: "h-5 w-auto fill-current text-red-500 transition-colors duration-150 ease-out" })
   );
 };
 const DragHandle = ({ isDragging }) => {
@@ -5818,27 +5866,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",
@@ -8004,7 +8060,10 @@ const DateField = wrapFieldsWithMeta(
       ReactDateTimeWithStyles,
       {
         value: input.value,
-        onChange: input.onChange,
+        onChange: (value) => {
+          const newValue = value === "" ? void 0 : value;
+          input.onChange(newValue);
+        },
         dateFormat: dateFormat || DEFAULT_DATE_DISPLAY_FORMAT,
         timeFormat: timeFormat || false,
         inputProps: { className: textFieldClasses },
@@ -10335,7 +10394,7 @@ const SyncStatus = ({ cms, setEventsOpen }) => {
     "Event Log"
   ));
 };
-const version = "2.3.0";
+const version = "2.5.1";
 const Nav = ({
   isLocalMode,
   className = "",
@@ -14452,6 +14511,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 +14565,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(
@@ -30104,6 +30174,7 @@ class TinaAdminApi {
                     relativePath
                     filename
                     extension
+                    hasReferences
                   }
                 }
               }
@@ -30195,6 +30266,9 @@ class TinaAdminApi {
           document(collection:$collection, relativePath:$relativePath) {
             ... on Document {
               _values
+              _sys {
+                hasReferences
+              }
             }
           }
         }`;
@@ -31921,6 +31995,23 @@ const CollectionListPage = () => {
           DeleteModal,
           {
             filename: vars.relativePath,
+            checkRefsFunc: async () => {
+              var _a2, _b2;
+              try {
+                const doc = await admin.fetchDocument(
+                  collection.name,
+                  vars.relativePath,
+                  true
+                );
+                return (_b2 = (_a2 = doc == null ? void 0 : doc.document) == null ? void 0 : _a2._sys) == null ? void 0 : _b2.hasReferences;
+              } catch (error) {
+                cms.alerts.error(
+                  "Document was not found, ask a developer for help or check the console for an error message"
+                );
+                console.error(error);
+                throw error;
+              }
+            },
             deleteFunc: async () => {
               try {
                 await admin.deleteDocument(vars);
@@ -31929,6 +32020,12 @@ const CollectionListPage = () => {
                 );
                 reFetchCollection();
               } catch (error) {
+                if (error.message.indexOf("has references")) {
+                  cms.alerts.error(
+                    error.message.split("\n	").filter(Boolean)[1]
+                  );
+                  return;
+                }
                 cms.alerts.warn(
                   "Document was not deleted, ask a developer for help or check the console for an error message"
                 );
@@ -31980,6 +32077,12 @@ const CollectionListPage = () => {
                 cms.alerts.info("Document was successfully renamed");
                 reFetchCollection();
               } catch (error) {
+                if (error.message.indexOf("has references")) {
+                  cms.alerts.error(
+                    error.message.split("\n	").filter(Boolean)[1]
+                  );
+                  return;
+                }
                 cms.alerts.warn(
                   "Document was not renamed, ask a developer for help or check the console for an error message"
                 );
@@ -32453,8 +32556,19 @@ const Breadcrumb = ({ folder, navigate, collectionName }) => {
 const NoDocumentsPlaceholder = () => {
   return /* @__PURE__ */ React__default.createElement("div", { className: "text-center px-5 py-3 flex flex-col items-center justify-center shadow border border-gray-100 bg-gray-50 border-b border-gray-200 w-full max-w-full rounded-lg" }, /* @__PURE__ */ React__default.createElement("p", { className: "text-base italic font-medium text-gray-300" }, "No documents found."));
 };
-const DeleteModal = ({ close: close2, deleteFunc, filename }) => {
-  return /* @__PURE__ */ React__default.createElement(Modal, null, /* @__PURE__ */ React__default.createElement(PopupModal, null, /* @__PURE__ */ React__default.createElement(ModalHeader, { close: close2 }, "Delete ", filename), /* @__PURE__ */ React__default.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__default.createElement("p", null, `Are you sure you want to delete ${filename}?`)), /* @__PURE__ */ React__default.createElement(ModalActions, null, /* @__PURE__ */ React__default.createElement(Button$1, { style: { flexGrow: 2 }, onClick: close2 }, "Cancel"), /* @__PURE__ */ React__default.createElement(
+const DeleteModal = ({
+  close: close2,
+  deleteFunc,
+  checkRefsFunc,
+  filename
+}) => {
+  const [hasRefs, setHasRefs] = React__default.useState();
+  useEffect(() => {
+    checkRefsFunc().then((result) => {
+      setHasRefs(result);
+    });
+  }, [filename, checkRefsFunc]);
+  return /* @__PURE__ */ React__default.createElement(Modal, null, /* @__PURE__ */ React__default.createElement(PopupModal, null, /* @__PURE__ */ React__default.createElement(ModalHeader, { close: close2 }, "Delete ", filename), /* @__PURE__ */ React__default.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__default.createElement("p", null, `Are you sure you want to delete ${filename}?${hasRefs ? " References to this document will also be deleted." : ""}`)), /* @__PURE__ */ React__default.createElement(ModalActions, null, /* @__PURE__ */ React__default.createElement(Button$1, { style: { flexGrow: 2 }, onClick: close2 }, "Cancel"), /* @__PURE__ */ React__default.createElement(
     Button$1,
     {
       style: { flexGrow: 3 },
@@ -33816,5 +33930,6 @@ export {
   useScreenPlugin,
   useTinaAuthRedirect,
   wrapFieldWithError,
+  wrapFieldWithNoHeader,
   wrapFieldsWithMeta
 };

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-c1132cd-20241024060747",
+  "version": "0.0.0-c45ac5d-20241213020122",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -60,21 +60,21 @@
   "typings": "dist/index.d.ts",
   "license": "Apache-2.0",
   "dependencies": {
-    "@ariakit/react": "^0.4.11",
-    "@floating-ui/dom": "^1.6.11",
+    "@ariakit/react": "^0.4.13",
+    "@floating-ui/dom": "^1.6.12",
     "@floating-ui/react-dom": "^2.1.2",
-    "@graphql-inspector/core": "^6.1.0",
+    "@graphql-inspector/core": "^6.2.0",
     "@headlessui/react": "2.1.8",
     "@heroicons/react": "^1.0.6",
     "@monaco-editor/react": "4.4.5",
-    "@radix-ui/react-checkbox": "^1.1.1",
-    "@radix-ui/react-dialog": "^1.1.1",
-    "@radix-ui/react-dropdown-menu": "^2.1.1",
-    "@radix-ui/react-popover": "^1.1.1",
+    "@radix-ui/react-checkbox": "^1.1.2",
+    "@radix-ui/react-dialog": "^1.1.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
+    "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-toolbar": "^1.1.0",
-    "@radix-ui/react-tooltip": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.1.4",
     "@react-hook/window-size": "^3.1.1",
     "@udecode/cn": "^33.0.0",
     "@udecode/plate": "^36.5.9",
@@ -94,11 +94,10 @@
     "@udecode/plate-table": "36.5.8",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
-    "cmdk": "^1.0.0",
+    "cmdk": "^1.0.4",
     "color-string": "^1.9.1",
     "crypto-js": "^4.2.0",
     "date-fns": "2.30.0",
-    "fetch-ponyfill": "^7.1.0",
     "final-form": "4.20.10",
     "final-form-arrays": "^3.1.0",
     "final-form-set-field-data": "^1.0.2",
@@ -125,18 +124,18 @@
     "slate-history": "^0.100.0",
     "slate-hyperscript": "^0.100.0",
     "slate-react": "^0.107.1",
-    "tailwind-merge": "^2.5.2",
+    "tailwind-merge": "^2.5.4",
     "webfontloader": "1.6.28",
     "yup": "^1.4.0",
     "zod": "^3.23.8",
-    "@tinacms/mdx": "0.0.0-c1132cd-20241024060747",
-    "@tinacms/schema-tools": "0.0.0-c1132cd-20241024060747",
-    "@tinacms/search": "0.0.0-c1132cd-20241024060747"
+    "@tinacms/mdx": "0.0.0-c45ac5d-20241213020122",
+    "@tinacms/schema-tools": "0.0.0-c45ac5d-20241213020122",
+    "@tinacms/search": "0.0.0-c45ac5d-20241213020122"
   },
   "devDependencies": {
-    "@graphql-tools/utils": "^10.5.4",
+    "@graphql-tools/utils": "^10.5.6",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/atob": "^2.1.4",
@@ -144,14 +143,14 @@
     "@types/color-string": "^1.5.5",
     "@types/lodash.debounce": "^4.0.9",
     "@types/lodash.get": "^4.4.9",
-    "@types/node": "^22.7.4",
+    "@types/node": "^22.9.0",
     "@types/prop-types": "^15.7.13",
-    "@types/react": "^18.3.10",
+    "@types/react": "^18.3.12",
     "@types/react-beautiful-dnd": "^13.1.8",
     "@types/react-color": "^3.0.12",
-    "@types/react-dom": "^18.3.0",
+    "@types/react-dom": "^18.3.1",
     "@types/yup": "^0.32.0",
-    "happy-dom": "^14.12.3",
+    "happy-dom": "15.10.2",
     "identity-obj-proxy": "^3.0.0",
     "isomorphic-fetch": "^3.0.0",
     "jest-file-snapshot": "^0.7.0",
@@ -160,11 +159,11 @@
     "react-dom": "^18.3.1",
     "react-is": "^18.3.1",
     "tsc-alias": "^1.8.10",
-    "tslib": "^2.7.0",
-    "typescript": "^5.6.2",
-    "vite": "^5.4.8",
-    "vitest": "^2.1.1",
-    "@tinacms/scripts": "1.3.0"
+    "tslib": "^2.8.1",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
+    "vitest": "^2.1.5",
+    "@tinacms/scripts": "1.3.1"
   },
   "peerDependencies": {
     "react": ">=16.14.0",