tinacms 0.0.0-ced9076-20250922063813 → 0.0.0-cf37070-20251203063307

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

@@ -1,6 +1,6 @@
-export declare const RadioGroupField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").RadioGroupProps, {}>) => import("react").JSX.Element;
+export declare const RadioGroupField: (props: import("./wrap-field-with-meta").InputFieldType<import("..").RadioGroupProps, {}>) => import("react").JSX.Element;
 export declare const RadioGroupFieldPlugin: {
     name: string;
-    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").RadioGroupProps, {}>) => import("react").JSX.Element;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("..").RadioGroupProps, {}>) => import("react").JSX.Element;
     validate(value: any, values: any, meta: any, field: any): string;
 };

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

@@ -1,8 +1,8 @@
-export declare const SelectField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").SelectProps, {}>) => import("react").JSX.Element;
+export declare const SelectField: (props: import("./wrap-field-with-meta").InputFieldType<import("..").SelectProps, {}>) => import("react").JSX.Element;
 export declare const SelectFieldPlugin: {
     name: string;
     type: string;
-    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").SelectProps, {}>) => import("react").JSX.Element;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("..").SelectProps, {}>) => import("react").JSX.Element;
     parse: (value?: string) => string;
     validate(value: any, values: any, meta: any, field: any): string;
 };

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

@@ -1,7 +1,7 @@
-export declare const ToggleField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").ToggleProps, {}>) => import("react").JSX.Element;
+export declare const ToggleField: (props: import("./wrap-field-with-meta").InputFieldType<import("..").ToggleProps, {}>) => import("react").JSX.Element;
 export declare const ToggleFieldPlugin: {
     name: string;
     type: string;
-    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").ToggleProps, {}>) => import("react").JSX.Element;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("..").ToggleProps, {}>) => import("react").JSX.Element;
     validate(value: any, values: any, meta: any, field: any): string;
 };

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/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, SyncStatusButton, } from './react-sidebar';
+export { Nav, NavCloudLink, NavProvider, NavMenuTrigger, useNav, 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,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/NavMenuTrigger.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface NavMenuTriggerProps {
+    className?: string;
+    label?: string;
+}
+/**
+ * A button component that triggers the navigation menu
+ * Can be used anywhere within the NavProvider hierarchy
+ */
+export declare const NavMenuTrigger: React.FC<NavMenuTriggerProps>;
+export {};

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const Badge: ({ children, calloutStyle, className, displayIcon, ...props }: {
+    children?: React.ReactNode;
+    calloutStyle?: "warning" | "info" | "success" | "error";
+    displayIcon?: boolean;
+} & React.HTMLProps<HTMLDivElement>) => React.JSX.Element;

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const Callout: ({ children, calloutStyle, className, ...props }: {
+    children?: React.ReactNode;
+    calloutStyle?: "warning" | "info" | "success" | "error";
+} & React.HTMLProps<HTMLDivElement>) => 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/react-sidebar/components/nav-components.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { CloudConfigPlugin } from '../../react-cloud-config';
+interface NavCloudLinkProps {
+    config: CloudConfigPlugin;
+}
+/**
+ * Shared component for rendering cloud configuration links
+ * Used across both admin and sidebar navigation
+ */
+export declare const NavCloudLink: React.FC<NavCloudLinkProps>;
+export {};

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

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+export interface NavContextValue {
+    menuIsOpen: boolean;
+    toggleMenu: () => void;
+    openMenu: () => void;
+    closeMenu: () => void;
+}
+export declare const NavContext: React.Context<NavContextValue>;
+export declare const useNav: () => NavContextValue;
+interface NavProviderProps {
+    children: ReactNode;
+    defaultOpen?: boolean;
+}
+export declare const NavProvider: React.FC<NavProviderProps>;
+export {};

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

@@ -9,8 +9,8 @@ interface NavCollection {
 interface NavProps {
     isLocalMode: boolean;
     showHamburger?: boolean;
-    menuIsOpen: boolean;
-    toggleMenu: () => void;
+    menuIsOpen?: boolean;
+    toggleMenu?: () => void;
     children?: any;
     className?: string;
     userName?: string;
@@ -41,5 +41,5 @@ interface NavProps {
         };
     }>;
 }
-export declare const Nav: ({ isLocalMode, showHamburger, menuIsOpen, toggleMenu, 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, RenderNavCollection, AuthRenderNavCollection, ...props }: NavProps) => React.JSX.Element;
 export {};

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

@@ -3,3 +3,6 @@ export { SidebarProvider } from './components/sidebar';
 export { Nav } from './components/nav';
 export { LocalWarning, BillingWarning } from './components/local-warning';
 export { SyncStatusButton } from './components/sync-status';
+export { NavCloudLink } from './components/nav-components';
+export { NavProvider, useNav } from './components/nav-context';
+export { NavMenuTrigger } from './components/NavMenuTrigger';

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/dist/utils/index.d.ts

@@ -20,3 +20,4 @@ export interface CreateClientProps {
 export declare const createClient: ({ clientId, isLocalClient, branch, tinaioConfig, schema, apiUrl, tinaGraphQLVersion, }: CreateClientProps) => Client;
 export declare function assertShape<T>(value: unknown, yupSchema: (args: typeof yup) => yup.AnySchema, errorMessage?: string): asserts value is T;
 export declare function safeAssertShape<T>(value: unknown, yupSchema: (args: typeof yup) => yup.AnySchema): boolean;
+export declare const get: (obj: any, path: any, defaultValue?: any) => any;

package/package.json

@@ -1,44 +1,19 @@
 {
   "name": "tinacms",
-  "version": "0.0.0-ced9076-20250922063813",
+  "type": "module",
+  "typings": "dist/index.d.ts",
+  "version": "0.0.0-cf37070-20251203063307",
   "main": "dist/index.js",
-  "module": "./dist/index.mjs",
+  "module": "./dist/index.js",
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./dist/client": {
-      "types": "./dist/client.d.ts",
-      "import": "./dist/client.mjs",
-      "require": "./dist/client.js"
-    },
-    "./dist/edit-state": {
-      "types": "./dist/edit-state.d.ts",
-      "import": "./dist/edit-state.mjs",
-      "require": "./dist/edit-state.js"
-    },
-    "./dist/react": {
-      "types": "./dist/react.d.ts",
-      "import": "./dist/react.mjs",
-      "require": "./dist/react.js"
-    },
-    "./dist/rich-text": {
-      "types": "./dist/rich-text/index.d.ts",
-      "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",
-      "require": "./dist/rich-text/prism.js"
-    }
+    ".": "./dist/index.js",
+    "./dist/client": "./dist/client.js",
+    "./dist/edit-state": "./dist/edit-state.js",
+    "./react": "./dist/react.js",
+    "./dist/react": "./dist/react.js",
+    "./dist/rich-text": "./dist/rich-text/index.js",
+    "./dist/rich-text/static": "./dist/rich-text/static.js",
+    "./dist/rich-text/prism": "./dist/rich-text/prism.js"
   },
   "files": [
     "dist"
@@ -63,10 +38,12 @@
       }
     }
   },
