@wulperstudio/editor-render 0.0.4-beta → 0.0.6-beta

package/dist/cjs/dist/base/index.d.ts

@@ -1,3 +1,75 @@
-import { ReactNode } from 'react';
 import { EditorDataModel } from '../interfaces';
-export declare const getBaseNodesFromEditor: (value: EditorDataModel) => ReactNode[];
+import { RootContainerProps } from '../components/Container';
+import { HeaderRootProps } from '../components/Header';
+import { ParagraphRootProps } from '../components/Paragraph';
+import { DelimiterRootProps } from '../components/Delimiter';
+import { ListRootProps } from '../components/List';
+import { RootItemProps } from '../components/ListItem';
+import { ImageRootProps } from '../components/Image';
+import { TableRootProps } from '../components/Table';
+import { TableRowRootProps } from '../components/TableRow';
+import { TableCellRootProps } from '../components/TableCell';
+import { EmbedRootProps } from '../components/Embed';
+import { RawRootProps } from '../components/Raw';
+import { QuoteRootProps } from '../components/Quote';
+import { CodeRootProps } from '../components/Code';
+import { LinkRootProps } from '../components/Link';
+import { CheckListRootProps } from '../components/CheckList';
+import { RootCheckListItemProps } from '../components/CheckListItem';
+declare type Props = {
+    value: EditorDataModel;
+    ParagraphSlot?: {
+        Container?: RootContainerProps;
+        Paragraph?: ParagraphRootProps;
+    };
+    HeaderSlot?: {
+        Container?: RootContainerProps;
+        Header?: HeaderRootProps;
+    };
+    DelimiterSlot?: {
+        Container?: RootContainerProps;
+        Delimiter?: DelimiterRootProps;
+    };
+    ListSlot?: {
+        Container?: RootContainerProps;
+        List?: ListRootProps;
+        Item?: RootItemProps;
+    };
+    ImageSlot?: {
+        Container?: RootContainerProps;
+        Image?: ImageRootProps;
+    };
+    TableSlot?: {
+        Container?: RootContainerProps;
+        Table?: TableRootProps;
+        Row?: TableRowRootProps;
+        Cell?: TableCellRootProps;
+    };
+    EmbedSlot?: {
+        Container?: RootContainerProps;
+        Embed?: EmbedRootProps;
+    };
+    RawSlot?: {
+        Container?: RootContainerProps;
+        Raw?: RawRootProps;
+    };
+    QuoteSlot?: {
+        Container?: RootContainerProps;
+        Quote?: QuoteRootProps;
+    };
+    CodeSlot?: {
+        Container?: RootContainerProps;
+        Code?: CodeRootProps;
+    };
+    LinkSlot?: {
+        Container?: RootContainerProps;
+        Link?: LinkRootProps;
+    };
+    CheckListSlot?: {
+        Container?: RootContainerProps;
+        CheckList?: CheckListRootProps;
+        Item?: RootCheckListItemProps;
+    };
+};
+export declare const BaseNodesEditor: ({ value, ParagraphSlot, HeaderSlot, DelimiterSlot, ListSlot, ImageSlot, TableSlot, EmbedSlot, RawSlot, QuoteSlot, CodeSlot, LinkSlot, CheckListSlot, }: Props) => void;
+export {};

package/dist/cjs/dist/components/CheckList/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootCheckList } from './styled';
-declare type CheckListRootProps = React.ComponentPropsWithRef<typeof RootCheckList>;
+export declare type CheckListRootProps = React.ComponentPropsWithRef<typeof RootCheckList>;
 interface CheckListProps extends CheckListRootProps {
 }
 export declare const CheckList: (props: CheckListProps) => JSX.Element;

