tinacms 2.7.3 → 2.7.4

package/dist/react.d.ts

@@ -1,34 +1 @@
-export declare function useTina<T extends object>(props: {
-    query: string;
-    variables: object;
-    data: T;
-    experimental___selectFormByFormId?: () => string | false | undefined;
-}): {
-    data: T;
-    isClient: boolean;
-};
-export declare function useEditState(): {
-    edit: boolean;
-};
-/**
- * Grab the field name for the given attribute
- * to signal to Tina which DOM element the field
- * is working with.
- */
-export declare const tinaField: <T extends (object & {
-    _content_source?: {
-        queryId: string;
-        path: (number | string)[];
-    };
-}) | undefined | null>(object: T, property?: keyof Omit<NonNullable<T>, "__typename" | "_sys">, index?: number) => string;
-export declare const addMetadata: <T extends object>(id: string, object: T & {
-    type?: string;
-    _content_source?: unknown;
-}, path: (string | number)[]) => T;
-/**
- * This is a pretty rudimentary approach to hashing the query and variables to
- * ensure we treat multiple queries on the page uniquely. It's possible
- * that we would have collisions, and I'm not sure of the likeliness but seems
- * like it'd be rare.
- */
-export declare const hashFromQuery: (input: string) => string;
+export * from "../src/react"

package/dist/react.js

