tinacms 2.9.1 → 2.9.4

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

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

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

@@ -29,14 +29,3 @@ export declare const CreateBranchModel: ({ close, safeSubmit, relativePath, valu
     values: Record<string, unknown>;
     crudType: string;
 }) => React.JSX.Element;
-export declare const CreateBranchModal: ({ close, safeSubmit, path, values, crudType, }: {
-    safeSubmit: () => Promise<void>;
-    close: () => void;
-    path: string;
-    values: Record<string, unknown>;
-    crudType: string;
-}) => React.JSX.Element;
-export declare const PrefixedTextField: ({ prefix, ...props }: {
-    [x: string]: any;
-    prefix?: string;
-}) => React.JSX.Element;

package/dist/toolkit/form-builder/index.d.ts

@@ -7,4 +7,5 @@ export * from './form-portal';
 export * from './loading-dots';
 export * from './reset-form';
 export * from './form-actions';
+export * from './create-branch-modal';
 export type { FieldRenderProps } from 'react-final-form';

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const TinaExtendedIcon: ({ ...props }: {
+    [x: string]: any;
+}) => React.JSX.Element;

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

@@ -52,3 +52,4 @@ export * from './Folder';
 export * from './File';
 export * from './Circle';
 export * from './CircleCheck';
+export * from './TinaExtended';

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

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

package/dist/toolkit/react-modals/modal/modal-actions.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
-export declare const ModalActions: ({ children }: {
+export declare const ModalActions: ({ align, children }: {
+    align?: string;
     children: any;
 }) => React.JSX.Element;

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

@@ -1,3 +1,5 @@
 import * as React from 'react';
-export declare const LocalWarning: () => React.JSX.Element;
+export declare const LocalWarning: ({ className }: {
+    className?: string;
+}) => React.JSX.Element;
 export declare const BillingWarning: () => React.JSX.Element;

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

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { ButtonProps } from './button';
+export interface DropdownButtonItem {
+    label: string;
+    onClick: () => void;
+    variant?: 'default' | 'destructive';
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface DropdownButtonProps extends Omit<ButtonProps, 'onClick'> {
+    /**
+     * The main action to perform when the button is clicked
+     */
+    onMainAction?: () => void;
+    /**
+     * Array of dropdown menu items
+     */
+    items: DropdownButtonItem[];
+    /**
+     * Whether to show the dropdown arrow in a split button style
+     * @default true
+     */
+    showSplitButton?: boolean;
+    /**
+     * Alignment of the dropdown menu
+     * @default 'end'
+     */
+    align?: 'start' | 'center' | 'end';
+}
+/**
+ * A button component that combines a primary action with a dropdown menu of additional options.
+ *
+ * This component follows the split-button pattern found in TinaCMS, where the main button
+ * performs a primary action and a small arrow button opens a dropdown menu with additional options.
+ *
+ * @example
+ * // Basic usage with split button
+ * <DropdownButton
+ *   variant="primary"
+ *   onMainAction={() => console.log('Save to new branch')}
+ *   items={[
+ *     { label: 'Save to protected branch', onClick: () => console.log('Protected') },
+ *     { label: 'Save and publish', onClick: () => console.log('Publish') },
+ *   ]}
+ * >
+ *   Save to new branch
+ * </DropdownButton>
+ *
+ * @example
+ * // Dropdown-only button (no main action)
+ * <DropdownButton
+ *   variant="secondary"
+ *   showSplitButton={false}
+ *   items={[
+ *     { label: 'Save to new branch', onClick: () => console.log('New branch') },
+ *     { label: 'Save to protected branch', onClick: () => console.log('Protected') },
+ *   ]}
+ * >
+ *   Save options
+ * </DropdownButton>
+ *
+ * @example
+ * // With icons and destructive action
+ * <DropdownButton
+ *   variant="primary"
+ *   onMainAction={() => console.log('Save')}
+ *   items={[
+ *     { label: 'Duplicate', onClick: () => console.log('Duplicate'), icon: <CopyIcon /> },
+ *     { label: 'Delete', onClick: () => console.log('Delete'), variant: 'destructive', icon: <TrashIcon /> },
+ *   ]}
+ * >
+ *   Save
+ * </DropdownButton>
+ */
+export declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -2,3 +2,4 @@ export * from './button';
 export * from './font-loader';
 export * from './overflow-menu';
 export * from './message';
+export * from './dropdown-button';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "2.9.1",
+  "version": "2.9.4",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -137,13 +137,15 @@
     "react-icons": "^5.4.0",
     "react-router-dom": "6.3.0",
     "react-use": "^17.6.0",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^2.6.0",
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
-    "@tinacms/mdx": "1.8.1",
+    "dompurify": "^3.3.0",
     "@tinacms/schema-tools": "1.9.1",
-    "@tinacms/search": "1.1.1"
+    "@tinacms/search": "1.1.1",
+    "@tinacms/mdx": "1.8.1"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",
@@ -163,11 +165,11 @@
     "@types/react-color": "^3.0.13",
     "@types/react-dom": "^18.3.5",
     "@types/yup": "^0.32.0",
-    "lowlight": "^3.3.0",
     "happy-dom": "15.10.2",
     "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",