@mirrormedia/lilith-draft-editor 2.0.0 → 2.1.0

package/@types/website/mirrormedia/block-renderer/info-box-block.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ContentBlock, ContentState } from 'draft-js';
+import { RenderBasicEditor } from '../../../draft-js/buttons/info-box';
+declare type InfoBoxBlockProps = {
+    block: ContentBlock;
+    blockProps: {
+        onEditStart: () => void;
+        onEditFinish: ({ entityKey, entityData, }: {
+            entityKey?: string;
+            entityData?: Record<string, unknown>;
+        }) => void;
+        renderBasicEditor: RenderBasicEditor;
+    };
+    contentState: ContentState;
+};
+export declare function InfoBoxEditorBlock(props: InfoBoxBlockProps): JSX.Element;
+export {};

package/@types/website/mirrormedia/block-renderer/side-index-block.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ContentBlock, ContentState } from 'draft-js';
+declare type SideIndexBlockProps = {
+    block: ContentBlock;
+    blockProps: {
+        onEditStart: () => void;
+        onEditFinish: ({ entityKey, entityData, }: {
+            entityKey?: string;
+            entityData?: Record<string, unknown>;
+        }) => void;
+    };
+    contentState: ContentState;
+};
+export declare function SideIndexEditorBlock(props: SideIndexBlockProps): JSX.Element;
+export {};

package/@types/website/mirrormedia/block-renderer/slideshow-block.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ContentBlock, ContentState } from 'draft-js';
+declare type SlideshowBlockProps = {
+    block: ContentBlock;
+    blockProps: {
+        onEditStart: () => void;
+        onEditFinish: ({ entityKey, entityData, }: {
+            entityKey?: string;
+            entityData?: Record<string, unknown>;
+        }) => void;
+    };
+    contentState: ContentState;
+};
+export declare function SlideshowEditBlock(props: SlideshowBlockProps): JSX.Element;
+export declare function SlideshowEditBlockV2(props: SlideshowBlockProps): JSX.Element;
+export {};

package/@types/website/mirrormedia/block-renderer/table-block.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ContentBlock, ContentState } from 'draft-js';
+declare type TableBlockProps = {
+    block: ContentBlock;
+    blockProps: {
+        onEditStart: () => void;
+        onEditFinish: ({ entityKey, entityData, }: {
+            entityKey?: string;
+            entityData?: Record<string, unknown>;
+        }) => void;
+        getMainEditorReadOnly: () => boolean;
+    };
+    contentState: ContentState;
+};
+export declare const TableEditorBlock: (props: TableBlockProps) => JSX.Element;
+export {};

package/@types/website/mirrormedia/block-renderer-fn.d.ts

@@ -0,0 +1,4 @@
+export declare function atomicBlockRenderer(block: any): {
+    component: (props: any) => any;
+    editable: boolean;
+} | null;

package/@types/website/mirrormedia/draft-editor.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+import { EditorState } from 'draft-js';
+export declare const buttonNames: {
+    bold: string;
+    italic: string;
+    underline: string;
+    code: string;
+    h2: string;
+    h3: string;
+    h4: string;
+    blockquote: string;
+    ul: string;
+    ol: string;
+    codeBlock: string;
+    annotation: string;
+    divider: string;
+    embed: string;
+    fontColor: string;
+    image: string;
+    infoBox: string;
+    link: string;
+    slideshow: string;
+    table: string;
+    textAlign: string;
+    colorBox: string;
+    backgroundColor: string;
+    backgroundImage: string;
+    backgroundVideo: string;
+    relatedPost: string;
+    sideIndex: string;
+    video: string;
+    audio: string;
+    youtube: string;
+};
+declare type RichTextEditorProps = {
+    onChange: (editorState: EditorState) => void;
+    editorState: EditorState;
+    disabledButtons: string[];
+};
+declare type State = {
+    isEnlarged?: boolean;
+    readOnly: boolean;
+};
+declare class RichTextEditor extends React.Component<RichTextEditorProps, State> {
+    customStyleMap: {
+        CODE: {
+            backgroundColor: string;
+            fontFamily: string;
+            fontSize: number;
+            padding: number;
+        };
+    };
+    constructor(props: any);
+    onChange: (editorState: any) => void;
+    handleKeyCommand: (command: any, editorState: any) => boolean;
+    handleReturn: (event: any) => "handled" | "not-handled";
+    mapKeyToEditorCommand: (e: any) => Draft.Model.Constants.DraftEditorCommand | null | undefined;
+    toggleBlockType: (blockType: any) => void;
+    toggleInlineStyle: (inlineStyle: any) => void;
+    getEntityType: (editorState: any) => string;
+    getCustomStyle: (style: any) => any;
+    toggleEnlarge: () => void;
+    customStyleFn: (style: any) => any;
+    blockStyleFn(block: any): string;
+    blockRendererFn: (block: any) => {
+        component: (props: any) => any;
+        editable: boolean;
+    } | null;
+    render(): JSX.Element;
+}
+declare const DraftEditor: {
+    RichTextEditor: typeof RichTextEditor;
+    decorators: Draft.Model.Decorators.CompositeDraftDecorator;
+};
+export default DraftEditor;

