tinacms 0.64.2 → 0.65.3

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # tinacms
 
+## 0.65.3
+
+### Patch Changes
+
+- 0c4456c11: fix: Send update to useTina hook on the initial isLoading change
+
+## 0.65.2
+
+### Patch Changes
+
+- a9b385b01: Fix mutation string for document creation
+
+## 0.65.1
+
+### Patch Changes
+
+- 68284198a: fix: use user-specific document creator callback
+- ccf4dcbd4: chore: Export low-level data provider from "tinacms", for the playground and other sandboz environments
+- f2431c031: Fix type for code_block TinaMarkdown element
+
+## 0.65.0
+
+### Minor Changes
+
+- 792f47251: useTina hook for page-level form registration
+
+### Patch Changes
+
+- 6a50a1368: Updates the look and feel of the Tina Sidebar
+- 239382619: Introduces TinaAdminApi and consolidates types
+- Updated dependencies [8ad8f03fd]
+- Updated dependencies [6a50a1368]
+- Updated dependencies [792f47251]
+  - @tinacms/toolkit@0.56.9
+  - @tinacms/sharedctx@0.1.0
+
 ## 0.64.2
 
 ### Patch Changes

package/dist/admin/api.d.ts

@@ -0,0 +1,36 @@
+/**
+Copyright 2021 Forestry.io Holdings, Inc.
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+    http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+import type { Collection, DocumentForm, GetDocumentFields } from './types';
+export declare class TinaAdminApi {
+    /**
+     * cms.api.tina
+     */
+    api: {
+        request: (query: string, { variables }: {
+            variables: object;
+        }) => any;
+    };
+    constructor(TinaApi: any);
+    fetchCollections(): Promise<{
+        getCollections: Collection[];
+    }>;
+    fetchCollection(collectionName: string, includeDocuments: boolean): Promise<{
+        getCollection: Collection;
+    }>;
+    fetchDocument(collectionName: string, relativePath: string): Promise<{
+        getDocument: DocumentForm;
+    }>;
+    fetchDocumentFields(): Promise<GetDocumentFields>;
+    createDocument(collectionName: string, relativePath: string, params: Object): Promise<any>;
+    updateDocument(collectionName: string, relativePath: string, params: Object): Promise<any>;
+}

package/dist/admin/components/GetCollection.d.ts

