tinacms 1.5.23 → 1.5.24

package/dist/internalClient/asyncPoll.d.ts

@@ -0,0 +1,84 @@
+/**
+ * The function you pass to `asyncPoll` should return a promise
+ * that resolves with object that satisfies this interface.
+ *
+ * The `done` property indicates to the async poller whether to
+ * continue polling or not.
+ *
+ * When done is `true` that means you've got what you need
+ * and the poller will resolve with `data`.
+ *
+ * When done is `false` taht means you don't have what you need
+ * and the poller will continue polling.
+ */
+export interface AsyncData<T> {
+    done: boolean;
+    data?: T;
+}
+/**
+ * Your custom function you provide to the async poller should
+ * satisfy this interface. Your function returns a promise that
+ * resolves with `AsyncData` to indicate to the poller whether
+ * you have what you need or we should continue polling.
+ */
+export interface AsyncFunction<T> extends Function {
+    (): PromiseLike<AsyncData<T>>;
+}
+/**
+  * How to repeatedly call an async function until get a desired result.
+  *
+  * Inspired by the following gist:
+  * https://gist.github.com/twmbx/2321921670c7e95f6fad164fbdf3170e#gistcomment-3053587
+  * https://davidwalsh.name/javascript-polling
+  *
+  * Usage:
+    asyncPoll(
+        async (): Promise<AsyncData<any>> => {
+            try {
+                const result = await getYourAsyncResult();
+                if (result.isWhatYouWant) {
+                    return Promise.resolve({
+                        done: true,
+                        data: result,
+                    });
+                } else {
+                    return Promise.resolve({
+                        done: false
+                    });
+                }
+            } catch (err) {
+                return Promise.reject(err);
+            }
+        },
+        500,    // interval
+        15000,  // timeout
+    );
+  */
+export declare function asyncPoll<T>(
+/**
+ * Function to call periodically until it resolves or rejects.
+ *
+ * It should resolve as soon as possible indicating if it found
+ * what it was looking for or not. If not then it will be reinvoked
+ * after the `pollInterval` if we haven't timed out.
+ *
+ * Rejections will stop the polling and be propagated.
+ */
+fn: AsyncFunction<T>, 
+/**
+ * Milliseconds to wait before attempting to resolve the promise again.
+ * The promise won't be called concurrently. This is the wait period
+ * after the promise has resolved/rejected before trying again for a
+ * successful resolve so long as we haven't timed out.
+ *
+ * Default 5 seconds.
+ */
+pollInterval?: number, 
+/**
+ * Max time to keep polling to receive a successful resolved response.
+ * If the promise never resolves before the timeout then this method
+ * rejects with a timeout error.
+ *
+ * Default 30 seconds.
+ */
+pollTimeout?: number): (Promise<T> | (() => void))[];

package/dist/internalClient/authProvider.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+import { AuthProvider, LoginStrategy } from '@tinacms/schema-tools';
+import { TokenObject } from '../auth/authenticate';
+declare type Input = Parameters<AuthProvider['fetchWithToken']>[0];
+declare type Init = Parameters<AuthProvider['fetchWithToken']>[1];
+declare type FetchReturn = ReturnType<AuthProvider['fetchWithToken']>;
+export declare abstract class AbstractAuthProvider implements AuthProvider {
+    /**
+     * Wraps the normal fetch function with same API but adds the authorization header token.
+     *
+     * @example
+     * const test = await tinaCloudClient.fetchWithToken(`/mycustomAPI/thing/one`) // the token will be passed in the authorization header
+     *
+     * @param input fetch function input
+     * @param init fetch function init
+     */
+    fetchWithToken(input: Input, init: Init): FetchReturn;
+    authorize(context?: any): Promise<any>;
+    isAuthorized(context?: any): Promise<boolean>;
+    isAuthenticated(): Promise<boolean>;
+    getLoginStrategy(): LoginStrategy;
+    getSessionProvider(): import("react").FC<{}>;
+    abstract getToken(): any;
+    abstract getUser(): any;
+    abstract logout(): any;
+    abstract authenticate(props?: Record<string, string>): any;
+}
+export declare class TinaCloudAuthProvider extends AbstractAuthProvider {
+    clientId: string;
+    identityApiUrl: string;
+    frontendUrl: string;
+    token: string;
+    setToken: (_token: TokenObject) => void;
+    getToken: () => Promise<TokenObject>;
+    constructor({ clientId, identityApiUrl, tokenStorage, frontendUrl, ...options }: {
+        clientId: string;
+        identityApiUrl: string;
+        tokenStorage?: 'MEMORY' | 'LOCAL_STORAGE' | 'CUSTOM';
+        getTokenFn?: () => Promise<TokenObject>;
+        frontendUrl: string;
+    });
+    authenticate(): Promise<TokenObject>;
+    getUser(): Promise<any>;
+    logout(): Promise<void>;
+    getRefreshedToken(tokens: string): Promise<TokenObject>;
+    parseJwt(token: any): any;
+}
+export declare class LocalAuthProvider extends AbstractAuthProvider {
+    constructor();
+    authenticate(): Promise<{
+        access_token: string;
+        id_token: string;
+        refresh_token: string;
+    }>;
+    getUser(): Promise<boolean>;
+    getToken(): Promise<{
+        id_token: string;
+    }>;
+    logout(): Promise<void>;
+}
+export {};

