@tinacms/app 0.0.0-20221005184812 → 0.0.0-20221006135801

package/dist/assets/out.es.js

@@ -81101,6 +81101,9 @@ class TinaMediaStore {
     const newFiles = [];
     if (await this.isAuthenticated()) {
       for (const item of media) {
+        console.log({
+          item
+        });
         const path2 = `${item.directory && item.directory !== "/" ? `${item.directory}/${item.file.name}` : item.file.name}`;
         const res = await this.api.fetchWithToken(`${this.url}/upload_url/${path2}`, {
           method: "GET"
@@ -81111,6 +81114,10 @@ class TinaMediaStore {
         if (!signedUrl) {
           throw new Error("Unexpected error generating upload url");
         }
+        console.log(item.file);
+        console.log(item.file.name);
+        console.log(item.file.name.indexOf("/"));
+        console.log(mimeTypes.contentType(item.file.name));
         const uploadRes = await this.fetchFunction(signedUrl, {
           method: "PUT",
           body: item.file,
@@ -82062,13 +82069,13 @@ const ModalLayout = ({
   });
 };
 const textFieldClasses = "shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base px-3 py-2 text-gray-600 w-full bg-white border border-gray-200 transition-all ease-out duration-150 focus:text-gray-900 rounded-md";
-const disabledClasses = "opacity-50 pointer-events-none cursor-not-allowed";
+const disabledClasses = "bg-gray-100 pointer-events-none	opacity-30 cursor-not-allowed";
 const BaseTextField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx$1("input", {
     type: "text",
-    className: `${textFieldClasses} ${(props == null ? void 0 : props.disabled) ? disabledClasses : ""}`,
+    className: `${textFieldClasses}${(props == null ? void 0 : props.disabled) ? disabledClasses : ""}`,
     ...props
   });
 };
@@ -112324,9 +112331,6 @@ var styles = `.tina-tailwind {
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
 }
-.tina-tailwind .pointer-events-none {
-  pointer-events: none;
-}
 .tina-tailwind .pointer-events-auto {
   pointer-events: auto;
 }
@@ -112366,12 +112370,6 @@ var styles = `.tina-tailwind {
 .tina-tailwind .top-4 {
   top: 16px;
 }
-.tina-tailwind .top-1\\/2 {
-  top: 50%;
-}
-.tina-tailwind .left-2 {
-  left: 8px;
-}
 .tina-tailwind .z-overlay {
   z-index: 10600;
 }
@@ -112448,12 +112446,12 @@ var styles = `.tina-tailwind {
 .tina-tailwind .h-7 {
   height: 28px;
 }
-.tina-tailwind .h-5 {
-  height: 20px;
-}
 .tina-tailwind .h-10 {
   height: 40px;
 }
+.tina-tailwind .h-5 {
+  height: 20px;
+}
 .tina-tailwind .h-12 {
   height: 48px;
 }
@@ -112517,10 +112515,6 @@ var styles = `.tina-tailwind {
   --tw-translate-x: 100%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.tina-tailwind .-translate-y-1\\/2 {
-  --tw-translate-y: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
 .tina-tailwind .scale-95 {
   --tw-scale-x: .95;
   --tw-scale-y: .95;
@@ -112588,11 +112582,6 @@ var styles = `.tina-tailwind {
 .tina-tailwind .overflow-y-auto {
   overflow-y: auto;
 }
-.tina-tailwind .truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .tina-tailwind .whitespace-normal {
   white-space: normal;
 }
@@ -112605,12 +112594,12 @@ var styles = `.tina-tailwind {
 .tina-tailwind .rounded {
   border-radius: 4px;
 }
-.tina-tailwind .rounded-md {
-  border-radius: 6px;
-}
 .tina-tailwind .rounded-full {
   border-radius: 9999px;
 }
+.tina-tailwind .rounded-md {
+  border-radius: 6px;
+}
 .tina-tailwind .rounded-r-md {
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
@@ -112691,10 +112680,6 @@ var styles = `.tina-tailwind {
   padding-top: 40px;
   padding-bottom: 40px;
 }
-.tina-tailwind .py-2 {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
 .tina-tailwind .px-20 {
   padding-left: 80px;
   padding-right: 80px;
@@ -112707,6 +112692,10 @@ var styles = `.tina-tailwind {
   padding-top: 4px;
   padding-bottom: 4px;
 }
+.tina-tailwind .py-2 {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
 .tina-tailwind .py-5 {
   padding-top: 20px;
   padding-bottom: 20px;
@@ -112720,15 +112709,6 @@ var styles = `.tina-tailwind {
 .tina-tailwind .pt-16 {
   padding-top: 64px;
 }
-.tina-tailwind .pr-3 {
-  padding-right: 12px;
-}
-.tina-tailwind .pl-8 {
-  padding-left: 32px;
-}
-.tina-tailwind .pl-3 {
-  padding-left: 12px;
-}
 .tina-tailwind .pt-3 {
   padding-top: 12px;
 }
@@ -112808,18 +112788,10 @@ var styles = `.tina-tailwind {
   --tw-text-opacity: 1;
   color: rgb(113 108 127 / var(--tw-text-opacity));
 }
-.tina-tailwind .text-gray-300 {
-  --tw-text-opacity: 1;
-  color: rgb(178 173 190 / var(--tw-text-opacity));
-}
 .tina-tailwind .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(145 140 158 / var(--tw-text-opacity));
 }
-.tina-tailwind .text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgb(0 132 255 / var(--tw-text-opacity));
-}
 .tina-tailwind .text-current {
   color: currentColor;
 }
@@ -112854,9 +112826,6 @@ var styles = `.tina-tailwind {
 .tina-tailwind .opacity-90 {
   opacity: .9;
 }
-.tina-tailwind .opacity-20 {
-  opacity: .2;
-}
 .tina-tailwind .opacity-50 {
   opacity: .5;
 }
@@ -112873,11 +112842,6 @@ var styles = `.tina-tailwind {
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.tina-tailwind .shadow-inner {
-  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
-  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
 .tina-tailwind .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -112967,14 +112931,6 @@ var styles = `.tina-tailwind {
 .tina-tailwind .hover\\:opacity-60:hover {
   opacity: .6;
 }
-.tina-tailwind .focus\\:border-blue-500:focus {
-  --tw-border-opacity: 1;
-  border-color: rgb(0 132 255 / var(--tw-border-opacity));
-}
-.tina-tailwind .focus\\:text-gray-900:focus {
-  --tw-text-opacity: 1;
-  color: rgb(37 35 54 / var(--tw-text-opacity));
-}
 .tina-tailwind .focus\\:text-blue-400:focus {
   --tw-text-opacity: 1;
   color: rgb(34 150 254 / var(--tw-text-opacity));
@@ -113000,30 +112956,6 @@ var styles = `.tina-tailwind {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(0 132 255 / var(--tw-ring-opacity));
 }
-.tina-tailwind .group:hover .group-hover\\:border-gray-200 {
-  --tw-border-opacity: 1;
-  border-color: rgb(225 221 236 / var(--tw-border-opacity));
-}
-.tina-tailwind .group:hover .group-hover\\:bg-white {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-.tina-tailwind .group:hover .group-hover\\:text-gray-600 {
-  --tw-text-opacity: 1;
-  color: rgb(86 81 101 / var(--tw-text-opacity));
-}
-.tina-tailwind .group:hover .group-hover\\:opacity-0 {
-  opacity: 0;
-}
-.tina-tailwind .group:hover .group-hover\\:opacity-80 {
-  opacity: .8;
-}
-.tina-tailwind .group:active .group-active\\:opacity-0 {
-  opacity: 0;
-}
-.tina-tailwind .group:active .group-active\\:opacity-80 {
-  opacity: .8;
-}
 `;
 class ContentCreatorPlugin {
   constructor(options) {
@@ -114804,34 +114736,6 @@ function HiChevronRight(props) {
     }]
   })(props);
 }
-function FaLock(props) {
-  return GenIcon({
-    "tag": "svg",
-    "attr": {
-      "viewBox": "0 0 448 512"
-    },
-    "child": [{
-      "tag": "path",
-      "attr": {
-        "d": "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"
-      }
-    }]
-  })(props);
-}
-function FaUnlock(props) {
-  return GenIcon({
-    "tag": "svg",
-    "attr": {
-      "viewBox": "0 0 448 512"
-    },
-    "child": [{
-      "tag": "path",
-      "attr": {
-        "d": "M400 256H152V152.9c0-39.6 31.7-72.5 71.3-72.9 40-.4 72.7 32.1 72.7 72v16c0 13.3 10.7 24 24 24h32c13.3 0 24-10.7 24-24v-16C376 68 307.5-.3 223.5 0 139.5.3 72 69.5 72 153.5V256H48c-26.5 0-48 21.5-48 48v160c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"
-      }
-    }]
-  })(props);
-}
 const createDocument = async (cms, collection, template, mutationInfo, values2) => {
   const api = new TinaAdminApi(cms);
   const {
@@ -114887,25 +114791,6 @@ const CollectionCreatePage = () => {
     })
   });
 };
-const FilenameInput = (props) => {
-  const [filenameTouched, setFilenameTouched] = React.useState(false);
-  return /* @__PURE__ */ jsxs("div", {
-    className: "group relative block cursor-pointer",
-    onClick: () => {
-      setFilenameTouched(true);
-    },
-    children: [/* @__PURE__ */ jsx$1("input", {
-      type: "text",
-      className: `shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base pr-3 truncate py-2 w-full border transition-all ease-out duration-150 focus:text-gray-900 rounded-md ${props.readonly || !filenameTouched ? "bg-gray-50 text-gray-300  border-gray-150 pointer-events-none pl-8 group-hover:bg-white group-hover:text-gray-600  group-hover:border-gray-200" : "bg-white text-gray-600  border-gray-200 pl-3"}`,
-      ...props,
-      disabled: props.readonly || !filenameTouched
-    }), /* @__PURE__ */ jsx$1(FaLock, {
-      className: `text-gray-400 absolute top-1/2 left-2 -translate-y-1/2 pointer-events-none h-5 w-auto transition-opacity duration-150 ease-out ${!filenameTouched && !props.readonly ? "opacity-20 group-hover:opacity-0 group-active:opacity-0" : "opacity-0"}`
-    }), /* @__PURE__ */ jsx$1(FaUnlock, {
-      className: `text-blue-500 absolute top-1/2 left-2 -translate-y-1/2 pointer-events-none h-5 w-auto transition-opacity duration-150 ease-out ${!filenameTouched && !props.readonly ? "opacity-0 group-hover:opacity-80 group-active:opacity-80" : "opacity-0"}`
-    })]
-  });
-};
 const RenderForm$1 = ({
   cms,
   collection,
@@ -114957,21 +114842,11 @@ const RenderForm$1 = ({
       },
       id: "create-form",
       label: "form",
-      fields: [...formInfo.fields, {
+      fields: [{
         name: "filename",
         label: "Filename",
-        component: slugFunction ? wrapFieldsWithMeta(({
-          field,
-          input,
-          meta
-        }) => {
-          var _a3, _b3;
-          return /* @__PURE__ */ jsx$1(FilenameInput, {
-            readonly: (_b3 = (_a3 = template == null ? void 0 : template.ui) == null ? void 0 : _a3.filename) == null ? void 0 : _b3.readonly,
-            ...input
-          });
-        }) : "text",
-        disabled: (_b2 = (_a22 = template == null ? void 0 : template.ui) == null ? void 0 : _a22.filename) == null ? void 0 : _b2.readonly,
+        component: "text",
+        disabled: (_b2 = (_a22 = template == null ? void 0 : template.ui) == null ? void 0 : _a22.filename) == null ? void 0 : _b2.disabled,
         description: /* @__PURE__ */ jsxs("span", {
           children: ["A unique filename for the content.", /* @__PURE__ */ jsx$1("br", {}), "Examples: ", /* @__PURE__ */ jsx$1("code", {
             children: "My_Document"
@@ -114994,7 +114869,7 @@ const RenderForm$1 = ({
             return "Must begin with a-z, A-Z, 0-9, or _ and contain only a-z, A-Z, 0-9, -, _, ., or /.";
           }
         }
-      }],
+      }, ...formInfo.fields],
       onSubmit: async (values2) => {
         try {
           await createDocument(cms, collection, template, mutationInfo, values2);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinacms/app",
-  "version": "0.0.0-20221005184812",
+  "version": "0.0.0-20221006135801",
   "main": "dist/index.js",
   "exports": {
     ".": {
@@ -37,7 +37,7 @@
     "@tailwindcss/aspect-ratio": "^0.4.0",
     "@tailwindcss/line-clamp": "^0.3.1",
     "@tailwindcss/typography": "^0.5.4",
-    "@tinacms/schema-tools": "0.0.0-20221005184812",
+    "@tinacms/schema-tools": "0.1.6",
     "@tinacms/scripts": "0.51.1",
     "@vitejs/plugin-react": "^1.3.2",
     "@xstate/react": "^3.0.0",
@@ -55,7 +55,7 @@
     "react-router-dom": "6",
     "styled-components": "5.3.5",
     "tailwindcss": "^3.1.6",
-    "tinacms": "0.0.0-20221005184812",
+    "tinacms": "0.0.0-20221006135801",
     "typescript": "^4.6.4",
     "vite": "2.9.15",
     "vite-node": "^0.23.4",