tinacms 2.10.0 → 2.10.1

package/dist/index.js

@@ -34615,25 +34615,6 @@ Please wrap them with useCallback or configure the deps array correctly.`
       ))
     );
   }
-  function PlusIcon({ className = "" }) {
-    return /* @__PURE__ */ React.createElement(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        className: `h-4 w-4 ${className}`,
-        viewBox: "0 0 20 20",
-        fill: "currentColor"
-      },
-      /* @__PURE__ */ React.createElement(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z",
-          clipRule: "evenodd"
-        }
-      )
-    );
-  }
   var useComboboxInput = ({
     autoFocus = true,
     cancelInputOnArrowLeftRight = true,
@@ -37032,7 +37013,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
     dropdownMenuLabelVariants,
     ["inset"]
   );
-  const DropdownMenuSeparator$1 = cn$2.withCn(
+  cn$2.withCn(
     DropdownMenuPrimitive__namespace.Separator,
     "-mx-1 my-1 h-px bg-muted"
   );
@@ -46587,7 +46568,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
     requiredArgs(1, arguments);
     return formatDistance(dirtyDate, Date.now(), options);
   }
-  const version$1 = "2.10.0";
+  const version$1 = "2.10.1";
   const VersionInfo = () => {
     var _a2, _b, _c, _d, _e, _f;
     const cms = useCMS();
@@ -66028,33 +66009,40 @@ mutation DeleteDocument($collection: String!, $relativePath: String!){
       },
       /* @__PURE__ */ React.createElement(SelectedItemIcon, { className: "size-5" }),
       /* @__PURE__ */ React.createElement("span", { className: "@md/toolbar:flex hidden" }, selectedItemLabel)
-    )), /* @__PURE__ */ React.createElement(DropdownMenuContent$1, { align: "start", className: "min-w-0 rounded-md" }, /* @__PURE__ */ React.createElement(
-      DropdownMenuRadioGroup,
+    )), /* @__PURE__ */ React.createElement(
+      DropdownMenuContent$1,
       {
-        className: "flex flex-col gap-0.5",
-        onValueChange: (type) => {
-          editor.tf.toggleBlock(type);
-          editor.tf.collapse();
-          editor.tf.focus();
-        },
-        value
+        align: "start",
+        className: "min-w-0 rounded-none rounded-bl rounded-br border-border"
       },
-      items$1.filter((item) => {
-        if (userInTable) {
-          return !unsupportedItemsInTable.has(item.label);
-        }
-        return true;
-      }).map(({ icon: Icon, label, value: itemValue }) => /* @__PURE__ */ React.createElement(
-        DropdownMenuRadioItem,
+      /* @__PURE__ */ React.createElement(
+        DropdownMenuRadioGroup,
         {
-          className: "min-w-[180px]",
-          key: itemValue,
-          value: itemValue
+          className: "flex flex-col gap-0.5",
+          onValueChange: (type) => {
+            editor.tf.toggleBlock(type);
+            editor.tf.collapse();
+            editor.tf.focus();
+          },
+          value
         },
-        /* @__PURE__ */ React.createElement(Icon, { className: "mr-2 size-5" }),
-        label
-      ))
-    ))));
+        items$1.filter((item) => {
+          if (userInTable) {
+            return !unsupportedItemsInTable.has(item.label);
+          }
+          return true;
+        }).map(({ icon: Icon, label, value: itemValue }) => /* @__PURE__ */ React.createElement(
+          DropdownMenuRadioItem,
+          {
+            className: "min-w-[180px]",
+            key: itemValue,
+            value: itemValue
+          },
+          /* @__PURE__ */ React.createElement(Icon, { className: "mr-2 size-5" }),
+          label
+        ))
+      )
+    )));
   }
   const useCodeBlockToolbarButtonState = () => {
     const editor = useEditorState();
@@ -66288,7 +66276,7 @@ flowchart TD
     return /* @__PURE__ */ React.createElement(EmbedButton, { templates, editor });
   }
   const EmbedButton = ({ editor, templates }) => {
-    const [open, setOpen] = React.useState(false);
+    const { open, onOpenChange } = useOpenState();
     const [filteredTemplates, setFilteredTemplates] = React.useState(templates);
     const filterChange = (e3) => {
       const filterText = e3.target.value.toLowerCase();
@@ -66298,32 +66286,35 @@ flowchart TD
         )
       );
     };
-    return /* @__PURE__ */ React.createElement(DropdownMenu$1, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(DropdownMenuTrigger$1, { className: "inline-flex items-center rounded-full text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg:not([data-icon])]:size-5 h-9 px-2 bg-transparent hover:bg-muted hover:text-muted-foreground aria-checked:bg-accent aria-checked:text-accent-foreground my-1 justify-between pr-1" }, /* @__PURE__ */ React.createElement("span", { className: "flex" }, "Embed"), /* @__PURE__ */ React.createElement(
-      PlusIcon,
-      {
-        className: `origin-center transition-all ease-out duration-150 ${open ? "rotate-45" : ""}`
-      }
-    )), /* @__PURE__ */ React.createElement(DropdownMenuContent$1, { className: "max-h-48 overflow-y-auto" }, templates.length > 10 && /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        type: "text",
-        placeholder: "Filter templates...",
-        className: "w-full p-2 border border-gray-300 rounded",
-        onChange: filterChange
-      }
-    ), /* @__PURE__ */ React.createElement(DropdownMenuSeparator$1, null), filteredTemplates.map((template) => /* @__PURE__ */ React.createElement(
-      DropdownMenuItem$1,
+    return /* @__PURE__ */ React.createElement(DropdownMenu$1, { modal: false, open, onOpenChange }, /* @__PURE__ */ React.createElement(DropdownMenuTrigger$1, { asChild: true }, /* @__PURE__ */ React.createElement(ToolbarButton, { showArrow: true, isDropdown: true, pressed: open, tooltip: "Embed" }, "Embed")), /* @__PURE__ */ React.createElement(
+      DropdownMenuContent$1,
       {
-        key: template.name,
-        onMouseDown: (e3) => {
-          e3.preventDefault();
-          setOpen(false);
-          insertMDX(editor, template);
-        },
-        className: ""
+        align: "start",
+        className: "max-h-72 overflow-y-auto border-border rounded-none rounded-bl rounded-br"
       },
-      template.label || template.name
-    ))));
+      templates.length > 10 && /* @__PURE__ */ React.createElement(
+        "input",
+        {
+          type: "text",
+          placeholder: "Filter templates...",
+          className: "w-full p-2 border border-gray-300 rounded",
+          onChange: filterChange
+        }
+      ),
+      filteredTemplates.map((template) => /* @__PURE__ */ React.createElement(
+        DropdownMenuItem$1,
+        {
+          key: template.name,
+          onMouseDown: (e3) => {
+            e3.preventDefault();
+            onOpenChange(false);
+            insertMDX(editor, template);
+          },
+          className: ""
+        },
+        template.label || template.name
+      ))
+    ));
   };
   const MarkToolbarButton = cn$2.withRef(({ clear, nodeType, ...rest }, ref) => {
     const state = useMarkToolbarButtonState({ clear, nodeType });

package/dist/index.mjs

@@ -34643,25 +34643,6 @@ function ItalicIcon(props) {
     ))
   );
 }
-function PlusIcon({ className = "" }) {
-  return /* @__PURE__ */ React__default.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      className: `h-4 w-4 ${className}`,
-      viewBox: "0 0 20 20",
-      fill: "currentColor"
-    },
-    /* @__PURE__ */ React__default.createElement(
-      "path",
-      {
-        fillRule: "evenodd",
-        d: "M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z",
-        clipRule: "evenodd"
-      }
-    )
-  );
-}
 var useComboboxInput = ({
   autoFocus = true,
   cancelInputOnArrowLeftRight = true,
@@ -37060,7 +37041,7 @@ const DropdownMenuLabel = withVariants(
   dropdownMenuLabelVariants,
   ["inset"]
 );
-const DropdownMenuSeparator$1 = withCn(
+withCn(
   DropdownMenuPrimitive.Separator,
   "-mx-1 my-1 h-px bg-muted"
 );
@@ -46615,7 +46596,7 @@ function formatDistanceToNow(dirtyDate, options) {
   requiredArgs(1, arguments);
   return formatDistance2(dirtyDate, Date.now(), options);
 }
-const version$1 = "2.10.0";
+const version$1 = "2.10.1";
 const VersionInfo = () => {
   var _a2, _b, _c, _d, _e, _f;
   const cms = useCMS();
@@ -66056,33 +66037,40 @@ function HeadingsMenu(props) {
     },
     /* @__PURE__ */ React__default.createElement(SelectedItemIcon, { className: "size-5" }),
     /* @__PURE__ */ React__default.createElement("span", { className: "@md/toolbar:flex hidden" }, selectedItemLabel)
-  )), /* @__PURE__ */ React__default.createElement(DropdownMenuContent$1, { align: "start", className: "min-w-0 rounded-md" }, /* @__PURE__ */ React__default.createElement(
-    DropdownMenuRadioGroup,
+  )), /* @__PURE__ */ React__default.createElement(
+    DropdownMenuContent$1,
     {
-      className: "flex flex-col gap-0.5",
-      onValueChange: (type) => {
-        editor.tf.toggleBlock(type);
-        editor.tf.collapse();
-        editor.tf.focus();
-      },
-      value
+      align: "start",
+      className: "min-w-0 rounded-none rounded-bl rounded-br border-border"
     },
-    items$1.filter((item) => {
-      if (userInTable) {
-        return !unsupportedItemsInTable.has(item.label);
-      }
-      return true;
-    }).map(({ icon: Icon, label, value: itemValue }) => /* @__PURE__ */ React__default.createElement(
-      DropdownMenuRadioItem,
+    /* @__PURE__ */ React__default.createElement(
+      DropdownMenuRadioGroup,
       {
-        className: "min-w-[180px]",
-        key: itemValue,
-        value: itemValue
+        className: "flex flex-col gap-0.5",
+        onValueChange: (type) => {
+          editor.tf.toggleBlock(type);
+          editor.tf.collapse();
+          editor.tf.focus();
+        },
+        value
       },
-      /* @__PURE__ */ React__default.createElement(Icon, { className: "mr-2 size-5" }),
-      label
-    ))
-  ))));
+      items$1.filter((item) => {
+        if (userInTable) {
+          return !unsupportedItemsInTable.has(item.label);
+        }
+        return true;
+      }).map(({ icon: Icon, label, value: itemValue }) => /* @__PURE__ */ React__default.createElement(
+        DropdownMenuRadioItem,
+        {
+          className: "min-w-[180px]",
+          key: itemValue,
+          value: itemValue
+        },
+        /* @__PURE__ */ React__default.createElement(Icon, { className: "mr-2 size-5" }),
+        label
+      ))
+    )
+  )));
 }
 const useCodeBlockToolbarButtonState = () => {
   const editor = useEditorState();
@@ -66316,7 +66304,7 @@ function TemplatesToolbarButton() {
   return /* @__PURE__ */ React__default.createElement(EmbedButton, { templates, editor });
 }
 const EmbedButton = ({ editor, templates }) => {
-  const [open, setOpen] = useState(false);
+  const { open, onOpenChange } = useOpenState();
   const [filteredTemplates, setFilteredTemplates] = useState(templates);
   const filterChange = (e3) => {
     const filterText = e3.target.value.toLowerCase();
@@ -66326,32 +66314,35 @@ const EmbedButton = ({ editor, templates }) => {
       )
     );
   };
-  return /* @__PURE__ */ React__default.createElement(DropdownMenu$1, { open, onOpenChange: setOpen }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger$1, { className: "inline-flex items-center rounded-full text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg:not([data-icon])]:size-5 h-9 px-2 bg-transparent hover:bg-muted hover:text-muted-foreground aria-checked:bg-accent aria-checked:text-accent-foreground my-1 justify-between pr-1" }, /* @__PURE__ */ React__default.createElement("span", { className: "flex" }, "Embed"), /* @__PURE__ */ React__default.createElement(
-    PlusIcon,
-    {
-      className: `origin-center transition-all ease-out duration-150 ${open ? "rotate-45" : ""}`
-    }
-  )), /* @__PURE__ */ React__default.createElement(DropdownMenuContent$1, { className: "max-h-48 overflow-y-auto" }, templates.length > 10 && /* @__PURE__ */ React__default.createElement(
-    "input",
-    {
-      type: "text",
-      placeholder: "Filter templates...",
-      className: "w-full p-2 border border-gray-300 rounded",
-      onChange: filterChange
-    }
-  ), /* @__PURE__ */ React__default.createElement(DropdownMenuSeparator$1, null), filteredTemplates.map((template) => /* @__PURE__ */ React__default.createElement(
-    DropdownMenuItem$1,
+  return /* @__PURE__ */ React__default.createElement(DropdownMenu$1, { modal: false, open, onOpenChange }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger$1, { asChild: true }, /* @__PURE__ */ React__default.createElement(ToolbarButton, { showArrow: true, isDropdown: true, pressed: open, tooltip: "Embed" }, "Embed")), /* @__PURE__ */ React__default.createElement(
+    DropdownMenuContent$1,
     {
-      key: template.name,
-      onMouseDown: (e3) => {
-        e3.preventDefault();
-        setOpen(false);
-        insertMDX(editor, template);
-      },
-      className: ""
+      align: "start",
+      className: "max-h-72 overflow-y-auto border-border rounded-none rounded-bl rounded-br"
     },
-    template.label || template.name
-  ))));
+    templates.length > 10 && /* @__PURE__ */ React__default.createElement(
+      "input",
+      {
+        type: "text",
+        placeholder: "Filter templates...",
+        className: "w-full p-2 border border-gray-300 rounded",
+        onChange: filterChange
+      }
+    ),
+    filteredTemplates.map((template) => /* @__PURE__ */ React__default.createElement(
+      DropdownMenuItem$1,
+      {
+        key: template.name,
+        onMouseDown: (e3) => {
+          e3.preventDefault();
+          onOpenChange(false);
+          insertMDX(editor, template);
+        },
+        className: ""
+      },
+      template.label || template.name
+    ))
+  ));
 };
 const MarkToolbarButton = withRef$1(({ clear, nodeType, ...rest }, ref) => {
   const state = useMarkToolbarButtonState({ clear, nodeType });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "2.10.0",
+  "version": "2.10.1",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -140,14 +140,14 @@
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
-    "@tinacms/mdx": "1.8.2",
-    "@tinacms/schema-tools": "1.10.0",
-    "@tinacms/search": "1.1.2"
+    "@tinacms/schema-tools": "1.10.1",
+    "@tinacms/mdx": "1.8.3",
+    "@tinacms/search": "1.1.3"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/jest-dom": "^6.7.0",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/atob": "^2.1.4",
@@ -158,7 +158,6 @@
     "@types/react": "^18.3.18",
     "@types/react-color": "^3.0.13",
     "@types/react-dom": "^18.3.5",
-    "@types/yup": "^0.32.0",
     "happy-dom": "15.10.2",
     "identity-obj-proxy": "^3.0.0",
     "isomorphic-fetch": "^3.0.0",