package/dist/internalClient/index.d.ts

@@ -2,11 +2,12 @@ import { TokenObject } from '../auth/authenticate';
 import { BranchData, EventBus } from '@tinacms/toolkit';
 import { DocumentNode, GraphQLSchema } from 'graphql';
 import gql from 'graphql-tag';
-import { TinaSchema, Schema } from '@tinacms/schema-tools';
+import { TinaSchema, Schema, AuthProvider } from '@tinacms/schema-tools';
 import { TinaCloudProject } from './types';
 import { SearchClient } from '@tinacms/search/dist/index-client';
+export * from './authProvider';
 export declare type OnLoginFunc = (args: {
-    token: TokenObject;
+    token?: TokenObject;
 }) => Promise<void>;
 export declare type TinaIOConfig = {
     assetsApiUrlOverride?: string;
@@ -24,91 +25,8 @@ interface ServerOptions {
     tinaioConfig?: TinaIOConfig;
     tokenStorage?: 'MEMORY' | 'LOCAL_STORAGE' | 'CUSTOM';
 }
-/**
- * The function you pass to `asyncPoll` should return a promise
- * that resolves with object that satisfies this interface.
- *
- * The `done` property indicates to the async poller whether to
- * continue polling or not.
- *
- * When done is `true` that means you've got what you need
- * and the poller will resolve with `data`.
- *
- * When done is `false` taht means you don't have what you need
- * and the poller will continue polling.
- */
-export interface AsyncData<T> {
-    done: boolean;
-    data?: T;
-}
-/**
- * Your custom function you provide to the async poller should
- * satisfy this interface. Your function returns a promise that
- * resolves with `AsyncData` to indicate to the poller whether
- * you have what you need or we should continue polling.
- */
-export interface AsyncFunction<T> extends Function {
-    (): PromiseLike<AsyncData<T>>;
-}
-/**
-* How to repeatedly call an async function until get a desired result.
-*
-* Inspired by the following gist:
-* https://gist.github.com/twmbx/2321921670c7e95f6fad164fbdf3170e#gistcomment-3053587
-* https://davidwalsh.name/javascript-polling
-*
-* Usage:
-  asyncPoll(
-      async (): Promise<AsyncData<any>> => {
-          try {
-              const result = await getYourAsyncResult();
-              if (result.isWhatYouWant) {
-                  return Promise.resolve({
-                      done: true,
-                      data: result,
-                  });
-              } else {
-                  return Promise.resolve({
-                      done: false
-                  });
-              }
-          } catch (err) {
-              return Promise.reject(err);
-          }
-      },
-      500,    // interval
-      15000,  // timeout
-  );
-*/
-export declare function asyncPoll<T>(
-/**
- * Function to call periodically until it resolves or rejects.
- *
- * It should resolve as soon as possible indicating if it found
- * what it was looking for or not. If not then it will be reinvoked
- * after the `pollInterval` if we haven't timed out.
- *
- * Rejections will stop the polling and be propagated.
- */
-fn: AsyncFunction<T>, 
-/**
- * Milliseconds to wait before attempting to resolve the promise again.
- * The promise won't be called concurrently. This is the wait period
- * after the promise has resolved/rejected before trying again for a
- * successful resolve so long as we haven't timed out.
- *
- * Default 5 seconds.
- */
-pollInterval?: number, 
-/**
- * Max time to keep polling to receive a successful resolved response.
- * If the promise never resolves before the timeout then this method
- * rejects with a timeout error.
- *
- * Default 30 seconds.
- */
-pollTimeout?: number): (Promise<T> | (() => void))[];
 export declare class Client {
+    authProvider: AuthProvider;
     onLogin?: OnLoginFunc;
     onLogout?: () => Promise<void>;
     frontendUrl: string;
@@ -120,9 +38,6 @@ export declare class Client {
     clientId: string;
     contentApiBase: string;
     tinaGraphQLVersion: string;
-    setToken: (_token: TokenObject) => void;
-    private getToken;
-    token: string;
     branch: string;
     private options;
     events: EventBus;
@@ -187,24 +102,6 @@ export declare class Client {
         }[];
         cursor?: string;
     }>;
-    parseJwt(token: any): any;
-    getRefreshedToken(tokens: string): Promise<TokenObject>;
-    isAuthorized(context?: any): Promise<boolean>;
-    isAuthenticated(): Promise<boolean>;
-    logout(): Promise<void>;
-    authenticate(): Promise<TokenObject>;
-    authorize(context?: any): Promise<any>;
-    /**
-     * Wraps the normal fetch function with same API but adds the authorization header token.
-     *
-     * @example
-     * const test = await tinaCloudClient.fetchWithToken(`/mycustomAPI/thing/one`) // the token will be passed in the authorization header
-     *
-     * @param input fetch function input
-     * @param init fetch function init
-     */
-    fetchWithToken(input: RequestInfo, init?: RequestInit): Promise<Response>;
-    getUser(): Promise<any>;
     getBillingState(): Promise<{
         clientId: string;
         delinquencyDate: number;
@@ -248,13 +145,6 @@ export declare class LocalClient extends Client {
         schema?: Schema;
     } & Omit<ServerOptions, 'clientId' | 'branch' | 'tinaGraphQLVersion'>);
     get isLocalMode(): boolean;
-    logout(): Promise<void>;
-    authenticate(): Promise<{
-        access_token: string;
-        id_token: string;
-        refresh_token: string;
-    }>;
-    getUser(): Promise<boolean>;
 }
 export declare class TinaCMSSearchClient implements SearchClient {
     private client;
@@ -291,4 +181,3 @@ export declare class LocalSearchClient implements SearchClient {
     put(docs: any[]): Promise<any>;
     supportsClientSideIndexing(): boolean;
 }
-export {};

package/dist/toolkit/components/account/update-password.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function UpdatePassword(props: {}): JSX.Element;

package/dist/toolkit/fields/components/index.d.ts

@@ -10,3 +10,4 @@ export * from './image-upload';
 export * from './input';
 export * from './reference';
 export * from './button-toggle';
+export * from './password-field';

package/dist/toolkit/fields/components/password-field.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare type a = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export interface PasswordFieldProps extends a {
+    error?: boolean;
+    ref?: any;
+}
+export declare const passwordFieldClasses = "shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base placeholder:text-gray-300 px-3 py-2 text-gray-600 w-full bg-white border border-gray-200 transition-all ease-out duration-150 focus:text-gray-900 rounded-md";
+export declare const BasePasswordField: React.ForwardRefExoticComponent<Pick<PasswordFieldProps, "error" | "type" | "form" | "slot" | "style" | "title" | "pattern" | "children" | "dir" | "key" | "value" | "src" | "hidden" | "list" | "className" | "name" | "id" | "onChange" | "onSubmit" | "alt" | "disabled" | "accept" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "placeholder" | "readOnly" | "required" | "size" | "step" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/toolkit/fields/components/toggle.d.ts

@@ -6,9 +6,9 @@ export interface ToggleProps {
     input: any;
     field: ToggleFieldDefinition;
     disabled?: boolean;
-    onBlur: <T>(_event?: React.FocusEvent<T>) => void;
-    onChange: <T>(_event: React.ChangeEvent<T> | any) => void;
-    onFocus: <T>(_event?: React.FocusEvent<T>) => void;
+    onBlur?: <T>(_event?: React.FocusEvent<T>) => void;
+    onChange?: <T>(_event: React.ChangeEvent<T> | any) => void;
+    onFocus?: <T>(_event?: React.FocusEvent<T>) => void;
 }
 interface ToggleFieldDefinition extends Field {
     component: 'toggle';

package/dist/toolkit/fields/plugins/index.d.ts

@@ -17,3 +17,4 @@ export * from './checkbox-group-field-plugin';
 export * from './reference-field-plugin';
 export * from './button-toggle-field-plugin';
 export * from './hidden-field-plugin';
+export * from './password-field-plugin';

package/dist/toolkit/fields/plugins/password-field-plugin.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { InputProps } from '../components';
+interface ExtraProps {
+    placeholder: string;
+    confirmPlaceholder: string;
+    disabled?: boolean;
+}
+export declare const PasswordFieldComponent: (props: import("./field-props").FieldProps<InputProps & ExtraProps>) => JSX.Element;
+export declare const PasswordFieldPlugin: {
+    name: string;
+    Component: (props: import("./field-props").FieldProps<InputProps & ExtraProps>) => JSX.Element;
+    validate(value: any, values: any, meta: any, field: any): string;
+    parse: (value?: string) => string;
+};
+export {};

package/dist/toolkit/fields/plugins/text-field-plugin.d.ts

@@ -8,7 +8,7 @@ export declare const TextField: (props: import("./field-props").FieldProps<Input
 export declare const TextFieldPlugin: {
     name: string;
     Component: (props: import("./field-props").FieldProps<InputProps & ExtraProps>) => JSX.Element;
-    validate(value: any, values: any, meta: any, field: any): string;
+    validate(value: any, allValues: any, meta: any, field: any): "Required" | "Item with this unique id already exists";
     parse: (value?: string) => string;
 };
 export {};

package/dist/toolkit/plugin-screens/password-screen.d.ts

@@ -0,0 +1 @@
+export declare const PasswordScreenPlugin: import("../react-screens").ScreenPlugin<{}>;

package/dist/toolkit/react-screens/screen-plugin.d.ts

@@ -17,6 +17,7 @@ export interface ScreenPlugin<ExtraProps = {}> extends Plugin {
     Component(props: ScreenComponentProps & ExtraProps): React.ReactElement;
     Icon: any;
     layout: 'fullscreen' | 'popup';
+    navCategory?: 'Account' | 'Site';
 }
 /**
  * The set of props passed to all Screen Components.
@@ -33,6 +34,7 @@ export interface ScreenOptions<ExtraProps = {}> {
     Icon: any;
     layout?: ScreenPlugin['layout'];
     props?: ExtraProps;
+    navCategory?: 'Account' | 'Site';
 }
 /**
  * Creates screen plugins.

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

@@ -1,6 +1,11 @@
 import * as React from 'react';
 import type { ScreenPlugin } from '../../react-screens';
 import { CloudConfigPlugin } from '../../react-cloud-config';
+interface NavCollection {
+    label?: string;
+    name: string;
+    isAuthCollection?: boolean;
+}
 interface NavProps {
     isLocalMode: boolean;
     children?: any;
@@ -8,10 +13,7 @@ interface NavProps {
     userName?: string;
     showCollections: boolean;
     collectionsInfo: {
-        collections: {
-            label?: string;
-            name: string;
-        }[];
+        collections: NavCollection[];
     };
     contentCreators?: any;
     screens?: ScreenPlugin[];
@@ -29,6 +31,12 @@ interface NavProps {
             name: string;
         };
     }>;
+    AuthRenderNavCollection: React.ComponentType<{
+        collection: {
+            label: string;
+            name: string;
+        };
+    }>;
 }
-export declare const Nav: ({ isLocalMode, className, children, showCollections, collectionsInfo, screens, cloudConfigs, contentCreators, sidebarWidth, RenderNavSite, RenderNavCloud, RenderNavCollection, ...props }: NavProps) => JSX.Element;
+export declare const Nav: ({ isLocalMode, className, children, showCollections, collectionsInfo, screens, cloudConfigs, contentCreators, sidebarWidth, RenderNavSite, RenderNavCloud, RenderNavCollection, AuthRenderNavCollection, ...props }: NavProps) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "1.5.23",
+  "version": "1.5.24",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -69,9 +69,9 @@
     "@react-types/combobox": "^3.2.0",
     "@react-types/shared": "^3.10.0",
     "@sambego/storybook-styles": "^1.0.0",
-    "@tinacms/schema-tools": "1.4.13",
-    "@tinacms/search": "1.0.13",
-    "@tinacms/mdx": "1.3.21",
+    "@tinacms/schema-tools": "1.4.14",
+    "@tinacms/search": "1.0.14",
+    "@tinacms/mdx": "1.3.22",
     "@tinacms/sharedctx": "1.0.2",
     "@udecode/plate-headless": "^21.4.0",
     "atob": "2.1.2",
@@ -118,7 +118,7 @@
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^12.7.0",
-    "@tinacms/scripts": "1.1.2",
+    "@tinacms/scripts": "1.1.3",
     "@types/atob": "^2.1.2",
     "@types/codemirror": "^0.0.71",
     "@types/color-string": "^1.5.0",