package/dist/cjs/dist/components/CheckListItem/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RootListItem } from './styled';
-declare type RootItemProps = React.ComponentPropsWithRef<typeof RootListItem>;
-interface ItemModel extends RootItemProps {
+export declare type RootCheckListItemProps = React.ComponentPropsWithRef<typeof RootListItem>;
+interface ItemModel extends RootCheckListItemProps {
 }
 export declare const CheckListItem: (props: ItemModel) => JSX.Element;
 export {};

package/dist/cjs/dist/components/Code/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootCode } from './styled';
-declare type CodeRootProps = React.ComponentPropsWithRef<typeof RootCode>;
+export declare type CodeRootProps = React.ComponentPropsWithRef<typeof RootCode>;
 interface CodeProps extends CodeRootProps {
 }
 export declare const Code: (props: CodeProps) => JSX.Element;

package/dist/cjs/dist/components/Container/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { RootContainer } from './style';
-declare type RootContainerProps = React.ComponentPropsWithRef<typeof RootContainer>;
-interface ContainerModel extends RootContainerProps {
+export declare type RootContainerProps = React.ComponentPropsWithRef<typeof RootContainer>;
+interface ContainerProps extends RootContainerProps {
     stretched?: boolean;
 }
-export declare const Container: (props: ContainerModel) => JSX.Element;
+export declare const Container: (props: ContainerProps) => JSX.Element;
 export {};

package/dist/cjs/dist/components/Delimiter/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootDelimiter } from './styled';
-declare type DelimiterRootProps = React.ComponentPropsWithRef<typeof RootDelimiter>;
+export declare type DelimiterRootProps = React.ComponentPropsWithRef<typeof RootDelimiter>;
 interface DelimiterProps extends Omit<DelimiterRootProps, 'children'> {
 }
 export declare const Delimiter: (props: DelimiterProps) => JSX.Element;

package/dist/cjs/dist/components/Embed/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootEmbed } from './styled';
-declare type EmbedRootProps = React.ComponentPropsWithRef<typeof RootEmbed>;
+export declare type EmbedRootProps = React.ComponentPropsWithRef<typeof RootEmbed>;
 interface EmbedProps extends EmbedRootProps {
 }
 export declare const Embed: (props: EmbedProps) => JSX.Element;

package/dist/cjs/dist/components/Header/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootHeader } from './styled';
-declare type HeaderRootProps = React.ComponentPropsWithRef<typeof RootHeader>;
+export declare type HeaderRootProps = React.ComponentPropsWithRef<typeof RootHeader>;
 interface HeaderModel extends HeaderRootProps {
     level: 1 | 2 | 3 | 4 | 5 | 6;
 }

package/dist/cjs/dist/components/Image/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootImage } from './styled';
-declare type ImageRootProps = React.ComponentPropsWithRef<typeof RootImage>;
+export declare type ImageRootProps = React.ComponentPropsWithRef<typeof RootImage>;
 interface ImageProps extends ImageRootProps {
     caption?: string;
     withBorder?: boolean;

package/dist/cjs/dist/components/Link/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RootLink } from './styled';
-declare type LinkRootProps = React.ComponentPropsWithRef<typeof RootLink>;
-interface LinkProps extends Omit<LinkRootProps, 'children'> {
+export declare type LinkRootProps = Omit<React.ComponentPropsWithRef<typeof RootLink>, 'children'>;
+interface LinkProps extends LinkRootProps {
     image?: string;
     title?: string;
     description?: string;

package/dist/cjs/dist/components/List/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootList } from './styled';
-declare type ListRootProps = React.ComponentPropsWithRef<typeof RootList>;
+export declare type ListRootProps = React.ComponentPropsWithRef<typeof RootList>;
 interface ListProps extends ListRootProps {
 }
 export declare const List: ({ ...props }: ListProps) => JSX.Element;

package/dist/cjs/dist/components/ListItem/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootListItem } from './styled';
-declare type RootItemProps = React.ComponentPropsWithRef<typeof RootListItem>;
+export declare type RootItemProps = React.ComponentPropsWithRef<typeof RootListItem>;
 interface ItemModel extends RootItemProps {
 }
 export declare const ListItem: (props: ItemModel) => JSX.Element;

