@uxf/wysiwyg 0.4.1 → 0.4.2

package/Editor/Plugin/ElementTypeButton/ElementTypeButton.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { ElementTypeButtonProps } from "./types";
-export declare const ElementTypeButton: React.NamedExoticComponent<ElementTypeButtonProps>;
+export declare const ElementTypeButton: React.NamedExoticComponent<ElementTypeButtonProps<string>>;

package/Editor/Plugin/ElementTypeButton/types.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from "react";
 import { SupportedBlockElementTypes, ToolbarButtonProps } from "../../../types";
-export interface ElementTypeButtonProps extends ToolbarButtonProps {
-    name: SupportedBlockElementTypes;
+export interface ElementTypeButtonProps<SUPPORTED_TYPES = string> extends ToolbarButtonProps {
+    name: SupportedBlockElementTypes<SUPPORTED_TYPES>;
     title: string;
     label: ReactElement;
 }

package/Editor/Renderer/utils.d.ts

@@ -1,5 +1,5 @@
 import { Editor } from "slate";
-import { EditorButtonElement, EditorImageElement, EditorLinkElement, EditorVideoElement, LeafMarks, SupportedBlockElementTypes } from "../../types";
+import { EditorBlockElement, EditorButtonElement, EditorImageElement, EditorLinkElement, EditorVideoElement, LeafMarks, SupportedBlockElementTypes } from "../../types";
 export declare const isMarkActive: (editor: Editor, mark: LeafMarks) => boolean;
 export declare const toggleMark: (editor: Editor, format: LeafMarks) => void;
 export declare const isElementActive: (editor: Editor, format: SupportedBlockElementTypes) => boolean;
@@ -10,7 +10,7 @@ export declare const unwrapLink: (editor: Editor) => void;
 export declare const wrapLink: (editor: Editor, url: string, text?: string | undefined, target?: "_blank" | "_self" | undefined) => void;
 export declare const insertLink: (editor: Editor, url: string, text?: string | undefined, target?: "_blank" | "_self" | undefined) => void;
 export declare const removeLink: (editor: Editor) => void;
-export declare const createEmptyParagraph: () => import("../../types").SupportedBlockElements;
+export declare const createEmptyParagraph: () => import("../../types").SupportedBlockElements<EditorBlockElement<string>>;
 export declare const insertImage: (editor: Editor, image: EditorImageElement, range?: import("slate").BaseRange | null | undefined) => void;
 export declare const insertButton: (editor: Editor, buttonText: string, buttonUrl: string, range?: import("slate").BaseRange | null | undefined) => void;
 export declare const isImageActive: (editor: Editor) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/wysiwyg",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "UXF Wysiwyg editor",
   "author": "Robin Dvorak <dvorak@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/wysiwyg",

package/types.d.ts

@@ -22,10 +22,10 @@ export declare type FontStyle = "italic" | "bold" | "underline" | "code";
 export declare type LeafMarks = FontStyle;
 export declare type Headings = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "paragraph";
 export declare type Lists = "bulleted-list" | "list-item" | "numbered-list";
-export declare type SupportedBlockElementTypes = Headings | Lists | "block-quote" | "link" | "image" | "video" | "button";
+export declare type SupportedBlockElementTypes<SUPPORTED_TYPES = string> = Headings | Lists | "block-quote" | "link" | "image" | "video" | "button" | SUPPORTED_TYPES;
 export declare type EditorBlockElementChildren = Array<SupportedBlockElements | EditorLeafElement>;
-export interface EditorBlockElement {
-    type: SupportedBlockElementTypes;
+export interface EditorBlockElement<SUPPORTED_ELEMENTS = SupportedBlockElementTypes> {
+    type: SUPPORTED_ELEMENTS;
     children: EditorBlockElementChildren;
     [key: string]: any;
 }
@@ -55,7 +55,7 @@ export interface EditorButtonElement extends EditorBlockElement {
     buttonUrl: string;
     buttonText: string;
 }
-export declare type SupportedBlockElements = EditorBlockElement | EditorImageElement | EditorLinkElement | EditorVideoElement | EditorButtonElement;
+export declare type SupportedBlockElements<AdditionalElements = EditorBlockElement> = EditorBlockElement | EditorImageElement | EditorLinkElement | EditorVideoElement | EditorButtonElement | AdditionalElements;
 /**
  * Marks are either present and true or undefined
  */
@@ -67,25 +67,6 @@ export interface EditorLeafElement {
     code?: true;
     [key: string]: unknown;
 }
-export interface DisabledActions {
-    h1?: boolean;
-    h2?: boolean;
-    h3?: boolean;
-    h4?: boolean;
-    h5?: boolean;
-    h6?: boolean;
-    bulletedList?: boolean;
-    numberedList?: boolean;
-    blockQuote?: boolean;
-    bold?: boolean;
-    code?: boolean;
-    underline?: boolean;
-    italic?: boolean;
-    image?: boolean;
-    link?: boolean;
-    video?: boolean;
-    button?: boolean;
-}
 export declare type WysiwygContent = Array<SupportedBlockElements>;
 export declare type UXFEditor = BaseEditor & ReactEditor;
 declare module "slate" {
@@ -95,12 +76,6 @@ declare module "slate" {
         Text: EditorLeafElement;
     }
 }
-export interface WysiwygToolbarProps {
-    imageUploadHandler: ImageUploadHandler;
-    imageNamespace: string;
-    disabledActions?: DisabledActions;
-    children: FC<ToolbarButtonProps>[];
-}
 export interface EditorElementPlugin {
     toolbarButton?: FC<ToolbarButtonProps>;
     editorElementRenderer: FC<EditorElementRendererProps>;