package/@types/website/mirrormedia/entity-decorator.d.ts

@@ -0,0 +1,3 @@
+import { CompositeDecorator } from 'draft-js';
+declare const decorators: CompositeDecorator;
+export default decorators;

package/@types/website/mirrormedia/index.d.ts

@@ -0,0 +1,5 @@
+export default MirrorMedia;
+declare namespace MirrorMedia {
+    export { DraftEditor };
+}
+import DraftEditor from "./draft-editor";

package/@types/website/mirrormedia/selector/align-selector.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare type Option = {
+    label: string;
+    value: string;
+    isDisabled?: boolean;
+};
+declare type AlignSelectorOnChangeFn = (param: string) => void;
+declare type Options = Option[];
+export declare function AlignSelector(props: {
+    align: string;
+    options: Options;
+    onChange: AlignSelectorOnChangeFn;
+    onOpen?: () => void;
+}): JSX.Element;
+export {};

package/@types/website/mirrormedia/selector/audio-selector.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ImageEntity } from './image-selector';
+declare type ID = string;
+export declare type AudioEntity = {
+    id: ID;
+    name?: string;
+    audioSrc?: string;
+    file?: {
+        url: string;
+    };
+    heroImage?: ImageEntity;
+};
+export declare type AudioEntityWithMeta = {
+    audio: AudioEntity;
+};
+declare type AudioSelectorOnChangeFn = (params: AudioEntityWithMeta[]) => void;
+export declare function AudioSelector(props: {
+    onChange: AudioSelectorOnChangeFn;
+}): JSX.Element;
+export {};

package/@types/website/mirrormedia/selector/image-selector.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+declare type ID = string;
+export declare type ImageEntityImageFile = {
+    url: string;
+    width: number;
+    height: number;
+};
+export declare type ImageEntityResized = {
+    original: string;
+    w480: string;
+    w800: string;
+    w1200: string;
+    w1600: string;
+    w2400: string;
+};
+export declare type ImageEntity = {
+    id: ID;
+    name?: string;
+    imageFile: {
+        url: string;
+        width: number;
+        height: number;
+    };
+    resized: ImageEntityResized;
+    resizedWebp: ImageEntityResized;
+};
+export declare type ImageEntityWithMeta = {
+    image: ImageEntity;
+    desc?: string;
+    url?: string;
+};
+export declare type ImageSelectorOnChangeFn = (params: ImageEntityWithMeta[], align?: string, delay?: number) => void;
+export declare function ImageSelector(props: {
+    enableMultiSelect?: boolean;
+    enableCaption?: boolean;
+    enableUrl?: boolean;
+    enableAlignment?: boolean;
+    enableDelay?: boolean;
+    onChange: ImageSelectorOnChangeFn;
+    initialSelected?: ImageEntityWithMeta[];
+    initialAlign?: string;
+    initialDelay?: number;
+}): JSX.Element;
+export {};

package/@types/website/mirrormedia/selector/pagination.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare function Pagination({ currentPage, total, pageSize, onChange }: {
+    currentPage: any;
+    total: any;
+    pageSize: any;
+    onChange: any;
+}): JSX.Element | null;

