tinacms 2.1.0 → 2.2.0

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

@@ -1,8 +1,8 @@
 import React from 'react';
 export declare const Message: ({ children, type, size, className, link, linkLabel, }: {
     children?: React.ReactNode | React.ReactNode[];
-    type?: 'success' | 'warning' | 'error' | 'info';
-    size?: 'small' | 'medium';
+    type?: "success" | "warning" | "error" | "info";
+    size?: "small" | "medium";
     className?: string;
     link?: string;
     linkLabel?: string;

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

@@ -1,14 +1,10 @@
-/**
-
-*/
-/// <reference types="react" />
-import { CMS, CMSConfig, PluginType } from './core';
-import { FieldPlugin } from './form-builder';
-import { ScreenPlugin } from './react-screens';
-import { Form } from './forms';
-import { Alerts, EventsToAlerts } from './alerts';
-import { SidebarState, SidebarStateOptions } from './react-sidebar';
-import { TinaAction, TinaState } from './tina-state';
+import { CMS, type CMSConfig, type PluginType } from './core';
+import type { FieldPlugin } from './form-builder';
+import type { ScreenPlugin } from './react-screens';
+import type { Form } from './forms';
+import { Alerts, type EventsToAlerts } from './alerts';
+import { SidebarState, type SidebarStateOptions } from './react-sidebar';
+import type { TinaAction, TinaState } from './tina-state';
 import type { Client } from '../internalClient';
 export interface TinaCMSConfig extends CMSConfig {
     sidebar?: SidebarStateOptions | boolean;

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

@@ -1,6 +1,6 @@
 import { Form } from './react-tinacms';
 import { TinaCMS } from './tina-cms';
-declare type FormListItem = {
+type FormListItem = {
     type: 'document';
     path: string;
     formId: string;
@@ -9,13 +9,13 @@ declare type FormListItem = {
     type: 'list';
     label: string;
 };
-declare type FormList = {
+type FormList = {
     label: string;
     id: string;
     items: FormListItem[];
     formIds: string[];
 };
-export declare type TinaAction = {
+export type TinaAction = {
     type: 'forms:add';
     value: Form;
 } | {

package/dist/types/cms.d.ts

@@ -1,7 +1,6 @@
 /**
 
 */
-/// <reference types="react" />
 import type { StaticMedia, TinaCMS } from '@tinacms/toolkit';
 import type { Schema, Config } from '@tinacms/schema-tools';
 import type { TinaCloudMediaStoreClass } from '../auth';
@@ -9,7 +8,7 @@ import type { useDocumentCreatorPlugin } from '../hooks/use-content-creator';
 import type { formifyCallback } from '../hooks/use-graphql-forms';
 import type { TinaIOConfig } from '../internalClient';
 import type { TinaClient } from '../client';
-declare type APIProviderProps = {
+type APIProviderProps = {
     /**
      * @deprecated Please see https://tina.io/blog/tina-v-0.68.14 for information on how to upgrade to the new API
      *
@@ -33,7 +32,7 @@ interface BaseProviderProps {
     tinaioConfig?: TinaIOConfig;
     schema?: Schema;
 }
-declare type QueryProviderProps = {
+type QueryProviderProps = {
     /** Your React page component */
     children: (props?: any) => React.ReactNode;
     /** The query from getStaticProps */
@@ -52,7 +51,7 @@ declare type QueryProviderProps = {
     /** The `data` from getStaticProps */
     data?: never;
 };
-export declare type TinaCMSProviderDefaultProps = QueryProviderProps & APIProviderProps & BaseProviderProps & Config & {
+export type TinaCMSProviderDefaultProps = QueryProviderProps & APIProviderProps & BaseProviderProps & Config & {
     tinaGraphQLVersion: string;
     children?: React.ReactNode;
 };

package/dist/unifiedClient/index.d.ts

@@ -7,12 +7,12 @@ export interface TinaClientArgs<GenQueries = Record<string, unknown>> {
     queries: (client: TinaClient<GenQueries>) => GenQueries;
     errorPolicy?: Config['client']['errorPolicy'];
 }
-export declare type TinaClientRequestArgs = {
+export type TinaClientRequestArgs = {
     variables?: Record<string, any>;
     query: string;
     errorPolicy?: 'throw' | 'include';
 } & Partial<Omit<TinaClientArgs, 'queries'>>;
-export declare type TinaClientURLParts = {
+export type TinaClientURLParts = {
     host: string;
     clientId: string;
     branch: string;
@@ -28,7 +28,7 @@ export declare class TinaClient<GenQueries> {
         fetchOptions?: Parameters<typeof fetch>[1];
     }): Promise<{
         data: DataType;
-        errors: GraphQLError[];
+        errors: GraphQLError[] | null;
         query: string;
     }>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -50,85 +50,109 @@
   "typings": "dist/index.d.ts",
   "license": "Apache-2.0",
   "dependencies": {
-    "@floating-ui/dom": "^1.6.6",
-    "@floating-ui/react-dom": "^2.0.1",
-    "@graphql-inspector/core": "^4.0.0",
-    "@headlessui/react": "^1.5.0",
+    "cmdk": "^1.0.0",
+    "@ariakit/react": "^0.4.7",
+    "@floating-ui/dom": "^1.6.9",
+    "@floating-ui/react-dom": "^2.1.1",
+    "@graphql-inspector/core": "^6.1.0",
+    "@headlessui/react": "^2.1.2",
     "@heroicons/react": "^1.0.4",
     "@monaco-editor/react": "4.4.5",
-    "@radix-ui/react-popover": "^1.0.6",
-    "@react-hook/window-size": "^3.0.7",
-    "@udecode/plate-headless": "^21.4.0",
-    "color-string": "^1.5.3",
-    "crypto-js": "^4.1.1",
+    "@radix-ui/react-checkbox": "^1.1.1",
+    "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-popover": "^1.1.1",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-toolbar": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.2",
+    "@react-hook/window-size": "^3.1.1",
+    "@udecode/cn": "^33.0.0",
+    "@udecode/plate": "^36.3.6",
+    "@udecode/plate-autoformat": "^36.0.0",
+    "@udecode/plate-block-quote": "^36.0.0",
+    "@udecode/plate-code-block": "^36.0.0",
+    "@udecode/plate-combobox": "^36.0.0",
+    "@udecode/plate-common": "^36.3.4",
+    "@udecode/plate-floating": "^36.3.2",
+    "@udecode/plate-heading": "^36.0.12",
+    "@udecode/plate-indent": "^36.0.0",
+    "@udecode/plate-indent-list": "^36.3.3",
+    "@udecode/plate-link": "^36.3.2",
+    "@udecode/plate-list": "^36.0.0",
+    "@udecode/plate-paragraph": "^36.0.0",
+    "@udecode/plate-slash-command": "^36.0.0",
+    "class-variance-authority": "^0.7.0",
+    "color-string": "^1.9.1",
+    "crypto-js": "^4.2.0",
     "date-fns": "2.30.0",
     "fetch-ponyfill": "^7.1.0",
     "final-form": "4.20.10",
-    "final-form-arrays": "^3.0.1",
+    "final-form-arrays": "^3.1.0",
     "final-form-set-field-data": "^1.0.2",
     "graphql": "15.8.0",
-    "graphql-tag": "^2.11.0",
+    "graphql-tag": "^2.12.6",
     "is-hotkey": "^0.2.0",
-    "lodash": "^4.17.20",
     "lodash.get": "^4.4.2",
+    "lodash.set": "^4.3.2",
+    "lucide-react": "^0.424.0",
     "moment": "2.29.4",
     "monaco-editor": "0.31.0",
     "prism-react-renderer": "^2.3.1",
     "prop-types": "15.7.2",
-    "react-beautiful-dnd": "^13.1.0",
-    "react-color": "^2.17.3",
-    "react-datetime": "^2.16.3",
+    "react-beautiful-dnd": "^13.1.1",
+    "react-color": "^2.19.3",
+    "react-datetime": "^3.2.0",
     "react-dropzone": "14.2.3",
-    "react-final-form": "^6.3.0",
+    "react-final-form": "^6.5.9",
     "react-icons": "^5.2.1",
-    "react-onclickoutside": "^6.13.0",
+    "react-onclickoutside": "^6.13.1",
     "react-router-dom": "6.3.0",
-    "slate": "^0.94.1",
-    "slate-history": "^0.93.0",
-    "slate-hyperscript": "^0.77.0",
-    "slate-react": "^0.97.1",
+    "slate": "^0.103.0",
+    "slate-history": "^0.100.0",
+    "slate-hyperscript": "^0.100.0",
+    "slate-react": "^0.107.1",
     "webfontloader": "1.6.28",
-    "yup": "^0.32.0",
-    "zod": "^3.14.3",
-    "@tinacms/mdx": "1.3.29",
-    "@tinacms/schema-tools": "1.5.0",
-    "@tinacms/search": "1.0.24"
+    "tailwind-merge": "^2.4.0",
+    "clsx": "^2.1.1",
+    "yup": "^1.4.0",
+    "zod": "^3.23.8",
+    "@tinacms/mdx": "1.4.0",
+    "@tinacms/schema-tools": "1.6.0",
+    "@tinacms/search": "1.0.26"
   },
   "devDependencies": {
-    "@graphql-tools/utils": "^8.6.1",
-    "@testing-library/dom": "^10.3.1",
-    "@testing-library/jest-dom": "^6.4.6",
+    "@graphql-tools/utils": "^10.3.3",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
-    "@types/atob": "^2.1.2",
-    "@types/codemirror": "^0.0.71",
-    "@types/color-string": "^1.5.0",
-    "@types/lodash": "^4.14.169",
-    "@types/lodash.debounce": "^4.0.6",
-    "@types/lodash.get": "^4.4.5",
-    "@types/node": "^14.0.13",
-    "@types/prop-types": "^15.7.4",
+    "@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.1.0",
+    "@types/prop-types": "^15.7.12",
     "@types/react": "^18.3.3",
-    "@types/react-beautiful-dnd": "^11.0.3",
-    "@types/react-color": "^3.0.1",
+    "@types/react-beautiful-dnd": "^13.1.8",
+    "@types/react-color": "^3.0.12",
     "@types/react-dom": "^18.3.0",
-    "@types/react-select": "^2.0.11",
-    "@types/storybook__react": "^4.0.2",
-    "@types/yup": "^0.29.10",
-    "happy-dom": "^10.5.2",
+    "@types/yup": "^0.32.0",
+    "happy-dom": "^14.12.3",
     "identity-obj-proxy": "^3.0.0",
     "isomorphic-fetch": "^3.0.0",
-    "jest-file-snapshot": "^0.5.0",
+    "jest-file-snapshot": "^0.7.0",
     "next": "14.2.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-is": "^17.0.2",
-    "tsc-alias": "^1.8.7",
-    "tslib": "^2.3.0",
-    "typescript": "4.6.4",
-    "vite": "^4.3.9",
-    "vitest": "^0.32.2",
-    "@tinacms/scripts": "1.1.6"
+    "react-is": "^18.3.1",
+    "tsc-alias": "^1.8.10",
+    "tslib": "^2.6.3",
+    "typescript": "^5.5.4",
+    "vite": "^5.3.5",
+    "vitest": "^2.0.5",
+    "@tinacms/scripts": "1.2.0"
   },
   "peerDependencies": {
     "react": ">=16.14.0",

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

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export declare const FloatingToolbarWrapper: ({ children, position, }: {
-    children: JSX.Element;
-    position?: 'top' | 'bottom';
-}) => React.JSX.Element;

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

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import type { MdxTemplate } from '../../../types';
-import type { Form } from '../../../../../../../forms';
-export declare type toolbarItemName = 'heading' | 'link' | 'image' | 'quote' | 'ul' | 'ol' | 'code' | 'codeBlock' | 'bold' | 'italic' | 'raw';
-export declare function Toolbar({ templates, toolbarOverride, tinaForm, }: {
-    tinaForm: Form;
-    inlineOnly: boolean;
-    templates: MdxTemplate[];
-    toolbarOverride?: toolbarItemName[];
-}): React.JSX.Element;
-export declare const FloatingToolbar: ({ templates, tinaForm, toolbarOverride, }: {
-    tinaForm: Form;
-    templates: MdxTemplate[];
-    toolbarOverride?: toolbarItemName[];
-}) => React.JSX.Element;
-export declare const FloatingLink: () => React.JSX.Element;

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/plugins/ui/toolbar/overflow-menu.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export declare const OverflowMenu: ({ toolbarItems, itemsShown, showEmbed }: {
-    toolbarItems: any;
-    itemsShown: any;
-    showEmbed: any;
-}) => React.JSX.Element;

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import type { PlateEditor } from '@udecode/plate-headless';
-import type { MdxTemplate } from '../../../types';
-import { Form } from '../../../../../../../forms';
-export declare type ToolbarItemType = {
-    label: string;
-    name: string;
-    inlineOnly?: boolean;
-    hidden?: boolean;
-    active?: boolean;
-    onMouseDown?: (event: any) => void;
-    icon?: string;
-    options?: any[];
-    isLastItem?: boolean;
-    tinaForm: Form;
-};
-export declare const ToolbarItem: ({ hidden, label, active, onMouseDown, icon, options, name, isLastItem, tinaForm, }: ToolbarItemType) => React.JSX.Element;
-export declare const EmbedButton: ({ editor, templates, }: {
-    editor: PlateEditor;
-    templates: MdxTemplate[];
-}) => React.JSX.Element;