tinacms 3.9.3 → 3.10.0

package/dist/internalClient/index.d.ts

@@ -170,6 +170,7 @@ export declare class Client {
         branchName: string;
         baseBranch: string;
         prTitle?: string;
+        isDraft?: boolean;
         graphQLContentOp?: {
             query: string;
             variables: Record<string, unknown>;

package/dist/lib/posthog/posthog.d.ts

@@ -23,6 +23,12 @@ export type SaveContentErrorPayload = {
     documentPath?: string;
     error?: string;
 };
+export declare const EditorialWorkflowSaveEvent: string;
+export type EditorialWorkflowSavePayload = {
+    choice: 'draft' | 'review' | 'publish';
+    success: boolean;
+    error?: string;
+};
 export declare const FormResetEvent: string;
 export declare const MediaManagerContentUploadedEvent: string;
 export type MediaManagerContentUploadedPayload = {

package/dist/react.js

@@ -147,17 +147,24 @@ function useTina(props) {
 }
 function useEditState() {
   const [edit, setEdit] = React.useState(false);
+  const trustedAdminOrigins = useTrustedAdminOrigins();
   React.useEffect(() => {
-    if (typeof window !== "undefined") {
-      parent.postMessage({ type: "isEditMode" }, window.location.origin);
-      window.addEventListener("message", (event) => {
-        var _a;
-        if (((_a = event.data) == null ? void 0 : _a.type) === "tina:editMode") {
-          setEdit(true);
-        }
-      });
-    }
-  }, []);
+    if (typeof window === "undefined")
+      return;
+    parent.postMessage({ type: "isEditMode" }, window.location.origin);
+    const handleMessage = (event) => {
+      var _a;
+      if (!isFromAdmin(event, trustedAdminOrigins))
+        return;
+      if (((_a = event.data) == null ? void 0 : _a.type) === "tina:editMode") {
+        setEdit(true);
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    return () => {
+      window.removeEventListener("message", handleMessage);
+    };
+  }, [trustedAdminOrigins]);
   return { edit };
 }
 export {

package/dist/toolkit/components/ui/date-time-picker.d.ts

@@ -1,4 +1,3 @@
-import 'moment-timezone';
 import * as React from 'react';
 import { type DayPickerProps } from 'react-day-picker';
 type TimePickerType = 'minutes' | 'seconds' | 'hours' | '12hours';
@@ -106,6 +105,6 @@ declare const DateTimePicker: React.ForwardRefExoticComponent<{
      * Show the default month and time when popup the calendar. Default is the current Date().
      **/
     defaultPopupValue?: Date;
-} & Pick<DayPickerProps, "showOutsideDays" | "showWeekNumber" | "locale" | "weekStartsOn"> & React.RefAttributes<Partial<DateTimePickerRef>>>;
+} & Pick<DayPickerProps, "locale" | "showOutsideDays" | "showWeekNumber" | "weekStartsOn"> & React.RefAttributes<Partial<DateTimePickerRef>>>;
 export { DateTimePicker, TimePickerInput, TimePicker, formatCurrentDate };
 export type { TimePickerType, DateTimePickerProps, DateTimePickerRef };

package/dist/toolkit/components/ui/moment-format.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Converts a moment.js format string to the equivalent date-fns format string.
+ * This is a non-breaking shim so callers that pass moment tokens (the public API
+ * contract for the date field's dateFormat/timeFormat options) continue to work
+ * after moment has been removed.
+ */
+export declare function momentToDateFns(momentFormat: string): string;

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import { type InputProps } from '../components';
-import type { DatetimepickerProps } from 'react-datetime';
-export declare const DateField: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, DatetimepickerProps>) => React.JSX.Element;
+import { type DateFieldProps } from './date-format';
+export declare const DateField: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, DateFieldProps>) => React.JSX.Element;
 export declare const DateFieldPlugin: {
     __type: string;
     name: string;
-    Component: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, DatetimepickerProps>) => React.JSX.Element;
-    format: (val: string, _name: string, field: DatetimepickerProps) => string;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, DateFieldProps>) => React.JSX.Element;
+    format: (val: string, _name: string, field: DateFieldProps) => string;
     parse: (val: string) => string;
     validate(value: any, values: any, meta: any, field: any): string;
 };