@@ -18,6 +18,9 @@
     React.useEffect(() => {
       setIsClient(true);
       setData(props.data);
+      parent.postMessage({
+        type: "url-changed"
+      });
     }, [id]);
     React.useEffect(() => {
       if (quickEditEnabled) {

package/dist/react.mjs

@@ -15,6 +15,9 @@ function useTina(props) {
   React.useEffect(() => {
     setIsClient(true);
     setData(props.data);
+    parent.postMessage({
+      type: "url-changed"
+    });
   }, [id]);
   React.useEffect(() => {
     if (quickEditEnabled) {

package/dist/rich-text/index.d.ts

@@ -1,142 +1 @@
-/**
-
-*/
-import React from 'react';
-type BaseComponents = {
-    h1?: {
-        children: JSX.Element;
-    };
-    h2?: {
-        children: JSX.Element;
-    };
-    h3?: {
-        children: JSX.Element;
-    };
-    h4?: {
-        children: JSX.Element;
-    };
-    h5?: {
-        children: JSX.Element;
-    };
-    h6?: {
-        children: JSX.Element;
-    };
-    p?: {
-        children: JSX.Element;
-    };
-    a?: {
-        url: string;
-        children: JSX.Element;
-    };
-    italic?: {
-        children: JSX.Element;
-    };
-    bold?: {
-        children: JSX.Element;
-    };
-    strikethrough?: {
-        children: JSX.Element;
-    };
-    underline?: {
-        children: JSX.Element;
-    };
-    code?: {
-        children: JSX.Element;
-    };
-    text?: {
-        children: string;
-    };
-    ul?: {
-        children: JSX.Element;
-    };
-    ol?: {
-        children: JSX.Element;
-    };
-    li?: {
-        children: JSX.Element;
-    };
-    lic?: {
-        children: JSX.Element;
-    };
-    block_quote?: {
-        children: JSX.Element;
-    };
-    code_block?: {
-        lang?: string;
-        value: string;
-    };
-    mermaid?: {
-        value: string;
-    };
-    img?: {
-        url: string;
-        caption?: string;
-        alt?: string;
-    };
-    hr?: {};
-    break?: {};
-    maybe_mdx?: {
-        children: JSX.Element;
-    };
-    html?: {
-        value: string;
-    };
-    html_inline?: {
-        value: string;
-    };
-    table?: {
-        align?: ('left' | 'right' | 'center')[];
-        tableRows: {
-            tableCells: {
-                value: TinaMarkdownContent;
-            }[];
-        }[];
-    };
-    component_missing?: {
-        name: string;
-    };
-};
-type BaseComponentSignature = {
-    [BK in keyof BaseComponents]: (props: BaseComponents[BK]) => JSX.Element;
-};
-/**
- * Define the allowed components and their props
- * ```ts
- * const components:
- * Components<{
- *  BlockQuote: {
- *      children: TinaMarkdownContent;
- *      authorName: string;
- *    };
- *  }> = {
- *    BlockQuote: (props: {
- *      children: TinaMarkdownContent;
- *      authorName: string;
- *    }) => {
- *      return (
- *        <div>
- *          <blockquote>
- *            <TinaMarkdown content={props.children} />
- *            {props.authorName}
- *          </blockquote>
- *        </div>
- *      );
- *    }
- *  }
- * }
- * ```
- */
-export type Components<ComponentAndProps extends object> = {
-    [K in keyof ComponentAndProps]: (props: ComponentAndProps[K]) => JSX.Element;
-} & BaseComponentSignature;
-export type TinaMarkdownContent = {
-    type: string;
-    children: TinaMarkdownContent[];
-};
-export declare const TinaMarkdown: <CustomComponents extends {
-    [key: string]: object;
-} = any>({ content, components, }: {
-    content: TinaMarkdownContent | TinaMarkdownContent[];
-    components?: Components<{}> | Components<{ [BK in keyof CustomComponents]: (props: CustomComponents[BK]) => JSX.Element; }>;
-}) => React.JSX.Element;
-export {};
+export * from "../../src/rich-text/index"

package/dist/rich-text/prism.d.ts

@@ -1,10 +1 @@
-/**
-
-*/
-import React from 'react';
-import { themes } from 'prism-react-renderer';
-export declare const Prism: (props: {
-    value: string;
-    lang?: string;
-    theme?: keyof typeof themes;
-}) => React.JSX.Element;
+export * from "../../src/rich-text/prism"

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

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

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

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const SidebarLoadingPlaceholder: () => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const SidebarNoFormsPlaceholder: () => React.JSX.Element;

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

@@ -1,5 +1,5 @@
-import { EventBus, Callback } from '../core';
 import * as React from 'react';
+import { Callback, EventBus } from '../core';
 export interface SidebarStateOptions {
     position?: SidebarPosition;
     buttons?: SidebarButtons;
@@ -22,7 +22,7 @@ export declare type DefaultSidebarState = 'open' | 'closed';
 export declare class SidebarState {
     private events;
     private _isOpen;
-    placeholder: React.FC;
+    loadingPlaceholder: React.FC;
     defaultState: DefaultSidebarState;
     position: SidebarPosition;
     renderNav: boolean;

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

@@ -58,6 +58,9 @@ export type TinaAction = {
 } | {
     type: 'sidebar:set-display-state';
     value: TinaState['sidebarDisplayState'] | 'openOrFull';
+} | {
+    type: 'sidebar:set-loading-state';
+    value: boolean;
 };
 export interface TinaState {
     activeFormId: string | null;
@@ -76,6 +79,7 @@ export interface TinaState {
     }[];
     formLists: FormList[];
     editingMode: 'visual' | 'basic';
+    isLoadingContent: boolean;
     quickEditSupported: boolean;
     sidebarDisplayState: 'closed' | 'open' | 'fullscreen';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "2.7.3",
+  "version": "2.7.4",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -131,7 +131,7 @@
     "zod": "^3.24.2",
     "@tinacms/mdx": "1.6.1",
     "@tinacms/schema-tools": "1.7.2",
-    "@tinacms/search": "1.0.41"
+    "@tinacms/search": "1.0.42"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",

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

@@ -1,8 +0,0 @@
-/**
-
-
-
-*/
-import * as React from 'react';
-export declare const PendingFormsPlaceholder: () => React.JSX.Element;
-export declare const NoFormsPlaceholder: () => React.JSX.Element;