tinacms 2.7.8 → 2.7.10

package/dist/toolkit/forms/form.d.ts

@@ -1,7 +1,7 @@
-import { FormApi, Config, FormState } from 'final-form';
-import type { FormSubscription } from 'final-form';
 import type { Plugin } from '../core';
-import { Field, AnyField } from './field';
+import { Config, FormApi, FormState } from 'final-form';
+import type { FormSubscription } from 'final-form';
+import { AnyField, Field } from './field';
 export type { FormApi };
 type GlobalOptions = {
     global: true;
@@ -25,7 +25,16 @@ export interface FormOptions<S, F extends Field = AnyField> extends Config<S> {
     extraSubscribeValues?: FormSubscription;
     queries?: string[];
     crudType?: 'create' | 'update';
+    /**
+     * @deprecated
+     * Misleading name as per https://github.com/tinacms/tinacms/issues/5686#issuecomment-2899840518
+     * Use path property instead.
+     */
     relativePath?: string;
+    /**
+     * Where to save the form within the content directory on next submission.
+     */
+    path?: string;
 }
 export declare class Form<S = any, F extends Field = AnyField> implements Plugin {
     private _reset;
@@ -42,7 +51,16 @@ export declare class Form<S = any, F extends Field = AnyField> implements Plugin
     queries: string[];
     global: GlobalOptions | null;
     loading: boolean;
+    /**
+     * @deprecated
+     * Misleading name as per https://github.com/tinacms/tinacms/issues/5686#issuecomment-2899840518
+     * Use path property instead.
+     */
     relativePath: string;
+    /**
+     * Where to save the form within the content directory on next submission.
+     */
+    path: string;
     crudType?: 'create' | 'update';
     beforeSubmit?: (values: S) => Promise<void | S>;
     constructor({ id, label, fields, actions, buttons, global, reset, loadInitialValues, onChange, queries, ...options }: FormOptions<S, F>);
@@ -134,6 +152,7 @@ export declare class Form<S = any, F extends Field = AnyField> implements Plugin
         label?: string;
         name?: string;
         fields: Field[];
+        namespace?: string[];
     };
     private getFieldGroup;
 }

