tinacms 1.5.16 → 1.5.18

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'white' | 'ghost' | 'danger';
+    as?: React.ElementType;
+    href?: string;
+    target?: string;
+    size?: 'small' | 'medium' | 'custom';
+    busy?: boolean;
+    rounded?: 'full' | 'left' | 'right' | 'custom';
+    disabled?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const Button: ({ variant, as: Tag, size, busy, disabled, rounded, children, className, ...props }: ButtonProps) => JSX.Element;
+export declare const IconButton: ({ variant, size, busy, disabled, children, className, ...props }: ButtonProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface ContainerPropse {
+    size?: 'medium' | 'large';
+    children?: any;
+}
+export declare const Container: ({ children, size, ...props }: ContainerPropse) => JSX.Element;
+export {};

package/dist/toolkit/styles/font-loader.d.ts

@@ -0,0 +1 @@
+export declare function FontLoader(): any;

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

@@ -0,0 +1,4 @@
+export * from './button';
+export * from './font-loader';
+export * from './overflow-menu';
+export * from './message';

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

@@ -0,0 +1,9 @@
+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';
+    className?: string;
+    link?: string;
+    linkLabel?: string;
+}) => JSX.Element;

package/dist/toolkit/styles/overflow-menu.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare function classNames(...classes: string[]): string;
+export declare const OverflowMenu: ({ toolbarItems, className }: {
+    toolbarItems: any;
+    className?: string;
+}) => JSX.Element;

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

@@ -0,0 +1,41 @@
+/**
+
+*/
+/// <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 type { Client } from '../internalClient';
+export interface TinaCMSConfig extends CMSConfig {
+    sidebar?: SidebarStateOptions | boolean;
+    alerts?: EventsToAlerts;
+    isLocalClient?: boolean;
+    isSelfHosted?: boolean;
+    clientId?: string;
+}
+export declare class TinaCMS extends CMS {
+    sidebar?: SidebarState;
+    _alerts?: Alerts;
+    state: TinaState;
+    dispatch: React.Dispatch<TinaAction>;
+    api: {
+        [key: string]: any;
+        tina?: Client;
+    };
+    constructor({ sidebar, alerts, isLocalClient, isSelfHosted, clientId, ...config }?: TinaCMSConfig);
+    get alerts(): Alerts;
+    registerApi(name: string, api: any): void;
+    get forms(): PluginType<Form>;
+    get fields(): PluginType<FieldPlugin>;
+    get screens(): PluginType<ScreenPlugin>;
+    removeAllForms(): void;
+    /**
+     * When a form is associated with any queries
+     * it's considered orphaned.
+     */
+    removeOrphanedForms(): void;
+}

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

@@ -0,0 +1,84 @@
+import { Form } from './react-tinacms';
+import { TinaCMS } from './tina-cms';
+declare type FormListItem = {
+    type: 'document';
+    path: string;
+    formId: string;
+    subItems: FormListItem[];
+} | {
+    type: 'list';
+    label: string;
+};
+declare type FormList = {
+    label: string;
+    id: string;
+    items: FormListItem[];
+    formIds: string[];
+};
+export declare type TinaAction = {
+    type: 'forms:add';
+    value: Form;
+} | {
+    type: 'forms:remove';
+    value: string;
+} | {
+    type: 'forms:clear';
+} | {
+    type: 'form-lists:add';
+    value: FormList;
+} | {
+    type: 'form-lists:remove';
+    value: string;
+} | {
+    type: 'forms:set-active-form-id';
+    value: string;
+} | {
+    type: 'forms:set-active-field-name';
+    value: {
+        formId: string;
+        fieldName: string;
+    };
+} | {
+    type: 'form-lists:clear';
+} | {
+    type: 'set-edit-mode';
+    value: 'visual' | 'basic';
+} | {
+    type: 'increment-operation-index';
+} | {
+    type: 'set-quick-editing-supported';
+    value: boolean;
+} | {
+    type: 'set-quick-editing-enabled';
+    value?: boolean;
+} | {
+    type: 'toggle-quick-editing-enabled';
+} | {
+    type: 'toggle-edit-state';
+} | {
+    type: 'sidebar:set-display-state';
+    value: TinaState['sidebarDisplayState'] | 'openOrFull';
+};
+export interface TinaState {
+    activeFormId: string | null;
+    /**
+     * Forms are wrapped here because we need `activeFieldName` to be reactive, so adding it as a propery
+     * on the Form class won't work, unfortunately. So "form" at this level means tinaForm + activeFieldName
+     *
+     * The activeFieldName should probably not be in global state, and having it here means that forms
+     * only work if they're registered as part of this top-level state. At the risk of touching too much code
+     * all at once, putting state this high up at least allows us to not have to touch the Form class too much.
+     * Longer term, replaceing Form with something stateful seems like the right approach
+     */
+    forms: {
+        activeFieldName?: string | null;
+        tinaForm: Form;
+    }[];
+    formLists: FormList[];
+    editingMode: 'visual' | 'basic';
+    quickEditSupported: boolean;
+    sidebarDisplayState: 'closed' | 'open' | 'fullscreen';
+}
+export declare const initialState: (cms: TinaCMS) => TinaState;
+export declare function tinaReducer(state: TinaState, action: TinaAction): TinaState;
+export {};

