tinacms 2.7.1 → 2.7.3

package/dist/index.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("zod"), require("react"), require("react-dom"), require("@udecode/cn"), require("@udecode/plate"), require("@udecode/plate-common"), require("@udecode/plate-slash-command"), require("slate-react"), require("@udecode/plate-code-block"), require("@monaco-editor/react"), require("@headlessui/react"), require("class-variance-authority"), require("lucide-react"), require("mermaid"), require("@udecode/plate-heading"), require("@ariakit/react"), require("@udecode/plate-combobox"), require("@udecode/plate-table"), require("@udecode/plate-resizable"), require("@radix-ui/react-popover"), require("@radix-ui/react-slot"), require("@radix-ui/react-dropdown-menu"), require("@radix-ui/react-separator"), require("final-form-arrays"), require("final-form-set-field-data"), require("final-form"), require("react-final-form"), require("prop-types"), require("react-beautiful-dnd"), require("react-color"), require("color-string"), require("react-dropzone"), require("clsx"), require("tailwind-merge"), require("cmdk"), require("is-hotkey"), require("slate"), require("lodash.get"), require("moment"), require("date-fns"), require("@udecode/plate-link"), require("@radix-ui/react-toolbar"), require("@radix-ui/react-tooltip"), require("@udecode/plate-paragraph"), require("@udecode/plate-block-quote"), require("@udecode/plate-floating"), require("@react-hook/window-size"), require("graphql"), require("graphql-tag"), require("@tinacms/schema-tools"), require("yup"), require("@graphql-inspector/core"), require("react-router-dom"), require("@tinacms/mdx")) : typeof define === "function" && define.amd ? define(["exports", "zod", "react", "react-dom", "@udecode/cn", "@udecode/plate", "@udecode/plate-common", "@udecode/plate-slash-command", "slate-react", "@udecode/plate-code-block", "@monaco-editor/react", "@headlessui/react", "class-variance-authority", "lucide-react", "mermaid", "@udecode/plate-heading", "@ariakit/react", "@udecode/plate-combobox", "@udecode/plate-table", "@udecode/plate-resizable", "@radix-ui/react-popover", "@radix-ui/react-slot", "@radix-ui/react-dropdown-menu", "@radix-ui/react-separator", "final-form-arrays", "final-form-set-field-data", "final-form", "react-final-form", "prop-types", "react-beautiful-dnd", "react-color", "color-string", "react-dropzone", "clsx", "tailwind-merge", "cmdk", "is-hotkey", "slate", "lodash.get", "moment", "date-fns", "@udecode/plate-link", "@radix-ui/react-toolbar", "@radix-ui/react-tooltip", "@udecode/plate-paragraph", "@udecode/plate-block-quote", "@udecode/plate-floating", "@react-hook/window-size", "graphql", "graphql-tag", "@tinacms/schema-tools", "yup", "@graphql-inspector/core", "react-router-dom", "@tinacms/mdx"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP));
-})(this, function(exports2, zod, React, reactDom, cn$1, plate, plateCommon, plateSlashCommand, slateReact, plateCodeBlock, MonacoEditor, react, classVarianceAuthority, lucideReact, mermaid, plateHeading, react$1, plateCombobox, plateTable, plateResizable, PopoverPrimitive, reactSlot, DropdownMenuPrimitive, SeparatorPrimitive, arrayMutators, setFieldData, finalForm, reactFinalForm, PropTypes, reactBeautifulDnd, pkg$1, pkg, dropzone, clsx, tailwindMerge, cmdk, isHotkey, slate, get, moment, dateFns, plateLink, ToolbarPrimitive, TooltipPrimitive, plateParagraph, plateBlockQuote, plateFloating, windowSize, graphql, gql, schemaTools, yup, core, reactRouterDom, mdx) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("zod"), require("react"), require("react-dom"), require("@udecode/cn"), require("@udecode/plate"), require("@udecode/plate-common"), require("@udecode/plate-slash-command"), require("slate-react"), require("@udecode/plate-code-block"), require("@monaco-editor/react"), require("@headlessui/react"), require("class-variance-authority"), require("lucide-react"), require("mermaid"), require("@udecode/plate-heading"), require("@ariakit/react"), require("@udecode/plate-combobox"), require("@udecode/plate-table"), require("@udecode/plate-resizable"), require("@radix-ui/react-popover"), require("@radix-ui/react-slot"), require("@radix-ui/react-dropdown-menu"), require("@radix-ui/react-separator"), require("final-form-arrays"), require("final-form-set-field-data"), require("final-form"), require("react-final-form"), require("prop-types"), require("react-beautiful-dnd"), require("react-color"), require("color-string"), require("react-dropzone"), require("clsx"), require("tailwind-merge"), require("cmdk"), require("is-hotkey"), require("slate"), require("lodash.get"), require("moment"), require("date-fns"), require("@udecode/plate-link"), require("@radix-ui/react-toolbar"), require("@radix-ui/react-tooltip"), require("@udecode/plate-paragraph"), require("@udecode/plate-block-quote"), require("@udecode/plate-floating"), require("@react-hook/window-size"), require("graphql"), require("graphql-tag"), require("@tinacms/schema-tools"), require("@graphql-inspector/core"), require("yup"), require("react-router-dom"), require("@tinacms/mdx")) : typeof define === "function" && define.amd ? define(["exports", "zod", "react", "react-dom", "@udecode/cn", "@udecode/plate", "@udecode/plate-common", "@udecode/plate-slash-command", "slate-react", "@udecode/plate-code-block", "@monaco-editor/react", "@headlessui/react", "class-variance-authority", "lucide-react", "mermaid", "@udecode/plate-heading", "@ariakit/react", "@udecode/plate-combobox", "@udecode/plate-table", "@udecode/plate-resizable", "@radix-ui/react-popover", "@radix-ui/react-slot", "@radix-ui/react-dropdown-menu", "@radix-ui/react-separator", "final-form-arrays", "final-form-set-field-data", "final-form", "react-final-form", "prop-types", "react-beautiful-dnd", "react-color", "color-string", "react-dropzone", "clsx", "tailwind-merge", "cmdk", "is-hotkey", "slate", "lodash.get", "moment", "date-fns", "@udecode/plate-link", "@radix-ui/react-toolbar", "@radix-ui/react-tooltip", "@udecode/plate-paragraph", "@udecode/plate-block-quote", "@udecode/plate-floating", "@react-hook/window-size", "graphql", "graphql-tag", "@tinacms/schema-tools", "@graphql-inspector/core", "yup", "react-router-dom", "@tinacms/mdx"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP));
+})(this, function(exports2, zod, React, reactDom, cn$1, plate, plateCommon, plateSlashCommand, slateReact, plateCodeBlock, MonacoEditor, react, classVarianceAuthority, lucideReact, mermaid, plateHeading, react$1, plateCombobox, plateTable, plateResizable, PopoverPrimitive, reactSlot, DropdownMenuPrimitive, SeparatorPrimitive, arrayMutators, setFieldData, finalForm, reactFinalForm, PropTypes, reactBeautifulDnd, pkg$1, pkg, dropzone, clsx, tailwindMerge, cmdk, isHotkey, slate, get, moment, dateFns, plateLink, ToolbarPrimitive, TooltipPrimitive, plateParagraph, plateBlockQuote, plateFloating, windowSize, graphql, gql, schemaTools, core, yup, reactRouterDom, mdx) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -5305,7 +5305,9 @@ flowchart TD
     }, [value, input, optionSets]);
     React__namespace.useEffect(() => {
       if (field.experimental___filter && optionSets.length > 0) {
-        setFilteredOptionsList(field.experimental___filter(optionSets, void 0));
+        setFilteredOptionsList(
+          field.experimental___filter(optionSets, void 0)
+        );
       } else {
         setFilteredOptionsList(optionSets);
       }
@@ -5675,7 +5677,9 @@ flowchart TD
           onClick: () => {
             const state = tinaForm.finalForm.getState();
             if (state.invalid === true) {
-              cms.alerts.error("Cannot navigate away from an invalid form.");
+              cms.alerts.error(
+                "Cannot navigate away from an invalid form."
+              );
               return;
             }
             cms.dispatch({
@@ -6259,7 +6263,9 @@ flowchart TD
         onClick: () => {
           const state = tinaForm.finalForm.getState();
           if (state.invalid === true) {
-            cms.alerts.error("Cannot navigate away from an invalid form.");
+            cms.alerts.error(
+              "Cannot navigate away from an invalid form."
+            );
             return;
           }
           cms.dispatch({
@@ -6741,28 +6747,28 @@ flowchart TD
     }
     renderDayHeaders() {
       const locale = this.props.viewDate.localeData();
-      let dayItems = getDaysOfWeek(locale).map((day, index) => /* @__PURE__ */ React.createElement("th", { key: day + index, className: "dow" }, day));
+      const dayItems = getDaysOfWeek(locale).map((day, index) => /* @__PURE__ */ React.createElement("th", { key: day + index, className: "dow" }, day));
       return /* @__PURE__ */ React.createElement("tr", null, dayItems);
     }
     renderDays() {
       const date = this.props.viewDate;
       const startOfMonth = date.clone().startOf("month");
       const endOfMonth = date.clone().endOf("month");
-      let rows = [[], [], [], [], [], []];
-      let startDate = date.clone().subtract(1, "months");
+      const rows = [[], [], [], [], [], []];
+      const startDate = date.clone().subtract(1, "months");
       startDate.date(startDate.daysInMonth()).startOf("week");
-      let endDate = startDate.clone().add(42, "d");
+      const endDate = startDate.clone().add(42, "d");
       let i = 0;
       while (startDate.isBefore(endDate)) {
-        let row = getRow$2(rows, i++);
+        const row = getRow$2(rows, i++);
         row.push(this.renderDay(startDate, startOfMonth, endOfMonth));
         startDate.add(1, "d");
       }
       return rows.map((r, i2) => /* @__PURE__ */ React.createElement("tr", { key: `${endDate.month()}_${i2}` }, r));
     }
     renderDay(date, startOfMonth, endOfMonth) {
-      let selectedDate = this.props.selectedDate;
-      let dayProps = {
+      const selectedDate = this.props.selectedDate;
+      const dayProps = {
         key: date.format("M_D"),
         "data-value": date.date(),
         "data-month": date.month(),
@@ -6816,7 +6822,7 @@ flowchart TD
   }
   function getDaysOfWeek(locale) {
     const first = locale.firstDayOfWeek();
-    let dow = [];
+    const dow = [];
     let i = 0;
     locale._weekdaysMin.forEach(function(day) {
       dow[(7 + i++ - first) % 7] = day;
@@ -6834,7 +6840,7 @@ flowchart TD
       return /* @__PURE__ */ React.createElement("div", { className: "rdtMonths" }, /* @__PURE__ */ React.createElement("table", null, /* @__PURE__ */ React.createElement("thead", null, this.renderNavigation())), /* @__PURE__ */ React.createElement("table", null, /* @__PURE__ */ React.createElement("tbody", null, this.renderMonths())));
     }
     renderNavigation() {
-      let year = this.props.viewDate.year();
+      const year = this.props.viewDate.year();
       return /* @__PURE__ */ React.createElement(
         ViewNavigation,
         {
@@ -6847,9 +6853,9 @@ flowchart TD
       );
     }
     renderMonths() {
-      let rows = [[], [], []];
+      const rows = [[], [], []];
       for (let month = 0; month < 12; month++) {
-        let row = getRow$1(rows, month);
+        const row = getRow$1(rows, month);
         row.push(this.renderMonth(month));
       }
       return rows.map((months, i) => /* @__PURE__ */ React.createElement("tr", { key: i }, months));
@@ -6866,7 +6872,7 @@ flowchart TD
       if (selectedDate && selectedDate.year() === this.props.viewDate.year() && selectedDate.month() === month) {
         className += " rdtActive";
       }
-      let props = { key: month, className, "data-value": month, onClick };
+      const props = { key: month, className, "data-value": month, onClick };
       if (this.props.renderMonth) {
         return this.props.renderMonth(
           props,
@@ -6878,11 +6884,11 @@ flowchart TD
       return /* @__PURE__ */ React.createElement("td", { ...props }, this.getMonthText(month));
     }
     isDisabledMonth(month) {
-      let isValidDate = this.props.isValidDate;
+      const isValidDate = this.props.isValidDate;
       if (!isValidDate) {
         return false;
       }
-      let date = this.props.viewDate.clone().set({ month });
+      const date = this.props.viewDate.clone().set({ month });
       let day = date.endOf("month").date() + 1;
       while (day-- > 1) {
         if (isValidDate(date.date(day))) {
@@ -6934,9 +6940,9 @@ flowchart TD
     }
     renderYears() {
       const viewYear = this.getViewYear();
-      let rows = [[], [], []];
+      const rows = [[], [], []];
       for (let year = viewYear - 1; year < viewYear + 11; year++) {
-        let row = getRow(rows, year - viewYear);
+        const row = getRow(rows, year - viewYear);
         row.push(this.renderYear(year));
       }
       return rows.map((years, i) => /* @__PURE__ */ React.createElement("tr", { key: i }, years));
@@ -6953,7 +6959,7 @@ flowchart TD
       if (selectedYear === year) {
         className += " rdtActive";
       }
-      let props = { key: year, className, "data-value": year, onClick };
+      const props = { key: year, className, "data-value": year, onClick };
       return this.props.renderYear(
         props,
         year,
@@ -6967,15 +6973,15 @@ flowchart TD
       return this.props.selectedDate && this.props.selectedDate.year();
     }
     isDisabledYear(year) {
-      let cache = this.disabledYearsCache;
+      const cache = this.disabledYearsCache;
       if (cache[year] !== void 0) {
         return cache[year];
       }
-      let isValidDate = this.props.isValidDate;
+      const isValidDate = this.props.isValidDate;
       if (!isValidDate) {
         return false;
       }
-      let date = this.props.viewDate.clone().set({ year });
+      const date = this.props.viewDate.clone().set({ year });
       let day = date.endOf("year").dayOfYear() + 1;
       while (day-- > 1) {
         if (isValidDate(date.dayOfYear(day))) {
@@ -7022,7 +7028,7 @@ flowchart TD
     }
   };
   function createConstraints(overrideTimeConstraints) {
-    let constraints = {};
+    const constraints = {};
     Object.keys(timeConstraints).forEach((type) => {
       constraints[type] = {
         ...timeConstraints[type],
@@ -7038,7 +7044,7 @@ flowchart TD
       this.state = this.getTimeParts(props.selectedDate || props.viewDate);
     }
     render() {
-      let items2 = [];
+      const items2 = [];
       const timeParts = this.state;
       this.getCounters().forEach((c, i) => {
         if (i && c !== "ampm") {
@@ -7100,8 +7106,8 @@ flowchart TD
       }
       if (type === "ampm")
         return this.toggleDayPart();
-      let update = {};
-      let body = document.body;
+      const update = {};
+      const body = document.body;
       update[type] = this[action](type);
       this.setState(update);
       this.timer = setTimeout(() => {
@@ -7144,8 +7150,8 @@ flowchart TD
       return pad(type, value);
     }
     getCounters() {
-      let counters = [];
-      let format2 = this.props.timeFormat;
+      const counters = [];
+      const format2 = this.props.timeFormat;
       if (format2.toLowerCase().indexOf("h") !== -1) {
         counters.push("hours");
         if (format2.indexOf("m") !== -1) {
@@ -7277,7 +7283,7 @@ flowchart TD
       __publicField(this, "_renderCalendar", () => {
         const props = this.props;
         const state = this.state;
-        let viewProps = {
+        const viewProps = {
           viewDate: state.viewDate.clone(),
           selectedDate: this.getSelectedDate(),
           isValidDate: props.isValidDate,
@@ -7320,10 +7326,10 @@ flowchart TD
       __publicField(this, "viewToMethod", { days: "date", months: "month", years: "year" });
       __publicField(this, "nextView", { days: "time", months: "days", years: "months" });
       __publicField(this, "_updateDate", (e) => {
-        let state = this.state;
-        let currentView = state.currentView;
-        let updateOnView = this.getUpdateOn(this.getFormat("date"));
-        let viewDate = this.state.viewDate.clone();
+        const state = this.state;
+        const currentView = state.currentView;
+        const updateOnView = this.getUpdateOn(this.getFormat("date"));
+        const viewDate = this.state.viewDate.clone();
         viewDate[this.viewToMethod[currentView]](
           parseInt(e.target.getAttribute("data-value"), 10)
         );
@@ -7331,7 +7337,7 @@ flowchart TD
           viewDate.month(parseInt(e.target.getAttribute("data-month"), 10));
           viewDate.year(parseInt(e.target.getAttribute("data-year"), 10));
         }
-        let update = { viewDate };
+        const update = { viewDate };
         if (currentView === updateOnView) {
           update.selectedDate = viewDate.clone();
           update.inputValue = viewDate.format(this.getFormat("datetime"));
@@ -7345,7 +7351,7 @@ flowchart TD
         this.setState(update);
       });
       __publicField(this, "_viewNavigate", (modifier, unit) => {
-        let viewDate = this.state.viewDate.clone();
+        const viewDate = this.state.viewDate.clone();
         viewDate.add(modifier, unit);
         if (modifier > 0) {
           this.props.onNavigateForward(modifier, unit);
@@ -7355,7 +7361,7 @@ flowchart TD
         this.setState({ viewDate });
       });
       __publicField(this, "_setTime", (type, value) => {
-        let date = (this.getSelectedDate() || this.state.viewDate).clone();
+        const date = (this.getSelectedDate() || this.state.viewDate).clone();
         date[type](value);
         if (!this.props.value) {
           this.setState({
@@ -7379,7 +7385,7 @@ flowchart TD
         });
       });
       __publicField(this, "_handleClickOutside", () => {
-        let props = this.props;
+        const props = this.props;
         if (props.input && this.state.open && props.open === void 0 && props.closeOnClickOutside) {
           this._closeCalendar();
         }
@@ -7394,7 +7400,7 @@ flowchart TD
           return;
         const value = e.target ? e.target.value : e;
         const localMoment = this.localMoment(value, this.getFormat("datetime"));
-        let update = { inputValue: value };
+        const update = { inputValue: value };
         if (localMoment.isValid()) {
           update.selectedDate = localMoment;
           update.viewDate = localMoment.clone().startOf("month");
@@ -7458,9 +7464,9 @@ flowchart TD
       return this.props.renderView(this.state.currentView, this._renderCalendar);
     }
     getInitialState() {
-      let props = this.props;
-      let inputFormat = this.getFormat("datetime");
-      let selectedDate = this.parseDate(
+      const props = this.props;
+      const inputFormat = this.getFormat("datetime");
+      const selectedDate = this.parseDate(
         props.value || props.initialValue,
         inputFormat
       );
@@ -7491,7 +7497,7 @@ flowchart TD
       return this.getInitialDate();
     }
     getInitialDate() {
-      let m = this.localMoment();
+      const m = this.localMoment();
       m.hour(0).minute(0).second(0).millisecond(0);
       return m;
     }
@@ -7511,8 +7517,8 @@ flowchart TD
     }
     getClassName() {
       let cn2 = "rdt";
-      let props = this.props;
-      let propCn = props.className;
+      const props = this.props;
+      const propCn = props.className;
       if (Array.isArray(propCn)) {
         cn2 += " " + propCn.join(" ");
       } else if (propCn) {
@@ -7545,14 +7551,14 @@ flowchart TD
       return viewModes.DAYS;
     }
     getLocaleData() {
-      let p = this.props;
+      const p = this.props;
       return this.localMoment(
         p.value || p.defaultValue || /* @__PURE__ */ new Date()
       ).localeData();
     }
     getDateFormat() {
       const locale = this.getLocaleData();
-      let format2 = this.props.dateFormat;
+      const format2 = this.props.dateFormat;
       if (format2 === true)
         return locale.longDateFormat("L");
       if (format2)
@@ -7561,7 +7567,7 @@ flowchart TD
     }
     getTimeFormat() {
       const locale = this.getLocaleData();
-      let format2 = this.props.timeFormat;
+      const format2 = this.props.timeFormat;
       if (format2 === true) {
         return locale.longDateFormat("LT");
       }
@@ -7573,12 +7579,12 @@ flowchart TD
       } else if (type === "time") {
         return this.getTimeFormat();
       }
-      let dateFormat = this.getDateFormat();
-      let timeFormat = this.getTimeFormat();
+      const dateFormat = this.getDateFormat();
+      const timeFormat = this.getTimeFormat();
       return dateFormat && timeFormat ? dateFormat + " " + timeFormat : dateFormat || timeFormat;
     }
     updateTime(op, amount, type, toSelected) {
-      let update = {};
+      const update = {};
       const date = toSelected ? "selectedDate" : "viewDate";
       update[date] = this.state[date].clone()[op](amount, type);
       this.setState(update);
@@ -7611,7 +7617,7 @@ flowchart TD
       if (prevProps === this.props)
         return;
       let needsUpdate = false;
-      let thisProps = this.props;
+      const thisProps = this.props;
       ["locale", "utc", "displayZone", "dateFormat", "timeFormat"].forEach(
         function(p) {
           prevProps[p] !== thisProps[p] && (needsUpdate = true);
@@ -7627,8 +7633,8 @@ flowchart TD
     }
     regenerateDates() {
       const props = this.props;
-      let viewDate = this.state.viewDate.clone();
-      let selectedDate = this.state.selectedDate && this.state.selectedDate.clone();
+      const viewDate = this.state.viewDate.clone();
+      const selectedDate = this.state.selectedDate && this.state.selectedDate.clone();
       if (props.locale) {
         viewDate.locale(props.locale);
         selectedDate && selectedDate.locale(props.locale);
@@ -7643,7 +7649,7 @@ flowchart TD
         viewDate.locale();
         selectedDate && selectedDate.locale();
       }
-      let update = { viewDate, selectedDate };
+      const update = { viewDate, selectedDate };
       if (selectedDate && selectedDate.isValid()) {
         update.inputValue = selectedDate.format(this.getFormat("datetime"));
       }
@@ -7652,7 +7658,7 @@ flowchart TD
     getSelectedDate() {
       if (this.props.value === void 0)
         return this.state.selectedDate;
-      let selectedDate = this.parseDate(
+      const selectedDate = this.parseDate(
         this.props.value,
         this.getFormat("datetime")
       );
@@ -7671,7 +7677,7 @@ flowchart TD
       return "";
     }
     getInputValue() {
-      let selectedDate = this.getSelectedDate();
+      const selectedDate = this.getSelectedDate();
       return selectedDate ? selectedDate.format(this.getFormat("datetime")) : this.state.inputValue;
     }
     /**
@@ -7681,7 +7687,7 @@ flowchart TD
      * @public
      */
     setViewDate(date) {
-      let logError = function() {
+      const logError = function() {
         return log("Invalid date passed to the `setViewDate` method: " + date);
       };
       if (!date)
@@ -7777,7 +7783,7 @@ flowchart TD
   // Make moment accessible through the Datetime class
   __publicField(Datetime, "moment", moment);
   function log(message, method) {
-    let con = typeof window !== "undefined" && window.console;
+    const con = typeof window !== "undefined" && window.console;
     if (!con)
       return;
     if (!method) {
@@ -8600,7 +8606,10 @@ flowchart TD
                 label: "View in GitHub",
                 Icon: /* @__PURE__ */ React__namespace.createElement(BiLinkExternal, { className: "w-5 h-auto text-blue-500 opacity-70" }),
                 onMouseDown: () => {
-                  window.open(branch.githubPullRequestUrl, "_blank");
+                  window.open(
+                    branch.githubPullRequestUrl,
+                    "_blank"
+                  );
                 }
               },
               typeof previewFunction === "function" && ((_b2 = previewFunction({ branch: branch.name })) == null ? void 0 : _b2.url) && {
@@ -8906,7 +8915,9 @@ flowchart TD
       } else {
         events = event;
       }
-      const newListeners = events.map((event2) => new Listener(event2, callback));
+      const newListeners = events.map(
+        (event2) => new Listener(event2, callback)
+      );
       newListeners.forEach((newListener) => this.listeners.add(newListener));
       return () => {
         newListeners.forEach((listener) => this.listeners.delete(listener));
@@ -9262,9 +9273,7 @@ flowchart TD
             const deleteStartTime = Date.now();
             while (true) {
               await new Promise((resolve) => setTimeout(resolve, 1e3));
-              const { error, message } = await this.api.getRequestStatus(
-                requestId
-              );
+              const { error, message } = await this.api.getRequestStatus(requestId);
               if (error !== void 0) {
                 if (error) {
                   throw new Error(message);
@@ -10193,7 +10202,7 @@ flowchart TD
       "Event Log"
     ));
   };
-  const version = "2.7.1";
+  const version = "2.7.3";
   const Nav = ({
     isLocalMode,
     className = "",
@@ -10829,7 +10838,7 @@ flowchart TD
             className: "h-5 w-auto -mx-1 text-blue-500",
             stroke: "currentColor",
             fill: "currentColor",
-            "stroke-width": "0",
+            strokeWidth: "0",
             viewBox: "0 0 24 24",
             xmlns: "http://www.w3.org/2000/svg"
           },
@@ -11419,7 +11428,10 @@ flowchart TD
       const observer = new IntersectionObserver((entries) => {
         const target = entries[0];
         if (target.isIntersecting && list.nextOffset) {
-          setOffsetHistory((offsetHistory2) => [...offsetHistory2, list.nextOffset]);
+          setOffsetHistory((offsetHistory2) => [
+            ...offsetHistory2,
+            list.nextOffset
+          ]);
         }
       });
       if (loaderRef.current) {
@@ -12383,7 +12395,9 @@ flowchart TD
       if (activeEle) {
         setDisplay(true);
         setPosition(activeEle.getBoundingClientRect());
-        const iframe = document.getElementById("tina-iframe");
+        const iframe = document.getElementById(
+          "tina-iframe"
+        );
         if (iframe) {
           setIframePosition(iframe.getBoundingClientRect());
         }
@@ -13001,7 +13015,9 @@ flowchart TD
     const { fieldName } = useTemplates();
     const { handleClose, handleRemove, handleSelect, isExpanded } = useEmbedHandles(editor, element, fieldName);
     useHotkey("enter", () => {
-      plateCommon.insertNodes(editor, [{ type: plate.ELEMENT_PARAGRAPH, children: [{ text: "" }] }]);
+      plateCommon.insertNodes(editor, [
+        { type: plate.ELEMENT_PARAGRAPH, children: [{ text: "" }] }
+      ]);
     });
     return /* @__PURE__ */ React.createElement("span", { ...attributes, className: "" }, children, element.url ? /* @__PURE__ */ React.createElement(
       "div",
@@ -13144,7 +13160,9 @@ flowchart TD
     const { templates, fieldName } = useTemplates();
     const { handleClose, handleRemove, handleSelect, isExpanded } = useEmbedHandles(editor, element, fieldName);
     useHotkey("enter", () => {
-      plateCommon.insertNodes(editor, [{ type: plate.ELEMENT_PARAGRAPH, children: [{ text: "" }] }]);
+      plateCommon.insertNodes(editor, [
+        { type: plate.ELEMENT_PARAGRAPH, children: [{ text: "" }] }
+      ]);
     });
     useHotkey("space", () => {
       plateCommon.insertNodes(editor, [{ text: " " }], {
@@ -13200,7 +13218,9 @@ flowchart TD
     const { templates, fieldName } = useTemplates();
     const { handleClose, handleRemove, handleSelect, isExpanded } = useEmbedHandles(editor, element, fieldName);
     useHotkey("enter", () => {
-      plateCommon.insertNodes(editor, [{ type: plate.ELEMENT_PARAGRAPH, children: [{ text: "" }] }]);
+      plateCommon.insertNodes(editor, [
+        { type: plate.ELEMENT_PARAGRAPH, children: [{ text: "" }] }
+      ]);
     });
     const activeTemplate = templates.find(
       (template) => template.name === element.name
@@ -14059,7 +14079,9 @@ flowchart TD
   const CONTAINER_MD_BREAKPOINT = 448;
   const FLOAT_BUTTON_WIDTH = 25;
   const HEADING_LABEL = "Headings";
-  const ToolbarContext = React.createContext(void 0);
+  const ToolbarContext = React.createContext(
+    void 0
+  );
   const ToolbarProvider = ({
     tinaForm,
     templates,
@@ -14209,7 +14231,7 @@ flowchart TD
   const CodeBlockToolbarButton = cn$1.withRef(({ clear, ...rest }, ref) => {
     const state = useCodeBlockToolbarButtonState();
     const { props } = useCodeBlockToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.codeBlock, null));
+    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Code Block", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.codeBlock, null));
   });
   const useImageToolbarButtonState = () => {
     const editor = plateCommon.useEditorState();
@@ -14241,36 +14263,54 @@ flowchart TD
   const ImageToolbarButton = cn$1.withRef(({ clear, ...rest }, ref) => {
     const state = useImageToolbarButtonState();
     const { props } = useImageToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.image, null));
-  });
-  const IndentListToolbarButton = cn$1.withRef(({ nodeType = plate.ELEMENT_UL }, ref) => {
-    const editor = plateCommon.useEditorState();
-    const state = plate.useListToolbarButtonState({ nodeType });
-    const { props } = plate.useListToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(
-      ToolbarButton,
-      {
-        ref,
-        tooltip: nodeType === plate.ELEMENT_UL ? "Bulleted List" : "Numbered List",
-        ...props,
-        onClick: (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          plate.toggleList(editor, { type: nodeType });
-        }
-      },
-      nodeType === plate.ELEMENT_UL ? /* @__PURE__ */ React.createElement(Icons.ul, null) : /* @__PURE__ */ React.createElement(Icons.ol, null)
-    );
+    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Image", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.image, null));
   });
+  const UnorderedListToolbarButton = cn$1.withRef(
+    (props, ref) => {
+      const editor = plateCommon.useEditorState();
+      const state = plate.useListToolbarButtonState({ nodeType: plate.ELEMENT_UL });
+      const { props: buttonProps } = plate.useListToolbarButton(state);
+      return /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          ref,
+          tooltip: "Bulleted List",
+          ...buttonProps,
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            plate.toggleList(editor, { type: plate.ELEMENT_UL });
+          }
+        },
+        /* @__PURE__ */ React.createElement(Icons.ul, null)
+      );
+    }
+  );
+  const OrderedListToolbarButton = cn$1.withRef(
+    (props, ref) => {
+      const editor = plateCommon.useEditorState();
+      const state = plate.useListToolbarButtonState({ nodeType: plate.ELEMENT_OL });
+      const { props: buttonProps } = plate.useListToolbarButton(state);
+      return /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          ref,
+          tooltip: "Numbered List",
+          ...buttonProps,
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            plate.toggleList(editor, { type: plate.ELEMENT_OL });
+          }
+        },
+        /* @__PURE__ */ React.createElement(Icons.ol, null)
+      );
+    }
+  );
   const LinkToolbarButton = cn$1.withRef((rest, ref) => {
     const state = plateLink.useLinkToolbarButtonState();
     const { props } = plateLink.useLinkToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Link", ...props, ...rest }, /* @__PURE__ */ React.createElement(Icons.link, null));
-  });
-  const MarkToolbarButton = cn$1.withRef(({ clear, nodeType, ...rest }, ref) => {
-    const state = plateCommon.useMarkToolbarButtonState({ clear, nodeType });
-    const { props } = plateCommon.useMarkToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, ...props, ...rest });
+    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, ...props, ...rest, tooltip: "Link" }, /* @__PURE__ */ React.createElement(Icons.link, null));
   });
   const useMermaidToolbarButtonState = () => {
     const editor = plateCommon.useEditorState();
@@ -14351,7 +14391,7 @@ flowchart TD
   const QuoteToolbarButton = cn$1.withRef(({ clear, ...rest }, ref) => {
     const state = useBlockQuoteToolbarButtonState();
     const { props } = useBlockQuoteToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.quote, null));
+    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Quote (⌘+⇧+.)", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.quote, null));
   });
   const useRawMarkdownToolbarButton = () => {
     const { setRawMode } = useEditorContext();
@@ -14371,7 +14411,7 @@ flowchart TD
       ToolbarButton,
       {
         ref,
-        tooltip: "Link",
+        tooltip: "Raw Markdown",
         ...rest,
         ...props,
         "data-testid": "markdown-button"
@@ -14524,6 +14564,15 @@ flowchart TD
       template.label || template.name
     ))));
   };
+  const MarkToolbarButton = cn$1.withRef(({ clear, nodeType, ...rest }, ref) => {
+    const state = plateCommon.useMarkToolbarButtonState({ clear, nodeType });
+    const { props } = plateCommon.useMarkToolbarButton(state);
+    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, ...props, ...rest });
+  });
+  const BoldToolbarButton = () => /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Bold (⌘+B)", nodeType: plate.MARK_BOLD }, /* @__PURE__ */ React.createElement(Icons.bold, null));
+  const StrikethroughToolbarButton = () => /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Strikethrough", nodeType: plate.MARK_STRIKETHROUGH }, /* @__PURE__ */ React.createElement(Icons.strikethrough, null));
+  const ItalicToolbarButton = () => /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Italic (⌘+I)", nodeType: plate.MARK_ITALIC }, /* @__PURE__ */ React.createElement(Icons.italic, null));
+  const CodeToolbarButton = () => /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Code (⌘+E)", nodeType: plate.MARK_CODE }, /* @__PURE__ */ React.createElement(Icons.code, null));
   const toolbarItems = {
     heading: {
       label: HEADING_LABEL,
@@ -14544,37 +14593,37 @@ flowchart TD
     quote: {
       label: "Quote",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(QuoteToolbarButton, { tooltip: "Quote Quote (⌘+⇧+.)" })
+      Component: /* @__PURE__ */ React.createElement(QuoteToolbarButton, null)
     },
     ul: {
       label: "Unordered List",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(IndentListToolbarButton, { nodeType: plate.ELEMENT_UL })
+      Component: /* @__PURE__ */ React.createElement(UnorderedListToolbarButton, null)
     },
     ol: {
       label: "Ordered List",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(IndentListToolbarButton, { nodeType: plate.ELEMENT_OL })
+      Component: /* @__PURE__ */ React.createElement(OrderedListToolbarButton, null)
     },
     bold: {
       label: "Bold",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Bold (⌘+B)", nodeType: plate.MARK_BOLD }, /* @__PURE__ */ React.createElement(Icons.bold, null))
+      Component: /* @__PURE__ */ React.createElement(BoldToolbarButton, null)
     },
     strikethrough: {
       label: "Strikethrough",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Strikethrough ", nodeType: plate.MARK_STRIKETHROUGH }, /* @__PURE__ */ React.createElement(Icons.strikethrough, null))
+      Component: /* @__PURE__ */ React.createElement(StrikethroughToolbarButton, null)
     },
     italic: {
       label: "Italic",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Italic (⌘+I)", nodeType: plate.MARK_ITALIC }, /* @__PURE__ */ React.createElement(Icons.italic, null))
+      Component: /* @__PURE__ */ React.createElement(ItalicToolbarButton, null)
     },
     code: {
       label: "Code",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Code (⌘+E)", nodeType: plate.MARK_CODE }, /* @__PURE__ */ React.createElement(Icons.code, null))
+      Component: /* @__PURE__ */ React.createElement(CodeToolbarButton, null)
     },
     codeBlock: {
       label: "Code Block",
@@ -30244,7 +30293,14 @@ flowchart TD
   const AUTH_TOKEN_KEY = "tinacms-auth";
   const authenticate = (clientId, frontendUrl) => {
     return new Promise((resolve) => {
-      let authTab;
+      const origin = `${window.location.protocol}//${window.location.host}`;
+      const authTab = popupWindow(
+        `${frontendUrl}/signin?clientId=${clientId}&origin=${origin}`,
+        "_blank",
+        window,
+        1e3,
+        700
+      );
       window.addEventListener("message", function(e) {
         if (e.data.source === TINA_LOGIN_EVENT) {
           if (authTab) {
@@ -30257,14 +30313,6 @@ flowchart TD
           });
         }
       });
-      const origin = `${window.location.protocol}//${window.location.host}`;
-      authTab = popupWindow(
-        `${frontendUrl}/signin?clientId=${clientId}&origin=${origin}`,
-        "_blank",
-        window,
-        1e3,
-        700
-      );
     });
   };
   const DefaultSessionProvider = ({
@@ -30970,56 +31018,6 @@ mutation addPendingDocumentMutation(
       !submitting && name
     );
   };
-  const TINA_AUTH_CONFIG = "tina_auth_config";
-  const useTinaAuthRedirect = () => {
-    React.useEffect(() => {
-      const urlParams = new URLSearchParams(window.location.search);
-      const config = {
-        code: urlParams.get("code") || "",
-        scope: urlParams.get("scope") || "email",
-        state: urlParams.get("state")
-      };
-      if (!config.code) {
-        return;
-      }
-      localStorage[TINA_AUTH_CONFIG] = JSON.stringify(config);
-    }, []);
-  };
-  const createClient = ({
-    clientId,
-    isLocalClient = true,
-    branch,
-    tinaioConfig,
-    schema,
-    apiUrl,
-    tinaGraphQLVersion
-  }) => {
-    return isLocalClient ? new LocalClient({ customContentApiUrl: apiUrl, schema }) : new Client({
-      clientId: clientId || "",
-      branch: branch || "main",
-      tokenStorage: "LOCAL_STORAGE",
-      tinaioConfig,
-      schema,
-      tinaGraphQLVersion
-    });
-  };
-  function assertShape(value, yupSchema, errorMessage) {
-    const shape = yupSchema(yup__namespace);
-    try {
-      shape.validateSync(value);
-    } catch (e) {
-      const message = errorMessage || `Failed to assertShape - ${e.message}`;
-      throw new Error(message);
-    }
-  }
-  function safeAssertShape(value, yupSchema) {
-    try {
-      assertShape(value, yupSchema);
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
   class TinaAdminApi {
     constructor(cms) {
       var _a, _b, _c, _d;
@@ -31366,6 +31364,56 @@ mutation addPendingDocumentMutation(
       );
     }
   }
+  const createClient = ({
+    clientId,
+    isLocalClient = true,
+    branch,
+    tinaioConfig,
+    schema,
+    apiUrl,
+    tinaGraphQLVersion
+  }) => {
+    return isLocalClient ? new LocalClient({ customContentApiUrl: apiUrl, schema }) : new Client({
+      clientId: clientId || "",
+      branch: branch || "main",
+      tokenStorage: "LOCAL_STORAGE",
+      tinaioConfig,
+      schema,
+      tinaGraphQLVersion
+    });
+  };
+  function assertShape(value, yupSchema, errorMessage) {
+    const shape = yupSchema(yup__namespace);
+    try {
+      shape.validateSync(value);
+    } catch (e) {
+      const message = errorMessage || `Failed to assertShape - ${e.message}`;
+      throw new Error(message);
+    }
+  }
+  function safeAssertShape(value, yupSchema) {
+    try {
+      assertShape(value, yupSchema);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  const TINA_AUTH_CONFIG = "tina_auth_config";
+  const useTinaAuthRedirect = () => {
+    React.useEffect(() => {
+      const urlParams = new URLSearchParams(window.location.search);
+      const config = {
+        code: urlParams.get("code") || "",
+        scope: urlParams.get("scope") || "email",
+        state: urlParams.get("state")
+      };
+      if (!config.code) {
+        return;
+      }
+      localStorage[TINA_AUTH_CONFIG] = JSON.stringify(config);
+    }, []);
+  };
   function sleep(ms) {
     return new Promise((resolve) => setTimeout(resolve, ms));
   }
@@ -31702,6 +31750,9 @@ mutation addPendingDocumentMutation(
             cms.flags.set("branch-switcher", true);
             client.usingEditorialWorkflow = true;
             client.protectedBranches = project.protectedBranches;
+            if (!project.metadata[currentBranch]) {
+              setCurrentBranch(project.defaultBranch || "main");
+            }
           }
         });
       };
@@ -31714,7 +31765,7 @@ mutation addPendingDocumentMutation(
         }
       });
       return unsubscribe;
-    }, [isTinaCloud, cms]);
+    }, [currentBranch, isTinaCloud, cms]);
     return /* @__PURE__ */ React.createElement(SessionProvider, { basePath: "/api/tina/auth" }, /* @__PURE__ */ React.createElement(
       BranchDataProvider,
       {
@@ -33033,7 +33084,9 @@ This will work when developing locally but NOT when deployed to production.
               safeSubmit: async () => {
                 try {
                   await admin.deleteDocument(vars);
-                  cms.alerts.info("Document was successfully deleted");
+                  cms.alerts.info(
+                    "Document was successfully deleted"
+                  );
                   reFetchCollection();
                 } catch (error) {
                   cms.alerts.warn(
@@ -33062,7 +33115,9 @@ This will work when developing locally but NOT when deployed to production.
                     relativePath: vars.relativePath,
                     newRelativePath
                   });
-                  cms.alerts.info("Document was successfully renamed");
+                  cms.alerts.info(
+                    "Document was successfully renamed"
+                  );
                   reFetchCollection();
                 } catch (error) {
                   if (error.message.indexOf("has references")) {
@@ -33162,7 +33217,9 @@ This will work when developing locally but NOT when deployed to production.
                 name: "sort",
                 value: sortKey,
                 onChange: (e) => {
-                  const val = JSON.parse(e.target.value);
+                  const val = JSON.parse(
+                    e.target.value
+                  );
                   setEndCursor("");
                   setPrevCursors([]);
                   window == null ? void 0 : window.localStorage.setItem(
@@ -33951,7 +34008,10 @@ This will work when developing locally but NOT when deployed to production.
       const fetchDocument = async () => {
         if (api.isAuthenticated()) {
           try {
-            const response = await api.fetchDocument(collectionName, relativePath2);
+            const response = await api.fetchDocument(
+              collectionName,
+              relativePath2
+            );
             setDocument(response.document);
           } catch (error2) {
             cms.alerts.error(