tinacms 1.6.7 → 2.1.0

package/dist/toolkit/react-datetime/DateTime.d.ts

@@ -64,10 +64,10 @@ export default class Datetime extends React.Component<any, any, any> {
         selectedDate: any;
         inputValue: any;
     };
-    render(): JSX.Element;
-    renderInput(): JSX.Element;
+    render(): React.JSX.Element;
+    renderInput(): React.JSX.Element;
     renderView(): any;
-    _renderCalendar: () => JSX.Element;
+    _renderCalendar: () => React.JSX.Element;
     getInitialState(): {
         open: boolean;
         currentView: any;

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

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

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

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

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

@@ -1,9 +1,9 @@
 export default class MonthsView extends React.Component<any, any, any> {
     constructor(props: any);
     constructor(props: any, context: any);
-    render(): JSX.Element;
-    renderNavigation(): JSX.Element;
-    renderMonths(): JSX.Element[];
+    render(): React.JSX.Element;
+    renderNavigation(): React.JSX.Element;
+    renderMonths(): React.JSX.Element[];
     renderMonth(month: any): any;
     isDisabledMonth(month: any): boolean;
     getMonthText(month: any): any;

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

@@ -8,9 +8,9 @@ export default class TimeView extends React.Component<any, any, any> {
         milliseconds: string;
         ampm: string;
     };
-    render(): JSX.Element;
-    renderCounter(type: any, value: any): JSX.Element;
-    renderHeader(): JSX.Element;
+    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;

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

@@ -1,12 +1,12 @@
 export default class YearsView extends React.Component<any, any, any> {
     static defaultProps: {
-        renderYear: (props: any, year: any) => JSX.Element;
+        renderYear: (props: any, year: any) => React.JSX.Element;
     };
     constructor(props: any);
     constructor(props: any, context: any);
-    render(): JSX.Element;
-    renderNavigation(): JSX.Element;
-    renderYears(): JSX.Element[];
+    render(): React.JSX.Element;
+    renderNavigation(): React.JSX.Element;
+    renderYears(): React.JSX.Element[];
     renderYear(year: any): any;
     getViewYear(): number;
     getSelectedYear(): any;

package/dist/toolkit/react-dismissible/dismissible.d.ts

@@ -27,6 +27,7 @@ export interface DismissibleProps {
      * dismissible area to propagate to their intended target.
      */
     allowClickPropagation?: boolean;
+    children?: React.ReactNode;
 }
 export declare const Dismissible: React.FC<DismissibleProps>;
 export declare function useDismissible({ onDismiss, escape, click, disabled, allowClickPropagation, document: customDocument, }: DismissibleProps): any;

package/dist/toolkit/react-forms/form-modal.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const FormModal: ({ plugin, close }: any) => JSX.Element;
+import * as React from 'react';
+export declare const FormModal: ({ plugin, close }: any) => React.JSX.Element;

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const FullscreenModal: ({ className, style, ...props }: {
     [x: string]: any;
     className?: string;
     style?: {};
-}) => JSX.Element;
+}) => React.JSX.Element;
 /**
  * @alias [FullscreenModal]
  * @deprecated
@@ -12,4 +12,4 @@ export declare const ModalFullscreen: ({ className, style, ...props }: {
     [x: string]: any;
     className?: string;
     style?: {};
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare const ModalActions: ({ children }: {
     children: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const ModalBody: ({ className, padded, ...props }: {
     [x: string]: any;
     className?: string;
     padded?: boolean;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -3,4 +3,4 @@ export interface ModalHeaderProps {
     children: React.ReactChild | React.ReactChild[];
     close?(): void;
 }
-export declare const ModalHeader: ({ children, close }: ModalHeaderProps) => JSX.Element;
+export declare const ModalHeader: ({ children, close }: ModalHeaderProps) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare const ModalOverlay: ({ children }: {
     children: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,6 +1,10 @@
 import * as React from 'react';
-export declare const ModalProvider: React.FC;
+declare type ModalProviderProps = {
+    children?: React.ReactNode;
+};
+export declare const ModalProvider: React.FC<ModalProviderProps>;
 export interface ModalContext {
     portalNode: Element | null;
 }
 export declare function useModalContainer(): ModalContext;
+export {};

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const PopupModal: ({ className, style, ...props }: {
     [x: string]: any;
     className?: string;
     style?: {};
-}) => JSX.Element;
+}) => React.JSX.Element;
 /**
  * @alias [PopupModal]
  * @deprecated
@@ -12,4 +12,4 @@ export declare const ModalPopup: ({ className, style, ...props }: {
     [x: string]: any;
     className?: string;
     style?: {};
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TinaState } from '../../tina-state';
 declare type FormListItem = TinaState['formLists'][number]['items'][number];
 export interface FormsListProps {
@@ -13,13 +13,13 @@ declare const FormListItem: ({ item, depth, setActiveFormId, }: {
     }>;
     depth: number;
     setActiveFormId: (id: string) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const FormLists: (props: {
     isEditing: boolean;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const FormList: (props: {
     isEditing: boolean;
     setActiveFormId: (id: string) => void;
     formList: TinaState['formLists'][number];
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const LocalWarning: () => JSX.Element;
-export declare const BillingWarning: () => JSX.Element;
+import * as React from 'react';
+export declare const LocalWarning: () => React.JSX.Element;
+export declare const BillingWarning: () => React.JSX.Element;

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

@@ -38,5 +38,5 @@ interface NavProps {
         };
     }>;
 }
-export declare const Nav: ({ isLocalMode, className, children, showCollections, collectionsInfo, screens, cloudConfigs, contentCreators, sidebarWidth, RenderNavSite, RenderNavCloud, RenderNavCollection, AuthRenderNavCollection, ...props }: NavProps) => JSX.Element;
+export declare const Nav: ({ isLocalMode, className, children, showCollections, collectionsInfo, screens, cloudConfigs, contentCreators, sidebarWidth, RenderNavSite, RenderNavCloud, RenderNavCollection, AuthRenderNavCollection, ...props }: NavProps) => React.JSX.Element;
 export {};

package/dist/toolkit/react-sidebar/components/no-forms-placeholder.d.ts

@@ -3,6 +3,6 @@
 
 
 */
-/// <reference types="react" />
-export declare const PendingFormsPlaceholder: () => JSX.Element;
-export declare const NoFormsPlaceholder: () => JSX.Element;
+import * as React from 'react';
+export declare const PendingFormsPlaceholder: () => React.JSX.Element;
+export declare const NoFormsPlaceholder: () => React.JSX.Element;

package/dist/toolkit/react-sidebar/components/resize-handle.d.ts

@@ -3,5 +3,5 @@
 
 
 */
-/// <reference types="react" />
-export declare const ResizeHandle: () => JSX.Element;
+import * as React from 'react';
+export declare const ResizeHandle: () => React.JSX.Element;

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

@@ -1,19 +1,19 @@
 import * as React from 'react';
-import { Form } from '../../forms';
+import type { Form } from '../../forms';
 export declare const FormsView: ({ children, }: {
     children?: React.ReactChild | React.ReactChild[];
-}) => JSX.Element;
+}) => React.JSX.Element;
 export interface MultiformFormHeaderProps {
     activeForm: {
         activeFieldName?: string;
         tinaForm: Form;
     };
 }
