@mirrormedia/lilith-draft-editor 1.3.3 → 2.1.0

package/@types/draft-js/buttons/annotation.d.ts

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

package/@types/draft-js/buttons/audio.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { EditorState } from 'draft-js';
+import { AudioSelector as DefaultAudioSelector } from './selector/audio-selector';
+export declare function AudioButton(props: {
+    editorState: EditorState;
+    onChange: (param: EditorState) => void;
+    className?: string;
+    AudioSelector: typeof DefaultAudioSelector;
+}): JSX.Element;

package/@types/draft-js/buttons/background-color.d.ts

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

package/@types/draft-js/buttons/background-image.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { EditorState, RawDraftContentState, CompositeDecorator } from 'draft-js';
+import { ImageSelector as DefaultImageSelector, ImageEntity } from './selector/image-selector';
+export declare type RenderBasicEditor = (propsOfBasicEditor: {
+    onChange: (es: EditorState) => void;
+    editorState: EditorState;
+}) => React.ReactElement;
+declare type BGImageInputOnChange = ({ textBlockAlign, image, rawContentState, }: {
+    textBlockAlign: string;
+    image?: ImageEntity;
+    rawContentState: RawDraftContentState;
+}) => void;
+declare type BGImageInputType = {
+    textBlockAlign?: string;
+    image?: ImageEntity;
+    rawContentStateForBGImageEditor?: RawDraftContentState;
+    isOpen: boolean;
+    onChange: BGImageInputOnChange;
+    onCancel: () => void;
+    ImageSelector: typeof DefaultImageSelector;
+    renderBasicEditor: RenderBasicEditor;
+    decorators: CompositeDecorator;
+};
+export declare function BGImageInput(props: BGImageInputType): JSX.Element;
+declare type BGImageButtonProps = {
+    className: string;
+    editorState: EditorState;
+    onChange: ({ editorState }: {
+        editorState: EditorState;
+    }) => void;
+    ImageSelector: typeof DefaultImageSelector;
+    renderBasicEditor: RenderBasicEditor;
+};
+export declare function BGImageButton(props: BGImageButtonProps): JSX.Element;
+export {};

package/@types/draft-js/buttons/background-video.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { EditorState, RawDraftContentState, CompositeDecorator } from 'draft-js';
+import { VideoSelector as DefaultVideoSelector, VideoEntity } from './selector/video-selector';
+export declare type RenderBasicEditor = (propsOfBasicEditor: {
+    onChange: (es: EditorState) => void;
+    editorState: EditorState;
+}) => React.ReactElement;
+declare type BGVideoInputOnChange = ({ textBlockAlign, video, rawContentState, }: {
+    textBlockAlign: string;
+    video?: VideoEntity;
+    rawContentState: RawDraftContentState;
+}) => void;
+declare type BGVideoInputType = {
+    textBlockAlign?: string;
+    video?: VideoEntity;
+    rawContentStateForBGVideoEditor?: RawDraftContentState;
+    isOpen: boolean;
+    onChange: BGVideoInputOnChange;
+    onCancel: () => void;
+    VideoSelector: typeof DefaultVideoSelector;
+    renderBasicEditor: RenderBasicEditor;
+    decorators: CompositeDecorator;
+};
+export declare function BGVideoInput(props: BGVideoInputType): JSX.Element;
+declare type BGVideoButtonProps = {
+    className: string;
+    editorState: EditorState;
+    onChange: ({ editorState }: {
+        editorState: EditorState;
+    }) => void;
+    VideoSelector: typeof DefaultVideoSelector;
+    renderBasicEditor: RenderBasicEditor;
+};
+export declare function BGVideoButton(props: BGVideoButtonProps): JSX.Element;
+export {};

