@uxf/wysiwyg 0.4.0 → 0.4.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Content/Renderer/ContentRenderer.d.ts +2 -2
- package/Content/Renderer/ContentRenderer.js +1 -1
- package/Content/Renderer/renderElement.d.ts +2 -2
- package/Content/Renderer/renderElement.js +5 -2
- package/Content/Renderer/renderLeaf.d.ts +2 -2
- package/Content/Renderer/renderLeaf.js +1 -1
- package/Content/Renderer/types.d.ts +35 -33
- package/Editor/Plugin/ElementTypeButton/ElementTypeButton.d.ts +1 -1
- package/Editor/Plugin/ElementTypeButton/types.d.ts +2 -2
- package/Editor/Plugin/VideoPlugin/styles.d.ts +1 -1
- package/Editor/Renderer/utils.d.ts +2 -2
- package/index.d.ts +1 -0
- package/index.js +2 -1
- package/package.json +1 -1
- package/types.d.ts +4 -29
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React, { PropsWithChildren } from "react";
|
|
2
|
-
import { ContentRendererProps } from "./types";
|
|
3
|
-
export declare const ContentRenderer: <OwnButtonProps extends Record<string, any> | undefined = undefined>(props: React.PropsWithChildren<ContentRendererProps<OwnButtonProps>>) => JSX.Element | null;
|
|
2
|
+
import { ContentRendererProps, RenderComponent } from "./types";
|
|
3
|
+
export declare const ContentRenderer: <OwnButtonProps extends Record<string, any> | undefined = undefined, CustomRenderers extends Record<string, RenderComponent> | undefined = undefined>(props: React.PropsWithChildren<ContentRendererProps<OwnButtonProps, CustomRenderers>>) => JSX.Element | null;
|
|
@@ -41,4 +41,4 @@ var ContentRenderer = function (props) {
|
|
|
41
41
|
})));
|
|
42
42
|
};
|
|
43
43
|
exports.ContentRenderer = ContentRenderer;
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudFJlbmRlcmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL0NvbnRlbnQvUmVuZGVyZXIvQ29udGVudFJlbmRlcmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyRDtBQUMzRCxpREFBZ0Q7QUFDaEQsMkNBQTBDO0FBQzFDLDJDQUFzQztBQUcvQixJQUFNLGVBQWUsR0FBRyxVQUkzQixLQUErRTtJQUV2RSxJQUFBLElBQUksR0FBd0MsS0FBSyxLQUE3QyxFQUFFLFVBQVUsR0FBNEIsS0FBSyxXQUFqQyxFQUFFLHFCQUFxQixHQUFLLEtBQUssc0JBQVYsQ0FBVztJQUMxRCxJQUFJLENBQUMsSUFBSSxFQUFFO1FBQ1AsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSCw4REFDSyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUs7UUFDbEIsSUFBSSxJQUFBLG1CQUFNLEVBQUMsSUFBSSxDQUFDLEVBQUU7WUFDZCxPQUFPLENBQ0gsOEJBQUMsZUFBSyxDQUFDLFFBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSyxJQUNyQixJQUFBLHVCQUFVLEVBQUMsSUFBSSxFQUFFLFVBQVUsRUFBRSxxQkFBcUIsQ0FBQyxDQUN2QyxDQUNwQixDQUFDO1NBQ0w7UUFFRCxPQUFPLDhCQUFDLGdCQUFRLElBQUMsR0FBRyxFQUFFLEtBQUssSUFBRyxJQUFBLDZCQUFhLEVBQUMsSUFBSSxFQUFFLFVBQVUsRUFBRSxxQkFBcUIsQ0FBQyxDQUFZLENBQUM7SUFDckcsQ0FBQyxDQUFDLENBQ0gsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMUJXLFFBQUEsZUFBZSxtQkEwQjFCIn0=
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
2
|
import { SupportedBlockElements } from "../../types";
|
|
3
|
-
import { DefaultComponentProps, RenderComponents } from "./types";
|
|
4
|
-
export declare const renderElement: <OwnButtonProps extends Record<string, any> | undefined = undefined>(element: SupportedBlockElements, components?: RenderComponents<OwnButtonProps> | undefined, defaultComponentProps?: DefaultComponentProps<OwnButtonProps> | undefined) => ReactNode;
|
|
3
|
+
import { DefaultComponentProps, RenderComponent, RenderComponents } from "./types";
|
|
4
|
+
export declare const renderElement: <OwnButtonProps extends Record<string, any> | undefined = undefined, CustomRenderers extends Record<string, RenderComponent> | undefined = undefined>(element: SupportedBlockElements, components?: RenderComponents<OwnButtonProps, CustomRenderers> | undefined, defaultComponentProps?: DefaultComponentProps<OwnButtonProps> | undefined) => ReactNode;
|
|
@@ -48,8 +48,11 @@ var renderElement = function (element, components, defaultComponentProps) {
|
|
|
48
48
|
}
|
|
49
49
|
return react_1.default.createElement(react_1.Fragment, { key: index }, (0, exports.renderElement)(item, components, defaultComponentProps));
|
|
50
50
|
});
|
|
51
|
+
if (typeof (components === null || components === void 0 ? void 0 : components.customRenderers) !== "undefined" && element.type in components.customRenderers) {
|
|
52
|
+
var Component = components.customRenderers[element.type];
|
|
53
|
+
return react_1.default.createElement(Component, null, children);
|
|
54
|
+
}
|
|
51
55
|
switch (element.type) {
|
|
52
|
-
// Quote
|
|
53
56
|
case "paragraph":
|
|
54
57
|
if (components === null || components === void 0 ? void 0 : components.paragraphComponent) {
|
|
55
58
|
return react_1.default.createElement(components.paragraphComponent, null, children);
|
|
@@ -146,4 +149,4 @@ var renderElement = function (element, components, defaultComponentProps) {
|
|
|
146
149
|
}
|
|
147
150
|
};
|
|
148
151
|
exports.renderElement = renderElement;
|
|
149
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
152
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVuZGVyRWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Db250ZW50L1JlbmRlcmVyL3JlbmRlckVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBbUQ7QUFTbkQsOERBQTZEO0FBQzdELDJDQUEwQztBQUMxQywyQ0FBOEM7QUFHOUMsc0NBQXNDO0FBQy9CLElBQU0sYUFBYSxHQUFHLFVBSXpCLE9BQStCLEVBQy9CLFVBQThELEVBQzlELHFCQUE2RDs7SUFFN0QsSUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSztRQUM5QyxJQUFJLElBQUEsbUJBQU0sRUFBQyxJQUFJLENBQUMsRUFBRTtZQUNkLE9BQU8sOEJBQUMsZ0JBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSyxJQUFHLElBQUEsdUJBQVUsRUFBQyxJQUFJLEVBQUUsVUFBVSxFQUFFLHFCQUFxQixDQUFDLENBQVksQ0FBQztTQUNqRztRQUVELE9BQU8sOEJBQUMsZ0JBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSyxJQUFHLElBQUEscUJBQWEsRUFBQyxJQUFJLEVBQUUsVUFBVSxFQUFFLHFCQUFxQixDQUFDLENBQVksQ0FBQztJQUNyRyxDQUFDLENBQUMsQ0FBQztJQUVILElBQUksT0FBTyxDQUFBLFVBQVUsYUFBVixVQUFVLHVCQUFWLFVBQVUsQ0FBRSxlQUFlLENBQUEsS0FBSyxXQUFXLElBQUksT0FBTyxDQUFDLElBQUksSUFBSSxVQUFVLENBQUMsZUFBZSxFQUFFO1FBQ2xHLElBQU0sU0FBUyxHQUFHLFVBQVUsQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzNELE9BQU8sOEJBQUMsU0FBUyxRQUFFLFFBQVEsQ0FBYSxDQUFDO0tBQzVDO0lBRUQsUUFBUSxPQUFPLENBQUMs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
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
2
|
import { EditorLeafElement } from "../../types";
|
|
3
|
-
import { DefaultComponentProps, RenderComponents } from "./types";
|
|
4
|
-
export declare const renderLeaf: <OwnButtonProps extends Record<string, any> | undefined = undefined>(leaf: EditorLeafElement, components?: RenderComponents<OwnButtonProps> | undefined, defaultComponentProps?: DefaultComponentProps<OwnButtonProps> | undefined) => ReactNode;
|
|
3
|
+
import { DefaultComponentProps, RenderComponent, RenderComponents } from "./types";
|
|
4
|
+
export declare const renderLeaf: <OwnButtonProps extends Record<string, any> | undefined = undefined, CustomRenderers extends Record<string, RenderComponent> | undefined = undefined>(leaf: EditorLeafElement, components?: RenderComponents<OwnButtonProps, CustomRenderers> | undefined, defaultComponentProps?: DefaultComponentProps<OwnButtonProps> | undefined) => ReactNode;
|
|
@@ -48,4 +48,4 @@ var renderLeaf = function (leaf, components, defaultComponentProps) {
|
|
|
48
48
|
return content;
|
|
49
49
|
};
|
|
50
50
|
exports.renderLeaf = renderLeaf;
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVuZGVyTGVhZi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Db250ZW50L1JlbmRlcmVyL3JlbmRlckxlYWYudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQXlDO0FBSWxDLElBQU0sVUFBVSxHQUFHLFVBSXRCLElBQXVCLEVBQ3ZCLFVBQThELEVBQzlELHFCQUE2RDtJQUU3RCxJQUFNLE9BQU8sR0FBb0IsOERBQUcsSUFBSSxDQUFDLElBQUksQ0FBSSxDQUFDO0lBRWxELElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxFQUFFLEVBQUU7UUFDbEIsT0FBTyx1RUFBYSxDQUFDO0tBQ3hCO0lBRUQsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1FBQ1gsSUFBSSxVQUFVLGFBQVYsVUFBVSx1QkFBVixVQUFVLENBQUUsYUFBYSxFQUFFO1lBQzNCLE9BQU8sOEJBQUMsVUFBVSxDQUFDLGFBQWEsUUFBRSxPQUFPLENBQTRCLENBQUM7U0FDekU7UUFFRCxPQUFPLHFEQUFZLHFCQUFxQixhQUFyQixxQkFBcUIsdUJBQXJCLHFCQUFxQixDQUFFLE1BQU0sR0FBRyxPQUFPLENBQVUsQ0FBQztLQUN4RTtJQUVELElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtRQUNYLElBQUksVUFBVSxhQUFWLFVBQVUsdUJBQVYsVUFBVSxDQUFFLGFBQWEsRUFBRTtZQUMzQixPQUFPLDhCQUFDLFVBQVUsQ0FBQyxhQUFhLFFBQUUsT0FBTyxDQUE0QixDQUFDO1NBQ3pFO1FBRUQsT0FBTyxtREFBVSxxQkFBcUIsYUFBckIscUJBQXFCLHVCQUFyQixxQkFBcUIsQ0FBRSxJQUFJLEdBQUcsT0FBTyxDQUFRLENBQUM7S0FDbEU7SUFFRCxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7UUFDYixJQUFJLFVBQVUsYUFBVixVQUFVLHVCQUFWLFVBQVUsQ0FBRSxlQUFlLEVBQUU7WUFDN0IsT0FBTyw4QkFBQyxVQUFVLENBQUMsZUFBZSxRQUFFLE9BQU8sQ0FBOEIsQ0FBQztTQUM3RTtRQUVELE9BQU8saURBQVEscUJBQXFCLGFBQXJCLHFCQUFxQix1QkFBckIscUJBQXFCLENBQUUsRUFBRSxHQUFHLE9BQU8sQ0FBTSxDQUFDO0tBQzVEO0lBRUQsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1FBQ2hCLElBQUksVUFBVSxhQUFWLFVBQVUsdUJBQVYsVUFBVSxDQUFFLGtCQUFrQixFQUFFO1lBQ2hDLE9BQU8sOEJBQUMsVUFBVSxDQUFDLGtCQUFrQixRQUFFLE9BQU8sQ0FBaUMsQ0FBQztTQUNuRjtRQUVELE9BQU8sZ0RBQU8scUJBQXFCLGFBQXJCLHFCQUFxQix1QkFBckIscUJBQXFCLENBQUUsQ0FBQyxHQUFHLE9BQU8sQ0FBSyxDQUFDO0tBQ3pEO0lBRUQsT0FBTyxPQUFPLENBQUM7QUFDbkIsQ0FBQyxDQUFDO0FBL0NXLFFBQUEsVUFBVSxjQStDckIifQ==
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { AnchorHTMLAttributes, BlockquoteHTMLAttributes, ComponentType, DetailedHTMLProps, HTMLAttributes, ImgHTMLAttributes, LiHTMLAttributes, OlHTMLAttributes, ReactNode } from "react";
|
|
1
2
|
import { EditorButtonElement, EditorImageElement, EditorLinkElement, EditorVideoElement, WysiwygContent } from "../../types";
|
|
2
3
|
export interface RenderComponentProps {
|
|
3
|
-
children:
|
|
4
|
+
children: ReactNode;
|
|
4
5
|
}
|
|
5
6
|
export interface RenderImageComponentProps {
|
|
6
7
|
image: EditorImageElement;
|
|
@@ -15,14 +16,14 @@ export interface RenderButtonComponentProps<OwnProps extends Record<string, any>
|
|
|
15
16
|
export interface RenderVideoComponentProps extends Omit<RenderComponentProps, "children"> {
|
|
16
17
|
video: EditorVideoElement;
|
|
17
18
|
}
|
|
18
|
-
export declare type VideoWrapperProps =
|
|
19
|
-
export declare type RenderComponent =
|
|
20
|
-
export declare type RenderImageComponent =
|
|
21
|
-
export declare type RenderLinkComponent =
|
|
22
|
-
export declare type RenderVideoComponent =
|
|
23
|
-
export declare type RenderButtonComponent<OwnProps extends Record<string, any> | undefined = undefined> =
|
|
24
|
-
export declare type VideoWrapper =
|
|
25
|
-
export interface RenderComponents<OwnButtonProps extends Record<string, any> | undefined = undefined> {
|
|
19
|
+
export declare type VideoWrapperProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
20
|
+
export declare type RenderComponent = ComponentType<RenderComponentProps>;
|
|
21
|
+
export declare type RenderImageComponent = ComponentType<RenderImageComponentProps>;
|
|
22
|
+
export declare type RenderLinkComponent = ComponentType<RenderLinkComponentProps>;
|
|
23
|
+
export declare type RenderVideoComponent = ComponentType<RenderVideoComponentProps>;
|
|
24
|
+
export declare type RenderButtonComponent<OwnProps extends Record<string, any> | undefined = undefined> = ComponentType<RenderButtonComponentProps<OwnProps>>;
|
|
25
|
+
export declare type VideoWrapper = ComponentType<any>;
|
|
26
|
+
export interface RenderComponents<OwnButtonProps extends Record<string, any> | undefined = undefined, CustomRenderers extends Record<string, RenderComponent> | undefined = undefined> {
|
|
26
27
|
paragraphComponent?: RenderComponent;
|
|
27
28
|
h1Component?: RenderComponent;
|
|
28
29
|
h2Component?: RenderComponent;
|
|
@@ -42,40 +43,41 @@ export interface RenderComponents<OwnButtonProps extends Record<string, any> | u
|
|
|
42
43
|
imageComponent?: RenderImageComponent;
|
|
43
44
|
linkComponent?: RenderLinkComponent;
|
|
44
45
|
videoWrapper?: VideoWrapper;
|
|
46
|
+
customRenderers?: CustomRenderers;
|
|
45
47
|
}
|
|
46
48
|
export interface DefaultComponentProps<OwnButtonProps extends Record<string, any> | undefined = undefined> {
|
|
47
|
-
a?: Omit<
|
|
48
|
-
blockquote?:
|
|
49
|
-
code?:
|
|
50
|
-
em?:
|
|
51
|
-
h1?:
|
|
52
|
-
h2?:
|
|
53
|
-
h3?:
|
|
54
|
-
h4?:
|
|
55
|
-
h5?:
|
|
56
|
-
h6?:
|
|
57
|
-
li?:
|
|
58
|
-
ol?:
|
|
59
|
-
p?:
|
|
60
|
-
strong?:
|
|
61
|
-
u?:
|
|
62
|
-
ul?:
|
|
49
|
+
a?: Omit<DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href">;
|
|
50
|
+
blockquote?: DetailedHTMLProps<BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>;
|
|
51
|
+
code?: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
52
|
+
em?: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
53
|
+
h1?: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
|
|
54
|
+
h2?: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
|
|
55
|
+
h3?: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
|
|
56
|
+
h4?: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
|
|
57
|
+
h5?: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
|
|
58
|
+
h6?: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
|
|
59
|
+
li?: DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
|
|
60
|
+
ol?: DetailedHTMLProps<OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>;
|
|
61
|
+
p?: DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>;
|
|
62
|
+
strong?: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
63
|
+
u?: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
64
|
+
ul?: DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>;
|
|
63
65
|
image?: {
|
|
64
|
-
divWrapper?:
|
|
65
|
-
img?: Omit<
|
|
66
|
-
figure?: Omit<
|
|
67
|
-
figcaption?:
|
|
68
|
-
cite?:
|
|
66
|
+
divWrapper?: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
|
|
67
|
+
img?: Omit<DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "src">;
|
|
68
|
+
figure?: Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "contentEditable">;
|
|
69
|
+
figcaption?: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
70
|
+
cite?: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
69
71
|
};
|
|
70
72
|
video?: {
|
|
71
73
|
divWrapper?: VideoWrapperProps;
|
|
72
74
|
};
|
|
73
|
-
button?:
|
|
75
|
+
button?: DetailedHTMLProps<HTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
|
|
74
76
|
ownProps: OwnButtonProps;
|
|
75
77
|
};
|
|
76
78
|
}
|
|
77
|
-
export interface ContentRendererProps<OwnButtonProps extends Record<string, any> | undefined = undefined> {
|
|
79
|
+
export interface ContentRendererProps<OwnButtonProps extends Record<string, any> | undefined = undefined, CustomRenderers extends Record<string, RenderComponent> | undefined = undefined> {
|
|
78
80
|
data?: WysiwygContent;
|
|
79
|
-
components?: RenderComponents<OwnButtonProps>;
|
|
81
|
+
components?: RenderComponents<OwnButtonProps, CustomRenderers>;
|
|
80
82
|
defaultComponentProps?: DefaultComponentProps<OwnButtonProps>;
|
|
81
83
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ElementTypeButtonProps } from "./types";
|
|
3
|
-
export declare const ElementTypeButton: React.NamedExoticComponent<ElementTypeButtonProps
|
|
3
|
+
export declare const ElementTypeButton: React.NamedExoticComponent<ElementTypeButtonProps<string>>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactElement } from "react";
|
|
2
2
|
import { SupportedBlockElementTypes, ToolbarButtonProps } from "../../../types";
|
|
3
|
-
export interface ElementTypeButtonProps extends ToolbarButtonProps {
|
|
4
|
-
name: SupportedBlockElementTypes
|
|
3
|
+
export interface ElementTypeButtonProps<SUPPORTED_TYPES = string> extends ToolbarButtonProps {
|
|
4
|
+
name: SupportedBlockElementTypes<SUPPORTED_TYPES>;
|
|
5
5
|
title: string;
|
|
6
6
|
label: ReactElement;
|
|
7
7
|
}
|
|
@@ -2,5 +2,5 @@ interface VideoStyleProps {
|
|
|
2
2
|
focused: boolean;
|
|
3
3
|
selected: boolean;
|
|
4
4
|
}
|
|
5
|
-
export declare const useVideoStyles: (props: VideoStyleProps) => import("@material-ui/styles").ClassNameMap<"
|
|
5
|
+
export declare const useVideoStyles: (props: VideoStyleProps) => import("@material-ui/styles").ClassNameMap<"player" | "wrapper">;
|
|
6
6
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Editor } from "slate";
|
|
2
|
-
import { EditorButtonElement, EditorImageElement, EditorLinkElement, EditorVideoElement, LeafMarks, SupportedBlockElementTypes } from "../../types";
|
|
2
|
+
import { EditorBlockElement, EditorButtonElement, EditorImageElement, EditorLinkElement, EditorVideoElement, LeafMarks, SupportedBlockElementTypes } from "../../types";
|
|
3
3
|
export declare const isMarkActive: (editor: Editor, mark: LeafMarks) => boolean;
|
|
4
4
|
export declare const toggleMark: (editor: Editor, format: LeafMarks) => void;
|
|
5
5
|
export declare const isElementActive: (editor: Editor, format: SupportedBlockElementTypes) => boolean;
|
|
@@ -10,7 +10,7 @@ export declare const unwrapLink: (editor: Editor) => void;
|
|
|
10
10
|
export declare const wrapLink: (editor: Editor, url: string, text?: string | undefined, target?: "_blank" | "_self" | undefined) => void;
|
|
11
11
|
export declare const insertLink: (editor: Editor, url: string, text?: string | undefined, target?: "_blank" | "_self" | undefined) => void;
|
|
12
12
|
export declare const removeLink: (editor: Editor) => void;
|
|
13
|
-
export declare const createEmptyParagraph: () => import("../../types").SupportedBlockElements
|
|
13
|
+
export declare const createEmptyParagraph: () => import("../../types").SupportedBlockElements<EditorBlockElement<string>>;
|
|
14
14
|
export declare const insertImage: (editor: Editor, image: EditorImageElement, range?: import("slate").BaseRange | null | undefined) => void;
|
|
15
15
|
export declare const insertButton: (editor: Editor, buttonText: string, buttonUrl: string, range?: import("slate").BaseRange | null | undefined) => void;
|
|
16
16
|
export declare const isImageActive: (editor: Editor) => boolean;
|
package/index.d.ts
CHANGED
package/index.js
CHANGED
|
@@ -17,10 +17,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.convertToPlainText = exports.ContentRenderer = exports.WysiwygEditor = void 0;
|
|
18
18
|
var Editor_1 = require("./Editor");
|
|
19
19
|
Object.defineProperty(exports, "WysiwygEditor", { enumerable: true, get: function () { return Editor_1.WysiwygEditor; } });
|
|
20
|
+
__exportStar(require("./Editor/Plugin"), exports);
|
|
20
21
|
var Content_1 = require("./Content");
|
|
21
22
|
Object.defineProperty(exports, "ContentRenderer", { enumerable: true, get: function () { return Content_1.ContentRenderer; } });
|
|
22
23
|
var Converter_1 = require("./Converter");
|
|
23
24
|
Object.defineProperty(exports, "convertToPlainText", { enumerable: true, get: function () { return Converter_1.convertToPlainText; } });
|
|
24
25
|
__exportStar(require("./Content/Renderer/typeGuards"), exports);
|
|
25
26
|
__exportStar(require("./types"), exports);
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtQ0FBeUM7QUFBaEMsdUdBQUEsYUFBYSxPQUFBO0FBQ3RCLGtEQUFnQztBQUNoQyxxQ0FBNEM7QUFBbkMsMEdBQUEsZUFBZSxPQUFBO0FBQ3hCLHlDQUFpRDtBQUF4QywrR0FBQSxrQkFBa0IsT0FBQTtBQUMzQixnRUFBOEM7QUFDOUMsMENBQXdCIn0=
|
package/package.json
CHANGED
package/types.d.ts
CHANGED
|
@@ -22,10 +22,10 @@ export declare type FontStyle = "italic" | "bold" | "underline" | "code";
|
|
|
22
22
|
export declare type LeafMarks = FontStyle;
|
|
23
23
|
export declare type Headings = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "paragraph";
|
|
24
24
|
export declare type Lists = "bulleted-list" | "list-item" | "numbered-list";
|
|
25
|
-
export declare type SupportedBlockElementTypes = Headings | Lists | "block-quote" | "link" | "image" | "video" | "button";
|
|
25
|
+
export declare type SupportedBlockElementTypes<SUPPORTED_TYPES = string> = Headings | Lists | "block-quote" | "link" | "image" | "video" | "button" | SUPPORTED_TYPES;
|
|
26
26
|
export declare type EditorBlockElementChildren = Array<SupportedBlockElements | EditorLeafElement>;
|
|
27
|
-
export interface EditorBlockElement {
|
|
28
|
-
type:
|
|
27
|
+
export interface EditorBlockElement<SUPPORTED_ELEMENTS = SupportedBlockElementTypes> {
|
|
28
|
+
type: SUPPORTED_ELEMENTS;
|
|
29
29
|
children: EditorBlockElementChildren;
|
|
30
30
|
[key: string]: any;
|
|
31
31
|
}
|
|
@@ -55,7 +55,7 @@ export interface EditorButtonElement extends EditorBlockElement {
|
|
|
55
55
|
buttonUrl: string;
|
|
56
56
|
buttonText: string;
|
|
57
57
|
}
|
|
58
|
-
export declare type SupportedBlockElements = EditorBlockElement | EditorImageElement | EditorLinkElement | EditorVideoElement | EditorButtonElement;
|
|
58
|
+
export declare type SupportedBlockElements<AdditionalElements = EditorBlockElement> = EditorBlockElement | EditorImageElement | EditorLinkElement | EditorVideoElement | EditorButtonElement | AdditionalElements;
|
|
59
59
|
/**
|
|
60
60
|
* Marks are either present and true or undefined
|
|
61
61
|
*/
|
|
@@ -67,25 +67,6 @@ export interface EditorLeafElement {
|
|
|
67
67
|
code?: true;
|
|
68
68
|
[key: string]: unknown;
|
|
69
69
|
}
|
|
70
|
-
export interface DisabledActions {
|
|
71
|
-
h1?: boolean;
|
|
72
|
-
h2?: boolean;
|
|
73
|
-
h3?: boolean;
|
|
74
|
-
h4?: boolean;
|
|
75
|
-
h5?: boolean;
|
|
76
|
-
h6?: boolean;
|
|
77
|
-
bulletedList?: boolean;
|
|
78
|
-
numberedList?: boolean;
|
|
79
|
-
blockQuote?: boolean;
|
|
80
|
-
bold?: boolean;
|
|
81
|
-
code?: boolean;
|
|
82
|
-
underline?: boolean;
|
|
83
|
-
italic?: boolean;
|
|
84
|
-
image?: boolean;
|
|
85
|
-
link?: boolean;
|
|
86
|
-
video?: boolean;
|
|
87
|
-
button?: boolean;
|
|
88
|
-
}
|
|
89
70
|
export declare type WysiwygContent = Array<SupportedBlockElements>;
|
|
90
71
|
export declare type UXFEditor = BaseEditor & ReactEditor;
|
|
91
72
|
declare module "slate" {
|
|
@@ -95,12 +76,6 @@ declare module "slate" {
|
|
|
95
76
|
Text: EditorLeafElement;
|
|
96
77
|
}
|
|
97
78
|
}
|
|
98
|
-
export interface WysiwygToolbarProps {
|
|
99
|
-
imageUploadHandler: ImageUploadHandler;
|
|
100
|
-
imageNamespace: string;
|
|
101
|
-
disabledActions?: DisabledActions;
|
|
102
|
-
children: FC<ToolbarButtonProps>[];
|
|
103
|
-
}
|
|
104
79
|
export interface EditorElementPlugin {
|
|
105
80
|
toolbarButton?: FC<ToolbarButtonProps>;
|
|
106
81
|
editorElementRenderer: FC<EditorElementRendererProps>;
|