package/@types/website/mirrormedia/selector/post-selector.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { ImageEntity } from './image-selector';
+declare type ID = string;
+export declare type PostEntity = {
+    id: ID;
+    title: string;
+    slug: string;
+    heroImage: ImageEntity;
+    og_image: ImageEntity;
+};
+export declare type PostEntityWithMeta = {
+    post: PostEntity;
+};
+declare type PostSelectorOnChangeFn = (params: PostEntityWithMeta[]) => void;
+export declare function PostSelector(props: {
+    onChange: PostSelectorOnChangeFn;
+    enableMultiSelect?: boolean;
+    minSelectCount?: number;
+    maxSelectCount?: number;
+}): JSX.Element;
+export {};

package/@types/website/mirrormedia/selector/search-box.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare type SearchBoxOnChangeFn = (param: string) => void;
+export declare function SearchBox(props: {
+    onChange: SearchBoxOnChangeFn;
+    className: string;
+}): React.ReactElement;

package/@types/website/mirrormedia/selector/video-selector.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { ImageEntity } from './image-selector';
+declare type ID = string;
+export declare type VideoEntity = {
+    id: ID;
+    name?: string;
+    videoSrc: string;
+    youtubeUrl?: string;
+    file: {
+        filename?: string;
+        filesize: number;
+        url: string;
+    };
+    heroImage: ImageEntity;
+};
+export declare type VideoEntityWithMeta = {
+    video: VideoEntity;
+};
+declare type VideoSelectorOnChangeFn = (params: VideoEntityWithMeta[]) => void;
+export declare function VideoSelector(props: {
+    onChange: VideoSelectorOnChangeFn;
+}): JSX.Element;
+export {};

package/@types/website/mirrormedia/shared-style/index.d.ts

@@ -0,0 +1,3 @@
+declare const defaultMarginTop: import("styled-components").FlattenSimpleInterpolation;
+declare const defaultMarginBottom: import("styled-components").FlattenSimpleInterpolation;
+export { defaultMarginBottom, defaultMarginTop };

package/@types/website/mirrormedia/theme/index.d.ts

@@ -0,0 +1,19 @@
+export declare const mediaSize: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+export declare const theme: {
+    breakpoint: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+    };
+};
+export default theme;

package/@types/website/readr/block-renderer/background-image-block.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { ContentBlock, ContentState } from 'draft-js';
+import { RenderBasicEditor } from '../../../draft-js/buttons/background-image';
+declare type BGImageBlockProps = {
+    block: ContentBlock;
+    blockProps: {
+        onEditStart: () => void;
+        onEditFinish: ({ entityKey, entityData, }: {
+            entityKey?: string;
+            entityData?: Record<string, unknown>;
+        }) => void;
+    };
+    contentState: ContentState;
+};
+export declare function BGImageBlock(props: BGImageBlockProps): JSX.Element;
+declare type BGImageEditorBlockProps = {
+    block: ContentBlock;
+    blockProps: {
+        onEditStart: () => void;
+        onEditFinish: ({ entityKey, entityData, }: {
+            entityKey?: string;
+            entityData?: Record<string, unknown>;
+        }) => void;
+        renderBasicEditor: RenderBasicEditor;
+    };
+    contentState: ContentState;
+};
+export declare function BGImageEditorBlock(props: BGImageEditorBlockProps): JSX.Element;
+export {};

package/@types/website/readr/block-renderer/background-video-block.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { ContentBlock, ContentState } from 'draft-js';
+import { RenderBasicEditor } from '../../../draft-js/buttons/background-video';
+declare type BGVideoBlockProps = {
+    block: ContentBlock;
+    blockProps: {
+        onEditStart: () => void;
+        onEditFinish: ({ entityKey, entityData, }: {
+            entityKey?: string;
+            entityData?: Record<string, unknown>;
+        }) => void;
+    };
+    contentState: ContentState;
+};
+export declare function BGVideoBlock(props: BGVideoBlockProps): JSX.Element;
+declare type BGVideoEditorBlockProps = {
+    block: ContentBlock;
+    blockProps: {
+        onEditStart: () => void;
+        onEditFinish: ({ entityKey, entityData, }: {
+            entityKey?: string;
+            entityData?: Record<string, unknown>;
+        }) => void;
+        renderBasicEditor: RenderBasicEditor;
+    };
+    contentState: ContentState;
+};
+export declare function BGVideoEditorBlock(props: BGVideoEditorBlockProps): JSX.Element;
+export {};