package/@types/draft-js/buttons/color-box.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { EditorState, RawDraftContentState, CompositeDecorator } from 'draft-js';
+export declare type RenderBasicEditor = (propsOfBasicEditor: {
+    onChange: (es: EditorState) => void;
+    editorState: EditorState;
+}) => React.ReactElement;
+declare type ColorBoxInputType = {
+    color?: string;
+    rawContentStateForColorBoxEditor?: RawDraftContentState;
+    isOpen: boolean;
+    onChange: ({ color, rawContentState, }: {
+        color: string;
+        rawContentState: RawDraftContentState;
+    }) => void;
+    onCancel: () => void;
+    renderBasicEditor: RenderBasicEditor;
+    decorators: CompositeDecorator;
+};
+export declare function ColorBoxInput(props: ColorBoxInputType): JSX.Element;
+declare type ColorBoxButtonProps = {
+    className: string;
+    editorState: EditorState;
+    onChange: ({ editorState }: {
+        editorState: EditorState;
+    }) => void;
+    renderBasicEditor: RenderBasicEditor;
+};
+export declare function ColorBoxButton(props: ColorBoxButtonProps): JSX.Element;
+export {};

package/@types/draft-js/buttons/divider.d.ts

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

package/@types/draft-js/buttons/embedded-code.d.ts

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

package/@types/draft-js/buttons/enlarge.d.ts

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

package/@types/draft-js/buttons/font-color.d.ts

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

package/@types/draft-js/buttons/image.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { EditorState } from 'draft-js';
+import { ImageSelector as DefaultImageSelector } from './selector/image-selector';
+export declare function ImageButton(props: {
+    editorState: EditorState;
+    onChange: (param: EditorState) => void;
+    className?: string;
+    ImageSelector: typeof DefaultImageSelector;
+}): JSX.Element;

package/@types/draft-js/buttons/info-box.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { EditorState, RawDraftContentState, CompositeDecorator } from 'draft-js';
+export declare type RenderBasicEditor = (propsOfBasicEditor: {
+    onChange: (es: EditorState) => void;
+    editorState: EditorState;
+}) => React.ReactElement;
+declare type InfoBoxInputType = {
+    title?: string;
+    rawContentStateForInfoBoxEditor?: RawDraftContentState;
+    isOpen: boolean;
+    onChange: ({ title, rawContentState, }: {
+        title: string;
+        rawContentState: RawDraftContentState;
+    }) => void;
+    onCancel: () => void;
+    renderBasicEditor: RenderBasicEditor;
+    decorators?: CompositeDecorator;
+};
+export declare function InfoBoxInput(props: InfoBoxInputType): JSX.Element;
+declare type InfoBoxButtonProps = {
+    className: string;
+    editorState: EditorState;
+    onChange: (param: EditorState) => void;
+    renderBasicEditor: RenderBasicEditor;
+};
+export declare function InfoBoxButton(props: InfoBoxButtonProps): JSX.Element;
+export {};

package/@types/draft-js/buttons/link.d.ts

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

package/@types/draft-js/buttons/media.d.ts

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

package/@types/draft-js/buttons/related-post.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { EditorState } from 'draft-js';
+import { PostSelector as DefaultPostSelector } from './selector/post-selector';
+declare type RelatedPostButtonProps = {
+    className: string;
+    editorState: EditorState;
+    onChange: ({ editorState }: {
+        editorState: EditorState;
+    }) => void;
+    PostSelector: typeof DefaultPostSelector;
+};
+export declare function RelatedPostButton(props: RelatedPostButtonProps): JSX.Element;
+export {};