package/dist/cjs/dist/components/Paragraph/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootParagraph } from './styled';
-declare type ParagraphRootProps = React.ComponentPropsWithRef<typeof RootParagraph>;
+export declare type ParagraphRootProps = React.ComponentPropsWithRef<typeof RootParagraph>;
 interface ParagraphProps extends ParagraphRootProps {
 }
 export declare const Paragraph: (props: ParagraphProps) => JSX.Element;

package/dist/cjs/dist/components/Quote/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootQuote } from './styled';
-declare type QuoteRootProps = React.ComponentPropsWithRef<typeof RootQuote>;
+export declare type QuoteRootProps = React.ComponentPropsWithRef<typeof RootQuote>;
 interface QuoteProps extends QuoteRootProps {
 }
 export declare const Quote: (props: QuoteProps) => JSX.Element;

package/dist/cjs/dist/components/Raw/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootRaw } from './styled';
-declare type RawRootProps = React.ComponentPropsWithRef<typeof RootRaw>;
+export declare type RawRootProps = React.ComponentPropsWithRef<typeof RootRaw>;
 interface RawProps extends RawRootProps {
 }
 export declare const Raw: (props: RawProps) => JSX.Element;

package/dist/cjs/dist/components/Table/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootTable } from './styled';
-declare type TableRootProps = React.ComponentPropsWithRef<typeof RootTable>;
+export declare type TableRootProps = React.ComponentPropsWithRef<typeof RootTable>;
 interface TableProps extends TableRootProps {
 }
 export declare const Table: (props: TableProps) => JSX.Element;

package/dist/cjs/dist/components/TableCell/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootTableCell } from './styled';
-declare type TableCellRootProps = React.ComponentPropsWithRef<typeof RootTableCell>;
+export declare type TableCellRootProps = React.ComponentPropsWithRef<typeof RootTableCell>;
 interface TableCellProps extends TableCellRootProps {
 }
 export declare const TableCell: (props: TableCellProps) => JSX.Element;

package/dist/cjs/dist/components/TableRow/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootTableRow } from './styled';
-declare type TableRowRootProps = React.ComponentPropsWithRef<typeof RootTableRow>;
+export declare type TableRowRootProps = React.ComponentPropsWithRef<typeof RootTableRow>;
 interface TableRowProps extends TableRowRootProps {
 }
 export declare const TableRow: (props: TableRowProps) => JSX.Element;

package/dist/cjs/dist/helpers/RecursiveNode/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { DOMNode } from 'html-react-parser';
-declare type RecursiveNodeType = false | void | object | JSX.Element | null | undefined;
-export declare const RecursiveNode: (domNode: DOMNode, idx: string) => RecursiveNodeType;
-export declare const getRecursiveNode: (html: string, id: string) => string | JSX.Element | JSX.Element[];
+declare type Props = {
+    html: string;
+    id: string;
+};
+export declare const RecursiveNode: ({ html, id }: Props) => JSX.Element;
 export {};

package/dist/cjs/dist/helpers/checklist/index.d.ts

@@ -1,9 +1,15 @@
-import React from 'react';
+/// <reference types="react" />
 import { DataCheckList } from '../../interfaces';
