tinacms 1.4.6 → 1.5.1

package/dist/react.d.ts

@@ -8,6 +8,7 @@ export declare function useTina<T extends object>(props: {
     data: T;
 }): {
     data: T;
+    isClient: boolean;
 };
 export declare function useEditState(): {
     edit: boolean;
@@ -18,7 +19,7 @@ export declare function useEditState(): {
  * is working with.
  */
 export declare const tinaField: <T extends object & {
-    __meta__?: {
+    _tina_metadata?: {
         id: string;
         name?: string;
         fields: Record<string, string>;

package/dist/react.es.js

@@ -1,8 +1,10 @@
 import React from "react";
 function useTina(props) {
   const [data, setData] = React.useState(props.data);
+  const [isClient, setIsClient] = React.useState(false);
   const id = JSON.stringify({ query: props.query, variables: props.variables });
   React.useEffect(() => {
+    setIsClient(true);
     setData(props.data);
   }, [id]);
   React.useEffect(() => {
@@ -12,9 +14,11 @@ function useTina(props) {
         setData(event.data.data);
       }
     });
-    return () => parent.postMessage({ type: "close", id }, window.location.origin);
+    return () => {
+      parent.postMessage({ type: "close", id }, window.location.origin);
+    };
   }, [id]);
-  return { data };
+  return { data, isClient };
 }
 function useEditState() {
   const [edit, setEdit] = React.useState(false);
@@ -34,11 +38,11 @@ function useEditState() {
 const tinaField = (obj, field) => {
   var _a, _b, _c;
   if (!field) {
-    return `${(_a = obj.__meta__) == null ? void 0 : _a.id}#${(_b = obj.__meta__) == null ? void 0 : _b.name}`;
+    return `${(_a = obj._tina_metadata) == null ? void 0 : _a.id}#${(_b = obj._tina_metadata) == null ? void 0 : _b.name}`;
   }
-  if (obj == null ? void 0 : obj.__meta__) {
+  if (obj == null ? void 0 : obj._tina_metadata) {
     if (typeof field === "string") {
-      return `${(_c = obj.__meta__) == null ? void 0 : _c.id}#${obj.__meta__.fields[field]}`;
+      return `${(_c = obj._tina_metadata) == null ? void 0 : _c.id}#${obj._tina_metadata.fields[field]}`;
     }
   }
   return "";

package/dist/react.js

@@ -8,8 +8,10 @@
   var React__default = /* @__PURE__ */ _interopDefaultLegacy(React);
   function useTina(props) {
     const [data, setData] = React__default["default"].useState(props.data);
+    const [isClient, setIsClient] = React__default["default"].useState(false);
     const id = JSON.stringify({ query: props.query, variables: props.variables });
     React__default["default"].useEffect(() => {
+      setIsClient(true);
       setData(props.data);
     }, [id]);
     React__default["default"].useEffect(() => {
@@ -19,9 +21,11 @@
           setData(event.data.data);
         }
       });
-      return () => parent.postMessage({ type: "close", id }, window.location.origin);
+      return () => {
+        parent.postMessage({ type: "close", id }, window.location.origin);
+      };
     }, [id]);
-    return { data };
+    return { data, isClient };
   }
   function useEditState() {
     const [edit, setEdit] = React__default["default"].useState(false);
@@ -41,11 +45,11 @@
   const tinaField = (obj, field) => {
     var _a, _b, _c;
     if (!field) {
-      return `${(_a = obj.__meta__) == null ? void 0 : _a.id}#${(_b = obj.__meta__) == null ? void 0 : _b.name}`;
+      return `${(_a = obj._tina_metadata) == null ? void 0 : _a.id}#${(_b = obj._tina_metadata) == null ? void 0 : _b.name}`;
     }
-    if (obj == null ? void 0 : obj.__meta__) {
+    if (obj == null ? void 0 : obj._tina_metadata) {
       if (typeof field === "string") {
-        return `${(_c = obj.__meta__) == null ? void 0 : _c.id}#${obj.__meta__.fields[field]}`;
+        return `${(_c = obj._tina_metadata) == null ? void 0 : _c.id}#${obj._tina_metadata.fields[field]}`;
       }
     }
     return "";

package/dist/style.css

@@ -510,6 +510,9 @@
 .tina-tailwind .flex-shrink-0 {
   flex-shrink: 0;
 }
+.tina-tailwind .shrink-0 {
+  flex-shrink: 0;
+}
 .tina-tailwind .flex-grow-0 {
   flex-grow: 0;
 }
@@ -572,6 +575,9 @@
 .tina-tailwind .items-stretch {
   align-items: stretch;
 }
+.tina-tailwind .justify-start {
+  justify-content: flex-start;
+}
 .tina-tailwind .justify-end {
   justify-content: flex-end;
 }
@@ -587,6 +593,9 @@
 .tina-tailwind .gap-0\.5 {
   gap: 2px;
 }
+.tina-tailwind .gap-1 {
+  gap: 4px;
+}
 .tina-tailwind .gap-2 {
   gap: 8px;
 }
@@ -647,9 +656,15 @@
 .tina-tailwind .border {
   border-width: 1px;
 }
+.tina-tailwind .border-0 {
+  border-width: 0;
+}
 .tina-tailwind .border-b {
   border-bottom-width: 1px;
 }
+.tina-tailwind .border-r {
+  border-right-width: 1px;
+}
 .tina-tailwind .border-gray-100 {
   --tw-border-opacity: 1;
   border-color: rgb(237 236 243 / var(--tw-border-opacity));
@@ -674,6 +689,12 @@
   --tw-bg-opacity: 1;
   background-color: rgb(246 246 249 / var(--tw-bg-opacity));
 }
+.tina-tailwind .bg-gray-50\/30 {
+  background-color: rgb(246 246 249 / .3);
+}
+.tina-tailwind .bg-transparent {
+  background-color: transparent;
+}
 .tina-tailwind .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -715,6 +736,9 @@
 .tina-tailwind .fill-current {
   fill: currentColor;
 }
+.tina-tailwind .p-0 {
+  padding: 0px;
+}
 .tina-tailwind .px-12 {
   padding-left: 48px;
   padding-right: 48px;
@@ -783,6 +807,12 @@
 .tina-tailwind .pl-8 {
   padding-left: 32px;
 }
+.tina-tailwind .pr-0 {
+  padding-right: 0px;
+}
+.tina-tailwind .pr-0\.5 {
+  padding-right: 2px;
+}
 .tina-tailwind .pr-3 {
   padding-right: 12px;
 }
@@ -853,6 +883,10 @@
 .tina-tailwind .tracking-wide {
   letter-spacing: 0.025em;
 }
+.tina-tailwind .text-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgb(34 150 254 / var(--tw-text-opacity));
+}
 .tina-tailwind .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(0 132 255 / var(--tw-text-opacity));
@@ -864,6 +898,10 @@
 .tina-tailwind .text-current {
   color: currentColor;
 }
+.tina-tailwind .text-gray-200 {
+  --tw-text-opacity: 1;
+  color: rgb(225 221 236 / var(--tw-text-opacity));
+}
 .tina-tailwind .text-gray-300 {
   --tw-text-opacity: 1;
   color: rgb(178 173 190 / var(--tw-text-opacity));
@@ -903,6 +941,15 @@
 .tina-tailwind .underline {
   text-decoration-line: underline;
 }
+.tina-tailwind .decoration-blue-200 {
+  text-decoration-color: #85C5FE;
+}
+.tina-tailwind .decoration-1 {
+  text-decoration-thickness: 1px;
+}
+.tina-tailwind .underline-offset-2 {
+  text-underline-offset: 2px;
+}
 .tina-tailwind .opacity-0 {
   opacity: 0;
 }
@@ -1014,14 +1061,24 @@
   --tw-bg-opacity: 1;
   background-color: rgb(5 116 228 / var(--tw-bg-opacity));
 }
+.tina-tailwind .hover\:bg-gray-50\/50:hover {
+  background-color: rgb(246 246 249 / .5);
+}
 .tina-tailwind .hover\:text-blue-400:hover {
   --tw-text-opacity: 1;
   color: rgb(34 150 254 / var(--tw-text-opacity));
 }
+.tina-tailwind .hover\:text-blue-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(0 132 255 / var(--tw-text-opacity));
+}
 .tina-tailwind .hover\:text-blue-600:hover {
   --tw-text-opacity: 1;
   color: rgb(5 116 228 / var(--tw-text-opacity));
 }
+.tina-tailwind .hover\:decoration-blue-400:hover {
+  text-decoration-color: #2296fe;
+}
 .tina-tailwind .hover\:opacity-100:hover {
   opacity: 1;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "1.4.6",
+  "version": "1.5.1",
   "main": "dist/index.js",
   "module": "./dist/index.es.js",
   "exports": {
@@ -56,9 +56,9 @@
     "@headlessui/react": "^1.5.0",
     "@heroicons/react": "^1.0.4",
     "@react-hook/window-size": "^3.0.7",
-    "@tinacms/schema-tools": "1.4.2",
+    "@tinacms/schema-tools": "1.4.3",
     "@tinacms/sharedctx": "1.0.1",
-    "@tinacms/toolkit": "1.6.4",
+    "@tinacms/toolkit": "1.7.1",
     "crypto-js": "^4.0.0",
     "encoding": "0.1.13",
     "fetch-ponyfill": "^7.1.0",