tinacms 3.11.0 → 3.12.1

package/dist/internalClient/authProvider.d.ts

@@ -1,5 +1,4 @@
-import { AuthProvider, LoginStrategy } from '@tinacms/schema-tools';
-import { TokenObject } from '../auth/authenticate';
+import { AuthProvider, LoginStrategy, TokenObject } from '@tinacms/schema-tools';
 type Input = Parameters<AuthProvider['fetchWithToken']>[0];
 type Init = Parameters<AuthProvider['fetchWithToken']>[1];
 type FetchReturn = ReturnType<AuthProvider['fetchWithToken']>;
@@ -14,6 +13,7 @@ export declare abstract class AbstractAuthProvider implements AuthProvider {
      * @param init fetch function init
      */
     fetchWithToken(input: Input, init: Init): FetchReturn;
+    getAccessToken(): Promise<string | null>;
     authorize(context?: any): Promise<any>;
     isAuthorized(context?: any): Promise<boolean>;
     isAuthenticated(): Promise<boolean>;
@@ -33,8 +33,9 @@ export declare class TinaCloudAuthProvider extends AbstractAuthProvider {
     clientId: string;
     identityApiUrl: string;
     frontendUrl: string;
-    token: string;
-    setToken: (_token: TokenObject) => void;
+    token: TokenObject;
+    hasWarnedNoSession: boolean;
+    setToken: (_token: TokenObject | null) => void;
     getToken: () => Promise<TokenObject>;
     constructor({ clientId, identityApiUrl, tokenStorage, frontendUrl, ...options }: {
         clientId: string;
@@ -46,7 +47,7 @@ export declare class TinaCloudAuthProvider extends AbstractAuthProvider {
     authenticate(): Promise<TokenObject>;
     getUser(): Promise<any>;
     logout(): Promise<void>;
-    getRefreshedToken(tokens: string): Promise<TokenObject>;
+    getRefreshedToken(tokens: TokenObject): Promise<TokenObject>;
     parseJwt(token: any): any;
 }
 export declare class LocalAuthProvider extends AbstractAuthProvider {
@@ -58,7 +59,8 @@ export declare class LocalAuthProvider extends AbstractAuthProvider {
     }>;
     getUser(): Promise<boolean>;
     getToken(): Promise<{
-        id_token: string;
+        access_token: string;
+        refresh_token: string;
     }>;
     logout(): Promise<void>;
 }

package/dist/internalClient/index.d.ts

@@ -1,7 +1,6 @@
 import { BranchData, EventBus } from '@tinacms/toolkit';
 import { DocumentNode, GraphQLSchema } from 'graphql';
-import { TokenObject } from '../auth/authenticate';
-import { AuthProvider, Schema, TinaSchema } from '@tinacms/schema-tools';
+import { AuthProvider, Schema, TinaSchema, TokenObject } from '@tinacms/schema-tools';
 import { FuzzySearchOptions, IndexableDocument, SearchClient, SearchOptions, SearchQueryResponse } from '@tinacms/search/index-client';
 import gql from 'graphql-tag';
 import { EditorialWorkflowResult } from '../toolkit/form-builder/editorial-workflow-constants';
@@ -12,6 +11,13 @@ interface TinaSearchConfig {
     fuzzyEnabled?: boolean;
     fuzzyOptions?: FuzzySearchOptions;
 }
+export interface Announcement {
+    id: string;
+    headline: string;
+    body: string;
+    severity: 'info' | 'warning' | 'critical';
+    versionRange?: string;
+}
 type EditorialWorkflowStatusUpdate = {
     status: string;
     message?: string;
@@ -122,6 +128,7 @@ export declare class Client {
         delinquencyDate: number;
         billingState: "current" | "late" | "delinquent";
     }>;
+    getAnnouncements(version: string): Promise<Announcement[] | null>;
     waitForIndexStatus({ ref }: {
         ref: string;
     }): (Promise<any> | (() => void))[];

package/dist/react.js

@@ -16,10 +16,8 @@ function useTrustedAdminOrigins() {
   }, [configured]);
 }
 function isFromAdmin(event, trustedOrigins) {
-  if (typeof window === "undefined")
-    return false;
-  if (!trustedOrigins.includes(event.origin))
-    return false;
+  if (typeof window === "undefined") return false;
+  if (!trustedOrigins.includes(event.origin)) return false;
   return event.source === window.parent;
 }
 function useTina(props) {
@@ -109,8 +107,7 @@ function useTina(props) {
     const { experimental___selectFormByFormId, ...rest } = props;
     parent.postMessage({ type: "open", ...rest, id }, window.location.origin);
     const handleMessage = (event) => {
-      if (!isFromAdmin(event, trustedAdminOrigins))
-        return;
+      if (!isFromAdmin(event, trustedAdminOrigins)) return;
       if (event.data.type === "quickEditEnabled") {
         setQuickEditEnabled(event.data.value);
       }
@@ -149,13 +146,11 @@ function useEditState() {
   const [edit, setEdit] = React.useState(false);
   const trustedAdminOrigins = useTrustedAdminOrigins();
   React.useEffect(() => {
-    if (typeof window === "undefined")
-      return;
+    if (typeof window === "undefined") return;
     parent.postMessage({ type: "isEditMode" }, window.location.origin);
     const handleMessage = (event) => {
       var _a;
-      if (!isFromAdmin(event, trustedAdminOrigins))
-        return;
+      if (!isFromAdmin(event, trustedAdminOrigins)) return;
       if (((_a = event.data) == null ? void 0 : _a.type) === "tina:editMode") {
         setEdit(true);
       }

package/dist/rich-text/index.js

@@ -1,4 +1,4 @@
-import { sanitizeUrl } from "@tinacms/mdx";
+import { sanitizeUrl } from "@tinacms/mdx/sanitize-url";
 import React from "react";
 const TinaMarkdown = ({
   content,

package/dist/rich-text/static.js

@@ -1,4 +1,4 @@
-import { sanitizeUrl } from "@tinacms/mdx";
+import { sanitizeUrl } from "@tinacms/mdx/sanitize-url";
 import React from "react";
 const StaticTinaMarkdown = ({
   content,

package/dist/toolkit/components/media/media-item.d.ts

@@ -18,5 +18,6 @@ export declare const smallCheckerboardStyle: {
     backgroundPosition: string;
 };
 export declare function ListMediaItem({ item, onClick, active }: MediaItemProps): React.JSX.Element;
+export declare function GridFolderItem({ item, onClick, }: Omit<MediaItemProps, 'active'>): React.JSX.Element;
 export declare function GridMediaItem({ item, active, onClick }: MediaItemProps): React.JSX.Element;
 export {};

package/dist/toolkit/components/media/modal.d.ts

@@ -8,6 +8,12 @@ interface NewFolderModalProps {
     onSubmit(filename: string): void;
     close(): void;
 }
+interface RenameModalProps {
+    close(): void;
+    renameFunc(newFilename: string): Promise<void>;
+    filename: string;
+}
+export declare const RenameModal: ({ close, renameFunc, filename, }: RenameModalProps) => React.JSX.Element;
 export declare const DeleteModal: ({ close, deleteFunc, filename, }: DeleteModalProps) => React.JSX.Element;
 export declare const NewFolderModal: ({ onSubmit, close }: NewFolderModalProps) => React.JSX.Element;
 export {};

package/dist/toolkit/components/media/utils.d.ts

@@ -3,6 +3,14 @@ export declare const dropzoneAcceptFromString: (str: string) => any;
 export declare const isImage: (filename: string) => boolean;
 export declare const isVideo: (filename: string) => boolean;
 export declare const absoluteImgURL: (str: string) => string;
+/**
+ * Splits a filename into its base and extension using the same final-dot rule
+ * as {@link sanitizeFilename}, so both agree on what the extension is.
+ */
+export declare const splitFilename: (filename: string) => {
+    base: string;
+    ext: string;
+};
 /**
  * Normalizes filenames to NFC and replaces characters that are unsafe for
  * URLs or common filesystems with a hyphen, while preserving the extension.
@@ -11,3 +19,17 @@ export declare const absoluteImgURL: (str: string) => string;
  * so URLs use `%C3%A4` instead of the decomposed `%CC%88` sequence.
  */
 export declare const sanitizeFilename: (filename: string) => string;
+/**
+ * Validation and preview for the rename modal, given what the editor has typed
+ * and the file's current name.
+ *
+ * The base is sanitized on its own and the extension re-attached afterwards, so
+ * a base containing slashes or dots can never rewrite or drop the extension.
+ */
+export declare const previewRename: (input: string, currentFilename: string) => {
+    sanitized: string;
+    extension: string;
+    valid: boolean;
+    preview: string;
+    hint: string;
+};

package/dist/toolkit/components/resize-overlay.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface ResizeOverlayProps {
+    isResizing: boolean;
+}
+/**
+ * Pointer capture on the handle is what keeps the drag alive over the iframe.
+ * This only wins hit-testing, so the resize cursor holds across the whole window.
+ */
+export declare const ResizeOverlay: React.FC<ResizeOverlayProps>;
+export {};

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

@@ -3,8 +3,8 @@
 
 
 */
-import * as React from 'react';
 import { SidebarPosition } from '../react-sidebar';
+import * as React from 'react';
 export interface TinaUIProps {
     position?: SidebarPosition;
     styled?: boolean;

package/dist/toolkit/components/transition.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface TransitionClasses {
+    enter?: string;
+    enterFrom?: string;
+    enterTo?: string;
+    /** Held once the enter transition has landed, for as long as the element is shown. */
+    entered?: string;
+    leave?: string;
+    leaveFrom?: string;
+    leaveTo?: string;
+}
+export interface TransitionProps extends TransitionClasses, React.HTMLAttributes<HTMLDivElement> {
+    show: boolean;
+    appear?: boolean;
+    /** Kept for API compatibility; every call site uses the default 'div'. */
+    as?: 'div';
+    children?: React.ReactNode;
+}
+export declare const Transition: ({ show, appear, as: _as, enter, enterFrom, enterTo, entered, leave, leaveFrom, leaveTo, className, children, ...rest }: TransitionProps) => React.JSX.Element;
+export interface TransitionChildProps extends TransitionClasses, React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export declare const TransitionChild: ({ enter, enterFrom, enterTo, entered, leave, leaveFrom, leaveTo, className, children, ...rest }: TransitionChildProps) => React.JSX.Element;

package/dist/toolkit/core/media-store.default.d.ts

@@ -28,10 +28,20 @@ export declare class TinaMediaStore implements MediaStore {
     private cms;
     private isLocal;
     private url;
+    private listUrl;
     private staticMedia;
     isStatic?: boolean;
     private workflowBranchOverride;
     private mediaWorkflowInProgress;
+    /**
+     * Renaming is only implemented against the local dev server. This is an
+     * instance property rather than a prototype method on purpose: the media
+     * manager decides whether to offer the action by checking whether the store
+     * defines `rename`, so a cloud-backed instance must not carry one — a
+     * prototype method would advertise support everywhere and surface an action
+     * that always fails.
+     */
+    rename?: (from: string, to: string) => Promise<Media>;
     constructor(cms: TinaCMS, staticMedia?: StaticMedia);
     /**
      * Repo-backed media (`media.tina`) is served by TinaCloud's assets API. A
@@ -44,6 +54,7 @@ export declare class TinaMediaStore implements MediaStore {
     setup(): void;
     isAuthenticated(): Promise<boolean>;
     accept: string;
+    searchable: boolean;
     maxSize: number;
     /**
      * Returns the workflow branch override or current branch as a single-encoded
@@ -99,7 +110,19 @@ export declare class TinaMediaStore implements MediaStore {
      * throwing — the upload itself already succeeded.
      */
     private fetchUploadedEntries;
+    /** Media root as a `/uploads/`-style prefix for local `src` values. */
+    private localMediaFolder;
+    /** Stripped directory does not have leading or trailing slashes */
+    private stripDirectorySlashes;
+    /** Shared by local upload and local rename so both describe a file identically. */
+    private buildLocalMedia;
     private persist_local;
+    /**
+     * `from`/`to` are media-root-relative `directory/filename` paths, matching
+     * what the delete route receives.
+     */
+    private rename_local;
+    private toRenameError;
     persist(media: MediaUploadOptions[]): Promise<Media[]>;
     private genThumbnail;
     list(options?: MediaListOptions): Promise<MediaList>;

package/dist/toolkit/core/media.d.ts

@@ -66,11 +66,14 @@ export interface MediaStore {
      */
     list(options?: MediaListOptions): Promise<MediaList>;
     /**
-     * Reserved hook for renaming a media object in the store.
+     * Renames a media object in the store. `from` and `to` are media-root-relative
+     * `directory/filename` paths, matching what `delete` receives.
      *
-     * Not yet implemented in `TinaMediaStore` or surfaced in `MediaManager` —
-     * declared here as an extension point so stores can begin to opt in once
-     * the corresponding assets-api endpoint is built.
+     * Optional by design: the media manager only offers a Rename action when the
+     * store instance actually defines it, so stores opt in individually. Defining
+     * it on the prototype but leaving it unsupported at runtime would surface an
+     * action that always fails — see `TinaMediaStore`, which assigns it per
+     * instance.
      */
     rename?(from: string, to: string): Promise<Media>;
     /**
@@ -79,6 +82,14 @@ export interface MediaStore {
      * @default false
      */
     isStatic?: boolean;
+    /**
+     * Indicates that `list` honours the `search` option, so the media manager
+     * may show a search box. Stores that ignore `search` should leave this
+     * unset to avoid a search box that returns unfiltered results.
+     *
+     * @default false
+     */
+    searchable?: boolean;
     /**
      * Converts a Media object to the value stored in a form field.
      *
@@ -100,6 +111,7 @@ export interface MediaListOptions {
         h: number;
     }[];
     filesOnly?: boolean;
+    search?: string;
 }
 /**
  * The response returned from listing media.
@@ -135,6 +147,12 @@ export declare class MediaManager implements MediaStore {
     get maxSize(): number;
     persist(files: MediaUploadOptions[]): Promise<Media[]>;
     delete(media: Media): Promise<void>;
+    /**
+     * `from` and `to` are media-root-relative `directory/filename` paths — the
+     * same shape `delete` sends. They must not carry an origin, a CDN host, the
+     * public folder, or the media root prefix.
+     */
+    rename(from: string, to: string): Promise<Media>;
     list(options: MediaListOptions): Promise<MediaList>;
 }
 export interface SelectMediaOptions {
@@ -156,5 +174,14 @@ export declare class MediaListError extends Error {
 export declare const E_UNAUTHORIZED: MediaListError;
 export declare const E_BAD_ROUTE: MediaListError;
 export declare const E_DEFAULT: MediaListError;
+export type MediaRenameErrorCode = 'NOT_FOUND' | 'NAME_COLLISION' | 'INVALID_FILENAME' | 'INVALID_PATH' | 'UNAUTHORIZED' | 'UNSUPPORTED' | 'BACKEND_FAILURE';
+export declare class MediaRenameError extends Error {
+    ERR_TYPE: string;
+    code: MediaRenameErrorCode;
+    constructor(config: {
+        code: MediaRenameErrorCode;
+        message: string;
+    });
+}
 export declare const E_SELF_HOSTED_MEDIA: MediaListError;
 export {};

package/dist/toolkit/fields/plugins/blocks-field-plugin/block-selector-big.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import type { BlockTemplate } from '.';
-export declare const BlockSelectorBig: ({ templates, addItem, label, }: {
+export declare const BlockSelectorBig: ({ templates, addItem, label, fieldName, }: {
     templates: {
         [key: string]: BlockTemplate;
     };
     addItem: any;
     label: string | boolean;
+    fieldName?: string;
 }) => React.JSX.Element;

package/dist/toolkit/fields/plugins/blocks-field-plugin/block-selector.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import type { BlockTemplate } from '.';
-export declare const BlockSelector: ({ templates, addItem, }: {
+export declare const BlockSelector: ({ templates, addItem, fieldName, }: {
     templates: {
         [key: string]: BlockTemplate;
     };
     addItem: any;
+    fieldName?: string;
 }) => React.JSX.Element;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { Field, Form } from '../../../forms';
+import * as React from 'react';
 export interface BlocksFieldDefinititon extends Field {
     component: 'blocks';
     templates: {

package/dist/toolkit/fields/plugins/field-props.d.ts

@@ -1,6 +1,17 @@
-import { Field, FormApi } from '../../forms';
+import { Field, Form, FormApi } from '../../forms';
 import { FieldRenderProps } from '../../form-builder';
+/**
+ * Props every field plugin receives.
+ *
+ * `react-final-form` v6 declared `[otherProp: string]: any` on `FieldRenderProps`,
+ * so the extras `FieldsBuilder` passes down type-checked implicitly. v7 dropped
+ * that index signature, so they are declared here instead.
+ */
 export interface FieldProps<InputProps> extends FieldRenderProps<any, HTMLElement> {
     field: Field & InputProps;
     form: FormApi;
+    tinaForm: Form;
+    index?: number;
+    children?: React.ReactNode;
+    experimental_focusIntent?: boolean;
 }

package/dist/toolkit/fields/plugins/group-list-field-plugin.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { Field, Form } from '../../forms';
+import React from 'react';
 interface GroupFieldDefinititon extends Field {
     component: 'group';
     fields: Field[];
@@ -48,9 +48,10 @@ export declare const ItemHeader: ({ isDragging, children, provider, ...props }:
     children: any | any[];
     provider: any;
 } & any) => React.JSX.Element;
-export declare const ItemDeleteButton: ({ onClick, disabled }: {
+export declare const ItemDeleteButton: ({ onClick, disabled, fieldName, }: {
     onClick: any;
     disabled?: boolean;
+    fieldName?: string;
 }) => React.JSX.Element;
 export declare const DragHandle: ({ isDragging, dragHandleProps, }: {
     isDragging: boolean;

package/dist/toolkit/fields/plugins/mdx-field-plugin/{monaco/error-message.d.ts → error-message.d.ts}

@@ -1,4 +1,3 @@
-import React from 'react';
 export type EmptyTextElement = {
     type: 'text';
     text: '';
@@ -21,18 +20,4 @@ export type InvalidMarkdownElement = {
     position?: Position;
     children: [EmptyTextElement];
 };
-type ErrorType = {
-    message: string;
-    position?: {
-        startColumn: number;
-        endColumn: number;
-        startLineNumber: number;
-        endLineNumber: number;
-    };
-};
-export declare const buildError: (element: InvalidMarkdownElement) => ErrorType;
 export declare const buildErrorMessage: (element: InvalidMarkdownElement) => string;
-export declare function ErrorMessage({ error }: {
-    error: InvalidMarkdownElement;
-}): React.JSX.Element;
-export {};

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

@@ -19,7 +19,11 @@ export declare const MdxFieldPlugin: {
 export declare const MdxFieldPluginExtendible: {
     name: string;
     validate(value: any): string;
-    Component: (props: InputFieldType<InputProps, {
+    Component: (props: InputFieldType<InputProps & {
+        rawMode?: boolean;
+        setRawMode?: (rawMode: boolean) => void;
+        rawEditor?: React.ReactNode;
+    }, {
         templates: MdxTemplate[];
         toolbarOverride?: ToolbarOverrideType[];
         overrides?: ToolbarOverrides;

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

@@ -1,18 +1,2 @@
 export declare const HANDLES_MDX: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p")[];
-export declare const plugins: (import("@udecode/plate").SlatePlugin<import("@udecode/plate").PluginConfig<"trailingBlock", {
-    type: string;
-} & {
-    level?: number;
-    type?: string;
-} & import("@udecode/plate").QueryNodeOptions, {}, {}, {}>> | import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"autoformat", {
-    enableUndoOnDelete?: boolean;
-    rules?: import("@udecode/plate-autoformat").AutoformatRule[];
-}, {}, {}, {}>> | import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"exitBreak", {
-    rules?: import("node_modules/@udecode/plate-break/dist/BaseSoftBreakPlugin-CeLtcSTo").E[];
-}, {}, {}, {}>> | import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"resetNode", {
-    disableEditorReset?: boolean;
-    disableFirstBlockReset?: boolean;
-    rules?: import("@udecode/plate-reset-node").ResetNodePluginRule[];
-}, {}, {}, {}>> | import("@udecode/plate/react").PlatePlugin<import("@udecode/plate").PluginConfig<"softBreak", {
-    rules?: import("node_modules/@udecode/plate-break/dist/BaseSoftBreakPlugin-CeLtcSTo").b[];
-}, {}, {}, {}>>)[];
+export declare const plugins: any[];

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { PlateEditor } from '@udecode/plate/react';
+import React from 'react';
 interface InlineEmbedProps {
     attributes: any;
     children: any;