package/@types/website/readr/block-renderer/color-box-block.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ContentBlock, ContentState } from 'draft-js';
+import { RenderBasicEditor } from '../../../draft-js/buttons/color-box';
+declare type ColorBoxBlockProps = {
+    block: ContentBlock;
+    blockProps: {
+        onEditStart: () => void;
+        onEditFinish: ({ entityKey, entityData, }: {
+            entityKey?: string;
+            entityData?: Record<string, unknown>;
+        }) => void;
+        renderBasicEditor: RenderBasicEditor;
+    };
+    contentState: ContentState;
+};
+export declare function ColorBoxEditorBlock(props: ColorBoxBlockProps): JSX.Element;
+export {};

package/@types/website/readr/block-renderer/image-block.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ContentBlock, ContentState } from 'draft-js';
+declare type ImageBlockProps = {
+    block: ContentBlock;
+    blockProps: {
+        onEditStart: () => void;
+        onEditFinish: ({ entityKey, entityData, }: {
+            entityKey?: string;
+            entityData?: Record<string, unknown>;
+        }) => void;
+    };
+    contentState: ContentState;
+};
+export declare function ImageEditorBlock(props: ImageBlockProps): JSX.Element;
+export {};

package/@types/website/readr/block-renderer/info-box-block.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ContentBlock, ContentState } from 'draft-js';
+import { RenderBasicEditor } from '../../../draft-js/buttons/info-box';
+declare type InfoBoxBlockProps = {
+    block: ContentBlock;
+    blockProps: {
+        onEditStart: () => void;
+        onEditFinish: ({ entityKey, entityData, }: {
+            entityKey?: string;
+            entityData?: Record<string, unknown>;
+        }) => void;
+        renderBasicEditor: RenderBasicEditor;
+    };
+    contentState: ContentState;
+};
+export declare function InfoBoxEditorBlock(props: InfoBoxBlockProps): JSX.Element;
+export {};

package/@types/website/readr/block-renderer/side-index-block.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ContentBlock, ContentState } from 'draft-js';
+declare type SideIndexBlockProps = {
+    block: ContentBlock;
+    blockProps: {
+        onEditStart: () => void;
+        onEditFinish: ({ entityKey, entityData, }: {
+            entityKey?: string;
+            entityData?: Record<string, unknown>;
+        }) => void;
+    };
+    contentState: ContentState;
+};
+export declare function SideIndexEditorBlock(props: SideIndexBlockProps): JSX.Element;
+export {};

package/@types/website/readr/block-renderer/table-block.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ContentBlock, ContentState } from 'draft-js';
+declare type TableBlockProps = {
+    block: ContentBlock;
+    blockProps: {
+        onEditStart: () => void;
+        onEditFinish: ({ entityKey, entityData, }: {
+            entityKey?: string;
+            entityData?: Record<string, unknown>;
+        }) => void;
+        getMainEditorReadOnly: () => boolean;
+    };
+    contentState: ContentState;
+};
+export declare const TableEditorBlock: (props: TableBlockProps) => JSX.Element;
+export {};

package/@types/website/readr/block-renderer-fn.d.ts

@@ -0,0 +1,4 @@
+export declare function atomicBlockRenderer(block: any): {
+    component: (props: any) => any;
+    editable: boolean;
+} | null;

package/@types/website/readr/draft-editor.d.ts