package/dist/types/cms.d.ts

@@ -2,7 +2,7 @@
 
 */
 /// <reference types="react" />
-import type { TinaCMS } from '@tinacms/toolkit';
+import type { StaticMedia, TinaCMS } from '@tinacms/toolkit';
 import type { Schema, Config } from '@tinacms/schema-tools';
 import type { TinaCloudMediaStoreClass } from '../auth';
 import type { useDocumentCreatorPlugin } from '../hooks/use-content-creator';
@@ -29,6 +29,7 @@ interface BaseProviderProps {
     documentCreatorCallback?: Parameters<typeof useDocumentCreatorPlugin>[0];
     /** TinaCMS media store instance */
     mediaStore?: TinaCloudMediaStoreClass | (() => Promise<TinaCloudMediaStoreClass>);
+    staticMedia?: StaticMedia;
     tinaioConfig?: TinaIOConfig;
     schema?: Schema;
 }

package/dist/utils/index.d.ts

@@ -8,6 +8,7 @@ import { Schema } from '@tinacms/schema-tools';
 export interface CreateClientProps {
     clientId?: string;
     isLocalClient?: boolean;
+    isSelfHosted?: boolean;
     tinaioConfig?: TinaIOConfig;
     owner?: string;
     repo?: string;

package/package.json

@@ -1,42 +1,42 @@
 {
   "name": "tinacms",
-  "version": "1.5.16",
+  "version": "1.5.18",
   "main": "dist/index.js",
-  "module": "./dist/index.es.js",
+  "module": "./dist/index.mjs",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.es.js",
+      "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
     "./dist/client": {
       "types": "./dist/client.d.ts",
-      "import": "./dist/client.es.js",
+      "import": "./dist/client.mjs",
       "require": "./dist/client.js"
     },
     "./dist/edit-state": {
       "types": "./dist/edit-state.d.ts",
-      "import": "./dist/edit-state.es.js",
+      "import": "./dist/edit-state.mjs",
       "require": "./dist/edit-state.js"
     },
     "./dist/react": {
       "types": "./dist/react.d.ts",
-      "import": "./dist/react.es.js",
+      "import": "./dist/react.mjs",
       "require": "./dist/react.js"
     },
     "./dist/rich-text": {
       "types": "./dist/rich-text/index.d.ts",
-      "import": "./dist/rich-text/index.es.js",
+      "import": "./dist/rich-text/index.mjs",
       "require": "./dist/rich-text/index.js"
     },
     "./dist/dev-tools": {
       "types": "./dist/dev-tools.d.ts",
-      "import": "./dist/dev-tools.es.js",
+      "import": "./dist/dev-tools.mjs",
       "require": "./dist/dev-tools.js"
     },
     "./dist/rich-text/prism": {
       "types": "./dist/rich-text/prism.d.ts",
-      "import": "./dist/rich-text/prism.es.js",
+      "import": "./dist/rich-text/prism.mjs",
       "require": "./dist/rich-text/prism.js"
     }
   },
@@ -57,55 +57,99 @@
   "typings": "dist/index.d.ts",
   "license": "Apache-2.0",
   "dependencies": {
+    "@floating-ui/dom": "^1.4.4",
+    "@floating-ui/react-dom": "^2.0.1",
     "@graphql-inspector/core": "^4.0.0",
     "@headlessui/react": "^1.5.0",
     "@heroicons/react": "^1.0.4",
+    "@monaco-editor/react": "4.4.5",
+    "@radix-ui/react-popover": "^1.0.6",
+    "@react-aria/i18n": "^3.3.4",
     "@react-hook/window-size": "^3.0.7",
-    "@tinacms/search": "1.0.6",
-    "@tinacms/schema-tools": "1.4.8",
-    "@tinacms/sharedctx": "1.0.1",
-    "@tinacms/toolkit": "1.7.12",
+    "@react-types/combobox": "^3.2.0",
+    "@react-types/shared": "^3.10.0",
+    "@sambego/storybook-styles": "^1.0.0",
+    "@tinacms/schema-tools": "1.4.10",
+    "@tinacms/search": "1.0.8",
+    "@tinacms/sharedctx": "1.0.2",
+    "@udecode/plate-headless": "^21.4.0",
+    "atob": "2.1.2",
+    "color-string": "^1.5.3",
     "crypto-js": "^4.0.0",
+    "date-fns": "2.30.0",
     "encoding": "0.1.13",
     "fetch-ponyfill": "^7.1.0",
-    "final-form": "4.20.1",
+    "final-form": "4.20.4",
+    "final-form-arrays": "^3.0.1",
+    "final-form-set-field-data": "^1.0.2",
     "graphql": "15.8.0",
     "graphql-tag": "^2.11.0",
+    "is-hotkey": "^0.2.0",
+    "lodash.get": "^4.4.2",
     "lodash.set": "^4.3.2",
+    "moment": "2.29.4",
+    "monaco-editor": "0.31.0",
     "prism-react-renderer": "^2.0.6",
+    "prismjs": "^1.28.0",
+    "prop-types": "15.7.2",
+    "react-beautiful-dnd": "^13.1.0",
+    "react-color": "^2.17.3",
+    "react-datetime": "^2.16.3",
+    "react-dropzone": "14.2.3",
+    "react-final-form": "^6.3.0",
     "react-icons": "^4.3.1",
+    "react-onclickoutside": "^6.13.0",
     "react-router-dom": "6.3.0",
+    "react-textarea-autosize": "8.5.2",
+    "scheduler": "0.19.0",
+    "slate": "^0.94.1",
+    "slate-history": "^0.93.0",
+    "slate-hyperscript": "^0.77.0",
+    "slate-react": "^0.97.1",
+    "webfontloader": "1.6.28",
     "yup": "^0.32.0",
     "zod": "^3.14.3"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^8.6.1",
+    "@testing-library/dom": "^7.21.4 ",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^12.7.0",
-    "@testing-library/dom": "^7.21.4 ",
-    "@tinacms/scripts": "1.1.0",
-    "@types/jest": "^27.0.1",
+    "@tinacms/scripts": "1.1.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/react": "^16.9.38",
+    "@types/react-beautiful-dnd": "^11.0.3",
+    "@types/react-color": "^3.0.1",
+    "@types/react-dom": "^17.0.9",
+    "@types/react-select": "^2.0.11",
+    "@types/storybook__react": "^4.0.2",
     "@types/yup": "^0.29.10",
+    "happy-dom": "^10.5.2",
     "identity-obj-proxy": "^3.0.0",
     "isomorphic-fetch": "^3.0.0",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
     "jest-file-snapshot": "^0.5.0",
     "next": "12.2.4",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-is": "^17.0.2",
-    "typescript": "4.3.5"
+    "tsc-alias": "^1.8.7",
+    "tslib": "^2.3.0",
+    "typescript": "4.3.5",
+    "vite": "^4.3.9",
+    "vitest": "^0.32.2"
   },
   "peerDependencies": {
     "react": ">=16.14.0",
-    "react-dom": ">=16.14.0",
-    "react-is": "^16.13.1 || <18.0.0"
+    "react-dom": ">=16.14.0"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
@@ -115,9 +159,9 @@
     "directory": "packages/tinacms"
   },
   "scripts": {
-    "types": "pnpm tsc",
+    "types": "pnpm tsc && pnpm tsc-alias",
     "build": "tinacms-scripts build",
-    "test": "jest --env=jsdom --passWithNoTests",
-    "test-watch": "jest --env=jsdom --passWithNoTests --watch"
+    "test": "vitest run",
+    "test-watch": "vitest"
   }
 }