@tinacms/app 0.0.15 → 0.0.17

package/dist/assets/out.es.js

@@ -81906,7 +81906,8 @@ class Form {
           onChange(formState);
         }
       }, {
-        values: true
+        values: true,
+        ...(options == null ? void 0 : options.extraSubscribeValues) || {}
       });
     }
   }
@@ -82061,12 +82062,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 = "bg-gray-100 pointer-events-none	opacity-30 cursor-not-allowed";
 const BaseTextField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx$1("input", {
     type: "text",
-    className: textFieldClasses,
+    className: `${textFieldClasses}${(props == null ? void 0 : props.disabled) ? disabledClasses : ""}`,
     ...props
   });
 };
@@ -82213,7 +82215,7 @@ function FieldsBuilder({
   useEventSubscription("plugin:add:field", () => updateFieldPlugins(), []);
   return /* @__PURE__ */ jsx$1(FieldsGroup, {
     padding,
-    children: [...fields7].reverse().map((field) => /* @__PURE__ */ jsx$1(InnerField, {
+    children: fields7.map((field) => /* @__PURE__ */ jsx$1(InnerField, {
       field,
       form,
       fieldPlugins
@@ -82243,16 +82245,11 @@ const InnerField = ({
   if (!format2 && plugin && plugin.format) {
     format2 = plugin.format;
   }
-  let defaultValue = field.defaultValue;
-  if (!parse22 && plugin && plugin.defaultValue) {
-    defaultValue = plugin.defaultValue;
-  }
   return /* @__PURE__ */ jsx$1(Field, {
     name: field.name,
     type,
     parse: parse22 ? (value, name2) => parse22(value, name2, field) : void 0,
     format: format2 ? (value, name2) => format2(value, name2, field) : void 0,
-    defaultValue,
     validate: (value, values2, meta) => {
       if (validate) {
         return validate(value, values2, meta, field);
@@ -82286,7 +82283,7 @@ const FieldsGroup = ({
   children: children2
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: `relative w-full h-full whitespace-nowrap overflow-x-visible flex flex-col-reverse ${padding ? `pb-5` : ``}`,
+    className: `relative block w-full h-full whitespace-nowrap overflow-x-visible ${padding ? `pb-5` : ``}`,
     children: children2
   });
 };
@@ -84368,7 +84365,7 @@ const FieldWrapper = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx$1("div", {
-    className: `relative ${margin ? `mb-5 first:mb-0` : ``}`,
+    className: `relative ${margin ? `mb-5 last:mb-0` : ``}`,
     ...props,
     children: children2
   });
@@ -88416,10 +88413,14 @@ const TextareaFieldPlugin = {
 const TextField = wrapFieldsWithMeta(({
   input,
   field
-}) => /* @__PURE__ */ jsx$1(BaseTextField, {
-  ...input,
-  placeholder: field.placeholder
-}));
+}) => {
+  var _a2;
+  return /* @__PURE__ */ jsx$1(BaseTextField, {
+    ...input,
+    disabled: (_a2 = field == null ? void 0 : field.disabled) != null ? _a2 : false,
+    placeholder: field.placeholder
+  });
+});
 const TextFieldPlugin = {
   name: "text",
   Component: TextField,
@@ -89650,6 +89651,8 @@ const ClickableWrapper = onClickOutsideHOC(ClickOutBase);
 const DEFAULT_DATE_DISPLAY_FORMAT = "MMM DD, YYYY";
 const DEFAULT_TIME_DISPLAY_FORMAT = "h:mm A";
 const format = (val, _name, field) => {
+  if (!val)
+    return val;
   const dateFormat = parseDateFormat(field.dateFormat);
   const timeFormat = parseTimeFormat(field.timeFormat);
   const combinedFormat = typeof timeFormat === "string" ? `${dateFormat} ${timeFormat}` : dateFormat;
@@ -89660,6 +89663,8 @@ const format = (val, _name, field) => {
   return hooks(val).format(combinedFormat);
 };
 const parse$3 = (val) => {
+  if (!val)
+    return val;
   const date2 = new Date(val);
   if (!isNaN(date2.getTime())) {
     return new Date(val).toISOString();
@@ -94557,9 +94562,6 @@ var styles$1 = `.tina-tailwind {
 .tina-tailwind .flex-col {
   flex-direction: column;
 }
-.tina-tailwind .flex-col-reverse {
-  flex-direction: column-reverse;
-}
 .tina-tailwind .flex-wrap {
   flex-wrap: wrap;
 }
@@ -95373,9 +95375,6 @@ var styles$1 = `.tina-tailwind {
 .with-toolbar [data-slate-editor='true'] {
   min-height: 72px;
 }
-.tina-tailwind .first\\:mb-0:first-child {
-  margin-bottom: 0px;
-}
 .tina-tailwind .first\\:mt-0:first-child {
   margin-top: 0px;
 }
@@ -114783,7 +114782,7 @@ const RenderForm$1 = ({
   templateName,
   mutationInfo
 }) => {
-  var _a2, _b;
+  var _a2, _b, _c, _d, _e2;
   const navigate = useNavigate();
   const [formIsPristine, setFormIsPristine] = react.exports.useState(true);
   const schema = cms.api.tina.schema;
@@ -114800,14 +114799,39 @@ const RenderForm$1 = ({
     schema,
     template
   });
+  let slugFunction = (_b = (_a2 = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a2.filename) == null ? void 0 : _b.slugify;
+  if (!slugFunction) {
+    const titleField = (_c = schemaCollection.fields.find((x2) => x2.required && x2.type === "string" && x2.isTitle)) == null ? void 0 : _c.name;
+    if (titleField) {
+      slugFunction = (values2) => {
+        var _a22;
+        return (_a22 = values2[titleField]) == null ? void 0 : _a22.replace(/ /g, "-").replace(/[^a-zA-Z0-9-]/g, "");
+      };
+    }
+  }
   const form = react.exports.useMemo(() => {
+    var _a22, _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: (values2) => {
+        var _a3;
+        if (slugFunction && typeof values2.active === "string" && (values2 == null ? void 0 : values2.active) !== "filename" && !(values2 == null ? void 0 : values2.submitting) && !((_a3 = values2.touched) == null ? void 0 : _a3.filename)) {
+          const value = slugFunction(values2 == null ? void 0 : values2.values);
+          form.finalForm.change("filename", value);
+        }
+      },
       id: "create-form",
       label: "form",
       fields: [{
         name: "filename",
         label: "Filename",
         component: "text",
+        disabled: (_b2 = (_a22 = schemaCollection == null ? void 0 : schemaCollection.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"
@@ -114849,7 +114873,7 @@ const RenderForm$1 = ({
   const headerPadding = renderNavToggle ? "px-20" : "px-6";
   return /* @__PURE__ */ jsx$1(PageWrapper, {
     children: /* @__PURE__ */ jsxs(Fragment, {
-      children: [((_b = (_a2 = cms == null ? void 0 : cms.api) == null ? void 0 : _a2.tina) == null ? void 0 : _b.isLocalMode) && /* @__PURE__ */ jsx$1(LocalWarning, {}), /* @__PURE__ */ jsx$1("div", {
+      children: [((_e2 = (_d = cms == null ? void 0 : cms.api) == null ? void 0 : _d.tina) == null ? void 0 : _e2.isLocalMode) && /* @__PURE__ */ jsx$1(LocalWarning, {}), /* @__PURE__ */ jsx$1("div", {
         className: `py-4 border-b border-gray-200 bg-white ${headerPadding}`,
         children: /* @__PURE__ */ jsxs("div", {
           className: "max-w-form mx-auto",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinacms/app",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "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.1.4",
+    "@tinacms/schema-tools": "0.1.5",
     "@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.69.10",
+    "tinacms": "0.69.12",
     "typescript": "^4.6.4",
     "vite": "2.9.15",
     "vite-node": "^0.23.4",