react-bootstrap-editor - npm Package Compare versions

Comparing version 2.0.0 to 2.0.6

dist/index.d.ts

@@ -1,5 +0,5 @@
-import { RefObject, FC, PropsWithoutRef, InputHTMLAttributes, PureComponent, ClipboardEvent, DragEvent } from "react";
-import { Tool, BoldTool as _BoldTool1, ItalicTool as _ItalicTool1, UnderlineTool as _UnderlineTool1, StrikeThroughTool as _StrikeThroughTool1, H1Tool as _H1Tool1, H2Tool as _H2Tool1, H3Tool as _H3Tool1, FontSizeDownTool as _FontSizeDownTool1, FontSizeUpTool as _FontSizeUpTool1, SubscriptTool as _SubscriptTool1, SuperscriptTool as _SuperscriptTool1, LinkTool as _LinkTool1, ColorName, ColorTool, ForeColorTool as _ForeColorTool1, BackColorTool as _BackColorTool1, AlignLeftTool as _AlignLeftTool1, AlignCenterTool as _AlignCenterTool1, AlignRightTool as _AlignRightTool1, AlignFullTool as _AlignFullTool1, OrderedListTool as _OrderedListTool1, UnorderedListTool as _UnorderedListTool1, HorizontalRuleTool as _HorizontalRuleTool1, IFrameTool as _IFrameTool1, ImageTool as _ImageTool1, AudioTool as _AudioTool1, VideoTool as _VideoTool1, UndoTool as _UndoTool1, RedoTool as _RedoTool1, ResetTool as _ResetTool1, ClearTool as _ClearTool1 } from "edkit";
+import { BoldTool as _BoldTool1, ItalicTool as _ItalicTool1, UnderlineTool as _UnderlineTool1, StrikeThroughTool as _StrikeThroughTool1, H1Tool as _H1Tool1, H2Tool as _H2Tool1, H3Tool as _H3Tool1, FontSizeDownTool as _FontSizeDownTool1, FontSizeUpTool as _FontSizeUpTool1, SubscriptTool as _SubscriptTool1, SuperscriptTool as _SuperscriptTool1, LinkTool as _LinkTool1, ColorName, ColorTool, ForeColorTool as _ForeColorTool1, BackColorTool as _BackColorTool1, AlignLeftTool as _AlignLeftTool1, AlignCenterTool as _AlignCenterTool1, AlignRightTool as _AlignRightTool1, AlignFullTool as _AlignFullTool1, OrderedListTool as _OrderedListTool1, UnorderedListTool as _UnorderedListTool1, HorizontalRuleTool as _HorizontalRuleTool1, IFrameTool as _IFrameTool1, ImageTool as _ImageTool1, AudioTool as _AudioTool1, VideoTool as _VideoTool1, UndoTool as _UndoTool1, RedoTool as _RedoTool1, ResetTool as _ResetTool1, ClearTool as _ClearTool1, CopyMarkdownTool as _CopyMarkdownTool1, Tool, EditorComponent } from "edkit";
+import { FC, RefObject, Component, InputHTMLAttributes } from "react";
+import { JSX } from "react/jsx-runtime";
 import { Constructor } from "web-utility";
-export function renderTool(this: Tool, editor: RefObject<HTMLElement>): import("react/jsx-runtime").JSX.Element;
 export class BoldTool extends _BoldTool1 {
@@ -53,12 +53,9 @@ icon: string;
 }
-export type ColorSelectorProps = PropsWithoutRef<{
-    className?: string;
-    title?: string;
+export interface ColorSelectorProps extends Partial<Record<'className' | 'title' | 'value', string>> {
     icon: string;
     type: ColorName;
-    value?: string;
-    onChange?(color: string): any;
-}>;
+    onChange?: (color: string) => any;
+}
 export const ColorSelector: FC<ColorSelectorProps>;
-export function renderColorTool(this: ColorTool, editor: RefObject<HTMLElement>): import("react/jsx-runtime").JSX.Element;
+export function renderColorTool(this: ColorTool, editor: RefObject<HTMLElement>): JSX.Element;
 export class ForeColorTool extends _ForeColorTool1 {
@@ -132,2 +129,6 @@ icon: string;
 }
+export class CopyMarkdownTool extends _CopyMarkdownTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
 export const TextTools: (typeof StrikeThroughTool)[];
@@ -138,27 +139,36 @@ export const ColorTools: (typeof ForeColorTool)[];
 export const ControlTools: (typeof UndoTool | typeof ClearTool)[];
+export const ExtraTools: (typeof CopyMarkdownTool)[];
 export const OriginalTools: (typeof UndoTool | typeof ClearTool)[];
 export const DefaultTools: (typeof UndoTool | typeof ClearTool)[];