package/dist/toolkit/git-client/git-client.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @deprecated as the API is clunky and hard to use. Mutations should now be
+ * done via Graphql. This will be removed by July 2025.
+ */
 export declare class GitClient {
     private baseUrl;
     constructor(baseUrl: string);
@@ -29,6 +33,9 @@ export declare class GitClient {
      * @deprecated
      */
     isAuthenticated(): boolean;
+    /**
+     * @deprecated
+     */
     commit(data: {
         files: string[];
         message?: string;
@@ -36,15 +43,17 @@ export declare class GitClient {
         email?: string;
     }): Promise<Response>;
     /**
-     *
      * TODO: Add return type.
      * TODO: Remove `catch`
+     *
+     * @deprecated
      */
     push(): Promise<any>;
     /**
-     *
      * TODO: Add return type.
      * TODO: Remove `catch`
+     *
+     * @deprecated
      */
     writeToDisk(data: {
         fileRelativePath: string;
@@ -53,6 +62,8 @@ export declare class GitClient {
     /**
      * Uploads a File to disk
      * TODO: Remove `catch`
+     *
+     * @deprecated
      */
     writeMediaToDisk(data: {
         directory: string;
@@ -62,31 +73,43 @@ export declare class GitClient {
      * TODO: rename `data.relPath` to `data.fileRelativePath`
      * TODO: Add return type.
      * TODO: Remove `catch`
+     *
+     * @deprecated
      */
     deleteFromDisk(data: {
         relPath: string;
     }): Promise<any>;
     /**
      * Resets the given files.
+     *
+     * @deprecated
      */
     reset(data: {
         files: string[];
     }): Promise<Response>;
     /**
      * Get the contents of a file or directory on disk.
+     *
+     * @deprecated
      */
     getFile(fileRelativePath: string): Promise<any>;
     /**
      * Get the contents of a file for the most recent commit.
+     *
+     * @deprecated
      */
     show(fileRelativePath: string): Promise<any>;
     /**
      * Get information about a local branch by name, or the current branch if no
      * name is specified.
+     *
+     * @deprecated
      */
     branch(name?: string): Promise<any>;
     /**
      * Get a list of the names of all local branches.
+     *
+     * @deprecated
      */
     branches(): Promise<any>;
 }

package/dist/toolkit/git-client/git-file.d.ts

@@ -1,4 +1,8 @@
 import { CMS } from '../core';
+/**
+ * @deprecated as the API is clunky and hard to use. Mutations should now be
+ * done via Graphql. This will be removed by July 2025.
+ */
 export declare class GitFile {
     private cms;
     relativePath: string;
@@ -7,10 +11,24 @@ export declare class GitFile {
     constructor(cms: CMS, relativePath: string, format: (file: any) => string, parse: (content: string) => any);
     /**
      * Load the contents of this file at HEAD
+     *
+     * @deprecated
      */
     show: () => Promise<any>;
+    /**
+     * @deprecated
+     */
     commit: () => Promise<void>;
+    /**
+     * @deprecated
+     */
     reset: () => void;
+    /**
+     * @deprecated
+     */
     write: (values: any) => void;
+    /**
+     * @deprecated
+     */
     private get git();
 }

package/dist/toolkit/git-client/git-media-store.d.ts

@@ -1,11 +1,24 @@
 import { MediaStore, MediaUploadOptions, Media, MediaListOptions, MediaList } from '../core';
 import { GitClient } from './git-client';
+/**
+ * @deprecated as the API is clunky and hard to use. Mutations should now be
+ * done via Graphql. This will be removed by July 2025.
+ */
 export declare class GitMediaStore implements MediaStore {
     private client;
     accept: string;
     constructor(client: GitClient);
+    /**
+     * @deprecated
+     */
     persist(files: MediaUploadOptions[]): Promise<Media[]>;
+    /**
+     * @deprecated
+     */
     list(options?: MediaListOptions): Promise<MediaList>;
+    /**
+     * @deprecated
+     */
     delete(media: Media): Promise<void>;
 }
 export declare const nextOffset: (offset: number, limit: number, count: number) => number;

package/dist/toolkit/git-client/use-git-file.d.ts

@@ -1,2 +1,6 @@
 import { GitFile } from './git-file';
+/**
+ * @deprecated as the API is clunky and hard to use. Mutations should now be
+ * done via Graphql. This will be removed by July 2025.
+ */
 export declare function useGitFile(relativePath: string, format: (file: any) => string, parse: (content: string) => any): GitFile;

package/dist/toolkit/icons/Tina.d.ts

@@ -1,8 +1,3 @@
-/**
-
-
-
-*/
 import * as React from 'react';
 export declare const TinaIcon: ({ ...props }: {
     [x: string]: any;

package/dist/toolkit/index.d.ts

@@ -19,7 +19,7 @@ export type { TinaState } from './tina-state';
 export * from './forms';
 export * from './icons';
 export * from './react-dismissible';
-export { Nav, LocalWarning, BillingWarning, SyncStatus, } from './react-sidebar';
+export { Nav, LocalWarning, BillingWarning, SyncStatusButton, } from './react-sidebar';
 export { useCMS } from './react-core';
 /**
  * Custom `tinacms` things

package/dist/toolkit/plugin-branch-switcher/branch-button.d.ts

@@ -1,2 +1,3 @@
 import * as React from 'react';
 export declare const BranchButton: () => React.JSX.Element;
+export declare const BranchPreviewButton: (props: React.ButtonHTMLAttributes<HTMLButtonElement>) => React.JSX.Element;

package/dist/toolkit/plugin-branch-switcher/index.d.ts

@@ -2,5 +2,4 @@ export * from './plugin';
 export * from './types';
 export * from './branch-switcher';
 export * from './branch-data';
-export * from './branch-banner';
 export * from './branch-button';

package/dist/toolkit/react-sidebar/components/VersionInfo.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VersionInfo: () => React.JSX.Element;

package/dist/toolkit/react-sidebar/components/alert.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const Alert: ({ children, alertStyle, className, ...props }: {
+    children?: React.ReactNode;
+    alertStyle?: "warning";
+} & React.HTMLProps<HTMLDivElement>) => React.JSX.Element;

package/dist/toolkit/react-sidebar/components/form-list.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { TinaState } from '../../tina-state';
+import * as React from 'react';
 type FormListItem = TinaState['formLists'][number]['items'][number];
 export interface FormsListProps {
     formList: FormListItem[];

package/dist/toolkit/react-sidebar/components/nav.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import type { ScreenPlugin } from '../../react-screens';
 import type { CloudConfigPlugin } from '../../react-cloud-config';
+import type { ScreenPlugin } from '../../react-screens';
+import * as React from 'react';
 interface NavCollection {
     label?: string;
     name: string;
@@ -8,6 +8,8 @@ interface NavCollection {
 }
 interface NavProps {
     isLocalMode: boolean;
+    showHamburger?: boolean;
+    toggleMenu: () => void;
     children?: any;
     className?: string;
     userName?: string;
@@ -38,5 +40,5 @@ interface NavProps {
         };
     }>;
 }
-export declare const Nav: ({ isLocalMode, className, children, showCollections, collectionsInfo, screens, cloudConfigs, contentCreators, sidebarWidth, RenderNavSite, RenderNavCloud, RenderNavCollection, AuthRenderNavCollection, ...props }: NavProps) => React.JSX.Element;
+export declare const Nav: ({ isLocalMode, showHamburger, toggleMenu, className, children, showCollections, collectionsInfo, screens, cloudConfigs, contentCreators, sidebarWidth, RenderNavSite, RenderNavCloud, RenderNavCollection, AuthRenderNavCollection, ...props }: NavProps) => React.JSX.Element;
 export {};

package/dist/toolkit/react-sidebar/components/resize-handle.d.ts

@@ -1,7 +1,2 @@
-/**
-
-
-
-*/
 import * as React from 'react';
 export declare const ResizeHandle: () => React.JSX.Element;

package/dist/toolkit/react-sidebar/components/sidebar-body.d.ts

@@ -4,13 +4,6 @@ export interface FormsViewProps {
     loadingPlaceholder?: React.FC;
 }
 export declare const FormsView: ({ loadingPlaceholder }?: FormsViewProps) => React.JSX.Element;
-export interface MultiformFormHeaderProps {
-    activeForm: {
-        activeFieldName?: string;
-        tinaForm: Form;
-    };
-}
-export declare const MultiformFormHeader: ({ activeForm, }: MultiformFormHeaderProps) => React.JSX.Element;
 export interface FormHeaderProps {
     activeForm: {
         activeFieldName?: string;
@@ -18,3 +11,6 @@ export interface FormHeaderProps {
     };
 }
 export declare const FormHeader: ({ activeForm }: FormHeaderProps) => React.JSX.Element;
+export declare const FormBreadcrumbs: ({ rootBreadcrumbName, ...props }: {
+    rootBreadcrumbName?: string;
+} & React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;

package/dist/toolkit/react-sidebar/components/sidebar.d.ts

@@ -3,7 +3,6 @@ import type { SidebarState, SidebarStateOptions } from '../sidebar';
 export declare const SidebarContext: React.Context<any>;
 export declare const minPreviewWidth = 440;
 export declare const minSidebarWidth = 360;
-export declare const navBreakpoint = 1279;
 export interface SidebarProviderProps {
     sidebar: SidebarState;
     resizingSidebar: boolean;
@@ -13,9 +12,3 @@ export interface SidebarProviderProps {
     defaultState?: SidebarStateOptions['defaultState'];
 }
 export declare function SidebarProvider({ position, resizingSidebar, setResizingSidebar, defaultWidth, sidebar, }: SidebarProviderProps): React.JSX.Element;
-export declare const updateBodyDisplacement: ({ position, displayState, sidebarWidth, resizingSidebar, }: {
-    position?: string;
-    displayState: any;
-    sidebarWidth: any;
-    resizingSidebar: any;
-}) => void;

package/dist/toolkit/react-sidebar/components/sync-status.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { TinaCMS } from '../../tina-cms';
+import * as React from 'react';
 export declare const useGetEvents: (cms: TinaCMS, cursor?: string, existingEvents?: {
     message: string;
     id: string;
@@ -18,14 +18,11 @@ export declare const useGetEvents: (cms: TinaCMS, cursor?: string, existingEvent
     loading: boolean;
     error: Error;
 };
-export declare const SyncErrorWidget: ({ cms }: {
-    cms: any;
-}) => React.JSX.Element;
 export declare const SyncStatusModal: ({ closeEventsModal, cms }: {
     closeEventsModal: any;
     cms: any;
 }) => React.JSX.Element;
-export declare const SyncStatus: ({ cms, setEventsOpen }: {
-    cms: any;
-    setEventsOpen: any;
-}) => React.JSX.Element;
+export declare const SyncStatusButton: ({ cms, setEventsOpen, ...buttonProps }: {
+    cms: TinaCMS;
+    setEventsOpen: (open: boolean) => void;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) => React.JSX.Element;

package/dist/toolkit/react-sidebar/index.d.ts

@@ -2,4 +2,4 @@ export * from './sidebar';
 export { SidebarProvider } from './components/sidebar';
 export { Nav } from './components/nav';
 export { LocalWarning, BillingWarning } from './components/local-warning';
-export { SyncStatus } from './components/sync-status';
+export { SyncStatusButton } from './components/sync-status';

package/dist/toolkit/styles/button.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary' | 'white' | 'ghost' | 'danger';
+    variant?: 'primary' | 'secondary' | 'white' | 'ghost' | 'danger' | 'custom';
     as?: React.ElementType;
     href?: string;
     target?: string;
     size?: 'small' | 'medium' | 'custom';
     busy?: boolean;
-    rounded?: 'full' | 'left' | 'right' | 'custom';
+    rounded?: 'full' | 'left' | 'right' | 'custom' | 'none';
     disabled?: boolean;
     className?: string;
     children?: React.ReactNode;

package/dist/toolkit/tina-state.d.ts

@@ -15,6 +15,12 @@ type FormList = {
     items: FormListItem[];
     formIds: string[];
 };
+type Breadcrumb = {
+    label: string;
+    formId: string;
+    formName: string;
+    namespace: string[];
+};
 export type TinaAction = {
     type: 'forms:add';
     value: Form;
@@ -63,6 +69,7 @@ export type TinaAction = {
     value: boolean;
 };
 export interface TinaState {
+    breadcrumbs: Breadcrumb[];
     activeFormId: string | null;
     /**
      * Forms are wrapped here because we need `activeFieldName` to be reactive, so adding it as a propery
@@ -85,4 +92,8 @@ export interface TinaState {
 }
 export declare const initialState: (cms: TinaCMS) => TinaState;
 export declare function tinaReducer(state: TinaState, action: TinaAction): TinaState;
+export declare function calculateBreadcrumbs(forms: {
+    activeFieldName?: string | null;
+    tinaForm: Form;
+}[], activeFormId: string, activeFieldName?: string): Breadcrumb[];
 export {};

package/dist/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "2.7.8",
+  "version": "2.7.10",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -29,6 +29,11 @@
       "import": "./dist/rich-text/index.mjs",
       "require": "./dist/rich-text/index.js"
     },
+    "./dist/rich-text/static": {
+      "types": "./dist/rich-text/static.d.ts",
+      "import": "./dist/rich-text/static.mjs",
+      "require": "./dist/rich-text/static.js"
+    },
     "./dist/rich-text/prism": {
       "types": "./dist/rich-text/prism.d.ts",
       "import": "./dist/rich-text/prism.mjs",
@@ -42,6 +47,7 @@
     "entryPoints": [
       "src/index.ts",
       "src/rich-text/index.tsx",
+      "src/rich-text/static.tsx",
       "src/rich-text/prism.tsx",
       "src/react.tsx",
       "src/client.ts"
@@ -129,9 +135,9 @@
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
-    "@tinacms/mdx": "1.6.3",
-    "@tinacms/search": "1.0.45",
-    "@tinacms/schema-tools": "1.7.4"
+    "@tinacms/mdx": "1.7.0",
+    "@tinacms/schema-tools": "1.8.0",
+    "@tinacms/search": "1.0.46"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",
@@ -155,6 +161,7 @@
     "identity-obj-proxy": "^3.0.0",
     "isomorphic-fetch": "^3.0.0",
     "jest-file-snapshot": "^0.7.0",
+    "lowlight": "^3.3.0",
     "next": "14.2.10",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

package/dist/toolkit/plugin-branch-switcher/branch-banner.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const BranchBanner: () => React.JSX.Element;