-  "typings": "dist/index.d.ts",
   "license": "Apache-2.0",
   "dependencies": {
     "@ariakit/react": "^0.4.15",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@floating-ui/dom": "^1.6.13",
     "@floating-ui/react-dom": "^2.1.2",
     "@graphql-inspector/core": "^6.2.1",
@@ -76,11 +53,12 @@
     "@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.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.6",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "@react-hook/window-size": "^3.1.1",
     "@udecode/cmdk": "^0.2.1",
     "@udecode/cn": "^48.0.3",
@@ -113,25 +91,23 @@
     "color-string": "^1.9.1",
     "crypto-js": "^4.2.0",
     "date-fns": "2.30.0",
+    "es-toolkit": "^1.42.0",
     "final-form": "4.20.10",
     "final-form-arrays": "^3.1.0",
     "final-form-set-field-data": "^1.0.2",
     "graphql": "15.8.0",
     "graphql-tag": "^2.12.6",
     "is-hotkey": "^0.2.0",
-    "lodash.get": "^4.4.2",
-    "lodash.set": "^4.3.2",
     "lucide-react": "^0.424.0",
     "mermaid": "9.3.0",
     "moment": "2.29.4",
+    "moment-timezone": "^0.6.0",
     "monaco-editor": "0.31.0",
     "prism-react-renderer": "^2.4.1",
     "prop-types": "15.7.2",
-    "react-beautiful-dnd": "^13.1.1",
     "react-color": "^2.19.3",
     "react-datetime": "^3.3.1",
-    "react-dnd": "^16.0.1",
-    "react-dnd-html5-backend": "^16.0.1",
+    "react-day-picker": "^9.11.1",
     "react-dropzone": "14.2.3",
     "react-final-form": "^6.5.9",
     "react-icons": "^5.4.0",
@@ -141,33 +117,29 @@
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
-    "@tinacms/mdx": "1.8.1",
-    "@tinacms/schema-tools": "1.9.1",
-    "@tinacms/search": "1.1.1"
+    "@tinacms/schema-tools": "2.0.0",
+    "@tinacms/mdx": "2.0.0",
+    "@tinacms/search": "1.1.4"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/jest-dom": "^6.7.0",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/atob": "^2.1.4",
     "@types/codemirror": "^5.60.15",
     "@types/color-string": "^1.5.5",
-    "@types/lodash.debounce": "^4.0.9",
-    "@types/lodash.get": "^4.4.9",
     "@types/node": "^22.13.1",
     "@types/prop-types": "^15.7.14",
     "@types/react": "^18.3.18",
-    "@types/react-beautiful-dnd": "^13.1.8",
     "@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",
@@ -177,7 +149,7 @@
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
     "vitest": "^2.1.9",
-    "@tinacms/scripts": "1.4.0"
+    "@tinacms/scripts": "1.4.1"
   },
   "peerDependencies": {
     "react": ">=16.14.0",

package/dist/client.mjs

@@ -1,132 +0,0 @@
-import AsyncLock from "async-lock";
-const TINA_HOST = "content.tinajs.io";
-function replaceGithubPathSplit(url, replacement) {
-  const parts = url.split("github/");
-  if (parts.length > 1 && replacement) {
-    return parts[0] + "github/" + replacement;
-  } else {
-    return url;
-  }
-}
-class TinaClient {
-  constructor({
-    token,
-    url,
-    queries,
-    errorPolicy,
-    cacheDir
-  }) {
-    this.initialized = false;
-    this.apiUrl = url;
-    this.readonlyToken = token == null ? void 0 : token.trim();
-    this.queries = queries(this);
-    this.errorPolicy = errorPolicy || "throw";
-    this.cacheDir = cacheDir || "";
-  }
-  async init() {
-    if (this.initialized) {
-      return;
-    }
-    try {
-      if (this.cacheDir && typeof window === "undefined" && typeof require !== "undefined") {
-        const { NodeCache } = await import("./node-cache-5e8db9f0.mjs");
-        this.cache = await NodeCache(this.cacheDir);
-        this.cacheLock = new AsyncLock();
-      }
-    } catch (e) {
-      console.error(e);
-    }
-    this.initialized = true;
-  }
-  async request({ errorPolicy, ...args }, options) {
-    var _a;
-    await this.init();
-    const errorPolicyDefined = errorPolicy || this.errorPolicy;
-    const headers = new Headers();
-    if (this.readonlyToken) {
-      headers.append("X-API-KEY", this.readonlyToken);
-    }
-    headers.append("Content-Type", "application/json");
-    if (options == null ? void 0 : options.fetchOptions) {
-      if ((_a = options == null ? void 0 : options.fetchOptions) == null ? void 0 : _a.headers) {
-        Object.entries(options.fetchOptions.headers).forEach(([key2, value]) => {
-          headers.append(key2, value);
-        });
-      }
-    }
-    const { headers: _, ...providedFetchOptions } = (options == null ? void 0 : options.fetchOptions) || {};
-    const bodyString = JSON.stringify({
-      query: args.query,
-      variables: (args == null ? void 0 : args.variables) || {}
-    });
-    const optionsObject = {
-      method: "POST",
-      headers,
-      body: bodyString,
-      redirect: "follow",
-      ...providedFetchOptions
-    };
-    const draftBranch = headers.get("x-branch");
-    const url = replaceGithubPathSplit((args == null ? void 0 : args.url) || this.apiUrl, draftBranch);
-    let key = "";
-    let result;
-    if (this.cache) {
-      key = this.cache.makeKey(bodyString);
-      await this.cacheLock.acquire(key, async () => {
-        result = await this.cache.get(key);
-        if (!result) {
-          result = await requestFromServer(
-            url,
-            args.query,
-            optionsObject,
-            errorPolicyDefined
-          );
-          await this.cache.set(key, result);
-        }
-      });
-    } else {
-      result = await requestFromServer(
-        url,
-        args.query,
-        optionsObject,
-        errorPolicyDefined
-      );
-    }
-    return result;
-  }
-}
-async function requestFromServer(url, query, optionsObject, errorPolicyDefined) {
-  const res = await fetch(url, optionsObject);
-  if (!res.ok) {
-    let additionalInfo = "";
-    if (res.status === 401) {
-      additionalInfo = "Please check that your client ID, URL and read only token are configured properly.";
-    }
-    throw new Error(
-      `Server responded with status code ${res.status}, ${res.statusText}. ${additionalInfo ? additionalInfo : ""} Please see our FAQ for more information: https://tina.io/docs/r/FAQ/`
-    );
-  }
-  const json = await res.json();
-  if (json.errors && errorPolicyDefined === "throw") {
-    throw new Error(
-      `Unable to fetch, please see our FAQ for more information: https://tina.io/docs/r/FAQ/
-      Errors: 
-	${json.errors.map((error) => error.message).join("\n")}`
-    );
-  }
-  const result = {
-    data: json == null ? void 0 : json.data,
-    errors: (json == null ? void 0 : json.errors) || null,
-    query
-  };
-  return result;
-}
-function createClient(args) {
-  const client = new TinaClient(args);
-  return client;
-}
-export {
-  TINA_HOST,
-  TinaClient,
-  createClient
-};