-export interface EditorProps extends Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'defaultValue'> {
+export function renderTool(this: Tool, editor: RefObject<HTMLElement>): JSX.Element;
+export interface ToolbarProps {
     tools?: Constructor<Tool>[];
-    onChange?: (value: string) => any;
+    inputRef: RefObject<HTMLElement>;
 }
-export class Editor extends PureComponent<EditorProps> {
-    static displayName: string;
-    box: import("react").RefObject<HTMLDivElement>;
+export class Toolbar extends Component<ToolbarProps> {
     accessor toolList: Tool[];
-    defaultValue: string | number | readonly string[];
-    accessor innerValue: string | number | readonly string[];
+    get imageTool(): _ImageTool1;
+    get audioTool(): _AudioTool1;
+    get videoTool(): _VideoTool1;
     componentDidMount(): void;
-    componentDidUpdate({ tools }: Readonly<EditorProps>): void;
+    componentDidUpdate({ tools }: Readonly<ToolbarProps>): void;
     componentWillUnmount(): void;
     bootTools(): void;
     updateTools: () => void;
+    render(): JSX.Element;
+}
+export interface EditorProps extends Pick<ToolbarProps, 'tools'>, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'defaultValue'> {
+    onChange?: (value: string) => any;
+}
+export interface Editor extends EditorComponent {
+}
+export class Editor extends Component<EditorProps> implements EditorComponent {
+    static displayName: string;
+    box: RefObject<HTMLDivElement>;
+    defaultValue: string | number | readonly string[];
+    accessor innerValue: string | number | readonly string[];
     updateValue(markup: string): void;
-    uploadFile(Type: Constructor<ImageTool> | Constructor<AudioTool> | Constructor<VideoTool>, data: string | Blob): Promise<string>;
-    clearHTML(markup: string): Promise<DocumentFragment>;
-    insertToCursor(raw: string | Node): void;
-    handlePasteDrop: (event: ClipboardEvent | DragEvent) => Promise<void>;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): JSX.Element;
 }
 
 //# sourceMappingURL=index.d.ts.map

dist/index.js

@@ -1,2 +0,2 @@
-var e,r,t,n,o,a,l,i,c,u,s,f,b,p,d,y,v,_=require("react/jsx-runtime"),h=require("react"),m=require("@swc/helpers/cjs/_to_consumable_array.cjs"),g=require("@swc/helpers/cjs/_assert_this_initialized.cjs"),w=require("@swc/helpers/cjs/_class_call_check.cjs"),j=require("@swc/helpers/cjs/_inherits.cjs"),T=require("@swc/helpers/cjs/_create_super.cjs"),O=require("edkit"),P=require("@swc/helpers/cjs/_create_class.cjs"),A=require("@swc/helpers/cjs/_type_of.cjs"),k=require("@swc/helpers/cjs/_ts_generator.cjs"),x=require("@swc/helpers/cjs/_ts_values.cjs"),C=require("mobx"),L=require("mobx-react"),E=require("web-utility");function F(e,r){return Object.keys(r).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:function(){return r[t]}})}),e}function S(e,r,t,n){Object.defineProperty(e,r,{get:t,set:n,enumerable:!0,configurable:!0})}var D={};function M(e){var r=this,t=this.title,n=this.active,o=this.icon,a=this.usable;return(0,_.jsx)("button",{type:"button",title:t,className:"btn btn-".concat((n?"":"outline-")+"secondary"," me-2 mb-2"),style:{cursor:a?"pointer":"not-allowed"},disabled:!a,onClick:function(t){t.preventDefault(),e.current&&r.execute(e.current)},children:(0,_.jsx)("i",{className:"bi-".concat(o)})},o)}S(D,"renderTool",function(){return M});var V={};S(V,"TextTools",function(){return em}),S(V,"ColorTools",function(){return eg}),S(V,"LayoutTools",function(){return ew}),S(V,"MediaTools",function(){return ej}),S(V,"ControlTools",function(){return eT}),S(V,"OriginalTools",function(){return eO}),S(V,"DefaultTools",function(){return eP});var H={};S(H,"BoldTool",function(){return q}),S(H,"ItalicTool",function(){return N}),S(H,"UnderlineTool",function(){return I}),S(H,"StrikeThroughTool",function(){return z}),S(H,"H1Tool",function(){return U}),S(H,"H2Tool",function(){return R}),S(H,"H3Tool",function(){return W}),S(H,"FontSizeDownTool",function(){return B}),S(H,"FontSizeUpTool",function(){return G}),S(H,"SubscriptTool",function(){return J}),S(H,"SuperscriptTool",function(){return K}),S(H,"LinkTool",function(){return Q});var q=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-bold"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.BoldTool),N=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-italic"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.ItalicTool),I=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-underline"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.UnderlineTool),z=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-strikethrough"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.StrikeThroughTool),U=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-h1"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.H1Tool),R=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-h2"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.H2Tool),W=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-h3"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.H3Tool),B=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"sort-alpha-down"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.FontSizeDownTool),G=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"sort-alpha-up"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.FontSizeUpTool),J=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"box-arrow-down-right"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.SubscriptTool),K=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"box-arrow-up-right"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.SuperscriptTool),Q=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"link"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.LinkTool),X={};S(X,"ColorSelector",function(){return Y}),S(X,"renderColorTool",function(){return Z}),S(X,"ForeColorTool",function(){return $}),S(X,"BackColorTool",function(){return ee});var Y=function(e){var r=e.className,t=e.title,n=e.type,o=e.value,a=e.onChange,l=e.icon;return(0,_.jsxs)("span",{className:"d-inline-block align-middle position-relative ".concat(void 0===r?"":r),title:t,children:[(0,_.jsx)("input",{className:"position-absolute w-100 h-100 rounded-3",style:{left:0,top:0,zIndex:-1},type:"color",value:o,onChange:function(e){var r=e.target.value;return null==a?void 0:a(r)}}),(0,_.jsx)("button",{className:"btn",style:{color:"color"===n?o:"lightgray",backgroundColor:"color"===n?"white":o,borderColor:o},onClick:function(e){e.preventDefault(),e.currentTarget.previousElementSibling.click()},children:(0,_.jsx)("i",{className:"bi-".concat(l)})})]})};function Z(e){var r=this,t=this.icon,n=this.name,o=this.colorName;return(0,_.jsx)(Y,{className:"me-2 mb-2",title:n,icon:t,type:o,value:this.getColor(),onChange:function(t){return e.current&&r.execute(e.current,t)}},t)}var $=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"file-earmark-font"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:Z}),e}return t}(O.ForeColorTool),ee=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"file-earmark-font-fill"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:Z}),e}return t}(O.BackColorTool),er={};S(er,"AlignLeftTool",function(){return et}),S(er,"AlignCenterTool",function(){return en}),S(er,"AlignRightTool",function(){return eo}),S(er,"AlignFullTool",function(){return ea}),S(er,"OrderedListTool",function(){return el}),S(er,"UnorderedListTool",function(){return ei}),S(er,"HorizontalRuleTool",function(){return ec});var et=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"text-left"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.AlignLeftTool),en=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"text-center"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.AlignCenterTool),eo=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"text-right"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.AlignRightTool),ea=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"justify"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.AlignFullTool),el=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"list-ol"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.OrderedListTool),ei=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"list-ul"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.UnorderedListTool),ec=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"reception-0"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.HorizontalRuleTool),eu={};S(eu,"IFrameTool",function(){return es}),S(eu,"ImageTool",function(){return ef}),S(eu,"AudioTool",function(){return eb}),S(eu,"VideoTool",function(){return ep});var es=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"window"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.IFrameTool),ef=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"image"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.ImageTool),eb=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"voicemail"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.AudioTool),ep=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"camera-video"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.VideoTool),ed={};S(ed,"UndoTool",function(){return ey}),S(ed,"RedoTool",function(){return ev}),S(ed,"ResetTool",function(){return e_}),S(ed,"ClearTool",function(){return eh});var ey=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"arrow-counterclockwise"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.UndoTool),ev=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"arrow-clockwise"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.RedoTool),e_=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"eraser"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.ResetTool),eh=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"file-earmark-x"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.ClearTool),em=[q,N,I,z,U,R,W,B,G,J,K,Q],eg=[$,ee],ew=[et,en,eo,ea,el,ei,ec],ej=[es,ef,eb,ep],eT=[ey,ev,e_,eh],eO=(0,m._)(em).concat((0,m._)(eg),(0,m._)(ew),(0,m._)(ej),(0,m._)(eT)),eP=[q,N,I,z,U,R,W,J,K,$,ee,et,en,eo,ea,el,ei,ec,ef,ey,ev,eh];F(V,H),F(V,X),F(V,er),F(V,eu),F(V,ed);var eA={};S(eA,"Editor",function(){return eF});var ek=function(e,r,t){for(var n=arguments.length>2,o=0;o<r.length;o++)t=n?r[o].call(e,t):r[o].call(e);return n?t:void 0},ex=function(e,r,t,n,o,a){function l(e){if(void 0!==e&&"function"!=typeof e)throw TypeError("Function expected");return e}for(var i,c=n.kind,u="getter"===c?"get":"setter"===c?"set":"value",s=!r&&e?n.static?e:e.prototype:null,f=r||(s?Object.getOwnPropertyDescriptor(s,n.name):{}),b=!1,p=t.length-1;p>=0;p--){var d={};for(var y in n)d[y]="access"===y?{}:n[y];for(var y in n.access)d.access[y]=n.access[y];d.addInitializer=function(e){if(b)throw TypeError("Cannot add initializers after decoration has completed");a.push(l(e||null))};var v=(0,t[p])("accessor"===c?{get:f.get,set:f.set}:f[u],d);if("accessor"===c){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw TypeError("Object expected");(i=l(v.get))&&(f.get=i),(i=l(v.set))&&(f.set=i),(i=l(v.init))&&o.unshift(i)}else(i=l(v))&&("field"===c?o.unshift(i):f[u]=i)}s&&Object.defineProperty(s,n.name,f),b=!0},eC=function(e,r,t,n){return new(t||(t=Promise))(function(o,a){function l(e){try{c(n.next(e))}catch(e){a(e)}}function i(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var r;e.done?o(e.value):((r=e.value)instanceof t?r:new t(function(e){e(r)})).then(l,i)}c((n=n.apply(e,r||[])).next())})},eL=function(e,r,t,n){if("a"===t&&!n)throw TypeError("Private accessor was defined without a getter");if("function"==typeof r?e!==r||!n:!r.has(e))throw TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?n:"a"===t?n.call(e):n?n.value:r.get(e)},eE=function(e,r,t,n,o){if("m"===n)throw TypeError("Private method is not writable");if("a"===n&&!o)throw TypeError("Private accessor was defined without a setter");if("function"==typeof r?e!==r||!o:!r.has(e))throw TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,t):o?o.value=t:r.set(e,t),t},eF=(l=[L.observer],i=[],c=h.PureComponent,u=[],s=[],f=[],n=function(t){(0,j._)(o,t);var n=(0,T._)(o);function o(){var t;return(0,w._)(this,o),t=n.call.apply(n,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(t),"box",{enumerable:!0,configurable:!0,writable:!0,value:(ek((0,g._)(t),u),(0,h.createRef)())}),e.set((0,g._)(t),ek((0,g._)(t),s,[])),Object.defineProperty((0,g._)(t),"defaultValue",{enumerable:!0,configurable:!0,writable:!0,value:t.props.defaultValue}),r.set((0,g._)(t),ek((0,g._)(t),f,t.defaultValue)),Object.defineProperty((0,g._)(t),"updateTools",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.box.current===document.activeElement&&(t.toolList=(0,m._)(t.toolList))}}),Object.defineProperty((0,g._)(t),"handlePasteDrop",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return eC((0,g._)(t),void 0,void 0,function(){var r,t,n,o,a,l,i,c,u,s;return(0,k._)(this,function(f){switch(f.label){case 0:e.preventDefault(),r=e.currentTarget,t="paste"===e.type?(0,m._)(e.clipboardData.items):(0,m._)(e.dataTransfer.items),n=!0,o=!1,a=void 0,f.label=1;case 1:f.trys.push([1,6,7,8]),l=this,i=function(){var e,r,t,n,o,a;return(0,k._)(this,function(i){switch(i.label){case 0:if("text/html"!==(e=u.value).type)return[3,3];return[4,new Promise(function(r){return e.getAsString(r)})];case 1:return r=i.sent(),t=l.insertToCursor,[4,l.clearHTML(r)];case 2:return t.apply(l,[i.sent()]),[3,9];case 3:if(!e.type.startsWith("image/"))return[3,5];return[4,l.uploadFile(ef,e.getAsFile())];case 4:return(n=i.sent())&&l.insertToCursor('<img src="'.concat(n,'" />')),[3,9];case 5:if(!e.type.startsWith("audio/"))return[3,7];return[4,l.uploadFile(eb,e.getAsFile())];case 6:return(o=i.sent())&&l.insertToCursor('<audio src="'.concat(o,'" />')),[3,9];case 7:if(!e.type.startsWith("video/"))return[3,9];return[4,l.uploadFile(ep,e.getAsFile())];case 8:(a=i.sent())&&l.insertToCursor('<video src="'.concat(a,'" />')),i.label=9;case 9:return[2]}})},c=t[Symbol.iterator](),f.label=2;case 2:if(n=(u=c.next()).done)return[3,5];return[5,(0,x._)(i())];case 3:f.sent(),f.label=4;case 4:return n=!0,[3,2];case 5:return[3,8];case 6:return s=f.sent(),o=!0,a=s,[3,8];case 7:try{n||null==c.return||c.return()}finally{if(o)throw a}return[7];case 8:return this.updateValue(r.innerHTML),[2]}})})}}),t}return(0,P._)(o,[{key:"toolList",get:function(){return eL(this,e,"f")},set:function(r){eE(this,e,r,"f")}},{key:"innerValue",get:function(){return eL(this,r,"f")},set:function(e){eE(this,r,e,"f")}},{key:"componentDidMount",value:function(){this.bootTools(),document.addEventListener("selectionchange",this.updateTools)}},{key:"componentDidUpdate",value:function(e){e.tools!==this.props.tools&&this.bootTools()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("selectionchange",this.updateTools)}},{key:"bootTools",value:function(){var e=this.props.tools;this.toolList=(void 0===e?eP:e).map(function(e){return new e})}},{key:"updateValue",value:function(e){var r,t;this.innerValue=e=e.trim(),null===(t=(r=this.props).onChange)||void 0===t||t.call(r,e)}},{key:"uploadFile",value:function(e,r){return eC(this,void 0,void 0,function(){var t,n,o,a;return(0,k._)(this,function(l){switch(l.label){case 0:if("string"==typeof r&&!/^(data|blob):/.test(r))return[2,r];t=this.toolList.find(function(r){return r instanceof e}),l.label=1;case 1:if(l.trys.push([1,8,,9]),null!=t)return[3,2];return n=void 0,[3,6];case 2:if(o=t.save,"string"!=typeof r)return[3,4];return[4,(0,E.blobOf)(r)];case 3:return a=l.sent(),[3,5];case 4:a=r,l.label=5;case 5:n=o.apply(t,[a]),l.label=6;case 6:return[4,n];case 7:return[2,l.sent()];case 8:if(console.error(l.sent()),"string"==typeof r)return[2,r];return[3,9];case 9:return[2]}})})}},{key:"clearHTML",value:function(e){return eC(this,void 0,void 0,function(){var r,t,n,o,a,l,i,c,u,s,f;return(0,k._)(this,function(b){switch(b.label){case 0:(r=t=document.createDocumentFragment()).append.apply(r,(0,m._)((0,E.parseDOM)(e))),n=!0,o=!1,a=void 0,b.label=1;case 1:b.trys.push([1,10,11,12]),l=(0,E.walkDOM)(t,Node.ELEMENT_NODE)[Symbol.iterator](),b.label=2;case 2:if(n=(i=l.next()).done)return[3,9];for(var p in u=(c=i.value).style,s=c.dataset,["nowrap","pre"].includes(u.whiteSpace)&&(u.whiteSpace="normal"),s)delete s[p];if(!(c instanceof HTMLImageElement))return[3,4];return[4,this.uploadFile(ef,c.src)];case 3:case 5:return c.src=b.sent(),[3,8];case 4:if(!(c instanceof HTMLAudioElement))return[3,6];return[4,this.uploadFile(eb,c.src)];case 6:if(!(c instanceof HTMLVideoElement))return[3,8];return[4,this.uploadFile(ep,c.src)];case 7:c.src=b.sent(),b.label=8;case 8:return n=!0,[3,2];case 9:return[3,12];case 10:return f=b.sent(),o=!0,a=f,[3,12];case 11:try{n||null==l.return||l.return()}finally{if(o)throw a}return[7];case 12:return[2,t]}})})}},{key:"insertToCursor",value:function(e){var r;null===(r=this.box.current)||void 0===r||r.focus(),"string"==typeof e?(0,E.insertToCursor).apply(void 0,(0,m._)((0,E.parseDOM)(e))):(0,E.insertToCursor)(e)}},{key:"render",value:function(){var e=this,r=this.toolList,t=this.defaultValue,n=this.innerValue,o=this.props.name;return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)("header",{children:r.map(function(r){return r.render(e.box)})}),(0,_.jsx)("div",{ref:this.box,className:"form-control h-auto",contentEditable:!0,dangerouslySetInnerHTML:{__html:t},onInput:function(r){var t=r.currentTarget.innerHTML;return e.updateValue(t)},onPaste:this.handlePasteDrop,onDrop:this.handlePasteDrop}),(0,_.jsx)("input",{type:"hidden",name:o,value:n})]})}}]),o}(c),e=new WeakMap,r=new WeakMap,b=n,p="Editor","symbol"===(0,A._)(p)&&(p=p.description?"[".concat(p.description,"]"):""),Object.defineProperty(b,"name",{configurable:!0,value:d?"".concat(d," ",p):p}),v="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(y=c[Symbol.metadata])&&void 0!==y?y:null):void 0,o=[C.observable],a=[C.observable],ex(n,null,o,{kind:"accessor",name:"toolList",static:!1,private:!1,access:{has:function(e){return"toolList"in e},get:function(e){return e.toolList},set:function(e,r){e.toolList=r}},metadata:v},s,u),ex(n,null,a,{kind:"accessor",name:"innerValue",static:!1,private:!1,access:{has:function(e){return"innerValue"in e},get:function(e){return e.innerValue},set:function(e,r){e.innerValue=r}},metadata:v},f,u),ex(null,t={value:n},l,{kind:"class",name:n.name,metadata:v},null,i),n=t.value,v&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:v}),Object.defineProperty(n,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Editor"}),ek(n,i),n);F(module.exports,D),F(module.exports,V),F(module.exports,eA);
+var e,r,t,n,o,i,a,u,l,c,f,s,b,d,p,v,h,m,g,y,w,_,T,j,O,P,k,x,C,E,L,S=require("@swc/helpers/cjs/_call_super.cjs"),V=require("@swc/helpers/cjs/_class_call_check.cjs"),F=require("@swc/helpers/cjs/_create_class.cjs"),D=require("@swc/helpers/cjs/_inherits.cjs"),R=require("@swc/helpers/cjs/_to_consumable_array.cjs"),q=require("@swc/helpers/cjs/_type_of.cjs"),z=require("react/jsx-runtime"),A=require("mobx"),I=require("mobx-react"),N=require("react"),H=require("edkit");function U(e,r){return Object.keys(r).forEach(function(t){!("default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(e,t))&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return r[t]}})}),e}function M(e,r,t,n){Object.defineProperty(e,r,{get:t,set:n,enumerable:!0,configurable:!0})}var B={};M(B,"renderTool",function(){return eU}),M(B,"Toolbar",function(){return eM});var W={};M(W,"TextTools",function(){return eL}),M(W,"ColorTools",function(){return eS}),M(W,"LayoutTools",function(){return eV}),M(W,"MediaTools",function(){return eF}),M(W,"ControlTools",function(){return eD}),M(W,"ExtraTools",function(){return eR}),M(W,"OriginalTools",function(){return eq}),M(W,"DefaultTools",function(){return ez});var G={};M(G,"BoldTool",function(){return J}),M(G,"ItalicTool",function(){return K}),M(G,"UnderlineTool",function(){return Q}),M(G,"StrikeThroughTool",function(){return X}),M(G,"H1Tool",function(){return Y}),M(G,"H2Tool",function(){return Z}),M(G,"H3Tool",function(){return $}),M(G,"FontSizeDownTool",function(){return ee}),M(G,"FontSizeUpTool",function(){return er}),M(G,"SubscriptTool",function(){return et}),M(G,"SuperscriptTool",function(){return en}),M(G,"LinkTool",function(){return eo});var J=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-bold"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.BoldTool),K=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-italic"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.ItalicTool),Q=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-underline"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.UnderlineTool),X=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-strikethrough"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.StrikeThroughTool),Y=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-h1"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.H1Tool),Z=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-h2"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.H2Tool),$=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-h3"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.H3Tool),ee=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"sort-alpha-down"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.FontSizeDownTool),er=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"sort-alpha-up"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.FontSizeUpTool),et=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"box-arrow-down-right"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.SubscriptTool),en=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"box-arrow-up-right"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.SuperscriptTool),eo=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"link"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.LinkTool),ei={};M(ei,"ColorSelector",function(){return ea}),M(ei,"renderColorTool",function(){return eu}),M(ei,"ForeColorTool",function(){return el}),M(ei,"BackColorTool",function(){return ec});var ea=function(e){var r=e.className,t=e.title,n=e.type,o=e.value,i=e.onChange,a=e.icon;return(0,z.jsxs)("span",{className:"d-inline-block align-middle position-relative ".concat(void 0===r?"":r),title:t,children:[(0,z.jsx)("input",{className:"position-absolute w-100 h-100 start-0 top-0 z-n1 rounded-3",type:"color",value:o,onChange:function(e){var r=e.target.value;return null==i?void 0:i(r)}}),(0,z.jsx)("button",{className:"btn",style:{color:"color"===n?o:"lightgray",backgroundColor:"color"===n?"white":o,borderColor:o},onClick:function(e){e.preventDefault(),e.currentTarget.previousElementSibling.click()},children:(0,z.jsx)("i",{className:"bi-".concat(a)})})]})};function eu(e){var r=this,t=this.icon,n=this.name,o=this.colorName;return(0,z.jsx)(ea,{className:"me-2 mb-2",title:n,icon:t,type:o,value:this.getColor(),onChange:function(t){return e.current&&r.execute(e.current,t)}},t)}var el=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"file-earmark-font"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eu}),e}return(0,D._)(r,e),r}(H.ForeColorTool),ec=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"file-earmark-font-fill"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eu}),e}return(0,D._)(r,e),r}(H.BackColorTool),ef={};M(ef,"AlignLeftTool",function(){return es}),M(ef,"AlignCenterTool",function(){return eb}),M(ef,"AlignRightTool",function(){return ed}),M(ef,"AlignFullTool",function(){return ep}),M(ef,"OrderedListTool",function(){return ev}),M(ef,"UnorderedListTool",function(){return eh}),M(ef,"HorizontalRuleTool",function(){return em});var es=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"text-left"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.AlignLeftTool),eb=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"text-center"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.AlignCenterTool),ed=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"text-right"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.AlignRightTool),ep=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"justify"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.AlignFullTool),ev=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"list-ol"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.OrderedListTool),eh=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"list-ul"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.UnorderedListTool),em=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"reception-0"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.HorizontalRuleTool),eg={};M(eg,"IFrameTool",function(){return ey}),M(eg,"ImageTool",function(){return ew}),M(eg,"AudioTool",function(){return e_}),M(eg,"VideoTool",function(){return eT});var ey=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"window"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.IFrameTool),ew=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"image"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.ImageTool),e_=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"voicemail"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.AudioTool),eT=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"camera-video"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.VideoTool),ej={};M(ej,"UndoTool",function(){return eO}),M(ej,"RedoTool",function(){return eP}),M(ej,"ResetTool",function(){return ek}),M(ej,"ClearTool",function(){return ex});var eO=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"arrow-counterclockwise"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.UndoTool),eP=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"arrow-clockwise"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.RedoTool),ek=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"eraser"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.ResetTool),ex=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"file-earmark-x"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.ClearTool),eC={};M(eC,"CopyMarkdownTool",function(){return eE});var eE=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"markdown"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:eU}),e}return(0,D._)(r,e),r}(H.CopyMarkdownTool),eL=[J,K,Q,X,Y,Z,$,ee,er,et,en,eo],eS=[el,ec],eV=[es,eb,ed,ep,ev,eh,em],eF=[ey,ew,e_,eT],eD=[eO,eP,ek,ex],eR=[eE],eq=(0,R._)(eL).concat((0,R._)(eS),(0,R._)(eV),(0,R._)(eF),(0,R._)(eD)),ez=[J,K,Q,X,Y,Z,$,et,en,el,ec,es,eb,ed,ep,ev,eh,em,ew,eO,eP,ex];U(W,G),U(W,ei),U(W,ef),U(W,eg),U(W,ej),U(W,eC);var eA=function(e,r,t){for(var n=arguments.length>2,o=0;o<r.length;o++)t=n?r[o].call(e,t):r[o].call(e);return n?t:void 0},eI=function(e,r,t,n,o,i){function a(e){if(void 0!==e&&"function"!=typeof e)throw TypeError("Function expected");return e}for(var u,l=n.kind,c="getter"===l?"get":"setter"===l?"set":"value",f=!r&&e?n.static?e:e.prototype:null,s=r||(f?Object.getOwnPropertyDescriptor(f,n.name):{}),b=!1,d=t.length-1;d>=0;d--){var p={};for(var v in n)p[v]="access"===v?{}:n[v];for(var v in n.access)p.access[v]=n.access[v];p.addInitializer=function(e){if(b)throw TypeError("Cannot add initializers after decoration has completed");i.push(a(e||null))};var h=(0,t[d])("accessor"===l?{get:s.get,set:s.set}:s[c],p);if("accessor"===l){if(void 0===h)continue;if(null===h||(void 0===h?"undefined":(0,q._)(h))!=="object")throw TypeError("Object expected");(u=a(h.get))&&(s.get=u),(u=a(h.set))&&(s.set=u),(u=a(h.init))&&o.unshift(u)}else(u=a(h))&&("field"===l?o.unshift(u):s[c]=u)}f&&Object.defineProperty(f,n.name,s),b=!0},eN=function(e,r,t,n){if("a"===t&&!n)throw TypeError("Private accessor was defined without a getter");if("function"==typeof r?e!==r||!n:!r.has(e))throw TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?n:"a"===t?n.call(e):n?n.value:r.get(e)},eH=function(e,r,t,n,o){if("m"===n)throw TypeError("Private method is not writable");if("a"===n&&!o)throw TypeError("Private accessor was defined without a setter");if("function"==typeof r?e!==r||!o:!r.has(e))throw TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,t):o?o.value=t:r.set(e,t),t};function eU(e){var r=this,t=this.title,n=this.active,o=this.icon,i=this.usable;return(0,z.jsx)("button",{type:"button",title:t,className:"btn btn-".concat((n?"":"outline-")+"secondary"," me-2 mb-2"),style:{cursor:i?"pointer":"not-allowed"},disabled:!i,onClick:function(t){t.preventDefault(),e.current&&r.execute(e.current)},children:(0,z.jsx)("i",{className:"bi-".concat(o)})},o)}var eM=(u=[I.observer],l=[],c=N.Component,f=[],s=[],b=[],t=function(r){function t(){var r;return(0,V._)(this,t),r=(0,S._)(this,t,arguments),e.set(r,(eA(r,f),eA(r,s,[]))),Object.defineProperty(r,"updateTools",{enumerable:!0,configurable:!0,writable:!0,value:(eA(r,b),function(){r.props.inputRef.current===document.activeElement&&(r.toolList=(0,R._)(r.toolList))})}),r}return(0,D._)(t,r),(0,F._)(t,[{key:"toolList",get:function(){return eN(this,e,"f")},set:function(r){eH(this,e,r,"f")}},{key:"imageTool",get:function(){return this.toolList.find(function(e){return e instanceof H.ImageTool})}},{key:"audioTool",get:function(){return this.toolList.find(function(e){return e instanceof H.AudioTool})}},{key:"videoTool",get:function(){return this.toolList.find(function(e){return e instanceof H.VideoTool})}},{key:"componentDidMount",value:function(){this.bootTools(),document.addEventListener("selectionchange",this.updateTools)}},{key:"componentDidUpdate",value:function(e){e.tools!==this.props.tools&&this.bootTools()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("selectionchange",this.updateTools)}},{key:"bootTools",value:function(){var e=this.props.tools;this.toolList=(void 0===e?ez:e).map(function(e){return new e})}},{key:"render",value:function(){var e=this.toolList,r=this.props;return(0,z.jsx)("header",{children:e.map(function(e){return e.render(r.inputRef)})})}}]),t}(c),e=new WeakMap,p=t,v="Toolbar","symbol"===(0,q._)(v)&&(v=v.description?"[".concat(v.description,"]"):""),Object.defineProperty(p,"name",{configurable:!0,value:v}),m="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(h=c[Symbol.metadata])&&void 0!==h?h:null):void 0,n=[A.observable],o=[A.computed],i=[A.computed],a=[A.computed],eI(t,null,n,{kind:"accessor",name:"toolList",static:!1,private:!1,access:{has:function(e){return"toolList"in e},get:function(e){return e.toolList},set:function(e,r){e.toolList=r}},metadata:m},s,b),eI(t,null,o,{kind:"getter",name:"imageTool",static:!1,private:!1,access:{has:function(e){return"imageTool"in e},get:function(e){return e.imageTool}},metadata:m},null,f),eI(t,null,i,{kind:"getter",name:"audioTool",static:!1,private:!1,access:{has:function(e){return"audioTool"in e},get:function(e){return e.audioTool}},metadata:m},null,f),eI(t,null,a,{kind:"getter",name:"videoTool",static:!1,private:!1,access:{has:function(e){return"videoTool"in e},get:function(e){return e.videoTool}},metadata:m},null,f),eI(null,r={value:t},u,{kind:"class",name:t.name,metadata:m},null,l),t=r.value,m&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),eA(t,l),t),eB={};M(eB,"Editor",function(){return eQ});var eW=function(e,r,t,n,o,i){function a(e){if(void 0!==e&&"function"!=typeof e)throw TypeError("Function expected");return e}for(var u,l=n.kind,c="getter"===l?"get":"setter"===l?"set":"value",f=!r&&e?n.static?e:e.prototype:null,s=r||(f?Object.getOwnPropertyDescriptor(f,n.name):{}),b=!1,d=t.length-1;d>=0;d--){var p={};for(var v in n)p[v]="access"===v?{}:n[v];for(var v in n.access)p.access[v]=n.access[v];p.addInitializer=function(e){if(b)throw TypeError("Cannot add initializers after decoration has completed");i.push(a(e||null))};var h=(0,t[d])("accessor"===l?{get:s.get,set:s.set}:s[c],p);if("accessor"===l){if(void 0===h)continue;if(null===h||(void 0===h?"undefined":(0,q._)(h))!=="object")throw TypeError("Object expected");(u=a(h.get))&&(s.get=u),(u=a(h.set))&&(s.set=u),(u=a(h.init))&&o.unshift(u)}else(u=a(h))&&("field"===l?o.unshift(u):s[c]=u)}f&&Object.defineProperty(f,n.name,s),b=!0},eG=function(e,r,t){for(var n=arguments.length>2,o=0;o<r.length;o++)t=n?r[o].call(e,t):r[o].call(e);return n?t:void 0},eJ=function(e,r,t,n){if("a"===t&&!n)throw TypeError("Private accessor was defined without a getter");if("function"==typeof r?e!==r||!n:!r.has(e))throw TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?n:"a"===t?n.call(e):n?n.value:r.get(e)},eK=function(e,r,t,n,o){if("m"===n)throw TypeError("Private method is not writable");if("a"===n&&!o)throw TypeError("Private accessor was defined without a setter");if("function"==typeof r?e!==r||!o:!r.has(e))throw TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,t):o?o.value=t:r.set(e,t),t},eQ=(_=[I.observer,H.editor],T=[],j=N.Component,O=[],P=[],w=function(e){function r(){var e;return(0,V._)(this,r),e=(0,S._)(this,r,arguments),Object.defineProperty(e,"box",{enumerable:!0,configurable:!0,writable:!0,value:(0,N.createRef)()}),Object.defineProperty(e,"defaultValue",{enumerable:!0,configurable:!0,writable:!0,value:e.props.defaultValue}),g.set(e,eG(e,O,e.defaultValue)),eG(e,P),e}return(0,D._)(r,e),(0,F._)(r,[{key:"innerValue",get:function(){return eJ(this,g,"f")},set:function(e){eK(this,g,e,"f")}},{key:"updateValue",value:function(e){var r,t;this.innerValue=e=e.trim(),null===(t=(r=this.props).onChange)||void 0===t||t.call(r,e)}},{key:"render",value:function(){var e=this,r=this.box,t=this.defaultValue,n=this.innerValue,o=this.props,i=o.name,a=o.tools;return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(eM,{tools:a,inputRef:r}),(0,z.jsx)("div",{ref:r,className:"form-control h-auto",contentEditable:!0,dangerouslySetInnerHTML:{__html:t},onInput:function(r){var t=r.currentTarget.innerHTML;return e.updateValue(t)},onPaste:this.handlePasteDrop,onDrop:this.handlePasteDrop}),(0,z.jsx)("input",{type:"hidden",name:i,value:n})]})}}]),r}(j),g=new WeakMap,x=w,C="Editor","symbol"===(0,q._)(C)&&(C=C.description?"[".concat(C.description,"]"):""),Object.defineProperty(x,"name",{configurable:!0,value:C}),L="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(E=j[Symbol.metadata])&&void 0!==E?E:null):void 0,eW(w,null,[A.observable],{kind:"accessor",name:"innerValue",static:!1,private:!1,access:{has:function(e){return"innerValue"in e},get:function(e){return e.innerValue},set:function(e,r){e.innerValue=r}},metadata:L},O,P),eW(null,y={value:w},_,{kind:"class",name:w.name,metadata:L},null,T),w=y.value,L&&Object.defineProperty(w,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:L}),Object.defineProperty(w,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Editor"}),eG(w,T),w);U(module.exports,B),U(module.exports,W),U(module.exports,eB);
 //# sourceMappingURL=index.js.map

package.json

 {
     "name": "react-bootstrap-editor",
-    "version": "2.0.0",
+    "version": "2.0.6",
     "license": "LGPL-3.0",
@@ -26,7 +26,7 @@ "author": "[e-mail]",
     "dependencies": {
-        "@swc/helpers": "^0.5.3",
-        "edkit": "^1.0.2",
-        "mobx": ">=6.12",
-        "mobx-react": ">=9.1",
-        "web-utility": "^4.1.3"
+        "@swc/helpers": "^0.5.15",
+        "edkit": "^1.2.1",
+        "mobx": "^6.13.6",
+        "mobx-react": "^9.2.0",
+        "web-utility": "^4.4.3"
     },
@@ -38,13 +38,13 @@ "peerDependencies": {
     "devDependencies": {
-        "@parcel/config-default": "~2.11.0",
-        "@parcel/packager-ts": "~2.11.0",
-        "@parcel/transformer-typescript-tsc": "~2.11.0",
-        "@parcel/transformer-typescript-types": "~2.11.0",
-        "@types/react": "^18.2.48",
-        "@types/react-dom": "^18.2.18",
-        "parcel": "~2.11.0",
+        "@parcel/config-default": "~2.13.3",
+        "@parcel/packager-ts": "~2.13.3",
+        "@parcel/transformer-typescript-tsc": "~2.13.3",
+        "@parcel/transformer-typescript-types": "~2.13.3",
+        "@types/react": "^19.0.10",
+        "@types/react-dom": "^19.0.4",
+        "parcel": "~2.13.3",
         "process": "^0.11.10",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "typescript": "~5.3.3"
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
+        "typescript": "~5.8.2"
     },
@@ -58,6 +58,8 @@ "browserslist": "> 0.5%, last 2 versions, not dead, IE 11",
     "scripts": {
-        "start": "cd test/  &&  parcel index.html --open",
-        "build": "rm -rf dist/  &&  parcel build",
-        "prepublishOnly": "npm run build"
+        "clean": "rm -rf .parcel-cache/ dist/",
+        "start": "npm run clean  &&  cd test/  &&  parcel index.html --open",
+        "pack-demo": "rm -rf .parcel-cache/ test/dist/  &&  cd test/  &&  parcel build index.html --public-url .",
+        "build": "npm run clean  &&  parcel build",
+        "prepublishOnly": "npm run build  &&  npm run pack-demo"
     }
 }

ReadMe.md

@@ -11,3 +11,3 @@ # React Bootstrap editor
 
-https://idea2app.github.io/React-MobX-Bootstrap-ts/#/component
+https://idea2app.github.io/Edkit/React/
 
@@ -56,3 +56,3 @@ ## Tools
         rel="stylesheet"
-        href="https://unpkg.com/bootstrap@5.3.2/dist/css/bootstrap.min.css"
+        href="https://unpkg.com/bootstrap@5.3.3/dist/css/bootstrap.min.css"
     />
@@ -59,0 +59,0 @@ <link

source/index.ts

 export * from './Tool';
 export * from './tools';
 export * from './Editor';

source/tools/Control.ts

@@ -0,0 +0,0 @@ import {

source/tools/index.ts

@@ -27,2 +27,3 @@ import {
 import { UndoTool, RedoTool, ResetTool, ClearTool } from './Control';
+import { CopyMarkdownTool } from './Extra';
 
@@ -34,2 +35,3 @@ export * from './Text';
 export * from './Control';
+export * from './Extra';
 
@@ -62,2 +64,3 @@ export const TextTools = [
 export const ControlTools = [UndoTool, RedoTool, ResetTool, ClearTool];
+export const ExtraTools = [CopyMarkdownTool];
 
@@ -64,0 +67,0 @@ export const OriginalTools = [

source/tools/Layout.ts

@@ -0,0 +0,0 @@ import {

source/tools/Media.ts

@@ -0,0 +0,0 @@ import {

source/tools/Text.ts

@@ -0,0 +0,0 @@ import {

tsconfig.json

@@ -11,2 +11,3 @@ {
         "lib": ["ES2023", "DOM", "DOM.Iterable"],
+        "skipLibCheck": true,
         "declaration": true,
@@ -13,0 +14,0 @@ "outDir": "dist/"

New alerts

Unpublished package

Supply chain risk

Package version was not found on the registry. It may exist on a different registry and need to be configured to pull from that registry.

Found 1 instance in 1 package

Fixed alerts

Deprecated

Maintenance

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

Found 1 instance in 1 package

Unpopular package

Quality

This package is not very popular.

Found 1 instance in 1 package

Improved metrics

Number of package files

17

6.25%

Number of medium maintenance alerts

0

-100%

Number of medium quality alerts

0

-100%

Worsened metrics

Total package byte prevSize

151791

-15.99%

Lines of code

721

-5.5%

Number of medium supply chain risk alerts

1

Infinity%

Dependency changes

• Updated

  @swc/helpers@^0.5.15

• Updated

  edkit@^1.2.1

• Updated

  mobx@^6.13.6

• Updated

  mobx-react@^9.2.0

• Updated

  web-utility@^4.4.3