tinacms 0.69.6 → 0.69.7

package/dist/admin/index.d.ts

@@ -10,4 +10,6 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
-export declare const TinaAdmin: () => JSX.Element;
+export declare const TinaAdmin: ({ preview }: {
+    preview?: JSX.Element;
+}) => JSX.Element;

package/dist/index.d.ts

@@ -20,11 +20,13 @@ export * from '@tinacms/toolkit';
 export { TinaAdmin } from './admin';
 export { RouteMappingPlugin } from './admin/plugins/route-mapping';
 export { TinaAdminApi } from './admin/api';
-import { TinaCMSProvider2 } from './tina-cms';
+import { TinaCMSProvider2, DocumentCreatorCallback } from './tina-cms';
 import type { TinaCMSProviderDefaultProps } from './types/cms';
 export type { TinaCMSProviderDefaultProps };
 export default TinaCMSProvider2;
-import type { TinaCloudSchema as TinaCloudSchemaBase, TinaCloudCollection as TinaCloudCollectionBase, TinaCloudTemplateBase as TinaTemplate, TinaFieldBase } from '@tinacms/schema-tools';
+import { TinaCMS } from '@tinacms/toolkit';
+import { formifyCallback } from './hooks/use-graphql-forms';
+import type { TinaCloudSchema as TinaCloudSchemaBase, TinaCloudCollection as TinaCloudCollectionBase, TinaCloudTemplateBase as TinaTemplate, TinaFieldBase, TinaCMSConfig } from '@tinacms/schema-tools';
 export declare type TinaCloudSchema = TinaCloudSchemaBase<false>;
 export declare type TinaCloudCollection = TinaCloudCollectionBase<false>;
 export declare type TinaCollection = TinaCloudCollectionBase<false>;
@@ -32,3 +34,4 @@ export declare type TinaField = TinaFieldBase;
 export type { TinaTemplate };
 export declare const defineSchema: (config: TinaCloudSchema) => TinaCloudSchema;
 export declare const defineConfig: (config: Omit<TinaCMSProviderDefaultProps, 'children'>) => Omit<TinaCMSProviderDefaultProps, "children">;
+export declare const defineStaticConfig: (config: TinaCMSConfig<(cms: TinaCMS) => TinaCMS, formifyCallback, import("./hooks/use-content-creator").DocumentCreatorArgs, undefined>) => TinaCMSConfig<(cms: TinaCMS) => TinaCMS, formifyCallback, import("./hooks/use-content-creator").DocumentCreatorArgs, undefined>;

package/dist/index.es.js

@@ -2795,7 +2795,7 @@ const TinaCloudProvider = (props) => {
   })));
 };
 const TinaCloudAuthWall = TinaCloudProvider;