package/dist/toolkit/fields/plugins/date-format.d.ts

@@ -1,5 +1,13 @@
-import type { DatetimepickerProps } from 'react-datetime';
+export interface DateFieldProps {
+    dateFormat?: string | boolean;
+    timeFormat?: string | boolean;
+    locale?: string;
+    experimental_focusIntent?: boolean;
+    onChange?: (value: unknown) => void;
+    required?: boolean;
+    [key: string]: unknown;
+}
 export declare const DEFAULT_DATE_DISPLAY_FORMAT = "MMM DD, YYYY";
 export declare const DEFAULT_TIME_DISPLAY_FORMAT = "h:mm A";
-export declare const format: (val: string, _name: string, field: DatetimepickerProps) => string;
+export declare const format: (val: string, _name: string, field: DateFieldProps) => string;
 export declare const parse: (val: string) => string;

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

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { Form } from '../forms';
+import { type SaveChoice } from './save-options';
 export declare const CreateBranchModal: ({ close, safeSubmit, path, values, crudType, tinaForm, onBaseBranchDeleted, }: {
-    safeSubmit: () => Promise<void>;
+    safeSubmit: (editorialWorkflowChoice?: SaveChoice) => Promise<void>;
     close: () => void;
     path: string;
     values: Record<string, unknown>;
@@ -9,14 +10,16 @@ export declare const CreateBranchModal: ({ close, safeSubmit, path, values, crud
     tinaForm?: Form;
     onBaseBranchDeleted?: () => void;
 }) => React.JSX.Element;
-export declare const CreateBranchPromptModal: ({ branchName, close, disabled, errorMessage, onBranchNameChange, onCreateBranch, onSaveToProtectedBranch, }: {
+export declare const CreateBranchPromptModal: ({ branchName, close, disabled, errorMessage, onBranchNameChange, onCreateBranch, onSaveToProtectedBranch, showSaveOptions, disablePublish, }: {
     branchName: string;
     close: () => void;
     disabled?: boolean;
     errorMessage?: string;
     onBranchNameChange: (value: string) => void;
-    onCreateBranch: () => void;
+    onCreateBranch: (isDraft: boolean) => void;
     onSaveToProtectedBranch: () => void;
+    showSaveOptions?: boolean;
+    disablePublish?: boolean;
 }) => React.JSX.Element;
 export declare const PrefixedTextField: ({ label, prefix, ...props }: {
     [x: string]: any;

package/dist/toolkit/form-builder/save-options.d.ts

@@ -0,0 +1,7 @@
+export type SaveChoice = 'draft' | 'review' | 'publish';
+export declare const SAVE_CHOICE_KEY = "tina.editorialWorkflow.saveChoice";
+export declare const SAVE_CHOICE_ORDER: SaveChoice[];
+export declare const resolveSaveOptions: (lastChoice: SaveChoice, disablePublish: boolean) => {
+    main: SaveChoice;
+    menu: SaveChoice[];
+};

package/dist/toolkit/form-builder/use-editorial-workflow.d.ts

@@ -13,14 +13,18 @@ export interface ExecuteWorkflowOptions {
     crudType: string;
     tinaForm?: Form;
     signal?: AbortSignal;
+    isDraft?: boolean;
 }
 export interface UseEditorialWorkflowResult {
     isExecuting: boolean;
     errorMessage: string;
     currentStep: number;
     elapsedTime: number;
-    /** Returns true on success, false on failure (error captured in errorMessage) */
-    executeWorkflow: (opts: ExecuteWorkflowOptions) => Promise<boolean>;
+    /** Resolves with the outcome; on failure `error` holds the message. */
+    executeWorkflow: (opts: ExecuteWorkflowOptions) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
     /** Reset error/executing state so the form can be retried */
     reset: () => void;
 }

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

@@ -0,0 +1,5 @@
+export declare const documentListPath: (collectionName: string, filePath: string) => string;
+export declare const collectionListPathForDocument: (fullPath: string, collection: {
+    name: string;
+    path?: string;
+}) => string;

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

@@ -5,6 +5,9 @@ interface NavCollection {
     label?: string;
     name: string;
     isAuthCollection?: boolean;
+    ui?: {
+        global?: boolean | object;
+    };
 }
 interface NavProps {
     isLocalMode: boolean;
@@ -28,6 +31,12 @@ interface NavProps {
     RenderNavCloud: React.ComponentType<{
         config: CloudConfigPlugin;
     }>;
+    RenderNavGlobal: React.ComponentType<{
+        collection: {
+            label?: string;
+            name: string;
+        };
+    }>;
     RenderNavCollection: React.ComponentType<{
         collection: {
             label: string;
@@ -41,5 +50,5 @@ interface NavProps {
         };
     }>;
 }
-export declare const Nav: ({ isLocalMode, showHamburger, menuIsOpen: menuIsOpenProp, toggleMenu: toggleMenuProp, className, children, showCollections, collectionsInfo, screens, cloudConfigs, contentCreators, sidebarWidth, RenderNavSite, RenderNavCloud, RenderNavCollection, AuthRenderNavCollection, ...props }: NavProps) => React.JSX.Element;
+export declare const Nav: ({ isLocalMode, showHamburger, menuIsOpen: menuIsOpenProp, toggleMenu: toggleMenuProp, className, children, showCollections, collectionsInfo, screens, cloudConfigs, contentCreators, sidebarWidth, RenderNavSite, RenderNavCloud, RenderNavGlobal, RenderNavCollection, AuthRenderNavCollection, ...props }: NavProps) => React.JSX.Element;
 export {};

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

@@ -21,6 +21,7 @@ export interface FormHeaderProps {
         };
     };
 }
+export declare const getFilename: (path?: string) => string;
 export declare const FormHeader: ({ activeForm, repoProvider, branch, isLocalMode, }: FormHeaderProps) => React.JSX.Element;
 interface RepositoryProviderProps {
     contentRelativePath: string;
@@ -35,8 +36,12 @@ interface RepositoryProviderProps {
     };
 }
 export declare const FileHistoryProvider: ({ contentRelativePath, tinaBranch, defaultBranchName, historyUrl, isLocalMode, }: RepositoryProviderProps) => React.JSX.Element;
-export declare const FormBreadcrumbs: ({ rootBreadcrumbName, contentPath, ...props }: {
+export declare const FormBreadcrumbs: ({ rootBreadcrumbName, contentPath, collectionCrumb, ...props }: {
     rootBreadcrumbName?: string;
     contentPath?: string;
+    collectionCrumb?: {
+        label: string;
+        onClick: () => void;
+    };
 } & React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
 export {};

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

@@ -6,6 +6,8 @@ export interface DropdownButtonItem {
     variant?: 'default' | 'destructive';
     icon?: React.ReactNode;
     disabled?: boolean;
+    /** Optional hover tooltip. Shown even when the item is disabled. */
+    tooltip?: string;
 }
 export interface DropdownButtonProps extends Omit<ButtonProps, 'onClick'> {
     /**

package/package.json

@@ -2,7 +2,7 @@
   "name": "tinacms",
   "type": "module",
   "typings": "dist/index.d.ts",
-  "version": "3.9.3",
+  "version": "3.10.0",
   "main": "dist/index.js",
   "module": "./dist/index.js",
   "exports": {
@@ -45,15 +45,14 @@
     "@headlessui/react": "2.1.8",
     "@heroicons/react": "^1.0.6",
     "@monaco-editor/react": "4.7.0-rc.0",
-    "@radix-ui/react-checkbox": "^1.1.4",
-    "@radix-ui/react-dialog": "^1.1.6",
-    "@radix-ui/react-dropdown-menu": "^2.1.6",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.2",
-    "@radix-ui/react-slot": "^1.1.2",
-    "@radix-ui/react-toolbar": "^1.1.2",
-    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-dialog": "^1.1.18",
+    "@radix-ui/react-dropdown-menu": "^2.1.19",
+    "@radix-ui/react-popover": "^1.1.18",
+    "@radix-ui/react-select": "^2.3.2",
+    "@radix-ui/react-separator": "^1.1.11",
+    "@radix-ui/react-slot": "^1.3.0",
+    "@radix-ui/react-toolbar": "^1.1.14",
+    "@radix-ui/react-tooltip": "^1.2.11",
     "@react-hook/window-size": "^3.1.1",
     "@tanstack/react-table": "^8.21.3",
     "@udecode/cmdk": "^0.2.1",
@@ -80,7 +79,6 @@
     "@udecode/plate-slash-command": "^48.0.0",
     "@udecode/plate-table": "^48.0.0",
     "@udecode/plate-trailing-block": "^48.0.0",
-    "add": "^2.0.6",
     "async-lock": "^1.4.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -97,14 +95,11 @@
     "is-hotkey": "^0.2.0",
     "lucide-react": "^0.424.0",
     "mermaid": "^11.12.2",
-    "moment": "2.29.4",
-    "moment-timezone": "^0.6.0",
     "monaco-editor": "0.31.0",
     "posthog-js": "^1.347.1",
     "prism-react-renderer": "^2.4.1",
     "prop-types": "15.7.2",
     "react-colorful": "^5.6.1",
-    "react-datetime": "^3.3.1",
     "react-day-picker": "^9.13.0",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
@@ -118,9 +113,9 @@
     "yup": "^1.6.1",
     "zod": "^3.24.2",
     "@tinacms/bridge": "0.3.0",
-    "@tinacms/mdx": "2.1.7",
-    "@tinacms/schema-tools": "2.8.1",
-    "@tinacms/search": "1.2.19"
+    "@tinacms/schema-tools": "2.8.3",
+    "@tinacms/search": "1.2.21",
+    "@tinacms/mdx": "2.1.9"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",
@@ -148,7 +143,7 @@
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
     "vitest": "^2.1.9",
-    "@tinacms/scripts": "1.6.1"
+    "@tinacms/scripts": "1.6.2"
   },
   "peerDependencies": {
     "react": ">=16.14.0",

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

@@ -1,24 +0,0 @@
-import React from 'react';
-export declare const ToolbarIcon: ({ name }: {
-    name: string;
-}) => any;
-export declare const EllipsisIcon: ({ title }: {
-    title: any;
-}) => React.JSX.Element;
-export declare function UnorderedListIcon(props: any): React.JSX.Element;
-export declare function HeadingIcon(props: any): React.JSX.Element;
-export declare function OrderedListIcon(props: any): React.JSX.Element;
-export declare function QuoteIcon(props: any): React.JSX.Element;
-export declare function LinkIcon(props: any): React.JSX.Element;
-export declare function CodeIcon(props: any): React.JSX.Element;
-export declare function CodeBlockIcon(props: any): React.JSX.Element;
-export declare function ImageIcon(props: any): React.JSX.Element;
-export declare function BoldIcon(props: any): React.JSX.Element;
-export declare function ItalicIcon(props: any): React.JSX.Element;
-export declare function UnderlineIcon(props: any): React.JSX.Element;
-export declare function StrikethroughIcon(props: any): React.JSX.Element;
-export declare function LightningIcon(props: any): React.JSX.Element;
-export declare function ArrowDownIcon(props: any): React.JSX.Element;
-export declare function PlusIcon({ className }: {
-    className?: string;
-}): React.JSX.Element;

package/dist/toolkit/react-datetime/parts/ViewNavigation.d.ts

@@ -1,9 +0,0 @@
-export default function ViewNavigation({ onClickPrev, onClickSwitch, onClickNext, switchContent, switchColSpan, switchProps, }: {
-    onClickPrev: any;
-    onClickSwitch: any;
-    onClickNext: any;
-    switchContent: any;
-    switchColSpan: any;
-    switchProps: any;
-}): React.JSX.Element;
-import React from 'react';

package/dist/toolkit/react-datetime/views/DaysView.d.ts

@@ -1,16 +0,0 @@
-export default class DaysView extends React.Component<any, any, any> {
-    static defaultProps: {
-        isValidDate: () => boolean;
-        renderDay: (props: any, date: any) => React.JSX.Element;
-    };
-    constructor(props: any);
-    constructor(props: any, context: any);
-    render(): React.JSX.Element;
-    renderNavigation(): React.JSX.Element;
-    renderDayHeaders(): React.JSX.Element;
-    renderDays(): React.JSX.Element[];
-    renderDay(date: any, startOfMonth: any, endOfMonth: any): any;
-    renderFooter(): React.JSX.Element;
-    _setDate: (e: any) => void;
-}
-import React from 'react';

package/dist/toolkit/react-datetime/views/MonthsView.d.ts

@@ -1,12 +0,0 @@
-export default class MonthsView extends React.Component<any, any, any> {
-    constructor(props: any);
-    constructor(props: any, context: any);
-    render(): React.JSX.Element;
-    renderNavigation(): React.JSX.Element;
-    renderMonths(): React.JSX.Element[];
-    renderMonth(month: any): any;
-    isDisabledMonth(month: any): boolean;
-    getMonthText(month: any): any;
-    _updateSelectedMonth: (event: any) => void;
-}
-import React from 'react';

package/dist/toolkit/react-datetime/views/TimeView.d.ts

@@ -1,32 +0,0 @@
-export default class TimeView extends React.Component<any, any, any> {
-    constructor(props: any);
-    constraints: {};
-    state: {
-        hours: string;
-        minutes: string;
-        seconds: string;
-        milliseconds: string;
-        ampm: string;
-    };
-    render(): React.JSX.Element;
-    renderCounter(type: any, value: any): React.JSX.Element;
-    renderHeader(): React.JSX.Element;
-    onStartClicking(e: any, action: any, type: any): void;
-    timer: NodeJS.Timeout;
-    increaseTimer: NodeJS.Timeout;
-    mouseUpListener: any;
-    toggleDayPart(): void;
-    increase(type: any): string;
-    decrease(type: any): string;
-    getCounters(): string[];
-    isAMPM(): boolean;
-    getTimeParts(date: any): {
-        hours: string;
-        minutes: string;
-        seconds: string;
-        milliseconds: string;
-        ampm: string;
-    };
-    componentDidUpdate(prevProps: any): void;
-}
-import React from 'react';

package/dist/toolkit/react-datetime/views/YearsView.d.ts

@@ -1,17 +0,0 @@
-export default class YearsView extends React.Component<any, any, any> {
-    static defaultProps: {
-        renderYear: (props: any, year: any) => React.JSX.Element;
-    };
-    constructor(props: any);
-    constructor(props: any, context: any);
-    render(): React.JSX.Element;
-    renderNavigation(): React.JSX.Element;
-    renderYears(): React.JSX.Element[];
-    renderYear(year: any): any;
-    getViewYear(): number;
-    getSelectedYear(): any;
-    disabledYearsCache: {};
-    isDisabledYear(year: any): any;
-    _updateSelectedYear: (event: any) => void;
-}
-import React from 'react';