tinacms 2.0.0 → 2.1.0

package/dist/index.js

@@ -3699,7 +3699,18 @@ var __publicField = (obj, key, value) => {
     "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
     "application/msword",
     "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-    "image/*"
+    "application/postscript",
+    "model/fbx",
+    "model/gltf+json",
+    "model/ply",
+    "model/u3d+mesh",
+    "model/vnd.usdz+zip",
+    "application/x-indesign",
+    "application/vnd.apple.mpegurl",
+    "application/dash+xml",
+    "application/mxf",
+    "image/*",
+    "video/*"
   ];
   const DEFAULT_MEDIA_UPLOAD_TYPES = supportedFileTypes.join(",");
   const dropzoneAcceptFromString = (str) => {
@@ -12770,6 +12781,7 @@ var __publicField = (obj, key, value) => {
   const EMBED_ICON_WIDTH = 85;
   function Toolbar({
     templates,
+    toolbarOverride,
     tinaForm
   }) {
     const { setRawMode } = useEditorContext();
@@ -12785,8 +12797,8 @@ var __publicField = (obj, key, value) => {
     const codeBlockActive = helpers.isNodeActive(editor, plateHeadless.ELEMENT_CODE_BLOCK);
     const blockQuoteActive = helpers.isNodeActive(editor, plateHeadless.ELEMENT_BLOCKQUOTE);
     const isImgActive = helpers.isNodeActive(editor, ELEMENT_IMG);
-    const toolbarItems = [
-      {
+    const toolbarItemLookup = {
+      heading: {
         tinaForm,
         name: "heading",
         label: "Heading",
@@ -12807,19 +12819,19 @@ var __publicField = (obj, key, value) => {
           item.render
         ))
       },
-      {
+      link: {
         tinaForm,
         name: "link",
         label: "Link",
         active: isLinkActive2
       },
-      {
+      image: {
         tinaForm,
         name: "image",
         label: "Image",
         active: isImgActive
       },
-      {
+      quote: {
         tinaForm,
         name: "quote",
         label: "Quote",
@@ -12830,7 +12842,7 @@ var __publicField = (obj, key, value) => {
           plateHeadless.toggleNodeType(editor, { activeType: plateHeadless.ELEMENT_BLOCKQUOTE });
         }
       },
-      {
+      ul: {
         tinaForm,
         name: "ul",
         label: "Bullet List",
@@ -12841,7 +12853,7 @@ var __publicField = (obj, key, value) => {
           plateHeadless.toggleList(editor, { type: plateHeadless.ELEMENT_UL });
         }
       },
-      {
+      ol: {
         tinaForm,
         name: "ol",
         label: "List",
@@ -12852,7 +12864,7 @@ var __publicField = (obj, key, value) => {
           plateHeadless.toggleList(editor, { type: plateHeadless.ELEMENT_OL });
         }
       },
-      {
+      code: {
         tinaForm,
         name: "code",
         label: "Code",
@@ -12863,7 +12875,7 @@ var __publicField = (obj, key, value) => {
           plateHeadless.toggleMark(editor, { key: plateHeadless.MARK_CODE });
         }
       },
-      {
+      codeBlock: {
         tinaForm,
         name: "codeBlock",
         label: "Code Block",
@@ -12874,7 +12886,7 @@ var __publicField = (obj, key, value) => {
           insertEmptyCodeBlock(editor);
         }
       },
-      {
+      bold: {
         tinaForm,
         name: "bold",
         label: "Bold",
@@ -12885,7 +12897,7 @@ var __publicField = (obj, key, value) => {
           plateHeadless.toggleMark(editor, { key: plateHeadless.MARK_BOLD });
         }
       },
-      {
+      italic: {
         tinaForm,
         name: "italic",
         label: "Italic",
@@ -12896,14 +12908,15 @@ var __publicField = (obj, key, value) => {
           plateHeadless.toggleMark(editor, { key: plateHeadless.MARK_ITALIC });
         }
       },
-      {
+      raw: {
         tinaForm,
         name: "raw",
         label: "Raw",
         active: false,
         onMouseDown: () => setRawMode(true)
       }
-    ];
+    };
+    const toolbarItems = toolbarOverride === void 0 ? Object.values(toolbarItemLookup) : toolbarOverride.map((item) => toolbarItemLookup[item]).filter((item) => item !== void 0);
     const [itemsShown, setItemsShown] = React__namespace.useState(toolbarItems.length);
     useResize(toolbarRef, (entry) => {
       const width = entry.target.getBoundingClientRect().width;
@@ -13048,10 +13061,11 @@ var __publicField = (obj, key, value) => {
     ))));
   }
   const RichEditor = (props) => {
+    var _a;
     const initialValue = React.useMemo(
       () => {
-        var _a, _b;
-        return ((_b = (_a = props.input.value) == null ? void 0 : _a.children) == null ? void 0 : _b.length) ? props.input.value.children.map(helpers.normalize) : [{ type: "p", children: [{ type: "text", text: "" }] }];
+        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: "" }] }];
       },
       []
     );
@@ -13079,8 +13093,8 @@ var __publicField = (obj, key, value) => {
     React.useEffect(() => {
       if (ref.current) {
         setTimeout(() => {
-          var _a;
-          const plateElement = (_a = ref.current) == null ? void 0 : _a.querySelector(
+          var _a2;
+          const plateElement = (_a2 = ref.current) == null ? void 0 : _a2.querySelector(
             '[role="textbox"]'
           );
           if (props.field.experimental_focusIntent && plateElement) {
@@ -13106,6 +13120,7 @@ var __publicField = (obj, key, value) => {
           Toolbar,
           {
             tinaForm: props.tinaForm,
+            toolbarOverride: (_a = props.field) == null ? void 0 : _a.toolbarOverride,
             templates: props.field.templates,
             inlineOnly: false
           }
@@ -13115,38 +13130,36 @@ var __publicField = (obj, key, value) => {
   };
   const MdxFieldPlugin = {
     name: "rich-text",
-    Component: wrapFieldsWithMeta(
-      (props) => {
-        const [rawMode, setRawMode] = React.useState(false);
-        const [key, setKey] = React.useState(0);
-        React.useMemo(() => {
-          const { reset } = props.form;
-          props.form.reset = (initialValues) => {
-            setKey((key2) => key2 + 1);
-            return reset(initialValues);
-          };
-        }, []);
-        return /* @__PURE__ */ React.createElement(
-          EditorContext.Provider,
+    Component: wrapFieldsWithMeta((props) => {
+      const [rawMode, setRawMode] = React.useState(false);
+      const [key, setKey] = React.useState(0);
+      React.useMemo(() => {
+        const { reset } = props.form;
+        props.form.reset = (initialValues) => {
+          setKey((key2) => key2 + 1);
+          return reset(initialValues);
+        };
+      }, []);
+      return /* @__PURE__ */ React.createElement(
+        EditorContext.Provider,
+        {
+          key,
+          value: {
+            fieldName: props.field.name,
+            templates: props.field.templates,
+            rawMode,
+            setRawMode
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
           {
-            key,
-            value: {
-              fieldName: props.field.name,
-              templates: props.field.templates,
-              rawMode,
-              setRawMode
-            }
+            className: "min-h-[100px] max-w-full tina-prose relative shadow-inner focus-within:shadow-outline focus-within:border-blue-500 block w-full bg-white border border-gray-200 text-gray-600 focus-within:text-gray-900 rounded-md px-3 py-2"
           },
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: "min-h-[100px] max-w-full tina-prose relative shadow-inner focus-within:shadow-outline focus-within:border-blue-500 block w-full bg-white border border-gray-200 text-gray-600 focus-within:text-gray-900 rounded-md px-3 py-2"
-            },
-            /* @__PURE__ */ React.createElement(RichEditor, { ...props })
-          )
-        );
-      }
-    )
+          /* @__PURE__ */ React.createElement(RichEditor, { ...props })
+        )
+      );
+    })
   };
   const MdxFieldPluginExtendible = {
     name: "rich-text",
@@ -13157,37 +13170,35 @@ var __publicField = (obj, key, value) => {
         return void 0;
       }
     },
