tinacms 2.5.2 → 2.6.0

package/dist/index.js

@@ -3830,7 +3830,7 @@ flowchart TD
   function _objectWithoutProperties(source, excluded) {
     if (source == null)
       return {};
-    var target = _objectWithoutPropertiesLoose$1(source, excluded);
+    var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -3845,7 +3845,7 @@ flowchart TD
     }
     return target;
   }
-  function _objectWithoutPropertiesLoose$1(source, excluded) {
+  function _objectWithoutPropertiesLoose(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -7209,244 +7209,65 @@ flowchart TD
       str = "0" + str;
     return str;
   }
-  function _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    _setPrototypeOf(subClass, superClass);
-  }
-  function _setPrototypeOf(o, p) {
-    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
-      o2.__proto__ = p2;
-      return o2;
-    };
-    return _setPrototypeOf(o, p);
-  }
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null)
-      return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      target[key] = source[key];
-    }
-    return target;
-  }
-  function _assertThisInitialized(self2) {
-    if (self2 === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self2;
-  }
-  function isNodeFound(current, componentNode, ignoreClass) {
-    if (current === componentNode) {
-      return true;
-    }
-    if (current.correspondingElement) {
-      return current.correspondingElement.classList.contains(ignoreClass);
-    }
-    return current.classList.contains(ignoreClass);
-  }
-  function findHighest(current, componentNode, ignoreClass) {
-    if (current === componentNode) {
-      return true;
+  var useClickAway$1 = {};
+  var util = {};
+  Object.defineProperty(util, "__esModule", { value: true });
+  util.isNavigator = util.isBrowser = util.off = util.on = util.noop = void 0;
+  var noop = function() {
+  };
+  util.noop = noop;
+  function on(obj) {
+    var args = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+      args[_i - 1] = arguments[_i];
     }
-    while (current.parentNode || current.host) {
-      if (current.parentNode && isNodeFound(current, componentNode, ignoreClass)) {
-        return true;
-      }
-      current = current.parentNode || current.host;
+    if (obj && obj.addEventListener) {
+      obj.addEventListener.apply(obj, args);
     }
-    return current;
   }
-  function clickedScrollbar(evt) {
-    return document.documentElement.clientWidth <= evt.clientX || document.documentElement.clientHeight <= evt.clientY;
-  }
-  var testPassiveEventSupport = function testPassiveEventSupport2() {
-    if (typeof window === "undefined" || typeof window.addEventListener !== "function") {
-      return;
+  util.on = on;
+  function off(obj) {
+    var args = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+      args[_i - 1] = arguments[_i];
     }
-    var passive = false;
-    var options = Object.defineProperty({}, "passive", {
-      get: function get2() {
-        passive = true;
-      }
-    });
-    var noop = function noop2() {
-    };
-    window.addEventListener("testPassiveEventSupport", noop, options);
-    window.removeEventListener("testPassiveEventSupport", noop, options);
-    return passive;
-  };
-  function autoInc(seed) {
-    if (seed === void 0) {
-      seed = 0;
+    if (obj && obj.removeEventListener) {
+      obj.removeEventListener.apply(obj, args);
     }
-    return function() {
-      return ++seed;
-    };
-  }
-  var uid = autoInc();
-  var passiveEventSupport;
-  var handlersMap = {};
-  var enabledInstances = {};
-  var touchEvents = ["touchstart", "touchmove"];
-  var IGNORE_CLASS_NAME = "ignore-react-onclickoutside";
-  function getEventHandlerOptions(instance, eventName) {
-    var handlerOptions = {};
-    var isTouchEvent = touchEvents.indexOf(eventName) !== -1;
-    if (isTouchEvent && passiveEventSupport) {
-      handlerOptions.passive = !instance.props.preventDefault;
-    }
-    return handlerOptions;
   }
-  function onClickOutsideHOC(WrappedComponent, config) {
-    var _class, _temp;
-    var componentName = WrappedComponent.displayName || WrappedComponent.name || "Component";
-    return _temp = _class = /* @__PURE__ */ function(_Component) {
-      _inheritsLoose(onClickOutside, _Component);
-      function onClickOutside(props) {
-        var _this;
-        _this = _Component.call(this, props) || this;
-        _this.__outsideClickHandler = function(event) {
-          if (typeof _this.__clickOutsideHandlerProp === "function") {
-            _this.__clickOutsideHandlerProp(event);
-            return;
-          }
-          var instance = _this.getInstance();
-          if (typeof instance.props.handleClickOutside === "function") {
-            instance.props.handleClickOutside(event);
-            return;
-          }
-          if (typeof instance.handleClickOutside === "function") {
-            instance.handleClickOutside(event);
-            return;
-          }
-          throw new Error("WrappedComponent: " + componentName + " lacks a handleClickOutside(event) function for processing outside click events.");
-        };
-        _this.__getComponentNode = function() {
-          var instance = _this.getInstance();
-          if (config && typeof config.setClickOutsideRef === "function") {
-            return config.setClickOutsideRef()(instance);
-          }
-          if (typeof instance.setClickOutsideRef === "function") {
-            return instance.setClickOutsideRef();
-          }
-          return reactDom.findDOMNode(instance);
-        };
-        _this.enableOnClickOutside = function() {
-          if (typeof document === "undefined" || enabledInstances[_this._uid]) {
-            return;
-          }
-          if (typeof passiveEventSupport === "undefined") {
-            passiveEventSupport = testPassiveEventSupport();
-          }
-          enabledInstances[_this._uid] = true;
-          var events = _this.props.eventTypes;
-          if (!events.forEach) {
-            events = [events];
-          }
-          handlersMap[_this._uid] = function(event) {
-            if (_this.componentNode === null)
-              return;
-            if (_this.initTimeStamp > event.timeStamp)
-              return;
-            if (_this.props.preventDefault) {
-              event.preventDefault();
-            }
-            if (_this.props.stopPropagation) {
-              event.stopPropagation();
-            }
-            if (_this.props.excludeScrollbar && clickedScrollbar(event))
-              return;
-            var current = event.composed && event.composedPath && event.composedPath().shift() || event.target;
-            if (findHighest(current, _this.componentNode, _this.props.outsideClickIgnoreClass) !== document) {
-              return;
-            }
-            _this.__outsideClickHandler(event);
-          };
-          events.forEach(function(eventName) {
-            document.addEventListener(eventName, handlersMap[_this._uid], getEventHandlerOptions(_assertThisInitialized(_this), eventName));
-          });
-        };
-        _this.disableOnClickOutside = function() {
-          delete enabledInstances[_this._uid];
-          var fn = handlersMap[_this._uid];
-          if (fn && typeof document !== "undefined") {
-            var events = _this.props.eventTypes;
-            if (!events.forEach) {
-              events = [events];
-            }
-            events.forEach(function(eventName) {
-              return document.removeEventListener(eventName, fn, getEventHandlerOptions(_assertThisInitialized(_this), eventName));
-            });
-            delete handlersMap[_this._uid];
-          }
-        };
-        _this.getRef = function(ref) {
-          return _this.instanceRef = ref;
-        };
-        _this._uid = uid();
-        _this.initTimeStamp = performance.now();
-        return _this;
-      }
-      var _proto = onClickOutside.prototype;
-      _proto.getInstance = function getInstance() {
-        if (WrappedComponent.prototype && !WrappedComponent.prototype.isReactComponent) {
-          return this;
-        }
-        var ref = this.instanceRef;
-        return ref.getInstance ? ref.getInstance() : ref;
+  util.off = off;
+  util.isBrowser = typeof window !== "undefined";
+  util.isNavigator = typeof navigator !== "undefined";
+  Object.defineProperty(useClickAway$1, "__esModule", { value: true });
+  var react_1 = React;
+  var util_1 = util;
+  var defaultEvents = ["mousedown", "touchstart"];
+  var useClickAway = function(ref, onClickAway, events) {
+    if (events === void 0) {
+      events = defaultEvents;
+    }
+    var savedCallback = react_1.useRef(onClickAway);
+    react_1.useEffect(function() {
+      savedCallback.current = onClickAway;
+    }, [onClickAway]);
+    react_1.useEffect(function() {
+      var handler = function(event) {
+        var el = ref.current;
+        el && !el.contains(event.target) && savedCallback.current(event);
       };
-      _proto.componentDidMount = function componentDidMount() {
-        if (typeof document === "undefined" || !document.createElement) {
-          return;
-        }
-        var instance = this.getInstance();
-        if (config && typeof config.handleClickOutside === "function") {
-          this.__clickOutsideHandlerProp = config.handleClickOutside(instance);
-          if (typeof this.__clickOutsideHandlerProp !== "function") {
-            throw new Error("WrappedComponent: " + componentName + " lacks a function for processing outside click events specified by the handleClickOutside config option.");
-          }
-        }
-        this.componentNode = this.__getComponentNode();
-        if (this.props.disableOnClickOutside)
-          return;
-        this.enableOnClickOutside();
-      };
-      _proto.componentDidUpdate = function componentDidUpdate() {
-        this.componentNode = this.__getComponentNode();
-      };
-      _proto.componentWillUnmount = function componentWillUnmount() {
-        this.disableOnClickOutside();
-      };
-      _proto.render = function render() {
-        var _this$props = this.props;
-        _this$props.excludeScrollbar;
-        var props = _objectWithoutPropertiesLoose(_this$props, ["excludeScrollbar"]);
-        if (WrappedComponent.prototype && WrappedComponent.prototype.isReactComponent) {
-          props.ref = this.getRef;
-        } else {
-          props.wrappedRef = this.getRef;
+      for (var _i = 0, events_1 = events; _i < events_1.length; _i++) {
+        var eventName = events_1[_i];
+        util_1.on(document, eventName, handler);
+      }
+      return function() {
+        for (var _i2 = 0, events_2 = events; _i2 < events_2.length; _i2++) {
+          var eventName2 = events_2[_i2];
+          util_1.off(document, eventName2, handler);
         }
-        props.disableOnClickOutside = this.disableOnClickOutside;
-        props.enableOnClickOutside = this.enableOnClickOutside;
-        return React.createElement(WrappedComponent, props);
       };
-      return onClickOutside;
-    }(React.Component), _class.displayName = "OnClickOutside(" + componentName + ")", _class.defaultProps = {
-      eventTypes: ["mousedown", "touchstart"],
-      excludeScrollbar: config && config.excludeScrollbar || false,
-      outsideClickIgnoreClass: IGNORE_CLASS_NAME,
-      preventDefault: false,
-      stopPropagation: false
-    }, _class.getClass = function() {
-      return WrappedComponent.getClass ? WrappedComponent.getClass() : WrappedComponent;
-    }, _temp;
-  }
+    }, [events, ref]);
+  };
+  var _default = useClickAway$1.default = useClickAway;
   const viewModes = {
     YEARS: "years",
     MONTHS: "months",
@@ -7975,22 +7796,13 @@ flowchart TD
     }
     con[method]("***react-datetime:" + message);
   }
-  class ClickOutBase extends React.Component {
-    constructor() {
-      super(...arguments);
-      __publicField(this, "container", React.createRef());
-    }
-    render() {
-      return /* @__PURE__ */ React.createElement("div", { className: this.props.className, ref: this.container }, this.props.children);
-    }
-    handleClickOutside(e) {
-      this.props.onClickOut(e);
-    }
-    setClickOutsideRef() {
-      return this.container.current;
-    }
+  function ClickableWrapper({ className, onClickOut, children }) {
+    const containerRef = React.useRef(null);
+    _default(containerRef, (event) => {
+      onClickOut(event);
+    });
+    return /* @__PURE__ */ React.createElement("div", { className, ref: containerRef }, children);
   }
-  const ClickableWrapper = onClickOutsideHOC(ClickOutBase);
   const DEFAULT_DATE_DISPLAY_FORMAT = "MMM DD, YYYY";
   const DEFAULT_TIME_DISPLAY_FORMAT = "h:mm A";
   const format$1 = (val, _name, field) => {
@@ -10367,7 +10179,7 @@ flowchart TD
       "Event Log"
     ));
   };
-  const version = "2.5.2";
+  const version = "2.6.0";
   const Nav = ({
     isLocalMode,
     className = "",
@@ -14773,7 +14585,12 @@ flowchart TD
     const [itemsShown, setItemsShown] = React.useState(11);
     const { overrides, templates } = useToolbarContext();
     const showEmbedButton = templates.length > 0;
-    let items2 = overrides === void 0 ? Object.values(toolbarItems) : overrides.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
+    let items2 = [];
+    if (Array.isArray(overrides)) {
+      items2 = overrides === void 0 ? Object.values(toolbarItems) : overrides.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
+    } else {
+      items2 = (overrides == null ? void 0 : overrides.toolbar) === void 0 ? Object.values(toolbarItems) : overrides.toolbar.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
+    }
     if (!showEmbedButton) {
       items2 = items2.filter((item) => item.label !== toolbarItems.embed.label);
     }
@@ -15101,6 +14918,9 @@ flowchart TD
     if (typeof string !== "string") {
       return false;
     }
+    if (string.startsWith("#")) {
+      return true;
+    }
     const generalMatch = string.match(protocolAndDomainRE);
     const emailLinkMatch = string.match(emailLintRE);
     const localUrlMatch = string.match(localUrlRE);
@@ -15122,12 +14942,12 @@ flowchart TD
     }
     return localhostDomainRE.test(everythingAfterProtocol) || nonLocalhostDomainRE.test(everythingAfterProtocol);
   };
-  const RichEditor = (props) => {
+  const RichEditor = ({ input, tinaForm, field }) => {
     var _a;
     const initialValue = React.useMemo(
       () => {
         var _a2, _b;
-        return ((_b = (_a2 = props.input.value) == null ? void 0 : _a2.children) == null ? void 0 : _b.length) ? props.input.value.children.map(helpers.normalize) : [{ type: "p", children: [{ type: "text", text: "" }] }];
+        return ((_b = (_a2 = input.value) == null ? void 0 : _a2.children) == null ? void 0 : _b.length) ? input.value.children.map(helpers.normalize) : [{ type: "p", children: [{ type: "text", text: "" }] }];
       },
       []
     );
@@ -15155,7 +14975,7 @@ flowchart TD
       ),
       []
     );
-    const tempId = [props.tinaForm.id, props.input.name].join(".");
+    const tempId = [tinaForm.id, input.name].join(".");
     const id = React.useMemo(() => uuid() + tempId, [tempId]);
     const ref = React.useRef(null);
     React.useEffect(() => {
@@ -15165,13 +14985,13 @@ flowchart TD
           const plateElement = (_a2 = ref.current) == null ? void 0 : _a2.querySelector(
             '[role="textbox"]'
           );
-          if (props.field.experimental_focusIntent && plateElement) {
+          if (field.experimental_focusIntent && plateElement) {
             if (plateElement)
               plateElement.focus();
           }
         }, 100);
       }
-    }, [props.field.experimental_focusIntent, ref]);
+    }, [field.experimental_focusIntent, ref]);
     return /* @__PURE__ */ React.createElement("div", { ref }, /* @__PURE__ */ React.createElement(
       plateCommon.Plate,
       {
@@ -15179,7 +14999,7 @@ flowchart TD
         initialValue,
         plugins: plugins$2,
         onChange: (value) => {
-          props.input.onChange({
+          input.onChange({
             type: "root",
             children: value
           });
@@ -15188,12 +15008,12 @@ flowchart TD
       /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(
         ToolbarProvider,
         {
-          tinaForm: props.tinaForm,
-          templates: props.field.templates,
-          overrides: (_a = props.field) == null ? void 0 : _a.toolbarOverride
+          tinaForm,
+          templates: field.templates,
+          overrides: (field == null ? void 0 : field.toolbarOverride) ? field.toolbarOverride : field.overrides
         },
         /* @__PURE__ */ React.createElement(FixedToolbar, null, /* @__PURE__ */ React.createElement(FixedToolbarButtons, null)),
-        /* @__PURE__ */ React.createElement(FloatingToolbar, null, /* @__PURE__ */ React.createElement(FloatingToolbarButtons, null))
+        ((_a = field == null ? void 0 : field.overrides) == null ? void 0 : _a.showFloatingToolbar) !== false ? /* @__PURE__ */ React.createElement(FloatingToolbar, null, /* @__PURE__ */ React.createElement(FloatingToolbarButtons, null)) : null
       ), /* @__PURE__ */ React.createElement(Editor, null))
     ));
   };

package/dist/index.mjs

@@ -6,8 +6,8 @@ var __publicField = (obj, key, value) => {
 };
 import { z } from "zod";
 import * as React from "react";
-import React__default, { useState, useCallback, useEffect, useRef, createContext, forwardRef, useContext, useMemo, startTransition, createElement, Component } from "react";
-import { createPortal, findDOMNode } from "react-dom";
+import React__default, { useState, useCallback, useEffect, useRef, createContext, forwardRef, useContext, useMemo, startTransition } from "react";
+import { createPortal } from "react-dom";
 import { withRef, cn as cn$1, withVariants, withProps, withCn, createPrimitiveElement } from "@udecode/cn";
 import { toggleList, ELEMENT_UL, ELEMENT_OL, ELEMENT_H1 as ELEMENT_H1$1, ELEMENT_H2 as ELEMENT_H2$1, ELEMENT_H3 as ELEMENT_H3$1, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6, ELEMENT_PARAGRAPH, ELEMENT_BLOCKQUOTE, ELEMENT_CODE_BLOCK, ELEMENT_CODE_LINE, ELEMENT_CODE_SYNTAX, ELEMENT_LI, ELEMENT_LINK, MARK_CODE, MARK_UNDERLINE, MARK_STRIKETHROUGH, MARK_ITALIC, MARK_BOLD, ELEMENT_HR, ELEMENT_TABLE, ELEMENT_TR, ELEMENT_TD, ELEMENT_TH, unwrapList, ELEMENT_TODO_LI, createTrailingBlockPlugin, createAutoformatPlugin, createExitBreakPlugin, KEYS_HEADING, createResetNodePlugin, createHeadingPlugin, createParagraphPlugin, createBlockquotePlugin, createBoldPlugin, createItalicPlugin, createUnderlinePlugin, createCodePlugin, createListPlugin, createIndentListPlugin, createHorizontalRulePlugin, createNodeIdPlugin, createTablePlugin, getListItemEntry, useListToolbarButtonState, useListToolbarButton } from "@udecode/plate";
 import { PlateElement, isCollapsed, findNodePath, getPointAfter, insertNodes, ELEMENT_DEFAULT, focusEditor, getPointBefore, setNodes, isElement, PlateLeaf, createPluginFactory, useComposedRef, useEditorRef, createPointRef, insertText, moveSelection, toggleNodeType, useElement, useRemoveNodeButton, useEditorSelector, isSelectionExpanded, withHOC, normalizeEditor, getBlockAbove, queryNode, getParentNode, isType, someNode, isSelectionAtBlockStart, setElements, insertNode, getPluginType, isBlock, isBlockAboveEmpty, findNode, PlateContent, getNodeEntries, useEditorState, collapseSelection, useMarkToolbarButtonState, useMarkToolbarButton, insertEmptyElement, usePlateSelectors, useEventEditorSelectors, PortalBody, useFormInputProps, createPlugins, Plate } from "@udecode/plate-common";
@@ -1358,8 +1358,8 @@ const ListElementVariants = withVariants(PlateElement, listVariants, [
 ]);
 const ListElement = withRef(
   ({ children, variant = "ul", ...props }, ref) => {
-    const Component2 = variant;
-    return /* @__PURE__ */ React__default.createElement(ListElementVariants, { asChild: true, ref, variant, ...props }, /* @__PURE__ */ React__default.createElement(Component2, null, children));
+    const Component = variant;
+    return /* @__PURE__ */ React__default.createElement(ListElementVariants, { asChild: true, ref, variant, ...props }, /* @__PURE__ */ React__default.createElement(Component, null, children));
   }
 );
 const ELEMENT_MERMAID = "mermaid";
@@ -3679,7 +3679,7 @@ function TinaForm({ form, children }) {
   }));
 }
 function TinaField({
-  Component: Component2,
+  Component,
   children,
   ...fieldProps
 }) {
@@ -3687,7 +3687,7 @@ function TinaField({
   if (!isEditing)
     return children || null;
   return /* @__PURE__ */ React.createElement(Field, { ...fieldProps }, ({ input, meta }) => {
-    return /* @__PURE__ */ React.createElement(Component2, { input, meta, ...fieldProps });
+    return /* @__PURE__ */ React.createElement(Component, { input, meta, ...fieldProps });
   });
 }
 TinaField.propTypes = {
@@ -3857,7 +3857,7 @@ var _excluded = ["attr", "size", "title"];
 function _objectWithoutProperties(source, excluded) {
   if (source == null)
     return {};
-  var target = _objectWithoutPropertiesLoose$1(source, excluded);
+  var target = _objectWithoutPropertiesLoose(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -3872,7 +3872,7 @@ function _objectWithoutProperties(source, excluded) {
   }
   return target;
 }
-function _objectWithoutPropertiesLoose$1(source, excluded) {
+function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -7236,244 +7236,65 @@ function pad(type, value) {
     str = "0" + str;
   return str;
 }
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
-}
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
-    o2.__proto__ = p2;
-    return o2;
-  };
-  return _setPrototypeOf(o, p);
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return self;
-}
-function isNodeFound(current, componentNode, ignoreClass) {
-  if (current === componentNode) {
-    return true;
-  }
-  if (current.correspondingElement) {
-    return current.correspondingElement.classList.contains(ignoreClass);
-  }
-  return current.classList.contains(ignoreClass);
-}
-function findHighest(current, componentNode, ignoreClass) {
-  if (current === componentNode) {
-    return true;
+var useClickAway$1 = {};
+var util = {};
+Object.defineProperty(util, "__esModule", { value: true });
+util.isNavigator = util.isBrowser = util.off = util.on = util.noop = void 0;
+var noop = function() {
+};
+util.noop = noop;
+function on(obj) {
+  var args = [];
+  for (var _i = 1; _i < arguments.length; _i++) {
+    args[_i - 1] = arguments[_i];
   }
-  while (current.parentNode || current.host) {
-    if (current.parentNode && isNodeFound(current, componentNode, ignoreClass)) {
-      return true;
-    }
-    current = current.parentNode || current.host;
+  if (obj && obj.addEventListener) {
+    obj.addEventListener.apply(obj, args);
   }
-  return current;
 }
-function clickedScrollbar(evt) {
-  return document.documentElement.clientWidth <= evt.clientX || document.documentElement.clientHeight <= evt.clientY;
-}
-var testPassiveEventSupport = function testPassiveEventSupport2() {
-  if (typeof window === "undefined" || typeof window.addEventListener !== "function") {
-    return;
+util.on = on;
+function off(obj) {
+  var args = [];
+  for (var _i = 1; _i < arguments.length; _i++) {
+    args[_i - 1] = arguments[_i];
   }
-  var passive = false;
-  var options = Object.defineProperty({}, "passive", {
-    get: function get2() {
-      passive = true;
-    }
-  });
-  var noop = function noop2() {
-  };
-  window.addEventListener("testPassiveEventSupport", noop, options);
-  window.removeEventListener("testPassiveEventSupport", noop, options);
-  return passive;
-};
-function autoInc(seed) {
-  if (seed === void 0) {
-    seed = 0;
+  if (obj && obj.removeEventListener) {
+    obj.removeEventListener.apply(obj, args);
   }
-  return function() {
-    return ++seed;
-  };
-}
-var uid = autoInc();
-var passiveEventSupport;
-var handlersMap = {};
-var enabledInstances = {};
-var touchEvents = ["touchstart", "touchmove"];
-var IGNORE_CLASS_NAME = "ignore-react-onclickoutside";
-function getEventHandlerOptions(instance, eventName) {
-  var handlerOptions = {};
-  var isTouchEvent = touchEvents.indexOf(eventName) !== -1;
-  if (isTouchEvent && passiveEventSupport) {
-    handlerOptions.passive = !instance.props.preventDefault;
-  }
-  return handlerOptions;
 }
-function onClickOutsideHOC(WrappedComponent, config) {
-  var _class, _temp;
-  var componentName = WrappedComponent.displayName || WrappedComponent.name || "Component";
-  return _temp = _class = /* @__PURE__ */ function(_Component) {
-    _inheritsLoose(onClickOutside, _Component);
-    function onClickOutside(props) {
-      var _this;
-      _this = _Component.call(this, props) || this;
-      _this.__outsideClickHandler = function(event) {
-        if (typeof _this.__clickOutsideHandlerProp === "function") {
-          _this.__clickOutsideHandlerProp(event);
-          return;
-        }
-        var instance = _this.getInstance();
-        if (typeof instance.props.handleClickOutside === "function") {
-          instance.props.handleClickOutside(event);
-          return;
-        }
-        if (typeof instance.handleClickOutside === "function") {
-          instance.handleClickOutside(event);
-          return;
-        }
-        throw new Error("WrappedComponent: " + componentName + " lacks a handleClickOutside(event) function for processing outside click events.");
-      };
-      _this.__getComponentNode = function() {
-        var instance = _this.getInstance();
-        if (config && typeof config.setClickOutsideRef === "function") {
-          return config.setClickOutsideRef()(instance);
-        }
-        if (typeof instance.setClickOutsideRef === "function") {
-          return instance.setClickOutsideRef();
-        }
-        return findDOMNode(instance);
-      };
-      _this.enableOnClickOutside = function() {
-        if (typeof document === "undefined" || enabledInstances[_this._uid]) {
-          return;
-        }
-        if (typeof passiveEventSupport === "undefined") {
-          passiveEventSupport = testPassiveEventSupport();
-        }
-        enabledInstances[_this._uid] = true;
-        var events = _this.props.eventTypes;
-        if (!events.forEach) {
-          events = [events];
-        }
-        handlersMap[_this._uid] = function(event) {
-          if (_this.componentNode === null)
-            return;
-          if (_this.initTimeStamp > event.timeStamp)
-            return;
-          if (_this.props.preventDefault) {
-            event.preventDefault();
-          }
-          if (_this.props.stopPropagation) {
-            event.stopPropagation();
-          }
-          if (_this.props.excludeScrollbar && clickedScrollbar(event))
-            return;
-          var current = event.composed && event.composedPath && event.composedPath().shift() || event.target;
-          if (findHighest(current, _this.componentNode, _this.props.outsideClickIgnoreClass) !== document) {
-            return;
-          }
-          _this.__outsideClickHandler(event);
-        };
-        events.forEach(function(eventName) {
-          document.addEventListener(eventName, handlersMap[_this._uid], getEventHandlerOptions(_assertThisInitialized(_this), eventName));
-        });
-      };
-      _this.disableOnClickOutside = function() {
-        delete enabledInstances[_this._uid];
-        var fn = handlersMap[_this._uid];
-        if (fn && typeof document !== "undefined") {
-          var events = _this.props.eventTypes;
-          if (!events.forEach) {
-            events = [events];
-          }
-          events.forEach(function(eventName) {
-            return document.removeEventListener(eventName, fn, getEventHandlerOptions(_assertThisInitialized(_this), eventName));
-          });
-          delete handlersMap[_this._uid];
-        }
-      };
-      _this.getRef = function(ref) {
-        return _this.instanceRef = ref;
-      };
-      _this._uid = uid();
-      _this.initTimeStamp = performance.now();
-      return _this;
-    }
-    var _proto = onClickOutside.prototype;
-    _proto.getInstance = function getInstance() {
-      if (WrappedComponent.prototype && !WrappedComponent.prototype.isReactComponent) {
-        return this;
-      }
-      var ref = this.instanceRef;
-      return ref.getInstance ? ref.getInstance() : ref;
+util.off = off;
+util.isBrowser = typeof window !== "undefined";
+util.isNavigator = typeof navigator !== "undefined";
+Object.defineProperty(useClickAway$1, "__esModule", { value: true });
+var react_1 = React__default;
+var util_1 = util;
+var defaultEvents = ["mousedown", "touchstart"];
+var useClickAway = function(ref, onClickAway, events) {
+  if (events === void 0) {
+    events = defaultEvents;
+  }
+  var savedCallback = react_1.useRef(onClickAway);
+  react_1.useEffect(function() {
+    savedCallback.current = onClickAway;
+  }, [onClickAway]);
+  react_1.useEffect(function() {
+    var handler = function(event) {
+      var el = ref.current;
+      el && !el.contains(event.target) && savedCallback.current(event);
     };
-    _proto.componentDidMount = function componentDidMount() {
-      if (typeof document === "undefined" || !document.createElement) {
-        return;
-      }
-      var instance = this.getInstance();
-      if (config && typeof config.handleClickOutside === "function") {
-        this.__clickOutsideHandlerProp = config.handleClickOutside(instance);
-        if (typeof this.__clickOutsideHandlerProp !== "function") {
-          throw new Error("WrappedComponent: " + componentName + " lacks a function for processing outside click events specified by the handleClickOutside config option.");
-        }
-      }
-      this.componentNode = this.__getComponentNode();
-      if (this.props.disableOnClickOutside)
-        return;
-      this.enableOnClickOutside();
-    };
-    _proto.componentDidUpdate = function componentDidUpdate() {
-      this.componentNode = this.__getComponentNode();
-    };
-    _proto.componentWillUnmount = function componentWillUnmount() {
-      this.disableOnClickOutside();
-    };
-    _proto.render = function render() {
-      var _this$props = this.props;
-      _this$props.excludeScrollbar;
-      var props = _objectWithoutPropertiesLoose(_this$props, ["excludeScrollbar"]);
-      if (WrappedComponent.prototype && WrappedComponent.prototype.isReactComponent) {
-        props.ref = this.getRef;
-      } else {
-        props.wrappedRef = this.getRef;
+    for (var _i = 0, events_1 = events; _i < events_1.length; _i++) {
+      var eventName = events_1[_i];
+      util_1.on(document, eventName, handler);
+    }
+    return function() {
+      for (var _i2 = 0, events_2 = events; _i2 < events_2.length; _i2++) {
+        var eventName2 = events_2[_i2];
+        util_1.off(document, eventName2, handler);
       }
-      props.disableOnClickOutside = this.disableOnClickOutside;
-      props.enableOnClickOutside = this.enableOnClickOutside;
-      return createElement(WrappedComponent, props);
     };
-    return onClickOutside;
-  }(Component), _class.displayName = "OnClickOutside(" + componentName + ")", _class.defaultProps = {
-    eventTypes: ["mousedown", "touchstart"],
-    excludeScrollbar: config && config.excludeScrollbar || false,
-    outsideClickIgnoreClass: IGNORE_CLASS_NAME,
-    preventDefault: false,
-    stopPropagation: false
-  }, _class.getClass = function() {
-    return WrappedComponent.getClass ? WrappedComponent.getClass() : WrappedComponent;
-  }, _temp;
-}
+  }, [events, ref]);
+};
+var _default = useClickAway$1.default = useClickAway;
 const viewModes = {
   YEARS: "years",
   MONTHS: "months",
@@ -8002,22 +7823,13 @@ function log(message, method) {
   }
   con[method]("***react-datetime:" + message);
 }
-class ClickOutBase extends React__default.Component {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "container", React__default.createRef());
-  }
-  render() {
-    return /* @__PURE__ */ React__default.createElement("div", { className: this.props.className, ref: this.container }, this.props.children);
-  }
-  handleClickOutside(e) {
-    this.props.onClickOut(e);
-  }
-  setClickOutsideRef() {
-    return this.container.current;
-  }
+function ClickableWrapper({ className, onClickOut, children }) {
+  const containerRef = useRef(null);
+  _default(containerRef, (event) => {
+    onClickOut(event);
+  });
+  return /* @__PURE__ */ React__default.createElement("div", { className, ref: containerRef }, children);
 }
-const ClickableWrapper = onClickOutsideHOC(ClickOutBase);
 const DEFAULT_DATE_DISPLAY_FORMAT = "MMM DD, YYYY";
 const DEFAULT_TIME_DISPLAY_FORMAT = "h:mm A";
 const format$1 = (val, _name, field) => {
@@ -9874,7 +9686,7 @@ class SidebarState {
   }
 }
 function createScreen({
-  Component: Component2,
+  Component,
   props,
   ...options
 }) {
@@ -9883,7 +9695,7 @@ function createScreen({
     layout: "popup",
     ...options,
     Component(screenProps) {
-      return /* @__PURE__ */ React__default.createElement(Component2, { ...screenProps, ...props });
+      return /* @__PURE__ */ React__default.createElement(Component, { ...screenProps, ...props });
     }
   };
 }
@@ -10394,7 +10206,7 @@ const SyncStatus = ({ cms, setEventsOpen }) => {
     "Event Log"
   ));
 };
-const version = "2.5.2";
+const version = "2.6.0";
 const Nav = ({
   isLocalMode,
   className = "",
@@ -13323,9 +13135,9 @@ const EllipsisIcon = ({ title }) => {
   ));
 };
 const Wrapper$1 = ({ inline, children }) => {
-  const Component2 = inline ? "span" : "div";
+  const Component = inline ? "span" : "div";
   return /* @__PURE__ */ React__default.createElement(
-    Component2,
+    Component,
     {
       contentEditable: false,
       style: { userSelect: "none" },
@@ -14113,13 +13925,13 @@ const TooltipContent = withCn(
   }),
   "z-[9999] overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md"
 );
-function withTooltip(Component2) {
+function withTooltip(Component) {
   return React__default.forwardRef(function ExtendComponent({ tooltip, tooltipContentProps, tooltipProps, ...props }, ref) {
     const [mounted, setMounted] = React__default.useState(false);
     React__default.useEffect(() => {
       setMounted(true);
     }, []);
-    const component = /* @__PURE__ */ React__default.createElement(Component2, { ref, ...props });
+    const component = /* @__PURE__ */ React__default.createElement(Component, { ref, ...props });
     if (tooltip && mounted) {
       return /* @__PURE__ */ React__default.createElement(Tooltip, { ...tooltipProps }, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, component), /* @__PURE__ */ React__default.createElement(TooltipPortal, null, /* @__PURE__ */ React__default.createElement(TooltipContent, { ...tooltipContentProps }, tooltip)));
     }
@@ -14800,7 +14612,12 @@ function FixedToolbarButtons() {
   const [itemsShown, setItemsShown] = React__default.useState(11);
   const { overrides, templates } = useToolbarContext();
   const showEmbedButton = templates.length > 0;
-  let items2 = overrides === void 0 ? Object.values(toolbarItems) : overrides.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
+  let items2 = [];
+  if (Array.isArray(overrides)) {
+    items2 = overrides === void 0 ? Object.values(toolbarItems) : overrides.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
+  } else {
+    items2 = (overrides == null ? void 0 : overrides.toolbar) === void 0 ? Object.values(toolbarItems) : overrides.toolbar.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
+  }
   if (!showEmbedButton) {
     items2 = items2.filter((item) => item.label !== toolbarItems.embed.label);
   }
@@ -15128,6 +14945,9 @@ const isUrl = (string) => {
   if (typeof string !== "string") {
     return false;
   }
+  if (string.startsWith("#")) {
+    return true;
+  }
   const generalMatch = string.match(protocolAndDomainRE);
   const emailLinkMatch = string.match(emailLintRE);
   const localUrlMatch = string.match(localUrlRE);
@@ -15149,12 +14969,12 @@ const isUrl = (string) => {
   }
   return localhostDomainRE.test(everythingAfterProtocol) || nonLocalhostDomainRE.test(everythingAfterProtocol);
 };
-const RichEditor = (props) => {
+const RichEditor = ({ input, tinaForm, field }) => {
   var _a;
   const initialValue = React__default.useMemo(
     () => {
       var _a2, _b;
-      return ((_b = (_a2 = props.input.value) == null ? void 0 : _a2.children) == null ? void 0 : _b.length) ? props.input.value.children.map(helpers.normalize) : [{ type: "p", children: [{ type: "text", text: "" }] }];
+      return ((_b = (_a2 = input.value) == null ? void 0 : _a2.children) == null ? void 0 : _b.length) ? input.value.children.map(helpers.normalize) : [{ type: "p", children: [{ type: "text", text: "" }] }];
     },
     []
   );
@@ -15182,7 +15002,7 @@ const RichEditor = (props) => {
     ),
     []
   );
-  const tempId = [props.tinaForm.id, props.input.name].join(".");
+  const tempId = [tinaForm.id, input.name].join(".");
   const id = React__default.useMemo(() => uuid() + tempId, [tempId]);
   const ref = React__default.useRef(null);
   React__default.useEffect(() => {
@@ -15192,13 +15012,13 @@ const RichEditor = (props) => {
         const plateElement = (_a2 = ref.current) == null ? void 0 : _a2.querySelector(
           '[role="textbox"]'
         );
-        if (props.field.experimental_focusIntent && plateElement) {
+        if (field.experimental_focusIntent && plateElement) {
           if (plateElement)
             plateElement.focus();
         }
       }, 100);
     }
-  }, [props.field.experimental_focusIntent, ref]);
+  }, [field.experimental_focusIntent, ref]);
   return /* @__PURE__ */ React__default.createElement("div", { ref }, /* @__PURE__ */ React__default.createElement(
     Plate,
     {
@@ -15206,7 +15026,7 @@ const RichEditor = (props) => {
       initialValue,
       plugins: plugins$2,
       onChange: (value) => {
-        props.input.onChange({
+        input.onChange({
           type: "root",
           children: value
         });
@@ -15215,12 +15035,12 @@ const RichEditor = (props) => {
     /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(
       ToolbarProvider,
       {
-        tinaForm: props.tinaForm,
-        templates: props.field.templates,
-        overrides: (_a = props.field) == null ? void 0 : _a.toolbarOverride
+        tinaForm,
+        templates: field.templates,
+        overrides: (field == null ? void 0 : field.toolbarOverride) ? field.toolbarOverride : field.overrides
       },
       /* @__PURE__ */ React__default.createElement(FixedToolbar, null, /* @__PURE__ */ React__default.createElement(FixedToolbarButtons, null)),
-      /* @__PURE__ */ React__default.createElement(FloatingToolbar, null, /* @__PURE__ */ React__default.createElement(FloatingToolbarButtons, null))
+      ((_a = field == null ? void 0 : field.overrides) == null ? void 0 : _a.showFloatingToolbar) !== false ? /* @__PURE__ */ React__default.createElement(FloatingToolbar, null, /* @__PURE__ */ React__default.createElement(FloatingToolbarButtons, null)) : null
     ), /* @__PURE__ */ React__default.createElement(Editor, null))
   ));
 };

package/dist/toolkit/fields/plugins/mdx-field-plugin/index.d.ts

@@ -2,16 +2,18 @@ import React from 'react';
 import { type InputFieldType } from '../wrap-field-with-meta';
 import type { MdxTemplate } from './plate/types';
 import type { InputProps } from '../../../fields/components';
-import type { ToolbarOverrideType } from './plate/toolbar/toolbar-overrides';
+import type { ToolbarOverrides, ToolbarOverrideType } from './plate/toolbar/toolbar-overrides';
 export type RichTextType = React.PropsWithChildren<InputFieldType<InputProps, {
     templates: MdxTemplate[];
     toolbarOverride?: ToolbarOverrideType[];
+    overrides?: ToolbarOverrides;
 }>>;
 export declare const MdxFieldPlugin: {
     name: string;
     Component: (props: InputFieldType<InputProps, {
         templates: MdxTemplate[];
         toolbarOverride?: ToolbarOverrideType[];
+        overrides?: ToolbarOverrides;
     }>) => React.JSX.Element;
 };
 export declare const MdxFieldPluginExtendible: {
@@ -20,5 +22,6 @@ export declare const MdxFieldPluginExtendible: {
     Component: (props: InputFieldType<InputProps, {
         templates: MdxTemplate[];
         toolbarOverride?: ToolbarOverrideType[];
+        overrides?: ToolbarOverrides;
     }>) => React.JSX.Element;
 };

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/index.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { RichTextType } from '..';
-export declare const RichEditor: (props: RichTextType) => React.JSX.Element;
+export declare const RichEditor: ({ input, tinaForm, field }: RichTextType) => React.JSX.Element;

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/toolbar/toolbar-overrides.d.ts

@@ -6,3 +6,7 @@ export declare const EMBED_ICON_WIDTH = 78;
 export declare const CONTAINER_MD_BREAKPOINT = 448;
 export declare const FLOAT_BUTTON_WIDTH = 25;
 export declare const HEADING_LABEL = "Headings";
+export type ToolbarOverrides = {
+    toolbar?: ToolbarOverrideType[];
+    showFloatingToolbar?: boolean;
+};

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/toolbar/toolbar-provider.d.ts

@@ -2,11 +2,11 @@ import React from 'react';
 import { type ReactNode } from 'react';
 import type { Form } from '../../../../../forms';
 import type { MdxTemplate } from '../types';
-import type { ToolbarOverrideType } from './toolbar-overrides';
+import type { ToolbarOverrides, ToolbarOverrideType } from './toolbar-overrides';
 interface ToolbarContextProps {
     tinaForm: Form;
     templates: MdxTemplate[];
-    overrides: ToolbarOverrideType[];
+    overrides: ToolbarOverrideType[] | ToolbarOverrides;
 }
 interface ToolbarProviderProps extends ToolbarContextProps {
     children: ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "2.5.2",
+  "version": "2.6.0",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -118,8 +118,8 @@
     "react-dropzone": "14.2.3",
     "react-final-form": "^6.5.9",
     "react-icons": "^5.3.0",
-    "react-onclickoutside": "^6.13.1",
     "react-router-dom": "6.3.0",
+    "react-use": "^17.6.0",
     "slate": "^0.103.0",
     "slate-history": "^0.100.0",
     "slate-hyperscript": "^0.100.0",
@@ -128,9 +128,9 @@
     "webfontloader": "1.6.28",
     "yup": "^1.4.0",
     "zod": "^3.23.8",
-    "@tinacms/mdx": "1.5.3",
-    "@tinacms/search": "1.0.36",
-    "@tinacms/schema-tools": "1.6.9"
+    "@tinacms/mdx": "1.5.4",
+    "@tinacms/schema-tools": "1.7.0",
+    "@tinacms/search": "1.0.37"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.5.6",