-export declare const MultiformFormHeader: ({ activeForm, }: MultiformFormHeaderProps) => JSX.Element;
+export declare const MultiformFormHeader: ({ activeForm, }: MultiformFormHeaderProps) => React.JSX.Element;
 export interface FormHeaderProps {
     activeForm: {
         activeFieldName?: string;
         tinaForm: Form;
     };
 }
-export declare const FormHeader: ({ activeForm }: FormHeaderProps) => JSX.Element;
+export declare const FormHeader: ({ activeForm }: FormHeaderProps) => React.JSX.Element;

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

@@ -17,7 +17,7 @@ export interface SidebarProviderProps {
     position?: SidebarStateOptions['position'];
     defaultState?: SidebarStateOptions['defaultState'];
 }
-export declare function SidebarProvider({ position, resizingSidebar, setResizingSidebar, defaultWidth, sidebar, }: SidebarProviderProps): JSX.Element;
+export declare function SidebarProvider({ position, resizingSidebar, setResizingSidebar, defaultWidth, sidebar, }: SidebarProviderProps): React.JSX.Element;
 export declare const updateBodyDisplacement: ({ position, displayState, sidebarWidth, resizingSidebar, }: {
     position?: string;
     displayState: any;

package/dist/toolkit/react-sidebar/components/sync-status.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TinaCMS } from '../../tina-cms';
 export declare const useGetEvents: (cms: TinaCMS, cursor?: string, existingEvents?: {
     message: string;
@@ -20,12 +20,12 @@ export declare const useGetEvents: (cms: TinaCMS, cursor?: string, existingEvent
 };
 export declare const SyncErrorWidget: ({ cms }: {
     cms: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const SyncStatusModal: ({ closeEventsModal, cms }: {
     closeEventsModal: any;
     cms: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const SyncStatus: ({ cms, setEventsOpen }: {
     cms: any;
     setEventsOpen: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/toolkit/react-tinacms/with-tina.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TinaCMSConfig } from '../tina-cms';
-export declare function withTina(Component: any, config?: TinaCMSConfig): (props: any) => JSX.Element;
+export declare function withTina(Component: any, config?: TinaCMSConfig): (props: any) => React.JSX.Element;

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

@@ -11,5 +11,5 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     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;
+export declare const Button: ({ variant, as: Tag, size, busy, disabled, rounded, children, className, ...props }: ButtonProps) => React.JSX.Element;
+export declare const IconButton: ({ variant, size, busy, disabled, children, className, ...props }: ButtonProps) => React.JSX.Element;

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

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

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

@@ -6,4 +6,4 @@ export declare const Message: ({ children, type, size, className, link, linkLabe
     className?: string;
     link?: string;
     linkLabel?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

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

package/dist/types/cms.d.ts

@@ -54,5 +54,6 @@ declare type QueryProviderProps = {
 };
 export declare type TinaCMSProviderDefaultProps = QueryProviderProps & APIProviderProps & BaseProviderProps & Config & {
     tinaGraphQLVersion: string;
+    children?: React.ReactNode;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "1.6.7",
+  "version": "2.1.0",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -29,11 +29,6 @@
       "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.mjs",
-      "require": "./dist/dev-tools.js"
-    },
     "./dist/rich-text/prism": {
       "types": "./dist/rich-text/prism.d.ts",
       "import": "./dist/rich-text/prism.mjs",
@@ -46,12 +41,10 @@
   "buildConfig": {
     "entryPoints": [
       "src/index.ts",
-      "src/edit-state.tsx",
       "src/rich-text/index.tsx",
       "src/rich-text/prism.tsx",
       "src/react.tsx",
-      "src/client.ts",
-      "src/dev-tools.tsx"
+      "src/client.ts"
     ]
   },
   "typings": "dist/index.d.ts",
@@ -76,8 +69,8 @@
     "graphql": "15.8.0",
     "graphql-tag": "^2.11.0",
     "is-hotkey": "^0.2.0",
+    "lodash": "^4.17.20",
     "lodash.get": "^4.4.2",
-    "lodash.set": "^4.3.2",
     "moment": "2.29.4",
     "monaco-editor": "0.31.0",
     "prism-react-renderer": "^2.3.1",
@@ -97,18 +90,16 @@
     "webfontloader": "1.6.28",
     "yup": "^0.32.0",
     "zod": "^3.14.3",
-    "@tinacms/mdx": "1.3.27",
-    "@tinacms/schema-tools": "1.4.18",
-    "@tinacms/search": "1.0.22",
-    "@tinacms/sharedctx": "1.0.3"
+    "@tinacms/mdx": "1.3.29",
+    "@tinacms/schema-tools": "1.5.0",
+    "@tinacms/search": "1.0.24"
   },
   "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": "^10.3.1",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@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",
@@ -117,10 +108,10 @@
     "@types/lodash.get": "^4.4.5",
     "@types/node": "^14.0.13",
     "@types/prop-types": "^15.7.4",
-    "@types/react": "^16.9.38",
+    "@types/react": "^18.3.3",
     "@types/react-beautiful-dnd": "^11.0.3",
     "@types/react-color": "^3.0.1",
-    "@types/react-dom": "^17.0.9",
+    "@types/react-dom": "^18.3.0",
     "@types/react-select": "^2.0.11",
     "@types/storybook__react": "^4.0.2",
     "@types/yup": "^0.29.10",
@@ -128,16 +119,16 @@
     "identity-obj-proxy": "^3.0.0",
     "isomorphic-fetch": "^3.0.0",
     "jest-file-snapshot": "^0.5.0",
-    "next": "12.2.4",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "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.5"
+    "@tinacms/scripts": "1.1.6"
   },
   "peerDependencies": {
     "react": ">=16.14.0",

package/dist/admin/pages/LoginPage.d.ts

@@ -1,6 +0,0 @@
-/**
-
-*/
-/// <reference types="react" />
-declare const LoginPage: () => JSX.Element;
-export default LoginPage;

package/dist/admin/pages/LogoutPage.d.ts

@@ -1,7 +0,0 @@
-/**
-
-*/
-/// <reference types="react" />
-export declare const LogoutRedirect: () => JSX.Element;
-declare const LogoutPage: () => JSX.Element;
-export default LogoutPage;

package/dist/dev-tools.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import type { TinaMarkdownContent } from './rich-text';
-declare type RenderValue = (args: {
-    value: unknown;
-    keyName: string;
-    parentValue: object | object[];
-    parentKeyName: string;
-}) => JSX.Element;
-declare type RenderRichText = (args: {
-    value: TinaMarkdownContent;
-}) => JSX.Element;
-export declare const Explorer: (props: {
-    value: object;
-    renderValue: RenderValue;
-    renderRichText: RenderRichText;
-}) => JSX.Element;
-export declare function Json({ src, withDataTinaFieldState, }: {
-    src: object;
-    withDataTinaFieldState?: boolean;
-}): JSX.Element;
-export {};