react-bricks 3.0.0-beta.1 → 3.0.0

package/react-bricks.d.ts

@@ -1,8 +1,10 @@
-import React, { FC, ReactElement, Context } from 'react';
+import * as React from 'react';
+import React__default from 'react';
 import { BaseEditor, Editor as Editor$1, Node, Descendant } from 'slate';
 import { ReactEditor, RenderElementProps, RenderLeafProps } from 'slate-react';
 import { HistoryEditor } from 'slate-history';
 import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
+import * as react_query from 'react-query';
 import { UseQueryResult } from 'react-query';
 export { v4 as uuid } from 'uuid';
 
@@ -17,13 +19,15 @@ declare module 'slate' {
  * Props for Text
  */
 interface TextProps {
-    renderBlock: (props: {
-        children: any;
-    }) => ReactElement;
+    renderBlock: (props: RenderElementProps) => JSX.Element;
     placeholder: string;
+    renderPlaceholder?: (props: {
+        children: any;
+    }) => JSX.Element;
     propName: string;
+    multiline: boolean;
 }
-declare const Text: FC<TextProps>;
+declare const Text: React.FC<TextProps>;
 
 declare namespace types {
     /**
@@ -94,7 +98,7 @@ declare namespace types {
     /**
      * A Brick is a type of content block
      */
-    type Brick<T = {}> = React.FC<T> & {
+    type Brick<T = {}> = React__default.FC<T> & {
         schema: IBlockType;
     };
     /**
@@ -231,8 +235,8 @@ declare namespace types {
         className?: string;
         activeClassName?: string;
         isAdmin?: boolean;
-        children: React.ReactNode;
-    }) => React.ReactElement;
+        children: React__default.ReactNode;
+    }) => React__default.ReactElement;
     /**
      * Props of a content block
      */
@@ -296,7 +300,7 @@ declare namespace types {
         name: string;
         label: string;
         type: SideEditPropType;
-        component?: React.FC<ICustomKnobProps>;
+        component?: React__default.FC<ICustomKnobProps>;
         validate?: (value: any, props?: Props) => boolean | string;
         show?: (props: Props) => boolean;
         textareaOptions?: {
@@ -463,7 +467,7 @@ declare namespace types {
         renderLeaf?: (props: RenderLeafProps) => JSX.Element;
         toggle: (editor: Editor$1, plugins: RichTextPlugin[]) => void;
         button?: {
-            icon: React.ReactElement;
+            icon: React__default.ReactElement;
             isActive: (editor: Editor$1) => boolean;
         };
         enhanceEditor?: (editor: Editor$1) => Editor$1;
@@ -476,7 +480,7 @@ declare namespace types {
         label?: string;
         hotKey?: string;
         render: (props: RenderLeafProps) => JSX.Element;
-        icon: React.ReactElement;
+        icon: React__default.ReactElement;
     }
     /**
      * Constructor for a Mark plugin
@@ -493,7 +497,7 @@ declare namespace types {
         hotKey?: string;
         render: (props: RenderElementProps) => JSX.Element;
         renderItem?: (props: RenderElementProps) => JSX.Element;
-        icon: React.ReactElement;
+        icon: React__default.ReactElement;
     }
     /**
      * Constructor for a Block plugin
@@ -508,9 +512,13 @@ interface RichTextProps {
     renderBlock: (props: RenderElementProps) => JSX.Element;
     propName: string;
     placeholder: string;
+    renderPlaceholder?: (props: {
+        children: any;
+    }) => JSX.Element;
     plugins?: types.RichTextPlugin[];
+    multiline?: boolean;
 }
-declare const RichText: FC<RichTextProps>;
+declare const RichText: React.FC<RichTextProps>;
 
 /**
  * Props for renderLink render function
@@ -542,7 +550,7 @@ interface CompatibleRichTextProps {
     renderH6?: (props: RenderElementProps) => JSX.Element;
     renderQuote?: (props: RenderElementProps) => JSX.Element;
 }
-declare const CompatibleRichText: React.FC<CompatibleRichTextProps>;
+declare const CompatibleRichText: React__default.FC<CompatibleRichTextProps>;
 
 /**
  * Props for Image
@@ -558,7 +566,7 @@ interface ImageProps {
     imageClassName?: string;
     imageStyle?: object;
 }
-declare const Image: FC<ImageProps>;
+declare const Image: React.FC<ImageProps>;
 
 /**
  * Props for Repeater
@@ -566,29 +574,29 @@ declare const Image: FC<ImageProps>;
 interface RepeaterProps {
     propName: string;
     itemProps?: types.Props;
-    renderWrapper?: (items: ReactElement) => ReactElement;
-    renderItemWrapper?: (item: ReactElement, index: number, itemsCount: number) => ReactElement;
+    renderWrapper?: (items: React.ReactElement) => React.ReactElement;
+    renderItemWrapper?: (item: React.ReactElement, index: number, itemsCount: number) => React.ReactElement;
 }
-declare const Repeater: FC<RepeaterProps>;
+declare const Repeater: React.FC<RepeaterProps>;
 
-declare const Link: FC<LinkProps>;
+declare const Link: React.FC<LinkProps>;
 
-declare const ReactBricks: FC<types.ReactBricksConfig>;
+declare const ReactBricks: React.FC<types.ReactBricksConfig>;
 
-declare const ReactBricksContext: Context<types.IReactBricksContext>;
+declare const ReactBricksContext: React.Context<types.IReactBricksContext>;
 
-var css_248z = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}";
+var css_248z = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:transparent;border-style:solid;content:\"\";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}";
 styleInject(css_248z);
 
-declare const Admin: FC<AdminProps>;
+declare const Admin: React.FC<AdminProps>;
 
-declare const AdminContext: Context<types.IAdminContext>;
+declare const AdminContext: React.Context<types.IAdminContext>;
 
-declare const Header: FC<HeaderProps>;
+declare const Header: React.FC<HeaderProps>;
 
-declare const Login: FC;
+declare const Login: React.FC;
 
-declare const Editor: FC;
+declare const Editor: React.FC;
 
 /**
  * Props for PageViewer
@@ -596,20 +604,48 @@ declare const Editor: FC;
 interface PageViewerProps {
     page: types.Page | null | undefined;
 }
-declare const PageViewer: FC<PageViewerProps>;
+declare const PageViewer: React.FC<PageViewerProps>;
 
 declare const Playground: () => JSX.Element;
 
-declare const AppSettings: FC;
+declare const AppSettings: React.FC;
 
 declare const useAuth: () => {
-    loginUser: (email: string, password: string) => Promise<any>;
+    loginUser: (email: string, password: string) => Promise<({
+        id: string;
+        email: string;
+        firstName: string;
+        lastName: string;
+        company: string;
+        avatarUrl?: string | undefined;
+        isAdmin: boolean;
+        token: string;
+        appName: string;
+        deployHookUrl?: string | undefined;
+        deployHookMethod?: string | undefined;
+        deployHookTriggerOnScheduledPublishing: boolean;
+        deployHookStagingUrl?: string | undefined;
+        deployHookStagingMethod?: string | undefined;
+        deployHookStagingTriggerOnScheduledPublishing: boolean;
+        eventsHookUrl?: string | undefined;
+        eventsHookAuthToken?: string | undefined;
+        canCreatePage: boolean;
+        canDeletePage: boolean;
+        canDeploy: boolean;
+        canDeployStaging: boolean;
+        role: string;
+        plan: string;
+        languages: types.Language[];
+        defaultLanguage: string;
+    } & {
+        authToken: string;
+    }) | null>;
     logoutUser: () => void;
 };
 
-declare const usePage: (pageId: string, language?: string | undefined) => UseQueryResult<types.Page, unknown>;
+declare const usePage$1: (pageId: string, language?: string | undefined) => react_query.UseQueryResult<types.Page, unknown>;
 
-declare const usePage$1: (slug: string, language?: string | undefined) => UseQueryResult<types.Page, unknown>;
+declare const usePage: (slug: string, language?: string | undefined) => react_query.UseQueryResult<types.Page, unknown>;
 
 /**
  * Values returned from usePages
@@ -706,7 +742,7 @@ declare const cleanPage: (page: types.Page, pageTypes: types.IPageType[], bricks
 
 declare const getPagePlainText: (blocks: types.IContentBlock[]) => string[];
 
-declare const _default: {
+declare const _default$1: {
     bold: types.RichTextPlugin;
     italic: types.RichTextPlugin;
     code: types.RichTextPlugin;
@@ -723,9 +759,9 @@ declare const _default: {
     unorderedList: types.RichTextPlugin;
 };
 
-declare const _default$1: {
+declare const _default: {
     serialize: (nodes: Node[]) => string;
     deserialize: (input: string) => Descendant[];
 };
 
-export { Admin, AdminContext, AppSettings, Editor, Header, Image, Link, Login, PageViewer, _default$1 as Plain, Playground, ReactBricks, ReactBricksContext, Repeater, CompatibleRichText as RichText, RichText as RichTextExt, Text, cleanPage, fetchPage, fetchPages, getPagePlainText, _default as plugins, types, useAdminContext, useAuth, usePage, usePage$1 as usePagePublic, usePageValues, usePages, usePagesPublic, useReactBricksContext, useVisualEdit };
+export { Admin, AdminContext, AppSettings, Editor, Header, Image, Link, Login, PageViewer, _default as Plain, Playground, ReactBricks, ReactBricksContext, Repeater, CompatibleRichText as RichText, RichText as RichTextExt, Text, cleanPage, fetchPage, fetchPages, getPagePlainText, _default$1 as plugins, types, useAdminContext, useAuth, usePage$1 as usePage, usePage as usePagePublic, usePageValues, usePages, usePagesPublic, useReactBricksContext, useVisualEdit };