-export interface CheckListNodeModel {
+import { RootContainerProps } from '../../components/Container';
+import { CheckListRootProps } from '../../components/CheckList';
+import { RootCheckListItemProps } from '../../components/CheckListItem';
+export interface CheckListNodeProps {
     type: 'checklist';
     data: DataCheckList;
     id: string;
     tunes?: any;
+    Container?: RootContainerProps;
+    CheckList?: CheckListRootProps;
+    Item?: RootCheckListItemProps;
 }
-export declare const CheckListNode: ({ type, data, id, tunes, }: CheckListNodeModel) => React.ReactNode;
+export declare const CheckListNode: ({ type, data, id, tunes, Container, CheckList, Item, }: CheckListNodeProps) => JSX.Element;

package/dist/cjs/dist/helpers/code/index.d.ts

@@ -1,8 +1,12 @@
-import React from 'react';
+/// <reference types="react" />
 import { DataCodeLang } from '../../interfaces';
-export interface CodeNodeModel {
+import { RootContainerProps } from '../../components/Container';
+import { CodeRootProps } from '../../components/Code';
+export interface CodeNodeProps {
     type: 'code';
     data: DataCodeLang;
     id: string;
+    Container?: RootContainerProps;
+    Code?: CodeRootProps;
 }
-export declare const CodeNode: ({ type, data, id }: CodeNodeModel) => React.ReactNode;
+export declare const CodeNode: ({ type, data, id, Container, Code, }: CodeNodeProps) => JSX.Element;

package/dist/cjs/dist/helpers/delimiter/index.d.ts

@@ -1,8 +1,12 @@
-import React from 'react';
+/// <reference types="react" />
 import { DataDelimiter } from '../../interfaces';
-export interface DelimiterNodeModel {
+import { DelimiterRootProps } from '../../components/Delimiter';
+import { RootContainerProps } from '../../components/Container';
+export interface DelimiterNodeProps {
     type: 'delimiter';
     data: DataDelimiter;
     id: string;
+    Delimiter?: DelimiterRootProps;
+    Container?: RootContainerProps;
 }
-export declare const DelimiterNode: ({ type, id, }: DelimiterNodeModel) => React.ReactNode;
+export declare const DelimiterNode: ({ type, id, Delimiter, Container }: DelimiterNodeProps) => JSX.Element;

package/dist/cjs/dist/helpers/embed/index.d.ts

@@ -1,8 +1,12 @@
-import React from 'react';
+/// <reference types="react" />
 import { DataEmbed } from '../../interfaces';
-export interface EmbedNodeModel {
+import { RootContainerProps } from '../../components/Container';
+import { EmbedRootProps } from '../../components/Embed';
+export interface EmbedNodeProps {
     type: 'embed';
     data: DataEmbed;
     id: string;
+    Container?: RootContainerProps;
+    Embed?: EmbedRootProps;
 }
-export declare const EmbedNode: ({ type, data, id, }: EmbedNodeModel) => React.ReactNode;
+export declare const EmbedNode: ({ type, data, id, Container, Embed }: EmbedNodeProps) => JSX.Element;

package/dist/cjs/dist/helpers/header/index.d.ts

@@ -1,8 +1,12 @@
-import React from 'react';
+/// <reference types="react" />
 import { DataHeader } from '../../interfaces';
-export interface HeaderNodeModel {
+import { RootContainerProps } from '../../components/Container';
+import { HeaderRootProps } from '../../components/Header';
+export interface HeaderNodeProps {
     type: 'header';
     data: DataHeader;
     id: string;
+    Container?: RootContainerProps;
+    Header?: HeaderRootProps;
 }
-export declare const HeaderNode: ({ type, data, id, }: HeaderNodeModel) => React.ReactNode;
+export declare const HeaderNode: ({ type, data, id, Container, Header, }: HeaderNodeProps) => JSX.Element;

package/dist/cjs/dist/helpers/image/index.d.ts

@@ -1,8 +1,12 @@
-import React from 'react';
+/// <reference types="react" />
+import { RootContainerProps } from '../../components/Container';
+import { ImageRootProps } from '../../components/Image';
 import { DataImage } from '../../interfaces';
-export interface ImageNodeModel {
+export interface ImageNodeProps {
     type: 'image';
     data: DataImage;
     id: string;
+    Container?: RootContainerProps;
+    Image?: ImageRootProps;
 }
-export declare const ImageNode: ({ type, data, id, }: ImageNodeModel) => React.ReactNode;
+export declare const ImageNode: ({ type, data, id, Container, Image }: ImageNodeProps) => JSX.Element;

package/dist/cjs/dist/helpers/index.d.ts

@@ -1,15 +1,15 @@
 import { RecursiveNode } from './RecursiveNode';
-import { ParagraphNode, ParagraphNodeModel } from './paragraph';
-import { HeaderNode, HeaderNodeModel } from './header';
+import { ParagraphNode, ParagraphNodeProps } from './paragraph';
+import { HeaderNode, HeaderNodeProps } from './header';
 import { ListNode, ListNodeModel } from './list';
-import { ImageNode, ImageNodeModel } from './image';
-import { TableNode, TableNodeModel } from './table';
-import { DelimiterNode, DelimiterNodeModel } from './delimiter';
-import { EmbedNode, EmbedNodeModel } from './embed';
-import { RawNode, RawNodeModel } from './raw';
-import { QuoteNode, QuoteNodeModel } from './quote';
-import { CodeNode, CodeNodeModel } from './code';
-import { LinkNode, LinkNodeModel } from './link';
-import { CheckListNode, CheckListNodeModel } from './checklist';
+import { ImageNode, ImageNodeProps } from './image';
+import { TableNode, TableNodeProps } from './table';
+import { DelimiterNode, DelimiterNodeProps } from './delimiter';
+import { EmbedNode, EmbedNodeProps } from './embed';
+import { RawNode, RawNodeProps } from './raw';
+import { QuoteNode, QuoteNodeProps } from './quote';
+import { CodeNode, CodeNodeProps } from './code';
+import { LinkNode, LinkNodeProps } from './link';
+import { CheckListNode, CheckListNodeProps } from './checklist';
 export { RecursiveNode, ParagraphNode, HeaderNode, ListNode, ImageNode, TableNode, DelimiterNode, EmbedNode, RawNode, QuoteNode, CodeNode, LinkNode, CheckListNode, };
-export type { ParagraphNodeModel, HeaderNodeModel, ListNodeModel, ImageNodeModel, TableNodeModel, DelimiterNodeModel, EmbedNodeModel, RawNodeModel, QuoteNodeModel, CodeNodeModel, LinkNodeModel, CheckListNodeModel, };
+export type { ParagraphNodeProps as ParagraphNodeModel, HeaderNodeProps as HeaderNodeModel, ListNodeModel, ImageNodeProps as ImageNodeModel, TableNodeProps as TableNodeModel, DelimiterNodeProps as DelimiterNodeModel, EmbedNodeProps as EmbedNodeModel, RawNodeProps as RawNodeModel, QuoteNodeProps as QuoteNodeModel, CodeNodeProps as CodeNodeModel, LinkNodeProps as LinkNodeModel, CheckListNodeProps as CheckListNodeModel, };

package/dist/cjs/dist/helpers/link/index.d.ts

@@ -1,8 +1,12 @@
-import React from 'react';
+/// <reference types="react" />
 import { DataLinkTool } from '../../interfaces';
-export interface LinkNodeModel {
+import { RootContainerProps } from '../../components/Container';
+import { LinkRootProps } from '../../components/Link';
+export interface LinkNodeProps {
     type: 'linkTool';
     data: DataLinkTool;
     id: string;
+    Container?: RootContainerProps;
+    Link?: LinkRootProps;
 }
-export declare const LinkNode: ({ type, data, id, }: LinkNodeModel) => React.ReactNode;
+export declare const LinkNode: ({ type, data, id, Container, Link }: LinkNodeProps) => JSX.Element;

package/dist/cjs/dist/helpers/list/index.d.ts

@@ -1,9 +1,15 @@
-import React from 'react';
+/// <reference types="react" />
 import { DataList } from '../../interfaces';
+import { RootContainerProps } from '../../components/Container';
+import { ListRootProps } from '../../components/List';
+import { RootItemProps } from '../../components/ListItem';
 export interface ListNodeModel {
     type: 'list';
     data: DataList;
     id: string;
     tunes?: any;
+    Container?: RootContainerProps;
+    List?: ListRootProps;
+    Item?: RootItemProps;
 }
-export declare const ListNode: ({ type, data, id, tunes, }: ListNodeModel) => React.ReactNode;
+export declare const ListNode: ({ type, data, id, tunes, List, Item }: ListNodeModel) => JSX.Element;

package/dist/cjs/dist/helpers/paragraph/index.d.ts

@@ -1,8 +1,12 @@
-import React from 'react';
+/// <reference types="react" />
 import { DataParagraph } from '../../interfaces';
-export interface ParagraphNodeModel {
+import { RootContainerProps } from '../../components/Container';
+import { ParagraphRootProps } from '../../components/Paragraph';
+export interface ParagraphNodeProps {
     type: 'paragraph';
     data: DataParagraph;
     id: string;
+    Container?: RootContainerProps;
+    Paragraph?: ParagraphRootProps;
 }
-export declare const ParagraphNode: ({ type, data, id, }: ParagraphNodeModel) => React.ReactNode;
+export declare const ParagraphNode: ({ type, data, id, Container, Paragraph, }: ParagraphNodeProps) => JSX.Element;

package/dist/cjs/dist/helpers/quote/index.d.ts

@@ -1,8 +1,12 @@
-import React from 'react';
+/// <reference types="react" />
 import { DataQuote } from '../../interfaces';
-export interface QuoteNodeModel {
+import { QuoteRootProps } from '../../components/Quote';
+import { RootContainerProps } from '../../components/Container';
+export interface QuoteNodeProps {
     type: 'quote';
     data: DataQuote;
     id: string;
+    Container?: RootContainerProps;
+    Quote?: QuoteRootProps;
 }
-export declare const QuoteNode: ({ type, data, id, }: QuoteNodeModel) => React.ReactNode;
+export declare const QuoteNode: ({ type, data, id, Container, Quote, }: QuoteNodeProps) => JSX.Element;

package/dist/cjs/dist/helpers/raw/index.d.ts

@@ -1,8 +1,12 @@
-import React from 'react';
+/// <reference types="react" />
 import { DataRawTool } from '../../interfaces';
-export interface RawNodeModel {
+import { RootContainerProps } from '../../components/Container';
+import { RawRootProps } from '../../components/Raw';
+export interface RawNodeProps {
     type: 'rawTool';
     data: DataRawTool;
     id: string;
+    Container?: RootContainerProps;
+    Raw?: RawRootProps;
 }
-export declare const RawNode: ({ type, data, id }: RawNodeModel) => React.ReactNode;
+export declare const RawNode: ({ type, data, id, Container, Raw }: RawNodeProps) => JSX.Element;

package/dist/cjs/dist/helpers/table/index.d.ts

@@ -1,8 +1,16 @@
-import React from 'react';
-import { DataTable } from '../../interfaces/index';
-export interface TableNodeModel {
+/// <reference types="react" />
+import { DataTable } from '../../interfaces';
+import { RootContainerProps } from '../../components/Container';
+import { TableRowRootProps } from '../../components/TableRow';
+import { TableRootProps } from '../../components/Table';
+import { TableCellRootProps } from '../../components/TableCell';
+export interface TableNodeProps {
     type: 'table';
     data: DataTable;
     id: string;
+    Container?: RootContainerProps;
+    Table?: TableRootProps;
+    Row?: TableRowRootProps;
+    Cell?: TableCellRootProps;
 }
-export declare const TableNode: ({ type, data, id, }: TableNodeModel) => React.ReactNode;
+export declare const TableNode: ({ type, data, id, Container }: TableNodeProps) => JSX.Element;