-var styles = /* @__PURE__ */ (() => `.tina-tailwind {
+var styles = `.tina-tailwind {
   line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   -moz-tab-size: 4;
@@ -3733,7 +3733,7 @@ var styles = /* @__PURE__ */ (() => `.tina-tailwind {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(0 132 255 / var(--tw-ring-opacity));
 }
-`)();
+`;
 class ContentCreatorPlugin {
   constructor(options) {
     this.__type = "content-creator";
@@ -4437,12 +4437,12 @@ const Sidebar = ({ cms }) => {
     contentCreators: [],
     RenderNavSite: ({ view }) => /* @__PURE__ */ React.createElement(SidebarLink, {
       label: view.name,
-      to: `screens/${slugify(view.name)}`,
+      to: `/screens/${slugify(view.name)}`,
       Icon: view.Icon ? view.Icon : ImFilesEmpty
     }),
     RenderNavCollection: ({ collection }) => /* @__PURE__ */ React.createElement(SidebarLink, {
       label: collection.label ? collection.label : collection.name,
-      to: `collections/${collection.name}`,
+      to: `/collections/${collection.name}`,
       Icon: ImFilesEmpty
     })
   }), !renderDesktopNav && /* @__PURE__ */ React.createElement(Transition, {
@@ -4466,7 +4466,7 @@ const Sidebar = ({ cms }) => {
     contentCreators: [],
     RenderNavSite: ({ view }) => /* @__PURE__ */ React.createElement(SidebarLink, {
       label: view.name,
-      to: `screens/${slugify(view.name)}`,
+      to: `/screens/${slugify(view.name)}`,
       Icon: view.Icon ? view.Icon : ImFilesEmpty,
       onClick: () => {
         setMenuIsOpen(false);
@@ -4474,7 +4474,7 @@ const Sidebar = ({ cms }) => {
     }),
     RenderNavCollection: ({ collection }) => /* @__PURE__ */ React.createElement(SidebarLink, {
       label: collection.label ? collection.label : collection.name,
-      to: `collections/${collection.name}`,
+      to: `/collections/${collection.name}`,
       Icon: ImFilesEmpty,
       onClick: () => {
         setMenuIsOpen(false);
@@ -4839,12 +4839,13 @@ const handleNavigate = (navigate, cms, collection, collectionDefinition, documen
   var _a, _b;
   const plugins = cms.plugins.all("tina-admin");
   const routeMapping = plugins.find(({ name }) => name === "route-mapping");
+  const tinaPreview = cms.flags.get("tina-preview") || false;
   const routeOverride = ((_a = collectionDefinition.ui) == null ? void 0 : _a.router) ? (_b = collectionDefinition.ui) == null ? void 0 : _b.router({
     document,
     collection: collectionDefinition
   }) : routeMapping ? routeMapping.mapper(collection, document) : void 0;
   if (routeOverride) {
-    window.location.href = routeOverride;
+    tinaPreview ? navigate(`/preview?iframe-url=${encodeURIComponent(routeOverride)}`) : window.location.href = routeOverride;
     return null;
   } else {
     navigate(document._sys.breadcrumbs.join("/"));
@@ -5379,7 +5380,18 @@ const Redirect = () => {
   }, []);
   return null;
 };
-const TinaAdmin = () => {
+const SetPreviewFlag = ({
+  preview,
+  cms
+}) => {
+  React.useEffect(() => {
+    if (preview) {
+      cms.flags.set("tina-iframe", true);
+    }
+  }, [preview]);
+  return null;
+};
+const TinaAdmin = ({ preview }) => {
   const isSSR2 = typeof window === "undefined";
   const { edit } = useEditState();
   if (isSSR2) {
@@ -5391,31 +5403,43 @@ const TinaAdmin = () => {
   return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => {
     const isTinaAdminEnabled = cms.flags.get("tina-admin") === false ? false : true;
     if (isTinaAdminEnabled) {
-      return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(HashRouter, null, /* @__PURE__ */ React.createElement("div", {
-        className: "flex items-stretch h-screen overflow-hidden"
-      }, /* @__PURE__ */ React.createElement(Sidebar, {
+      return /* @__PURE__ */ React.createElement(HashRouter, null, /* @__PURE__ */ React.createElement(SetPreviewFlag, {
+        preview,
         cms
-      }), /* @__PURE__ */ React.createElement("div", {
-        className: "flex-1 relative"
-      }, /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, {
+      }), /* @__PURE__ */ React.createElement(Routes, null, preview && /* @__PURE__ */ React.createElement(Route, {
+        path: "preview",
+        element: preview
+      }), /* @__PURE__ */ React.createElement(Route, {
         path: "collections/:collectionName/new",
-        element: /* @__PURE__ */ React.createElement(CollectionCreatePage, null)
+        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
+          cms
+        }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
       }), /* @__PURE__ */ React.createElement(Route, {
         path: "collections/:collectionName/:templateName/new",
-        element: /* @__PURE__ */ React.createElement(CollectionCreatePage, null)
+        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
+          cms
+        }, /* @__PURE__ */ React.createElement(CollectionCreatePage, null))
       }), /* @__PURE__ */ React.createElement(Route, {
         path: "collections/:collectionName/*",
-        element: /* @__PURE__ */ React.createElement(CollectionUpdatePage, null)
+        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
+          cms
+        }, /* @__PURE__ */ React.createElement(CollectionUpdatePage, null))
       }), /* @__PURE__ */ React.createElement(Route, {
         path: "collections/:collectionName",
-        element: /* @__PURE__ */ React.createElement(CollectionListPage, null)
+        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
+          cms
+        }, /* @__PURE__ */ React.createElement(CollectionListPage, null))
       }), /* @__PURE__ */ React.createElement(Route, {
         path: "screens/:screenName",
-        element: /* @__PURE__ */ React.createElement(ScreenPage, null)
+        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
+          cms
+        }, /* @__PURE__ */ React.createElement(ScreenPage, null))
       }), /* @__PURE__ */ React.createElement(Route, {
         path: "/",
-        element: /* @__PURE__ */ React.createElement(DashboardPage, null)
-      }))))));
+        element: /* @__PURE__ */ React.createElement(DefaultWrapper, {
+          cms
+        }, /* @__PURE__ */ React.createElement(DashboardPage, null))
+      })));
     } else {
       return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(HashRouter, null, /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, {
         path: "logout",
@@ -5427,6 +5451,18 @@ const TinaAdmin = () => {
     }
   });
 };
+const DefaultWrapper = ({
+  cms,
+  children
+}) => {
+  return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-stretch h-screen overflow-hidden"
+  }, /* @__PURE__ */ React.createElement(Sidebar, {
+    cms
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: "flex-1 relative"
+  }, children)));
+};
 class RouteMappingPlugin {
   constructor(mapper) {
     this.__type = "tina-admin";
@@ -5441,4 +5477,7 @@ const defineSchema = (config) => {
 const defineConfig = (config) => {
   return config;
 };
-export { AuthWallInner, Client, DEFAULT_LOCAL_TINA_GQL_SERVER_URL, LocalClient, RouteMappingPlugin, TinaAdmin, TinaAdminApi, TinaCMSProvider2, TinaCloudAuthWall, TinaCloudProvider, TinaDataProvider, assertShape, createClient, TinaCMSProvider2 as default, defineConfig, defineSchema, getStaticPropsForTina, gql, safeAssertShape, staticRequest, useDocumentCreatorPlugin, useGraphqlForms, useTinaAuthRedirect };
+const defineStaticConfig = (config) => {
+  return config;
+};
+export { AuthWallInner, Client, DEFAULT_LOCAL_TINA_GQL_SERVER_URL, LocalClient, RouteMappingPlugin, TinaAdmin, TinaAdminApi, TinaCMSProvider2, TinaCloudAuthWall, TinaCloudProvider, TinaDataProvider, assertShape, createClient, TinaCMSProvider2 as default, defineConfig, defineSchema, defineStaticConfig, getStaticPropsForTina, gql, safeAssertShape, staticRequest, useDocumentCreatorPlugin, useGraphqlForms, useTinaAuthRedirect };

package/dist/index.js

@@ -2813,7 +2813,7 @@ mutation addPendingDocumentMutation(
     })));
   };
   const TinaCloudAuthWall = TinaCloudProvider;
-  var styles = /* @__PURE__ */ (() => `.tina-tailwind {
+  var styles = `.tina-tailwind {
   line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   -moz-tab-size: 4;
@@ -3751,7 +3751,7 @@ mutation addPendingDocumentMutation(
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(0 132 255 / var(--tw-ring-opacity));
 }
-`)();
+`;
   class ContentCreatorPlugin {
     constructor(options) {
       this.__type = "content-creator";
@@ -4455,12 +4455,12 @@ This will work when developing locally but NOT when deployed to production.
       contentCreators: [],
       RenderNavSite: ({ view }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
         label: view.name,
-        to: `screens/${slugify(view.name)}`,
+        to: `/screens/${slugify(view.name)}`,
         Icon: view.Icon ? view.Icon : ImFilesEmpty
       }),
       RenderNavCollection: ({ collection }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
         label: collection.label ? collection.label : collection.name,
-        to: `collections/${collection.name}`,
+        to: `/collections/${collection.name}`,
         Icon: ImFilesEmpty
       })
     }), !renderDesktopNav && /* @__PURE__ */ React__default["default"].createElement(react.Transition, {
@@ -4484,7 +4484,7 @@ This will work when developing locally but NOT when deployed to production.
       contentCreators: [],
       RenderNavSite: ({ view }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
         label: view.name,
-        to: `screens/${slugify(view.name)}`,
+        to: `/screens/${slugify(view.name)}`,
         Icon: view.Icon ? view.Icon : ImFilesEmpty,
         onClick: () => {
           setMenuIsOpen(false);
@@ -4492,7 +4492,7 @@ This will work when developing locally but NOT when deployed to production.
       }),
       RenderNavCollection: ({ collection }) => /* @__PURE__ */ React__default["default"].createElement(SidebarLink, {
         label: collection.label ? collection.label : collection.name,
-        to: `collections/${collection.name}`,
+        to: `/collections/${collection.name}`,
         Icon: ImFilesEmpty,
         onClick: () => {
           setMenuIsOpen(false);
@@ -4857,12 +4857,13 @@ This will work when developing locally but NOT when deployed to production.
     var _a, _b;
     const plugins = cms.plugins.all("tina-admin");
     const routeMapping = plugins.find(({ name }) => name === "route-mapping");
+    const tinaPreview = cms.flags.get("tina-preview") || false;
     const routeOverride = ((_a = collectionDefinition.ui) == null ? void 0 : _a.router) ? (_b = collectionDefinition.ui) == null ? void 0 : _b.router({
       document,
       collection: collectionDefinition
     }) : routeMapping ? routeMapping.mapper(collection, document) : void 0;
     if (routeOverride) {
-      window.location.href = routeOverride;
+      tinaPreview ? navigate(`/preview?iframe-url=${encodeURIComponent(routeOverride)}`) : window.location.href = routeOverride;
       return null;
     } else {
       navigate(document._sys.breadcrumbs.join("/"));
@@ -5397,7 +5398,18 @@ This will work when developing locally but NOT when deployed to production.
     }, []);
     return null;
   };
-  const TinaAdmin = () => {
+  const SetPreviewFlag = ({
+    preview,
+    cms
+  }) => {
+    React__default["default"].useEffect(() => {
+      if (preview) {
+        cms.flags.set("tina-iframe", true);
+      }
+    }, [preview]);
+    return null;
+  };
+  const TinaAdmin = ({ preview }) => {
     const isSSR2 = typeof window === "undefined";
     const { edit } = sharedctx.useEditState();
     if (isSSR2) {
@@ -5409,31 +5421,43 @@ This will work when developing locally but NOT when deployed to production.
     return /* @__PURE__ */ React__default["default"].createElement(GetCMS, null, (cms) => {
       const isTinaAdminEnabled = cms.flags.get("tina-admin") === false ? false : true;
       if (isTinaAdminEnabled) {
-        return /* @__PURE__ */ React__default["default"].createElement(Layout, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.HashRouter, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: "flex items-stretch h-screen overflow-hidden"
-        }, /* @__PURE__ */ React__default["default"].createElement(Sidebar, {
+        return /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.HashRouter, null, /* @__PURE__ */ React__default["default"].createElement(SetPreviewFlag, {
+          preview,
           cms
-        }), /* @__PURE__ */ React__default["default"].createElement("div", {
-          className: "flex-1 relative"
-        }, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Routes, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
+        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Routes, null, preview && /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
+          path: "preview",
+          element: preview
+        }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "collections/:collectionName/new",
-          element: /* @__PURE__ */ React__default["default"].createElement(CollectionCreatePage, null)
+          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
+            cms
+          }, /* @__PURE__ */ React__default["default"].createElement(CollectionCreatePage, null))
         }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "collections/:collectionName/:templateName/new",
-          element: /* @__PURE__ */ React__default["default"].createElement(CollectionCreatePage, null)
+          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
+            cms
+          }, /* @__PURE__ */ React__default["default"].createElement(CollectionCreatePage, null))
         }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "collections/:collectionName/*",
-          element: /* @__PURE__ */ React__default["default"].createElement(CollectionUpdatePage, null)
+          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
+            cms
+          }, /* @__PURE__ */ React__default["default"].createElement(CollectionUpdatePage, null))
         }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "collections/:collectionName",
-          element: /* @__PURE__ */ React__default["default"].createElement(CollectionListPage, null)
+          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
+            cms
+          }, /* @__PURE__ */ React__default["default"].createElement(CollectionListPage, null))
         }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "screens/:screenName",
-          element: /* @__PURE__ */ React__default["default"].createElement(ScreenPage, null)
+          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
+            cms
+          }, /* @__PURE__ */ React__default["default"].createElement(ScreenPage, null))
         }), /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "/",
-          element: /* @__PURE__ */ React__default["default"].createElement(DashboardPage, null)
-        }))))));
+          element: /* @__PURE__ */ React__default["default"].createElement(DefaultWrapper, {
+            cms
+          }, /* @__PURE__ */ React__default["default"].createElement(DashboardPage, null))
+        })));
       } else {
         return /* @__PURE__ */ React__default["default"].createElement(Layout, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.HashRouter, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Routes, null, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
           path: "logout",
@@ -5445,6 +5469,18 @@ This will work when developing locally but NOT when deployed to production.
       }
     });
   };
+  const DefaultWrapper = ({
+    cms,
+    children
+  }) => {
+    return /* @__PURE__ */ React__default["default"].createElement(Layout, null, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "flex items-stretch h-screen overflow-hidden"
+    }, /* @__PURE__ */ React__default["default"].createElement(Sidebar, {
+      cms
+    }), /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "flex-1 relative"
+    }, children)));
+  };
   class RouteMappingPlugin {
     constructor(mapper) {
       this.__type = "tina-admin";
@@ -5459,6 +5495,9 @@ This will work when developing locally but NOT when deployed to production.
   const defineConfig = (config) => {
     return config;
   };
+  const defineStaticConfig = (config) => {
+    return config;
+  };
   exports2.AuthWallInner = AuthWallInner;
   exports2.Client = Client;
   exports2.DEFAULT_LOCAL_TINA_GQL_SERVER_URL = DEFAULT_LOCAL_TINA_GQL_SERVER_URL;
@@ -5475,6 +5514,7 @@ This will work when developing locally but NOT when deployed to production.
   exports2["default"] = TinaCMSProvider2;
   exports2.defineConfig = defineConfig;
   exports2.defineSchema = defineSchema;
+  exports2.defineStaticConfig = defineStaticConfig;
   exports2.getStaticPropsForTina = getStaticPropsForTina;
   exports2.gql = gql;
   exports2.safeAssertShape = safeAssertShape;

package/dist/react.d.ts

@@ -0,0 +1,11 @@
+/**
+ * This is an experimental version of the useTina hook,
+ * it is only meant to be used with Tina in "iframe mode".
+ */
+export declare function useTina<T extends object>(props: {
+    query: string;
+    variables: object;
+    data: T;
+}): {
+    data: T;
+};

package/dist/react.es.js

@@ -0,0 +1,17 @@
+import React from "react";
+function useTina(props) {
+  const [data, setData] = React.useState(props.data);
+  React.useEffect(() => {
+    const id = btoa(JSON.stringify({ query: props.query }));
+    parent.postMessage({ type: "open", ...props, id }, window.location.origin);
+    window.addEventListener("message", (event) => {
+      if (event.data.id === id) {
+        console.log("child: event received");
+        setData(event.data.data);
+      }
+    });
+    return () => parent.postMessage({ type: "close", id }, window.location.origin);
+  }, []);
+  return { data };
+}
+export { useTina };

package/dist/react.js

@@ -0,0 +1,26 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react")) : typeof define === "function" && define.amd ? define(["exports", "react"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP));
+})(this, function(exports2, React) {
+  "use strict";
+  function _interopDefaultLegacy(e) {
+    return e && typeof e === "object" && "default" in e ? e : { "default": e };
+  }
+  var React__default = /* @__PURE__ */ _interopDefaultLegacy(React);
+  function useTina(props) {
+    const [data, setData] = React__default["default"].useState(props.data);
+    React__default["default"].useEffect(() => {
+      const id = btoa(JSON.stringify({ query: props.query }));
+      parent.postMessage({ type: "open", ...props, id }, window.location.origin);
+      window.addEventListener("message", (event) => {
+        if (event.data.id === id) {
+          console.log("child: event received");
+          setData(event.data.data);
+        }
+      });
+      return () => parent.postMessage({ type: "close", id }, window.location.origin);
+    }, []);
+    return { data };
+  }
+  exports2.useTina = useTina;
+  Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+});

package/dist/tina-cms.d.ts

@@ -11,8 +11,10 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 import type { formifyCallback } from './hooks/use-graphql-forms';
+import { useDocumentCreatorPlugin } from './hooks/use-content-creator';
 import { TinaCMSProviderDefaultProps } from './types/cms';
 export declare const TinaCMSProvider2: ({ query, documentCreatorCallback, formifyCallback, schema, ...props }: TinaCMSProviderDefaultProps) => JSX.Element;
+export declare type DocumentCreatorCallback = Parameters<typeof useDocumentCreatorPlugin>[0];
 export declare const TinaDataProvider: ({ children, formifyCallback, }: {
     children: any;
     formifyCallback: formifyCallback;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "0.69.6",
+  "version": "0.69.7",
   "main": "dist/index.js",
   "module": "./dist/index.es.js",
   "exports": {
@@ -19,6 +19,11 @@
       "import": "./dist/edit-state.es.js",
       "require": "./dist/edit-state.js"
     },
+    "./dist/react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.es.js",
+      "require": "./dist/react.js"
+    },
     "./dist/rich-text": {
       "types": "./dist/rich-text/index.d.ts",
       "import": "./dist/rich-text/index.es.js",
@@ -38,6 +43,7 @@
       "src/index.ts",
       "src/edit-state.tsx",
       "src/rich-text/index.tsx",
+      "src/react.tsx",
       "src/client.ts"
     ]
   },
@@ -48,9 +54,9 @@
     "@headlessui/react": "^1.5.0",
     "@heroicons/react": "^1.0.4",
     "@react-hook/window-size": "^3.0.7",
-    "@tinacms/schema-tools": "0.1.2",
+    "@tinacms/schema-tools": "0.1.3",
     "@tinacms/sharedctx": "0.1.2",
-    "@tinacms/toolkit": "0.57.3",
+    "@tinacms/toolkit": "0.57.4",
     "crypto-js": "^4.0.0",
     "fetch-ponyfill": "^7.1.0",
     "final-form": "4.20.1",