tinacms 2.4.0 → 2.5.1

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/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

@@ -862,13 +862,23 @@ 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",
       {
         className: `block font-sans text-xs italic font-light text-gray-400 pt-0.5 whitespace-normal m-0 ${className}`,
-        ...props,
-        dangerouslySetInnerHTML: { __html: children }
-      }
+        ...props
+      },
+      children
     );
   };
   const FieldError = ({
@@ -5726,10 +5736,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 }) => {
@@ -10332,7 +10343,7 @@ flowchart TD
       "Event Log"
     ));
   };
-  const version = "2.4.0";
+  const version = "2.5.1";
   const Nav = ({
     isLocalMode,
     className = "",
@@ -30112,6 +30123,7 @@ mutation addPendingDocumentMutation(
                     relativePath
                     filename
                     extension
+                    hasReferences
                   }
                 }
               }
@@ -30203,6 +30215,9 @@ mutation addPendingDocumentMutation(
           document(collection:$collection, relativePath:$relativePath) {
             ... on Document {
               _values
+              _sys {
+                hasReferences
+              }
             }
           }
         }`;
@@ -31929,6 +31944,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);
@@ -31937,6 +31969,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"
                   );
@@ -31988,6 +32026,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"
                   );
@@ -32461,8 +32505,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 },

package/dist/index.mjs

@@ -889,13 +889,23 @@ 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",
     {
       className: `block font-sans text-xs italic font-light text-gray-400 pt-0.5 whitespace-normal m-0 ${className}`,
-      ...props,
-      dangerouslySetInnerHTML: { __html: children }
-    }
+      ...props
+    },
+    children
   );
 };
 const FieldError = ({
@@ -5753,10 +5763,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 }) => {
@@ -10359,7 +10370,7 @@ const SyncStatus = ({ cms, setEventsOpen }) => {
     "Event Log"
   ));
 };
-const version = "2.4.0";
+const version = "2.5.1";
 const Nav = ({
   isLocalMode,
   className = "",
@@ -30139,6 +30150,7 @@ class TinaAdminApi {
                     relativePath
                     filename
                     extension
+                    hasReferences
                   }
                 }
               }
@@ -30230,6 +30242,9 @@ class TinaAdminApi {
           document(collection:$collection, relativePath:$relativePath) {
             ... on Document {
               _values
+              _sys {
+                hasReferences
+              }
             }
           }
         }`;
@@ -31956,6 +31971,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);
@@ -31964,6 +31996,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"
                 );
@@ -32015,6 +32053,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"
                 );
@@ -32488,8 +32532,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 },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "2.4.0",
+  "version": "2.5.1",
   "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,7 +94,7 @@
     "@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",
@@ -125,18 +125,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": "1.5.1",
-    "@tinacms/schema-tools": "1.6.7",
-    "@tinacms/search": "1.0.34"
+    "@tinacms/mdx": "1.5.2",
+    "@tinacms/schema-tools": "1.6.8",
+    "@tinacms/search": "1.0.35"
   },
   "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 +144,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 +160,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",