-    Component: wrapFieldsWithMeta(
-      (props) => {
-        const [key, setKey] = React.useState(0);
-        React.useMemo(() => {
-          const { reset } = props.form;
-          props.form.reset = (initialValues) => {
-            setKey((key2) => key2 + 1);
-            return reset(initialValues);
-          };
-        }, []);
-        return /* @__PURE__ */ React.createElement(
-          EditorContext.Provider,
+    Component: wrapFieldsWithMeta((props) => {
+      const [key, setKey] = React.useState(0);
+      React.useMemo(() => {
+        const { reset } = props.form;
+        props.form.reset = (initialValues) => {
+          setKey((key2) => key2 + 1);
+          return reset(initialValues);
+        };
+      }, []);
+      return /* @__PURE__ */ React.createElement(
+        EditorContext.Provider,
+        {
+          key,
+          value: {
+            fieldName: props.field.name,
+            templates: props.field.templates,
+            rawMode: props.rawMode,
+            setRawMode: props.setRawMode
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
           {
-            key,
-            value: {
-              fieldName: props.field.name,
-              templates: props.field.templates,
-              rawMode: props.rawMode,
-              setRawMode: props.setRawMode
-            }
+            className: "min-h-[100px] max-w-full tina-prose relative shadow-inner focus-within:shadow-outline focus-within:border-blue-500 block w-full bg-white border border-gray-200 text-gray-600 focus-within:text-gray-900 rounded-md px-3 py-2"
           },
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: "min-h-[100px] max-w-full tina-prose relative shadow-inner focus-within:shadow-outline focus-within:border-blue-500 block w-full bg-white border border-gray-200 text-gray-600 focus-within:text-gray-900 rounded-md px-3 py-2"
-            },
-            props.rawMode ? props.rawEditor : /* @__PURE__ */ React.createElement(RichEditor, { ...props })
-          )
-        );
-      }
-    )
+          props.rawMode ? props.rawEditor : /* @__PURE__ */ React.createElement(RichEditor, { ...props })
+        )
+      );
+    })
   };
   class FormMetaPlugin {
     constructor(options) {

package/dist/index.mjs

@@ -3706,7 +3706,18 @@ const supportedFileTypes = [
   "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
   "application/msword",
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-  "image/*"
+  "application/postscript",
+  "model/fbx",
+  "model/gltf+json",
+  "model/ply",
+  "model/u3d+mesh",
+  "model/vnd.usdz+zip",
+  "application/x-indesign",
+  "application/vnd.apple.mpegurl",
+  "application/dash+xml",
+  "application/mxf",
+  "image/*",
+  "video/*"
 ];
 const DEFAULT_MEDIA_UPLOAD_TYPES = supportedFileTypes.join(",");
 const dropzoneAcceptFromString = (str) => {
@@ -12777,6 +12788,7 @@ const ICON_WIDTH = 40;
 const EMBED_ICON_WIDTH = 85;
 function Toolbar({
   templates,
+  toolbarOverride,
   tinaForm
 }) {
   const { setRawMode } = useEditorContext();
@@ -12792,8 +12804,8 @@ function Toolbar({
   const codeBlockActive = helpers.isNodeActive(editor, ELEMENT_CODE_BLOCK);
   const blockQuoteActive = helpers.isNodeActive(editor, ELEMENT_BLOCKQUOTE);
   const isImgActive = helpers.isNodeActive(editor, ELEMENT_IMG);
-  const toolbarItems = [
-    {
+  const toolbarItemLookup = {
+    heading: {
       tinaForm,
       name: "heading",
       label: "Heading",
@@ -12814,19 +12826,19 @@ function Toolbar({
         item.render
       ))
     },
-    {
+    link: {
       tinaForm,
       name: "link",
       label: "Link",
       active: isLinkActive2
     },
-    {
+    image: {
       tinaForm,
       name: "image",
       label: "Image",
       active: isImgActive
     },
-    {
+    quote: {
       tinaForm,
       name: "quote",
       label: "Quote",
@@ -12837,7 +12849,7 @@ function Toolbar({
         toggleNodeType(editor, { activeType: ELEMENT_BLOCKQUOTE });
       }
     },
-    {
+    ul: {
       tinaForm,
       name: "ul",
       label: "Bullet List",
@@ -12848,7 +12860,7 @@ function Toolbar({
         toggleList(editor, { type: ELEMENT_UL });
       }
     },
-    {
+    ol: {
       tinaForm,
       name: "ol",
       label: "List",
@@ -12859,7 +12871,7 @@ function Toolbar({
         toggleList(editor, { type: ELEMENT_OL });
       }
     },
-    {
+    code: {
       tinaForm,
       name: "code",
       label: "Code",
@@ -12870,7 +12882,7 @@ function Toolbar({
         toggleMark(editor, { key: MARK_CODE });
       }
     },
-    {
+    codeBlock: {
       tinaForm,
       name: "codeBlock",
       label: "Code Block",
@@ -12881,7 +12893,7 @@ function Toolbar({
         insertEmptyCodeBlock(editor);
       }
     },
-    {
+    bold: {
       tinaForm,
       name: "bold",
       label: "Bold",
@@ -12892,7 +12904,7 @@ function Toolbar({
         toggleMark(editor, { key: MARK_BOLD });
       }
     },
-    {
+    italic: {
       tinaForm,
       name: "italic",
       label: "Italic",
@@ -12903,14 +12915,15 @@ function Toolbar({
         toggleMark(editor, { key: MARK_ITALIC });
       }
     },
-    {
+    raw: {
       tinaForm,
       name: "raw",
       label: "Raw",
       active: false,
       onMouseDown: () => setRawMode(true)
     }
-  ];
+  };
+  const toolbarItems = toolbarOverride === void 0 ? Object.values(toolbarItemLookup) : toolbarOverride.map((item) => toolbarItemLookup[item]).filter((item) => item !== void 0);
   const [itemsShown, setItemsShown] = React.useState(toolbarItems.length);
   useResize(toolbarRef, (entry) => {
     const width = entry.target.getBoundingClientRect().width;
@@ -13055,10 +13068,11 @@ function ErrorMessage({ error }) {
   ))));
 }
 const RichEditor = (props) => {
+  var _a;
   const initialValue = React__default.useMemo(
     () => {
-      var _a, _b;
-      return ((_b = (_a = props.input.value) == null ? void 0 : _a.children) == null ? void 0 : _b.length) ? props.input.value.children.map(helpers.normalize) : [{ type: "p", children: [{ type: "text", text: "" }] }];
+      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: "" }] }];
     },
     []
   );
@@ -13086,8 +13100,8 @@ const RichEditor = (props) => {
   React__default.useEffect(() => {
     if (ref.current) {
       setTimeout(() => {
-        var _a;
-        const plateElement = (_a = ref.current) == null ? void 0 : _a.querySelector(
+        var _a2;
+        const plateElement = (_a2 = ref.current) == null ? void 0 : _a2.querySelector(
           '[role="textbox"]'
         );
         if (props.field.experimental_focusIntent && plateElement) {
@@ -13113,6 +13127,7 @@ const RichEditor = (props) => {
         Toolbar,
         {
           tinaForm: props.tinaForm,
+          toolbarOverride: (_a = props.field) == null ? void 0 : _a.toolbarOverride,
           templates: props.field.templates,
           inlineOnly: false
         }
@@ -13122,38 +13137,36 @@ const RichEditor = (props) => {
 };
 const MdxFieldPlugin = {
   name: "rich-text",
-  Component: wrapFieldsWithMeta(
-    (props) => {
-      const [rawMode, setRawMode] = React__default.useState(false);
-      const [key, setKey] = React__default.useState(0);
-      React__default.useMemo(() => {
-        const { reset } = props.form;
-        props.form.reset = (initialValues) => {
-          setKey((key2) => key2 + 1);
-          return reset(initialValues);
-        };
-      }, []);
-      return /* @__PURE__ */ React__default.createElement(
-        EditorContext.Provider,
+  Component: wrapFieldsWithMeta((props) => {
+    const [rawMode, setRawMode] = React__default.useState(false);
+    const [key, setKey] = React__default.useState(0);
+    React__default.useMemo(() => {
+      const { reset } = props.form;
+      props.form.reset = (initialValues) => {
+        setKey((key2) => key2 + 1);
+        return reset(initialValues);
+      };
+    }, []);
+    return /* @__PURE__ */ React__default.createElement(
+      EditorContext.Provider,
+      {
+        key,
+        value: {
+          fieldName: props.field.name,
+          templates: props.field.templates,
+          rawMode,
+          setRawMode
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(
+        "div",
         {
-          key,
-          value: {
-            fieldName: props.field.name,
-            templates: props.field.templates,
-            rawMode,
-            setRawMode
-          }
+          className: "min-h-[100px] max-w-full tina-prose relative shadow-inner focus-within:shadow-outline focus-within:border-blue-500 block w-full bg-white border border-gray-200 text-gray-600 focus-within:text-gray-900 rounded-md px-3 py-2"
         },
-        /* @__PURE__ */ React__default.createElement(
-          "div",
-          {
-            className: "min-h-[100px] max-w-full tina-prose relative shadow-inner focus-within:shadow-outline focus-within:border-blue-500 block w-full bg-white border border-gray-200 text-gray-600 focus-within:text-gray-900 rounded-md px-3 py-2"
-          },
-          /* @__PURE__ */ React__default.createElement(RichEditor, { ...props })
-        )
-      );
-    }
-  )
+        /* @__PURE__ */ React__default.createElement(RichEditor, { ...props })
+      )
+    );
+  })
 };
 const MdxFieldPluginExtendible = {
   name: "rich-text",
@@ -13164,37 +13177,35 @@ const MdxFieldPluginExtendible = {
       return void 0;
     }
   },
-  Component: wrapFieldsWithMeta(
-    (props) => {
-      const [key, setKey] = React__default.useState(0);
-      React__default.useMemo(() => {
-        const { reset } = props.form;
-        props.form.reset = (initialValues) => {
-          setKey((key2) => key2 + 1);
-          return reset(initialValues);
-        };
-      }, []);
-      return /* @__PURE__ */ React__default.createElement(
-        EditorContext.Provider,
+  Component: wrapFieldsWithMeta((props) => {
+    const [key, setKey] = React__default.useState(0);
+    React__default.useMemo(() => {
+      const { reset } = props.form;
+      props.form.reset = (initialValues) => {
+        setKey((key2) => key2 + 1);
+        return reset(initialValues);
+      };
+    }, []);
+    return /* @__PURE__ */ React__default.createElement(
+      EditorContext.Provider,
+      {
+        key,
+        value: {
+          fieldName: props.field.name,
+          templates: props.field.templates,
+          rawMode: props.rawMode,
+          setRawMode: props.setRawMode
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(
+        "div",
         {
-          key,
-          value: {
-            fieldName: props.field.name,
-            templates: props.field.templates,
-            rawMode: props.rawMode,
-            setRawMode: props.setRawMode
-          }
+          className: "min-h-[100px] max-w-full tina-prose relative shadow-inner focus-within:shadow-outline focus-within:border-blue-500 block w-full bg-white border border-gray-200 text-gray-600 focus-within:text-gray-900 rounded-md px-3 py-2"
         },
-        /* @__PURE__ */ React__default.createElement(
-          "div",
-          {
-            className: "min-h-[100px] max-w-full tina-prose relative shadow-inner focus-within:shadow-outline focus-within:border-blue-500 block w-full bg-white border border-gray-200 text-gray-600 focus-within:text-gray-900 rounded-md px-3 py-2"
-          },
-          props.rawMode ? props.rawEditor : /* @__PURE__ */ React__default.createElement(RichEditor, { ...props })
-        )
-      );
-    }
-  )
+        props.rawMode ? props.rawEditor : /* @__PURE__ */ React__default.createElement(RichEditor, { ...props })
+      )
+    );
+  })
 };
 class FormMetaPlugin {
   constructor(options) {

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

@@ -1,14 +1,17 @@
 import React from 'react';
 import { InputProps } from 'react-select/lib/components/Input';
 import { InputFieldType } from '../wrap-field-with-meta';
+import { toolbarItemName } from './plate/plugins/ui/toolbar';
 import type { MdxTemplate } from './plate/types';
 export declare type RichTextType = React.PropsWithChildren<InputFieldType<InputProps, {
     templates: MdxTemplate[];
+    toolbarOverride?: toolbarItemName[];
 }>>;
 export declare const MdxFieldPlugin: {
     name: string;
     Component: (props: InputFieldType<InputProps, {
         templates: MdxTemplate[];
+        toolbarOverride?: toolbarItemName[];
     }>) => React.JSX.Element;
 };
 export declare const MdxFieldPluginExtendible: {
@@ -16,5 +19,6 @@ export declare const MdxFieldPluginExtendible: {
     validate(value: any): string;
     Component: (props: InputFieldType<InputProps, {
         templates: MdxTemplate[];
+        toolbarOverride?: toolbarItemName[];
     }>) => React.JSX.Element;
 };

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

@@ -1,13 +1,16 @@
 import * as React from 'react';
 import type { MdxTemplate } from '../../../types';
 import type { Form } from '../../../../../../../forms';
-export declare function Toolbar({ templates, tinaForm, }: {
+export declare type toolbarItemName = 'heading' | 'link' | 'image' | 'quote' | 'ul' | 'ol' | 'code' | 'codeBlock' | 'bold' | 'italic' | 'raw';
+export declare function Toolbar({ templates, toolbarOverride, tinaForm, }: {
     tinaForm: Form;
     inlineOnly: boolean;
     templates: MdxTemplate[];
+    toolbarOverride?: toolbarItemName[];
 }): React.JSX.Element;
-export declare const FloatingToolbar: ({ templates, tinaForm, }: {
+export declare const FloatingToolbar: ({ templates, tinaForm, toolbarOverride, }: {
     tinaForm: Form;
     templates: MdxTemplate[];
+    toolbarOverride?: toolbarItemName[];
 }) => React.JSX.Element;
 export declare const FloatingLink: () => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -90,9 +90,9 @@
     "webfontloader": "1.6.28",
     "yup": "^0.32.0",
     "zod": "^3.14.3",
-    "@tinacms/mdx": "1.3.28",
-    "@tinacms/schema-tools": "1.4.19",
-    "@tinacms/search": "1.0.23"
+    "@tinacms/mdx": "1.3.29",
+    "@tinacms/schema-tools": "1.5.0",
+    "@tinacms/search": "1.0.24"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^8.6.1",