package/@types/draft-js/buttons/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/draft-js/buttons/selector/audio-selector.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { ImageEntity } from './image-selector';
+declare type ID = string;
+export declare type AudioEntity = {
+    id: ID;
+    name?: string;
+    urlOriginal?: 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/draft-js/buttons/selector/image-selector.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+declare type ID = string;
+export declare type ImageEntity = {
+    id: ID;
+    name?: string;
+    imageFile: {
+        url: string;
+    };
+    resized: {
+        original: string;
+        w480: string;
+        w800: string;
+        w1200: string;
+        w1600: string;
+        w2400: string;
+    };
+};
+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/draft-js/buttons/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/draft-js/buttons/selector/post-selector.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { ImageEntity } from './image-selector';
+declare type ID = string;
+export declare type PostEntity = {
+    id: ID;
+    slug: string;
+    name: string;
+    type: string;
+    heroImage: ImageEntity;
+    ogImage: 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/draft-js/buttons/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/draft-js/buttons/selector/video-selector.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { ImageEntity } from './image-selector';
+declare type ID = string;
+export declare type VideoEntity = {
+    id: ID;
+    name?: string;
+    videoSrc: string;
+    youtubeUrl?: string;
+    description?: string;
+    videoFile: {
+        filename?: string;
+        filesize: number;
+        url: string;
+    };
+    coverPhoto: 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/draft-js/buttons/side-index.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { EditorState } from 'draft-js';
+import { ImageEntity } from './selector/image-selector';
+declare type SideIndexEntityData = {
+    h2Text?: string;
+    sideIndexText?: string;
+    sideIndexUrl?: string;
+    sideIndexImage?: ImageEntity;
+};
+export declare type SideIndexInputOnChange = (inputValue: SideIndexEntityData) => void;
+declare type SideIndexInputProps = SideIndexEntityData & {
+    isOpen: boolean;
+    onChange: SideIndexInputOnChange;
+    onCancel: () => void;
+};
+export declare function SideIndexInput(props: SideIndexInputProps): JSX.Element;
+declare type SideIndexButtonProps = {
+    className: string;
+    editorState: EditorState;
+    onChange: ({ editorState }: {
+        editorState: EditorState;
+    }) => void;
+};
+export declare function SideIndexButton(props: SideIndexButtonProps): JSX.Element;
+export {};

package/@types/draft-js/buttons/slideshow.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ImageSelector as DefaultImageSelector } from './selector/image-selector';
+import { EditorState } from 'draft-js';
+export declare function SlideshowButton(props: {
+    editorState: EditorState;
+    onChange: (param: EditorState) => void;
+    className?: string;
+    ImageSelector: typeof DefaultImageSelector;
+}): JSX.Element;

package/@types/draft-js/buttons/table.d.ts

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

package/@types/draft-js/buttons/text-align.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const getSelectionBlockData: (editorState: any, name: any) => any;
+export declare function AlignCenterButton(props: any): JSX.Element;
+export declare function AlignLeftButton(props: any): JSX.Element;

package/@types/draft-js/buttons/video.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { EditorState } from 'draft-js';
+import { VideoSelector as DefaultVideoSelector } from './selector/video-selector';
+export declare function VideoButton(props: {
+    editorState: EditorState;
+    onChange: (param: EditorState) => void;
+    className?: string;
+    VideoSelector: typeof DefaultVideoSelector;
+}): JSX.Element;

package/@types/draft-js/buttons/youtube.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { EditorState } from 'draft-js';
+export declare type RenderBasicEditor = (propsOfBasicEditor: {
+    onChange: (es: EditorState) => void;
+    editorState: EditorState;
+}) => React.ReactElement;
+declare type YoutubeInputType = {
+    isOpen: boolean;
+    onChange: ({ description, youtubeId, }: {
+        description: string;
+        youtubeId: string;
+    }) => void;
+    onCancel: () => void;
+};
+export declare function YoutubeInput(props: YoutubeInputType): JSX.Element;
+declare type YoutubeButtonProps = {
+    className: string;
+    editorState: EditorState;
+    onChange: (param: EditorState) => void;
+    renderBasicEditor: RenderBasicEditor;
+};
+export declare function YoutubeButton(props: YoutubeButtonProps): JSX.Element;
+export {};

package/@types/draft-js/const.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/draft-js/draft-converter/api-data-instance.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="immutable" />
+export default ApiDataInstance;
+declare class ApiDataInstance extends Immutable.Map<string, any> {
+    constructor(props: any);
+    getId(): any;
+    getType(): any;
+    getAlignment(): any;
+    getContent(): any;
+    getStyles(): any;
+    getTextAlign(): any;
+}

package/@types/draft-js/draft-converter/atomic-block-processor.d.ts

@@ -0,0 +1,17 @@
+export default processor;
+export namespace DraftEditor {
+    namespace TableEntity {
+        type TableStyles = {
+            rows: Record<string, string>[];
+            columns: Record<string, string>[];
+            cells: Record<string, string>[][];
+        };
+        type TableData = RawDraftContentState[][];
+    }
+}
+declare namespace processor {
+    function convertBlock(entityMap: any, block: any): ApiDataInstance | undefined;
+    function convertBlock(entityMap: any, block: any): ApiDataInstance | undefined;
+}
+import { RawDraftContentState } from "draft-js";
+import ApiDataInstance from "./api-data-instance";

package/@types/draft-js/draft-converter/entities.d.ts

@@ -0,0 +1,74 @@
+export default ENTITY;
+declare const ENTITY: {
+    DIVIDER: {
+        type: string;
+    };
+    ANNOTATION: {
+        type: string;
+    };
+    BLOCKQUOTE: {
+        type: string;
+    };
+    LINK: {
+        type: string;
+    };
+    INFOBOX: {
+        type: string;
+    };
+    COLORBOX: {
+        type: string;
+    };
+    EMBEDDEDCODE: {
+        type: string;
+    };
+    AUDIO: {
+        type: string;
+    };
+    "AUDIO-V2": {
+        type: string;
+    };
+    VIDEO: {
+        type: string;
+    };
+    "VIDEO-V2": {
+        type: string;
+    };
+    IMAGE: {
+        type: string;
+    };
+    STOREDIMAGE: {
+        type: string;
+    };
+    IMAGEDIFF: {
+        type: string;
+    };
+    IMAGELINK: {
+        type: string;
+    };
+    SLIDESHOW: {
+        type: string;
+        slideshowSelectionLimit: number;
+    };
+    "SLIDESHOW-V2": {
+        type: string;
+        slideshowSelectionLimit: number;
+    };
+    YOUTUBE: {
+        type: string;
+    };
+    TABLE: {
+        type: string;
+    };
+    BACKGROUNDIMAGE: {
+        type: string;
+    };
+    BACKGROUNDVIDEO: {
+        type: string;
+    };
+    RELATEDPOST: {
+        type: string;
+    };
+    SIDEINDEX: {
+        type: string;
+    };
+};

package/@types/draft-js/draft-converter/index.d.ts

@@ -0,0 +1,8 @@
+declare namespace _default {
+    export { convertRawToHtml as convertToHtml };
+    export { convertRawToApiData as convertToApiData };
+}
+export default _default;
+declare function convertRawToHtml(raw: any, blockTagMap: any, entityTagMap: any): string;
+declare function convertRawToApiData(raw: any): List<any>;
+import { List } from "immutable";

package/@types/draft-js/draft-converter/inline-styles-processor.d.ts

@@ -0,0 +1 @@
+export function convertToHtml(inlineTagMap: any, entityTagMap: any, entityMap: any, block: any): any;

package/@types/draft-js/modifier.d.ts

@@ -0,0 +1,6 @@
+import { Modifier as DraftModifier } from 'draft-js';
+import type { ContentState, SelectionState } from 'draft-js';
+declare const Modifier: typeof DraftModifier & {
+    removeInlineStyleByPrefix: (contentState: ContentState, selectionState: SelectionState, inlineStylePrefix: string) => ContentState;
+};
+export { Modifier };

package/@types/draft-js/util.d.ts

@@ -0,0 +1 @@
+export function getSelectionEntityData(editorState: any): any;

package/@types/index.d.ts

@@ -0,0 +1,4 @@
+import draftConverter from './draft-js/draft-converter';
+import MirrorMedia from './website/mirrormedia';
+import Readr from './website/readr';
+export { draftConverter, MirrorMedia, Readr };

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

@@ -0,0 +1,17 @@
+/// <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;
+        renderBasicEditor: RenderBasicEditor;
+    };
+    contentState: ContentState;
+};
+export declare function BGImageEditorBlock(props: BGImageBlockProps): JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+/// <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;
+        renderBasicEditor: RenderBasicEditor;
+    };
+    contentState: ContentState;
+};
+export declare function BGVideoEditorBlock(props: BGVideoBlockProps): JSX.Element;
+export {};

package/@types/website/mirrormedia/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/mirrormedia/block-renderer/embedded-code-block.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { EntityInstance } from 'draft-js';
+export declare const Block: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Caption: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EmbeddedCodeEditorBlock: (entity: EntityInstance) => JSX.Element;

package/@types/website/mirrormedia/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 {};