tinacms 3.6.2 → 3.7.0

package/dist/rich-text/index.d.ts

@@ -43,6 +43,10 @@ type BaseComponents = {
     code?: {
         children: JSX.Element;
     };
+    highlight?: {
+        children: JSX.Element;
+        color?: string;
+    };
     text?: {
         children: string;
     };

package/dist/rich-text/index.js

@@ -55,6 +55,20 @@ const Leaf = (props) => {
     }
     return /* @__PURE__ */ React.createElement("code", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
   }
+  if (props.highlight) {
+    const { highlight, highlightColor, ...rest } = props;
+    if (props.components.highlight) {
+      const Component = props.components.highlight;
+      return /* @__PURE__ */ React.createElement(Component, { color: highlightColor }, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
+    }
+    return /* @__PURE__ */ React.createElement(
+      "mark",
+      {
+        style: highlightColor ? { backgroundColor: highlightColor } : void 0
+      },
+      /* @__PURE__ */ React.createElement(Leaf, { ...rest })
+    );
+  }
   if (props.components.text) {
     const Component = props.components.text;
     return /* @__PURE__ */ React.createElement(Component, null, props.text);

package/dist/toolkit/components/dashboard/dashboard-ui.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare const DashboardLoadingState: ({ message, progress, }: {
+    message: string;
+    progress?: {
+        value: number;
+        label?: string;
+    };
+}) => React.JSX.Element;
+export declare const DashboardErrorState: ({ message }: {
+    message: string;
+}) => React.JSX.Element;
+export declare const DashboardTitleBar: ({ title, icon, controls, }: {
+    title: string;
+    icon: React.ReactNode;
+    controls?: React.ReactNode;
+}) => React.JSX.Element;

package/dist/toolkit/components/dashboard/media-usage-dashboard/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ScreenComponentProps } from '../../../react-screens';
+/**
+ * Media Usage Dashboard component that displays media files and their usage across the CMS
+ */
+export declare const MediaUsageDashboard: ({ close: onClose, }: ScreenComponentProps) => React.JSX.Element;

package/dist/toolkit/components/dashboard/media-usage-dashboard/media-lightbox.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { MediaUsage } from './media-usage-scanner';
+export declare const MediaLightbox: ({ item, onClose, }: {
+    item: MediaUsage | null;
+    onClose: () => void;
+}) => React.JSX.Element;

package/dist/toolkit/components/dashboard/media-usage-dashboard/media-usage-scanner.d.ts

@@ -0,0 +1,21 @@
+import type { Media } from '../../../core/media';
+import { TinaCMS } from '@tinacms/toolkit';
+export interface DocumentReference {
+    collectionName: string;
+    collectionLabel: string;
+    breadcrumbs: string[];
+    editUrl: string;
+}
+export interface MediaUsage {
+    media: Media;
+    type: 'image' | 'video' | 'other';
+    usedIn: DocumentReference[];
+}
+/**
+ * Scans all media items in the CMS and counts their usage
+ * (multiple occurrences in a single document counts as 1 occurrence) across all documents in all collections.
+ * @param cms - The CMS instance
+ * @param onProgress - Optional callback invoked with progress percentage (0–100) as collections are scanned
+ * @returns A Promise resolving to an array of MediaItems with populated usage metrics
+ */
+export declare const scanAllMedia: (cms: TinaCMS, onProgress?: (percent: number) => void) => Promise<MediaUsage[]>;

package/dist/toolkit/components/dashboard/media-usage-dashboard/media-usage-table.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { MediaUsage } from './media-usage-scanner';
+export declare const MediaUsageTable: ({ mediaItems, onClose, onPreview, }: {
+    mediaItems: MediaUsage[];
+    onClose?: () => void;
+    onPreview: (item: MediaUsage) => void;
+}) => React.JSX.Element;

package/dist/toolkit/components/dashboard/media-usage-dashboard/media-usage-thumbnails.d.ts

@@ -0,0 +1,5 @@
+export declare const MEDIA_USAGE_THUMBNAIL_SIZE: {
+    readonly w: 75;
+    readonly h: 75;
+};
+export declare const MEDIA_USAGE_THUMBNAIL_KEY: string;

package/dist/toolkit/components/dashboard/media-usage-dashboard/useMediaUsageScanner.d.ts

@@ -0,0 +1,8 @@
+import { type MediaUsage } from './media-usage-scanner';
+export declare const useMediaUsageScanner: () => {
+    mediaItems: MediaUsage[];
+    isLoading: boolean;
+    errorOccurred: boolean;
+    progress: number;
+    refresh: () => Promise<void>;
+};

package/dist/toolkit/components/ui/dialog.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
+declare namespace DialogTitle {
+    var displayName: string;
+}
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
+declare namespace DialogDescription {
+    var displayName: string;
+}
+export { Dialog, DialogOverlay, DialogContent, DialogTitle, DialogDescription };

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/components/plate-ui/icons.d.ts

@@ -64,6 +64,7 @@ export declare const Icons: {
     row: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     search: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     settings: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    highlight: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     strikethrough: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     subscript: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     superscript: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

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

@@ -3,3 +3,4 @@ export declare const BoldToolbarButton: () => React.JSX.Element;
 export declare const StrikethroughToolbarButton: () => React.JSX.Element;
 export declare const ItalicToolbarButton: () => React.JSX.Element;
 export declare const CodeToolbarButton: () => React.JSX.Element;
+export declare const HighlightToolbarButton: () => React.JSX.Element;

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

@@ -3,7 +3,7 @@ import { AutoformatRule } from '@udecode/plate-autoformat';
 import { ListStyleType } from '@udecode/plate-indent-list';
 import { createLowlight } from 'lowlight';
 export declare const HANDLES_MDX: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p")[];
-export declare const viewPlugins: readonly [import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"basicMarks", {}, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"underline", {}, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"heading", {
+export declare const viewPlugins: readonly [import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"basicMarks", {}, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"underline", {}, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"highlight", {}, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"heading", {
     levels?: import("@udecode/plate-heading").HeadingLevel | import("@udecode/plate-heading").HeadingLevel[];
 }, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"p", {}, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"code_block", {
     defaultLanguage?: string | null;
@@ -13,7 +13,7 @@ export declare const editorPlugins: readonly [import("@udecode/plate/react").Pla
     isElement: boolean;
     isVoid: boolean;
     isInline: boolean;
-}, {}, {}, {}>>, import("@udecode/plate").SlatePlugin<import("@udecode/plate").PluginConfig<"WITH_CORRECT_NODE_BEHAVIOR", {}, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"a", {
+}, {}, {}, {}>>, import("@udecode/plate").SlatePlugin<import("@udecode/plate").PluginConfig<"WITH_CORRECT_NODE_BEHAVIOR", {}, {}, {}, {}>>, import("@udecode/plate").SlatePlugin<import("@udecode/plate").PluginConfig<"CLEAR_HIGHLIGHT_ON_ENTER", {}, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"a", {
     allowedSchemes?: string[];
     dangerouslySkipSanitization?: boolean;
     defaultLinkAttributes?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
@@ -337,7 +337,7 @@ export declare const editorPlugins: readonly [import("@udecode/plate/react").Pla
     };
 }, {}, {
     isOpen?: (editorId: string) => boolean;
-}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"basicMarks", {}, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"underline", {}, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"heading", {
+}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"basicMarks", {}, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"underline", {}, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"highlight", {}, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"heading", {
     levels?: import("@udecode/plate-heading").HeadingLevel | import("@udecode/plate-heading").HeadingLevel[];
 }, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"p", {}, {}, {}, {}>>, import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"code_block", {
     defaultLanguage?: string | null;

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

@@ -1,4 +1,5 @@
 import { CodeLinePlugin } from '@udecode/plate-code-block/react';
+import { PlateLeaf } from '@udecode/plate/react';
 import React from 'react';
 import { CodeLeaf } from '../../components/plate-ui/code-leaf';
 import { CodeSyntaxLeaf } from '../../components/plate-ui/code-syntax-leaf';
@@ -207,6 +208,7 @@ export declare const Components: () => {
     }, "ref"> & React.RefAttributes<unknown>>;
     a: typeof LinkElement;
     code: typeof CodeLeaf;
+    highlight: ({ leaf, ...props }: React.ComponentProps<typeof PlateLeaf>) => React.JSX.Element;
     underline: React.ForwardRefExoticComponent<Omit<Omit<import("@udecode/plate/react").PlateLeafProps<import("@udecode/plate").TText, import("@udecode/plate").AnyPluginConfig>, keyof {
         className?: string;
         style?: React.CSSProperties;

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

@@ -1,4 +1,4 @@
-export type ToolbarOverrideType = 'heading' | 'link' | 'image' | 'quote' | 'ul' | 'ol' | 'code' | 'codeBlock' | 'bold' | 'strikethrough' | 'italic' | 'mermaid' | 'raw' | 'embed' | 'table' | 'hr';
+export type ToolbarOverrideType = 'heading' | 'link' | 'image' | 'quote' | 'ul' | 'ol' | 'code' | 'codeBlock' | 'bold' | 'italic' | 'strikethrough' | 'highlight' | 'mermaid' | 'raw' | 'embed' | 'table' | 'hr';
 export declare const STANDARD_ICON_WIDTH = 32;
 export declare const HEADING_ICON_WITH_TEXT = 127;
 export declare const HEADING_ICON_ONLY = 58;

package/dist/toolkit/form-builder/create-branch-modal.d.ts

@@ -1,10 +1,12 @@
 import * as React from 'react';
-export declare const CreateBranchModal: ({ close, safeSubmit, path, values, crudType, }: {
+import { Form } from '../forms';
+export declare const CreateBranchModal: ({ close, safeSubmit, path, values, crudType, tinaForm, }: {
     safeSubmit: () => Promise<void>;
     close: () => void;
     path: string;
     values: Record<string, unknown>;
     crudType: string;
+    tinaForm?: Form;
 }) => React.JSX.Element;
 export declare const PrefixedTextField: ({ label, prefix, ...props }: {
     [x: string]: any;

package/dist/toolkit/plugin-screens/media-usage-dashboard-screen.d.ts

@@ -0,0 +1 @@
+export declare const MediaUsageDashboardScreenPlugin: import("../react-screens").ScreenPlugin<unknown>;

package/dist/toolkit/react-screens/screen-plugin.d.ts

@@ -17,7 +17,7 @@ export interface ScreenPlugin<ExtraProps = {}> extends Plugin {
     Component(props: ScreenComponentProps & ExtraProps): React.ReactElement;
     Icon: any;
     layout: 'fullscreen' | 'popup';
-    navCategory?: 'Account' | 'Site';
+    navCategory?: 'Account' | 'Site' | 'Dashboard';
 }
 /**
  * The set of props passed to all Screen Components.
@@ -34,7 +34,7 @@ export interface ScreenOptions<ExtraProps = {}> {
     Icon: any;
     layout?: ScreenPlugin['layout'];
     props?: ExtraProps;
-    navCategory?: 'Account' | 'Site';
+    navCategory?: 'Account' | 'Site' | 'Dashboard';
 }
 /**
  * Creates screen plugins.

package/package.json

@@ -2,7 +2,7 @@
   "name": "tinacms",
   "type": "module",
   "typings": "dist/index.d.ts",
-  "version": "3.6.2",
+  "version": "3.7.0",
   "main": "dist/index.js",
   "module": "./dist/index.js",
   "exports": {
@@ -65,6 +65,7 @@
     "@udecode/plate-dnd": "^48.0.0",
     "@udecode/plate-floating": "^48.0.0",
     "@udecode/plate-heading": "^48",
+    "@udecode/plate-highlight": "^48",
     "@udecode/plate-horizontal-rule": "^48",
     "@udecode/plate-indent-list": "^48.0.0",
     "@udecode/plate-link": "^48.0.0",
@@ -111,9 +112,9 @@
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
+    "@tinacms/mdx": "2.1.0",
     "@tinacms/schema-tools": "2.7.0",
-    "@tinacms/mdx": "2.0.7",
-    "@tinacms/search": "1.2.6"
+    "@tinacms/search": "1.2.7"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",
@@ -141,7 +142,7 @@
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
     "vitest": "^2.1.9",
-    "@tinacms/scripts": "1.5.0"
+    "@tinacms/scripts": "1.6.0"
   },
   "peerDependencies": {
     "react": ">=16.14.0",