tinacms 0.69.10 → 0.69.12

package/dist/index.es.js

@@ -5157,7 +5157,7 @@ const CollectionCreatePage = () => {
   }));
 };
 const RenderForm$1 = ({ cms, collection, templateName, mutationInfo }) => {
-  var _a, _b;
+  var _a, _b, _c, _d, _e;
   const navigate = useNavigate();
   const [formIsPristine, setFormIsPristine] = useState(true);
   const schema = cms.api.tina.schema;
@@ -5172,8 +5172,28 @@ const RenderForm$1 = ({ cms, collection, templateName, mutationInfo }) => {
     schema,
     template
   });
+  let slugFunction = (_b = (_a = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a.filename) == null ? void 0 : _b.slugify;
+  if (!slugFunction) {
+    const titleField = (_c = schemaCollection.fields.find((x) => x.required && x.type === "string" && x.isTitle)) == null ? void 0 : _c.name;
+    if (titleField) {
+      slugFunction = (values) => {
+        var _a2;
+        return (_a2 = values[titleField]) == null ? void 0 : _a2.replace(/ /g, "-").replace(/[^a-zA-Z0-9-]/g, "");
+      };
+    }
+  }
   const form = useMemo(() => {
+    var _a2, _b2;
     return new Form({
+      initialValues: typeof (schemaCollection == null ? void 0 : schemaCollection.defaultItem) === "function" ? schemaCollection.defaultItem() : schemaCollection == null ? void 0 : schemaCollection.defaultItem,
+      extraSubscribeValues: { active: true, submitting: true, touched: true },
+      onChange: (values) => {
+        var _a3;
+        if (slugFunction && typeof values.active === "string" && (values == null ? void 0 : values.active) !== "filename" && !(values == null ? void 0 : values.submitting) && !((_a3 = values.touched) == null ? void 0 : _a3.filename)) {
+          const value = slugFunction(values == null ? void 0 : values.values);
+          form.finalForm.change("filename", value);
+        }
+      },
       id: "create-form",
       label: "form",
       fields: [
@@ -5181,6 +5201,7 @@ const RenderForm$1 = ({ cms, collection, templateName, mutationInfo }) => {
           name: "filename",
           label: "Filename",
           component: "text",
+          disabled: (_b2 = (_a2 = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a2.filename) == null ? void 0 : _b2.disabled,
           description: /* @__PURE__ */ React.createElement("span", null, "A unique filename for the content.", /* @__PURE__ */ React.createElement("br", null), "Examples: ", /* @__PURE__ */ React.createElement("code", null, "My_Document"), ", ", /* @__PURE__ */ React.createElement("code", null, "My_Document.en"), ",", " ", /* @__PURE__ */ React.createElement("code", null, "sub-folder/My_Document")),
           placeholder: `My_Document`,
           validate: (value, allValues, meta) => {
@@ -5214,7 +5235,7 @@ const RenderForm$1 = ({ cms, collection, templateName, mutationInfo }) => {
   const windowWidth = useWindowWidth();
   const renderNavToggle = windowWidth < navBreakpoint + 1;
   const headerPadding = renderNavToggle ? "px-20" : "px-6";
-  return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(React.Fragment, null, ((_b = (_a = cms == null ? void 0 : cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode) && /* @__PURE__ */ React.createElement(LocalWarning, null), /* @__PURE__ */ React.createElement("div", {
+  return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(React.Fragment, null, ((_e = (_d = cms == null ? void 0 : cms.api) == null ? void 0 : _d.tina) == null ? void 0 : _e.isLocalMode) && /* @__PURE__ */ React.createElement(LocalWarning, null), /* @__PURE__ */ React.createElement("div", {
     className: `py-4 border-b border-gray-200 bg-white ${headerPadding}`
   }, /* @__PURE__ */ React.createElement("div", {
     className: "max-w-form mx-auto"

package/dist/index.js

@@ -5175,7 +5175,7 @@ This will work when developing locally but NOT when deployed to production.
     }));
   };
   const RenderForm$1 = ({ cms, collection, templateName, mutationInfo }) => {
-    var _a, _b;
+    var _a, _b, _c, _d, _e;
     const navigate = reactRouterDom.useNavigate();
     const [formIsPristine, setFormIsPristine] = React.useState(true);
     const schema = cms.api.tina.schema;
@@ -5190,8 +5190,28 @@ This will work when developing locally but NOT when deployed to production.
       schema,
       template
     });
+    let slugFunction = (_b = (_a = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a.filename) == null ? void 0 : _b.slugify;
+    if (!slugFunction) {
+      const titleField = (_c = schemaCollection.fields.find((x) => x.required && x.type === "string" && x.isTitle)) == null ? void 0 : _c.name;
+      if (titleField) {
+        slugFunction = (values) => {
+          var _a2;
+          return (_a2 = values[titleField]) == null ? void 0 : _a2.replace(/ /g, "-").replace(/[^a-zA-Z0-9-]/g, "");
+        };
+      }
+    }
     const form = React.useMemo(() => {
+      var _a2, _b2;
       return new toolkit.Form({
+        initialValues: typeof (schemaCollection == null ? void 0 : schemaCollection.defaultItem) === "function" ? schemaCollection.defaultItem() : schemaCollection == null ? void 0 : schemaCollection.defaultItem,
+        extraSubscribeValues: { active: true, submitting: true, touched: true },
+        onChange: (values) => {
+          var _a3;
+          if (slugFunction && typeof values.active === "string" && (values == null ? void 0 : values.active) !== "filename" && !(values == null ? void 0 : values.submitting) && !((_a3 = values.touched) == null ? void 0 : _a3.filename)) {
+            const value = slugFunction(values == null ? void 0 : values.values);
+            form.finalForm.change("filename", value);
+          }
+        },
         id: "create-form",
         label: "form",
         fields: [
@@ -5199,6 +5219,7 @@ This will work when developing locally but NOT when deployed to production.
             name: "filename",
             label: "Filename",
             component: "text",
+            disabled: (_b2 = (_a2 = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a2.filename) == null ? void 0 : _b2.disabled,
             description: /* @__PURE__ */ React__default["default"].createElement("span", null, "A unique filename for the content.", /* @__PURE__ */ React__default["default"].createElement("br", null), "Examples: ", /* @__PURE__ */ React__default["default"].createElement("code", null, "My_Document"), ", ", /* @__PURE__ */ React__default["default"].createElement("code", null, "My_Document.en"), ",", " ", /* @__PURE__ */ React__default["default"].createElement("code", null, "sub-folder/My_Document")),
             placeholder: `My_Document`,
             validate: (value, allValues, meta) => {
@@ -5232,7 +5253,7 @@ This will work when developing locally but NOT when deployed to production.
     const windowWidth = windowSize.useWindowWidth();
     const renderNavToggle = windowWidth < navBreakpoint + 1;
     const headerPadding = renderNavToggle ? "px-20" : "px-6";
-    return /* @__PURE__ */ React__default["default"].createElement(PageWrapper, null, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, ((_b = (_a = cms == null ? void 0 : cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode) && /* @__PURE__ */ React__default["default"].createElement(toolkit.LocalWarning, null), /* @__PURE__ */ React__default["default"].createElement("div", {
+    return /* @__PURE__ */ React__default["default"].createElement(PageWrapper, null, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, ((_e = (_d = cms == null ? void 0 : cms.api) == null ? void 0 : _d.tina) == null ? void 0 : _e.isLocalMode) && /* @__PURE__ */ React__default["default"].createElement(toolkit.LocalWarning, null), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `py-4 border-b border-gray-200 bg-white ${headerPadding}`
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "max-w-form mx-auto"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "0.69.10",
+  "version": "0.69.12",
   "main": "dist/index.js",
   "module": "./dist/index.es.js",
   "exports": {
@@ -54,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.4",
+    "@tinacms/schema-tools": "0.1.5",
     "@tinacms/sharedctx": "0.1.3",
-    "@tinacms/toolkit": "0.57.7",
+    "@tinacms/toolkit": "0.57.9",
     "crypto-js": "^4.0.0",
     "fetch-ponyfill": "^7.1.0",
     "final-form": "4.20.1",