@@ -0,0 +1,74 @@
+import React from 'react';
+import { EditorState } from 'draft-js';
+export declare const buttonNames: {
+    bold: string;
+    italic: string;
+    underline: string;
+    code: string;
+    h2: string;
+    h3: string;
+    h4: string;
+    blockquote: string;
+    ul: string;
+    ol: string;
+    codeBlock: string;
+    annotation: string;
+    divider: string;
+    embed: string;
+    fontColor: string;
+    image: string;
+    infoBox: string;
+    link: string;
+    slideshow: string;
+    table: string;
+    textAlign: string;
+    colorBox: string;
+    backgroundColor: string;
+    backgroundImage: string;
+    backgroundVideo: string;
+    relatedPost: string;
+    sideIndex: string;
+    video: string;
+    audio: string;
+};
+declare type RichTextEditorProps = {
+    onChange: (editorState: EditorState) => void;
+    editorState: EditorState;
+    disabledButtons: string[];
+};
+declare type State = {
+    isEnlarged?: boolean;
+    readOnly: boolean;
+};
+declare class RichTextEditor extends React.Component<RichTextEditorProps, State> {
+    customStyleMap: {
+        CODE: {
+            backgroundColor: string;
+            fontFamily: string;
+            fontSize: number;
+            padding: number;
+        };
+    };
+    constructor(props: any);
+    onChange: (editorState: any) => void;
+    handleKeyCommand: (command: any, editorState: any) => boolean;
+    handleReturn: (event: any) => "handled" | "not-handled";
+    mapKeyToEditorCommand: (e: any) => Draft.Model.Constants.DraftEditorCommand | null | undefined;
+    toggleBlockType: (blockType: any) => void;
+    toggleInlineStyle: (inlineStyle: any) => void;
+    getEntityType: (editorState: any) => string;
+    getCustomStyle: (style: any) => any;
+    toggleEnlarge: () => void;
+    customStyleFn: (style: any) => any;
+    blockStyleFn(block: any): string;
+    blockRendererFn: (block: any) => {
+        component: (props: any) => any;
+        editable: boolean;
+    } | null;
+    render(): JSX.Element;
+}
+declare const DraftEditor: {
+    RichTextEditor: typeof RichTextEditor;
+    decorators: Draft.Model.Decorators.CompositeDraftDecorator;
+};
+export default DraftEditor;

package/@types/website/readr/entity-decorator.d.ts

@@ -0,0 +1,3 @@
+import { CompositeDecorator } from 'draft-js';
+declare const decorators: CompositeDecorator;
+export default decorators;

package/@types/website/readr/index.d.ts

@@ -0,0 +1,5 @@
+export default Readr;
+declare namespace Readr {
+    export { DraftEditor };
+}
+import DraftEditor from "./draft-editor";

package/@types/website/readr/selector/align-selector.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare type Option = {
+    label: string;
+    value: string;
+    isDisabled?: boolean;
+};
+declare type AlignSelectorOnChangeFn = (param: string) => void;
+declare type Options = Option[];
+export declare function AlignSelector(props: {
+    align: string;
+    options: Options;
+    onChange: AlignSelectorOnChangeFn;
+    onOpen?: () => void;
+}): JSX.Element;
+export {};

package/@types/website/readr/selector/audio-selector.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+declare type ID = string;
+export declare type AudioEntity = {
+    id: ID;
+    name?: string;
+    url?: string;
+    file?: {
+        url: string;
+    };
+};
+export declare type AudioEntityWithMeta = {
+    audio: AudioEntity;
+};
+declare type AudioSelectorOnChangeFn = (params: AudioEntityWithMeta[]) => void;
+export declare function AudioSelector(props: {
+    onChange: AudioSelectorOnChangeFn;
+}): JSX.Element;
+export {};

package/@types/website/readr/selector/image-selector.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+declare type ID = string;
+export declare type ImageEntityImageFile = {
+    url: string;
+};
+export declare type ImageEntityResized = {
+    original: string;
+    w480: string;
+    w800: string;
+    w1200: string;
+    w1600: string;
+    w2400: string;
+};
+export declare type ImageEntity = {
+    id: ID;
+    name?: string;
+    imageFile: ImageEntityImageFile;
+    resized: ImageEntityResized;
+};
+export declare type ImageEntityWithMeta = {
+    image: ImageEntity;
+    desc?: string;
+    url?: string;
+};
+export declare type ImageSelectorOnChangeFn = (params: ImageEntityWithMeta[], align?: string, delay?: number) => void;
+export declare function ImageSelector(props: {
+    enableMultiSelect?: boolean;
+    enableCaption?: boolean;
+    enableUrl?: boolean;
+    enableAlignment?: boolean;
+    enableDelay?: boolean;
+    onChange: ImageSelectorOnChangeFn;
+    initialSelected?: ImageEntityWithMeta[];
+    initialAlign?: string;
+}): JSX.Element;
+export {};

package/@types/website/readr/selector/pagination.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare function Pagination({ currentPage, total, pageSize, onChange }: {
+    currentPage: any;
+    total: any;
+    pageSize: any;
+    onChange: any;
+}): JSX.Element | null;