@@ -11,34 +11,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 import type { TinaCMS } from '@tinacms/toolkit';
-interface Document {
-    node: {
-        sys: {
-            template: string;
-            breadcrumbs: string[];
-            path: string;
-            basename: string;
-            relativePath: string;
-            filename: string;
-            extension: string;
-        };
-    };
-}
-export interface Template {
-    name: string;
-    label: string;
-    fields: any[];
-}
-export interface Collection {
-    label: string;
-    name: string;
-    format: string;
-    templates: Template[];
-    documents: {
-        totalCount: number;
-        edges: Document[];
-    };
-}
+import type { Collection } from '../types';
 export declare const useGetCollection: (cms: TinaCMS, collectionName: string, includeDocuments?: boolean) => Collection;
 declare const GetCollection: ({ cms, collectionName, includeDocuments, children, }: {
     cms: TinaCMS;

package/dist/admin/components/GetCollections.d.ts

@@ -11,10 +11,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 import type { TinaCMS } from '@tinacms/toolkit';
-export interface Collection {
-    label: string;
-    name: string;
-}
+import type { Collection } from '../types';
 export declare const useGetCollections: (cms: TinaCMS) => Collection[];
 declare const GetCollections: ({ cms, children }: {
     cms: TinaCMS;

package/dist/admin/components/GetDocument.d.ts

@@ -11,21 +11,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 import type { TinaCMS } from '@tinacms/toolkit';
-export interface Document {
-    form: {
-        label: string;
-        name: string;
-        fields: Object[];
-        mutationInfo: {
-            path: string[];
-            string: string;
-            includeCollection: boolean;
-            includeTemplate: boolean;
-        };
-    };
-    values: Object;
-}
-export declare const useGetDocument: (cms: TinaCMS, collectionName: string, relativePath: string) => Document;
+import type { DocumentForm } from '../types';
+export declare const useGetDocument: (cms: TinaCMS, collectionName: string, relativePath: string) => DocumentForm;
 declare const GetDocument: ({ cms, collectionName, relativePath, children, }: {
     cms: TinaCMS;
     collectionName: string;

package/dist/admin/components/GetDocumentFields.d.ts

@@ -11,13 +11,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 import type { TinaCMS } from '@tinacms/toolkit';
-interface GetDocumentFields {
-    [collectionName: string]: {
-        collection: Object;
-        templates?: Object[];
-        fields?: Object[];
-    };
-}
 export interface Info {
     collection: Object | undefined;
     template: Object | undefined;

package/dist/admin/plugins/route-mapping.d.ts

@@ -11,22 +11,10 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 import { Plugin } from '@tinacms/toolkit';
-import { Collection } from '../components/GetCollection';
-interface Document {
-    sys: {
-        template: string;
-        breadcrumbs: string[];
-        path: string;
-        basename: string;
-        relativePath: string;
-        filename: string;
-        extension: string;
-    };
-}
+import type { Collection, DocumentSys } from '../types';
 export declare class RouteMappingPlugin implements Plugin {
     __type: string;
     name: string;
-    mapper: (collection: Collection, document: Document) => string | undefined;
-    constructor(mapper: (collection: Collection, document: Document) => string | undefined);
+    mapper: (collection: Collection, document: DocumentSys) => string | undefined;
+    constructor(mapper: (collection: Collection, document: DocumentSys) => string | undefined);
 }
-export {};

package/dist/admin/types.d.ts

@@ -0,0 +1,72 @@
+/**
+Copyright 2021 Forestry.io Holdings, Inc.
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+    http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+export interface Template {
+    name: string;
+    label: string;
+    fields: any[];
+}
+export interface DocumentNode {
+    node: {
+        sys: {
+            template: string;
+            breadcrumbs: string[];
+            path: string;
+            basename: string;
+            relativePath: string;
+            filename: string;
+            extension: string;
+        };
+    };
+}
+export interface DocumentForm {
+    form: {
+        label: string;
+        name: string;
+        fields: Object[];
+        mutationInfo: {
+            path: string[];
+            string: string;
+            includeCollection: boolean;
+            includeTemplate: boolean;
+        };
+    };
+    values: Object;
+}
+export interface DocumentSys {
+    sys: {
+        template: string;
+        breadcrumbs: string[];
+        path: string;
+        basename: string;
+        relativePath: string;
+        filename: string;
+        extension: string;
+    };
+}
+export interface Collection {
+    label: string;
+    name: string;
+    format?: string;
+    templates?: Template[];
+    documents?: {
+        totalCount?: number;
+        edges?: DocumentNode[];
+    };
+}
+export interface GetDocumentFields {
+    [collectionName: string]: {
+        collection: Object;
+        templates?: Object[];
+        fields?: Object[];
+    };
+}

package/dist/edit-state.d.ts

@@ -18,3 +18,11 @@ export declare const TinaEditProvider: ({ showEditButton, ...props }: {
     children: React.ReactNode;
     editMode: React.ReactNode;
 }) => JSX.Element;
+export declare function useTina<T extends object>({ query, variables, data, }: {
+    query: string;
+    variables: object;
+    data: T;
+}): {
+    data: T;
+    isLoading: boolean;
+};

package/dist/edit-state.es.js

@@ -26,9 +26,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { EditProvider, useEditState } from "@tinacms/sharedctx";
+import { EditProvider, TinaDataContext, useEditState } from "@tinacms/sharedctx";
 export { isEditing, setEditing, useEditState } from "@tinacms/sharedctx";
-import React from "react";
+import React, { useState, useEffect } from "react";
 const TinaEditProvider = (_a) => {
   var _b = _a, {
     showEditButton
@@ -37,6 +37,35 @@ const TinaEditProvider = (_a) => {
   ]);
   return /* @__PURE__ */ React.createElement(EditProvider, null, showEditButton && /* @__PURE__ */ React.createElement(ToggleButton, null), /* @__PURE__ */ React.createElement(TinaEditProviderInner, __spreadValues({}, props)));
 };
+function useTina({
+  query,
+  variables,
+  data
+}) {
+  const {
+    setRequest,
+    state,
+    isDummyContainer,
+    isLoading: contextLoading
+  } = React.useContext(TinaDataContext);
+  const [waitForContextRerender, setWaitForContextRerender] = useState(!isDummyContainer);
+  const isLoading = contextLoading || waitForContextRerender;
+  React.useEffect(() => {
+    setRequest({ query, variables });
+  }, [JSON.stringify(variables), query]);
+  useEffect(() => {
+    if (!isDummyContainer) {
+      setTimeout(() => setWaitForContextRerender(false), 0);
+    }
+    return () => {
+      setRequest(void 0);
+    };
+  }, [isDummyContainer]);
+  return {
+    data: isDummyContainer || isLoading ? data : state.payload,
+    isLoading
+  };
+}
 const ToggleButton = () => {
   const { edit } = useEditState();
   const [isOnAdmin, setIsOnAdmin] = React.useState(false);
@@ -73,4 +102,4 @@ const TinaEditProviderInner = ({ children, editMode }) => {
   }
   return children;
 };
-export { TinaEditProvider };
+export { TinaEditProvider, useTina };

package/dist/edit-state.js

@@ -42,6 +42,35 @@ var __objRest = (source, exclude) => {
     ]);
     return /* @__PURE__ */ React__default["default"].createElement(sharedctx.EditProvider, null, showEditButton && /* @__PURE__ */ React__default["default"].createElement(ToggleButton, null), /* @__PURE__ */ React__default["default"].createElement(TinaEditProviderInner, __spreadValues({}, props)));
   };
+  function useTina({
+    query,
+    variables,
+    data
+  }) {
+    const {
+      setRequest,
+      state,
+      isDummyContainer,
+      isLoading: contextLoading
+    } = React__default["default"].useContext(sharedctx.TinaDataContext);
+    const [waitForContextRerender, setWaitForContextRerender] = React.useState(!isDummyContainer);
+    const isLoading = contextLoading || waitForContextRerender;
+    React__default["default"].useEffect(() => {
+      setRequest({ query, variables });
+    }, [JSON.stringify(variables), query]);
+    React.useEffect(() => {
+      if (!isDummyContainer) {
+        setTimeout(() => setWaitForContextRerender(false), 0);
+      }
+      return () => {
+        setRequest(void 0);
+      };
+    }, [isDummyContainer]);
+    return {
+      data: isDummyContainer || isLoading ? data : state.payload,
+      isLoading
+    };
+  }
   const ToggleButton = () => {
     const { edit } = sharedctx.useEditState();
     const [isOnAdmin, setIsOnAdmin] = React__default["default"].useState(false);
@@ -97,6 +126,7 @@ var __objRest = (source, exclude) => {
     }
   });
   exports2.TinaEditProvider = TinaEditProvider;
+  exports2.useTina = useTina;
   Object.defineProperty(exports2, "__esModule", { value: true });
   exports2[Symbol.toStringTag] = "Module";
 });

package/dist/hooks/use-graphql-forms.d.ts

@@ -10,12 +10,10 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
-import gql from 'graphql-tag';
 import { Form } from '@tinacms/toolkit';
 import type { FormOptions, TinaCMS } from '@tinacms/toolkit';
-import type { DocumentNode } from 'graphql';
-export declare function useGraphqlForms<T extends object>({ query, variables, onSubmit, formify, }: {
-    query: (gqlTag: typeof gql) => DocumentNode;
+export declare function useGraphqlForms<T extends object>({ variables, onSubmit, formify, query, }: {
+    query: string;
     variables: object;
     onSubmit?: (args: onSubmitArgs) => void;
     formify?: formifyCallback;

package/dist/index.d.ts

@@ -19,5 +19,6 @@ export { useDocumentCreatorPlugin } from './hooks/use-content-creator';
 export * from '@tinacms/toolkit';
 export { TinaAdmin } from './admin';
 export { RouteMappingPlugin } from './admin/plugins/route-mapping';
+export { TinaAdminApi } from './admin/api';
 import { TinaCMSProvider2 } from './tina-cms';
 export default TinaCMSProvider2;