@tinacms/app 2.3.19 → 2.3.21

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @tinacms/app
 
+## 2.3.21
+
+### Patch Changes
+
+- [#6346](https://github.com/tinacms/tinacms/pull/6346) [`3fa216c`](https://github.com/tinacms/tinacms/commit/3fa216c110af6417e6b835c49a275b08981e028b) Thanks [@JackDevAU](https://github.com/JackDevAU)! - Revert "✨ Visual element highlighting between iframe and form (#6211)"
+
+- Updated dependencies [[`3fa216c`](https://github.com/tinacms/tinacms/commit/3fa216c110af6417e6b835c49a275b08981e028b), [`7352c96`](https://github.com/tinacms/tinacms/commit/7352c9660869d413a0f48d3fbb003d4c4c0e3d85)]:
+  - tinacms@3.3.1
+
+## 2.3.20
+
+### Patch Changes
+
+- Updated dependencies [[`6c2c48a`](https://github.com/tinacms/tinacms/commit/6c2c48a9d869cb98e78fc656b986ecc244a5dafd)]:
+  - tinacms@3.3.0
+  - @tinacms/mdx@2.0.3
+
 ## 2.3.19
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinacms/app",
-  "version": "2.3.19",
+  "version": "2.3.21",
   "main": "src/main.tsx",
   "license": "Apache-2.0",
   "devDependencies": {
@@ -26,8 +26,8 @@
     "react-router-dom": "6.3.0",
     "typescript": "^5.7.3",
     "zod": "^3.24.2",
-    "@tinacms/mdx": "2.0.2",
-    "tinacms": "3.2.0"
+    "tinacms": "3.3.1",
+    "@tinacms/mdx": "2.0.3"
   },
   "repository": {
     "url": "https://github.com/tinacms/tinacms.git",

package/src/lib/graphql-reducer.ts

@@ -526,17 +526,9 @@ export const useGraphQLReducer = (
         const [queryId, eventFieldName] = event.data.fieldName.split('---');
         const result = results.find((res) => res.id === queryId);
         if (result?.data) {
-          const { formId, fieldName } = getFormAndFieldNameFromMetadata(
-            result.data,
-            eventFieldName
-          );
           cms.dispatch({
             type: 'forms:set-active-field-name',
-            value: { formId: formId, fieldName: fieldName },
-          });
-          cms.events.dispatch({
-            ...event.data,
-            type: 'field:focus',
+            value: getFormAndFieldNameFromMetadata(result.data, eventFieldName),
           });
         }
         cms.dispatch({
@@ -544,30 +536,6 @@ export const useGraphQLReducer = (
           value: 'openOrFull',
         });
       }
-      if (event.data.type === 'field:hovered') {
-        if (event.data.fieldName) {
-          const [queryId, eventFieldName] = event.data.fieldName.split('---');
-          const result = results.find((res) => res.id === queryId);
-          if (result?.data) {
-            const fieldData = getFormAndFieldNameFromMetadata(
-              result.data,
-              eventFieldName
-            );
-            cms.dispatch({
-              type: 'forms:set-hovered-field-name',
-              value: fieldData,
-            });
-          }
-        } else {
-          // Clear hover state when fieldName is null
-          cms.forms.all().forEach((form) => {
-            cms.dispatch({
-              type: 'forms:set-hovered-field-name',
-              value: { formId: form.id, fieldName: null },
-            });
-          });
-        }
-      }
       if (event.data.type === 'close') {
         const payloadSchema = z.object({ id: z.string() });
         const { id } = payloadSchema.parse(event.data);
@@ -630,33 +598,6 @@ export const useGraphQLReducer = (
     });
   }, [cms.state.sidebarDisplayState]);
 
-  // Compute the active field name to send to iframe
-  const activeFieldName = React.useMemo(() => {
-    const activeForm = cms.state.forms.find(
-      (form: any) => form.tinaForm.id === cms.state.activeFormId
-    );
-    if (!activeForm) {
-      return null;
-    }
-    const fieldName = activeForm.activeFieldName;
-    if (fieldName === null) {
-      return null;
-    }
-    const queries = activeForm.tinaForm.queries;
-    if (queries && queries.length > 0) {
-      const queryId = queries[queries.length - 1];
-      return `${queryId}---${fieldName}`;
-    }
-    return null;
-  }, [cms.state.forms, cms.state.activeFormId]);
-
-  React.useEffect(() => {
-    iframe.current?.contentWindow?.postMessage({
-      type: 'field:set-focused',
-      fieldName: activeFieldName,
-    });
-  }, [activeFieldName, iframe]);
-
   React.useEffect(() => {
     cms.dispatch({ type: 'set-edit-mode', value: 'visual' });
     if (iframe) {

package/src/lib/types.ts

@@ -5,7 +5,6 @@ export type PostMessage =
       data: object;
     }
   | { type: 'field:selected'; fieldName: string }
-  | { type: 'field:hovered'; fieldName: string | null }
   | { type: 'quick-edit'; value: boolean }
   | { type: 'user-select-form'; formId: string }
   | { type: 'url-changed' };