react-bootstrap-editor
Advanced tools
Comparing version
@@ -1,3 +0,4 @@ | ||
import React, { RefObject, PropsWithoutRef, PureComponent } from "react"; | ||
import { RefObject, 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 { Constructor } from "web-utility"; | ||
export function renderTool(this: Tool, editor: RefObject<HTMLElement>): JSX.Element; | ||
@@ -137,24 +138,21 @@ export class BoldTool extends _BoldTool1 { | ||
export const DefaultTools: (typeof UndoTool | typeof ClearTool)[]; | ||
export type EditorProps = PropsWithoutRef<{ | ||
tools?: { | ||
new (...args: any[]): Tool; | ||
}[]; | ||
value?: string; | ||
onChange?(value: string): any; | ||
}>; | ||
interface EditorState { | ||
toolList: Tool[]; | ||
data: string; | ||
export interface EditorProps extends Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'defaultValue'> { | ||
tools?: Constructor<Tool>[]; | ||
onChange?: (value: string) => any; | ||
} | ||
export class Editor extends PureComponent<EditorProps, EditorState> { | ||
export class Editor extends PureComponent<EditorProps> { | ||
static displayName: string; | ||
box: React.RefObject<HTMLDivElement>; | ||
state: { | ||
toolList: Tool[]; | ||
data: string; | ||
}; | ||
static getDerivedStateFromProps({ tools, value }: EditorProps, { toolList, data }: EditorState): EditorState; | ||
box: import("react").RefObject<HTMLDivElement>; | ||
toolList: Tool[]; | ||
defaultValue: string | number | readonly string[]; | ||
innerValue: string | number | readonly string[]; | ||
componentDidMount(): void; | ||
componentDidUpdate({ tools }: Readonly<EditorProps>): void; | ||
componentWillUnmount(): void; | ||
bootTools(): void; | ||
updateTools: () => void; | ||
updateValue(markup: string): void; | ||
uploadFile(Type: Constructor<ImageTool> | Constructor<AudioTool> | Constructor<VideoTool>, data: string | Blob): Promise<string>; | ||
clearHTML(markup: string): Promise<DocumentFragment>; | ||
handlePasteDrop: (event: ClipboardEvent | DragEvent) => Promise<void>; | ||
render(): JSX.Element; | ||
@@ -161,0 +159,0 @@ } |
@@ -1,5 +0,9 @@ | ||
import {jsx as $13t2B$jsx, jsxs as $13t2B$jsxs, Fragment as $13t2B$Fragment} from "react/jsx-runtime"; | ||
import {createRef as $13t2B$createRef, PureComponent as $13t2B$PureComponent} from "react"; | ||
import {defineProperty as $13t2B$defineProperty} from "@swc/helpers"; | ||
import {BoldTool as $13t2B$BoldTool, ItalicTool as $13t2B$ItalicTool, UnderlineTool as $13t2B$UnderlineTool, StrikeThroughTool as $13t2B$StrikeThroughTool, H1Tool as $13t2B$H1Tool, H2Tool as $13t2B$H2Tool, H3Tool as $13t2B$H3Tool, FontSizeDownTool as $13t2B$FontSizeDownTool, FontSizeUpTool as $13t2B$FontSizeUpTool, SubscriptTool as $13t2B$SubscriptTool, SuperscriptTool as $13t2B$SuperscriptTool, LinkTool as $13t2B$LinkTool, ForeColorTool as $13t2B$ForeColorTool, BackColorTool as $13t2B$BackColorTool, AlignLeftTool as $13t2B$AlignLeftTool, AlignCenterTool as $13t2B$AlignCenterTool, AlignRightTool as $13t2B$AlignRightTool, AlignFullTool as $13t2B$AlignFullTool, OrderedListTool as $13t2B$OrderedListTool, UnorderedListTool as $13t2B$UnorderedListTool, HorizontalRuleTool as $13t2B$HorizontalRuleTool, IFrameTool as $13t2B$IFrameTool, ImageTool as $13t2B$ImageTool, AudioTool as $13t2B$AudioTool, VideoTool as $13t2B$VideoTool, UndoTool as $13t2B$UndoTool, RedoTool as $13t2B$RedoTool, ResetTool as $13t2B$ResetTool, ClearTool as $13t2B$ClearTool} from "edkit"; | ||
import {jsx as $42h8L$jsx, jsxs as $42h8L$jsxs, Fragment as $42h8L$Fragment} from "react/jsx-runtime"; | ||
import {createRef as $42h8L$createRef, PureComponent as $42h8L$PureComponent} from "react"; | ||
import $42h8L$swchelperssrc_define_propertymjs from "@swc/helpers/src/_define_property.mjs"; | ||
import {BoldTool as $42h8L$BoldTool, ItalicTool as $42h8L$ItalicTool, UnderlineTool as $42h8L$UnderlineTool, StrikeThroughTool as $42h8L$StrikeThroughTool, H1Tool as $42h8L$H1Tool, H2Tool as $42h8L$H2Tool, H3Tool as $42h8L$H3Tool, FontSizeDownTool as $42h8L$FontSizeDownTool, FontSizeUpTool as $42h8L$FontSizeUpTool, SubscriptTool as $42h8L$SubscriptTool, SuperscriptTool as $42h8L$SuperscriptTool, LinkTool as $42h8L$LinkTool, ForeColorTool as $42h8L$ForeColorTool, BackColorTool as $42h8L$BackColorTool, AlignLeftTool as $42h8L$AlignLeftTool, AlignCenterTool as $42h8L$AlignCenterTool, AlignRightTool as $42h8L$AlignRightTool, AlignFullTool as $42h8L$AlignFullTool, OrderedListTool as $42h8L$OrderedListTool, UnorderedListTool as $42h8L$UnorderedListTool, HorizontalRuleTool as $42h8L$HorizontalRuleTool, IFrameTool as $42h8L$IFrameTool, ImageTool as $42h8L$ImageTool, AudioTool as $42h8L$AudioTool, VideoTool as $42h8L$VideoTool, UndoTool as $42h8L$UndoTool, RedoTool as $42h8L$RedoTool, ResetTool as $42h8L$ResetTool, ClearTool as $42h8L$ClearTool} from "edkit"; | ||
import $42h8L$swchelperssrc_ts_decoratemjs from "@swc/helpers/src/_ts_decorate.mjs"; | ||
import {observable as $42h8L$observable} from "mobx"; | ||
import {observer as $42h8L$observer} from "mobx-react"; | ||
import {blobOf as $42h8L$blobOf, parseDOM as $42h8L$parseDOM, walkDOM as $42h8L$walkDOM, insertToCursor as $42h8L$insertToCursor} from "web-utility"; | ||
@@ -25,11 +29,11 @@ function $parcel$export(e, n, v, s) { | ||
} | ||
var $43d566ad2fe8cba8$exports = {}; | ||
var $1b0306899ced6391$exports = {}; | ||
$parcel$export($43d566ad2fe8cba8$exports, "renderTool", function () { return $43d566ad2fe8cba8$export$56ccecc1dac11363; }); | ||
$parcel$export($1b0306899ced6391$exports, "renderTool", function () { return $1b0306899ced6391$export$56ccecc1dac11363; }); | ||
function $43d566ad2fe8cba8$export$56ccecc1dac11363(editor) { | ||
function $1b0306899ced6391$export$56ccecc1dac11363(editor) { | ||
const { title: title , active: active , icon: icon , usable: usable } = this; | ||
const Class = `btn btn-${(active ? '' : 'outline-') + 'secondary'} me-2 mb-2`; | ||
return /*#__PURE__*/ $13t2B$jsx("button", { | ||
const Class = `btn btn-${(active ? "" : "outline-") + "secondary"} me-2 mb-2`; | ||
return /*#__PURE__*/ (0, $42h8L$jsx)("button", { | ||
type: "button", | ||
@@ -39,3 +43,3 @@ title: title, | ||
style: { | ||
cursor: usable ? 'pointer' : 'not-allowed' | ||
cursor: usable ? "pointer" : "not-allowed" | ||
}, | ||
@@ -47,3 +51,3 @@ disabled: !usable, | ||
}, | ||
children: /*#__PURE__*/ $13t2B$jsx("i", { | ||
children: /*#__PURE__*/ (0, $42h8L$jsx)("i", { | ||
className: `bi-${icon}` | ||
@@ -55,110 +59,110 @@ }) | ||
var $1a9e4a89b237a23e$exports = {}; | ||
var $874340d37b2bd428$exports = {}; | ||
$parcel$export($1a9e4a89b237a23e$exports, "TextTools", function () { return $1a9e4a89b237a23e$export$e252ba763eff5cdc; }); | ||
$parcel$export($1a9e4a89b237a23e$exports, "ColorTools", function () { return $1a9e4a89b237a23e$export$bdef6e97a10dbad4; }); | ||
$parcel$export($1a9e4a89b237a23e$exports, "LayoutTools", function () { return $1a9e4a89b237a23e$export$145c1b37c0810d7; }); | ||
$parcel$export($1a9e4a89b237a23e$exports, "MediaTools", function () { return $1a9e4a89b237a23e$export$999636c6e25075fb; }); | ||
$parcel$export($1a9e4a89b237a23e$exports, "ControlTools", function () { return $1a9e4a89b237a23e$export$f35db4b82786c3a4; }); | ||
$parcel$export($1a9e4a89b237a23e$exports, "OriginalTools", function () { return $1a9e4a89b237a23e$export$9ddb256264948609; }); | ||
$parcel$export($1a9e4a89b237a23e$exports, "DefaultTools", function () { return $1a9e4a89b237a23e$export$aa718db1466ce312; }); | ||
var $eaf87102ba547294$exports = {}; | ||
$parcel$export($874340d37b2bd428$exports, "TextTools", function () { return $874340d37b2bd428$export$e252ba763eff5cdc; }); | ||
$parcel$export($874340d37b2bd428$exports, "ColorTools", function () { return $874340d37b2bd428$export$bdef6e97a10dbad4; }); | ||
$parcel$export($874340d37b2bd428$exports, "LayoutTools", function () { return $874340d37b2bd428$export$145c1b37c0810d7; }); | ||
$parcel$export($874340d37b2bd428$exports, "MediaTools", function () { return $874340d37b2bd428$export$999636c6e25075fb; }); | ||
$parcel$export($874340d37b2bd428$exports, "ControlTools", function () { return $874340d37b2bd428$export$f35db4b82786c3a4; }); | ||
$parcel$export($874340d37b2bd428$exports, "OriginalTools", function () { return $874340d37b2bd428$export$9ddb256264948609; }); | ||
$parcel$export($874340d37b2bd428$exports, "DefaultTools", function () { return $874340d37b2bd428$export$aa718db1466ce312; }); | ||
var $761e5fca3dae08eb$exports = {}; | ||
$parcel$export($eaf87102ba547294$exports, "BoldTool", function () { return $eaf87102ba547294$export$10056a49e3b218eb; }); | ||
$parcel$export($eaf87102ba547294$exports, "ItalicTool", function () { return $eaf87102ba547294$export$edf99d0f51bacb1e; }); | ||
$parcel$export($eaf87102ba547294$exports, "UnderlineTool", function () { return $eaf87102ba547294$export$4b6d9c17188960d2; }); | ||
$parcel$export($eaf87102ba547294$exports, "StrikeThroughTool", function () { return $eaf87102ba547294$export$a35bffaeae8fdda0; }); | ||
$parcel$export($eaf87102ba547294$exports, "H1Tool", function () { return $eaf87102ba547294$export$30e8c6b428f8749f; }); | ||
$parcel$export($eaf87102ba547294$exports, "H2Tool", function () { return $eaf87102ba547294$export$58443375efa91029; }); | ||
$parcel$export($eaf87102ba547294$exports, "H3Tool", function () { return $eaf87102ba547294$export$75d24d6b8b747307; }); | ||
$parcel$export($eaf87102ba547294$exports, "FontSizeDownTool", function () { return $eaf87102ba547294$export$a20806c6ef6938f8; }); | ||
$parcel$export($eaf87102ba547294$exports, "FontSizeUpTool", function () { return $eaf87102ba547294$export$744da7e24e4a7382; }); | ||
$parcel$export($eaf87102ba547294$exports, "SubscriptTool", function () { return $eaf87102ba547294$export$6137518b4e998008; }); | ||
$parcel$export($eaf87102ba547294$exports, "SuperscriptTool", function () { return $eaf87102ba547294$export$7217f06c61ebd4fc; }); | ||
$parcel$export($eaf87102ba547294$exports, "LinkTool", function () { return $eaf87102ba547294$export$f6c54364b5332e66; }); | ||
$parcel$export($761e5fca3dae08eb$exports, "BoldTool", function () { return $761e5fca3dae08eb$export$10056a49e3b218eb; }); | ||
$parcel$export($761e5fca3dae08eb$exports, "ItalicTool", function () { return $761e5fca3dae08eb$export$edf99d0f51bacb1e; }); | ||
$parcel$export($761e5fca3dae08eb$exports, "UnderlineTool", function () { return $761e5fca3dae08eb$export$4b6d9c17188960d2; }); | ||
$parcel$export($761e5fca3dae08eb$exports, "StrikeThroughTool", function () { return $761e5fca3dae08eb$export$a35bffaeae8fdda0; }); | ||
$parcel$export($761e5fca3dae08eb$exports, "H1Tool", function () { return $761e5fca3dae08eb$export$30e8c6b428f8749f; }); | ||
$parcel$export($761e5fca3dae08eb$exports, "H2Tool", function () { return $761e5fca3dae08eb$export$58443375efa91029; }); | ||
$parcel$export($761e5fca3dae08eb$exports, "H3Tool", function () { return $761e5fca3dae08eb$export$75d24d6b8b747307; }); | ||
$parcel$export($761e5fca3dae08eb$exports, "FontSizeDownTool", function () { return $761e5fca3dae08eb$export$a20806c6ef6938f8; }); | ||
$parcel$export($761e5fca3dae08eb$exports, "FontSizeUpTool", function () { return $761e5fca3dae08eb$export$744da7e24e4a7382; }); | ||
$parcel$export($761e5fca3dae08eb$exports, "SubscriptTool", function () { return $761e5fca3dae08eb$export$6137518b4e998008; }); | ||
$parcel$export($761e5fca3dae08eb$exports, "SuperscriptTool", function () { return $761e5fca3dae08eb$export$7217f06c61ebd4fc; }); | ||
$parcel$export($761e5fca3dae08eb$exports, "LinkTool", function () { return $761e5fca3dae08eb$export$f6c54364b5332e66; }); | ||
class $eaf87102ba547294$export$10056a49e3b218eb extends $13t2B$BoldTool { | ||
class $761e5fca3dae08eb$export$10056a49e3b218eb extends (0, $42h8L$BoldTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'type-bold'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "type-bold"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $eaf87102ba547294$export$edf99d0f51bacb1e extends $13t2B$ItalicTool { | ||
class $761e5fca3dae08eb$export$edf99d0f51bacb1e extends (0, $42h8L$ItalicTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'type-italic'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "type-italic"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $eaf87102ba547294$export$4b6d9c17188960d2 extends $13t2B$UnderlineTool { | ||
class $761e5fca3dae08eb$export$4b6d9c17188960d2 extends (0, $42h8L$UnderlineTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'type-underline'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "type-underline"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $eaf87102ba547294$export$a35bffaeae8fdda0 extends $13t2B$StrikeThroughTool { | ||
class $761e5fca3dae08eb$export$a35bffaeae8fdda0 extends (0, $42h8L$StrikeThroughTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'type-strikethrough'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "type-strikethrough"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $eaf87102ba547294$export$30e8c6b428f8749f extends $13t2B$H1Tool { | ||
class $761e5fca3dae08eb$export$30e8c6b428f8749f extends (0, $42h8L$H1Tool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'type-h1'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "type-h1"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $eaf87102ba547294$export$58443375efa91029 extends $13t2B$H2Tool { | ||
class $761e5fca3dae08eb$export$58443375efa91029 extends (0, $42h8L$H2Tool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'type-h2'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "type-h2"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $eaf87102ba547294$export$75d24d6b8b747307 extends $13t2B$H3Tool { | ||
class $761e5fca3dae08eb$export$75d24d6b8b747307 extends (0, $42h8L$H3Tool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'type-h3'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "type-h3"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $eaf87102ba547294$export$a20806c6ef6938f8 extends $13t2B$FontSizeDownTool { | ||
class $761e5fca3dae08eb$export$a20806c6ef6938f8 extends (0, $42h8L$FontSizeDownTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'sort-alpha-down'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "sort-alpha-down"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $eaf87102ba547294$export$744da7e24e4a7382 extends $13t2B$FontSizeUpTool { | ||
class $761e5fca3dae08eb$export$744da7e24e4a7382 extends (0, $42h8L$FontSizeUpTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'sort-alpha-up'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "sort-alpha-up"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $eaf87102ba547294$export$6137518b4e998008 extends $13t2B$SubscriptTool { | ||
class $761e5fca3dae08eb$export$6137518b4e998008 extends (0, $42h8L$SubscriptTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'box-arrow-down-right'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "box-arrow-down-right"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $eaf87102ba547294$export$7217f06c61ebd4fc extends $13t2B$SuperscriptTool { | ||
class $761e5fca3dae08eb$export$7217f06c61ebd4fc extends (0, $42h8L$SuperscriptTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'box-arrow-up-right'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "box-arrow-up-right"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $eaf87102ba547294$export$f6c54364b5332e66 extends $13t2B$LinkTool { | ||
class $761e5fca3dae08eb$export$f6c54364b5332e66 extends (0, $42h8L$LinkTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'link'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "link"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
@@ -168,8 +172,8 @@ } | ||
var $531f464768a4571c$exports = {}; | ||
var $ead89fe985cdff7b$exports = {}; | ||
$parcel$export($531f464768a4571c$exports, "ColorSelector", function () { return $531f464768a4571c$export$9012acaf449cdfcb; }); | ||
$parcel$export($531f464768a4571c$exports, "renderColorTool", function () { return $531f464768a4571c$export$e913fac2ab7b6f29; }); | ||
$parcel$export($531f464768a4571c$exports, "ForeColorTool", function () { return $531f464768a4571c$export$cab0e15cfb8489d7; }); | ||
$parcel$export($531f464768a4571c$exports, "BackColorTool", function () { return $531f464768a4571c$export$92bb6183e7459be2; }); | ||
$parcel$export($ead89fe985cdff7b$exports, "ColorSelector", function () { return $ead89fe985cdff7b$export$9012acaf449cdfcb; }); | ||
$parcel$export($ead89fe985cdff7b$exports, "renderColorTool", function () { return $ead89fe985cdff7b$export$e913fac2ab7b6f29; }); | ||
$parcel$export($ead89fe985cdff7b$exports, "ForeColorTool", function () { return $ead89fe985cdff7b$export$cab0e15cfb8489d7; }); | ||
$parcel$export($ead89fe985cdff7b$exports, "BackColorTool", function () { return $ead89fe985cdff7b$export$92bb6183e7459be2; }); | ||
@@ -179,8 +183,8 @@ | ||
function $531f464768a4571c$export$9012acaf449cdfcb({ className: className , title: title , type: type , value: value1 , onChange: onChange , icon: icon }) { | ||
return /*#__PURE__*/ $13t2B$jsxs("span", { | ||
function $ead89fe985cdff7b$export$9012acaf449cdfcb({ className: className , title: title , type: type , value: value , onChange: onChange , icon: icon }) { | ||
return /*#__PURE__*/ (0, $42h8L$jsxs)("span", { | ||
className: `d-inline-block align-middle position-relative ${className}`, | ||
title: title, | ||
children: [ | ||
/*#__PURE__*/ $13t2B$jsx("input", { | ||
/*#__PURE__*/ (0, $42h8L$jsx)("input", { | ||
className: "position-absolute w-100 h-100 rounded-3", | ||
@@ -193,13 +197,11 @@ style: { | ||
type: "color", | ||
value: value1, | ||
onChange: ({ target: { value: value } })=>{ | ||
return onChange === null || onChange === void 0 ? void 0 : onChange(value); | ||
} | ||
value: value, | ||
onChange: ({ target: { value: value } })=>onChange?.(value) | ||
}), | ||
/*#__PURE__*/ $13t2B$jsx("button", { | ||
/*#__PURE__*/ (0, $42h8L$jsx)("button", { | ||
className: "btn", | ||
style: { | ||
color: type === 'color' ? value1 : 'lightgray', | ||
backgroundColor: type === 'color' ? 'white' : value1, | ||
borderColor: value1 | ||
color: type === "color" ? value : "lightgray", | ||
backgroundColor: type === "color" ? "white" : value, | ||
borderColor: value | ||
}, | ||
@@ -210,3 +212,3 @@ onClick: (event)=>{ | ||
}, | ||
children: /*#__PURE__*/ $13t2B$jsx("i", { | ||
children: /*#__PURE__*/ (0, $42h8L$jsx)("i", { | ||
className: `bi-${icon}` | ||
@@ -218,5 +220,5 @@ }) | ||
} | ||
function $531f464768a4571c$export$e913fac2ab7b6f29(editor) { | ||
function $ead89fe985cdff7b$export$e913fac2ab7b6f29(editor) { | ||
const { icon: icon , name: name , colorName: colorName } = this; | ||
return /*#__PURE__*/ $13t2B$jsx($531f464768a4571c$export$9012acaf449cdfcb, { | ||
return /*#__PURE__*/ (0, $42h8L$jsx)($ead89fe985cdff7b$export$9012acaf449cdfcb, { | ||
className: "me-2 mb-2", | ||
@@ -230,14 +232,14 @@ title: name, | ||
} | ||
class $531f464768a4571c$export$cab0e15cfb8489d7 extends $13t2B$ForeColorTool { | ||
class $ead89fe985cdff7b$export$cab0e15cfb8489d7 extends (0, $42h8L$ForeColorTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'file-earmark-font'); | ||
$13t2B$defineProperty(this, "render", $531f464768a4571c$export$e913fac2ab7b6f29); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "file-earmark-font"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", $ead89fe985cdff7b$export$e913fac2ab7b6f29); | ||
} | ||
} | ||
class $531f464768a4571c$export$92bb6183e7459be2 extends $13t2B$BackColorTool { | ||
class $ead89fe985cdff7b$export$92bb6183e7459be2 extends (0, $42h8L$BackColorTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'file-earmark-font-fill'); | ||
$13t2B$defineProperty(this, "render", $531f464768a4571c$export$e913fac2ab7b6f29); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "file-earmark-font-fill"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", $ead89fe985cdff7b$export$e913fac2ab7b6f29); | ||
} | ||
@@ -247,61 +249,61 @@ } | ||
var $e325b99ac86e8052$exports = {}; | ||
var $258f24df7a3cbf67$exports = {}; | ||
$parcel$export($e325b99ac86e8052$exports, "AlignLeftTool", function () { return $e325b99ac86e8052$export$42a444ebfdcfe7b9; }); | ||
$parcel$export($e325b99ac86e8052$exports, "AlignCenterTool", function () { return $e325b99ac86e8052$export$9a2e6e0294a984eb; }); | ||
$parcel$export($e325b99ac86e8052$exports, "AlignRightTool", function () { return $e325b99ac86e8052$export$22363f91860fc258; }); | ||
$parcel$export($e325b99ac86e8052$exports, "AlignFullTool", function () { return $e325b99ac86e8052$export$42827b1362fed748; }); | ||
$parcel$export($e325b99ac86e8052$exports, "OrderedListTool", function () { return $e325b99ac86e8052$export$faf4e70f09f43a15; }); | ||
$parcel$export($e325b99ac86e8052$exports, "UnorderedListTool", function () { return $e325b99ac86e8052$export$cf4030b57a3fbe37; }); | ||
$parcel$export($e325b99ac86e8052$exports, "HorizontalRuleTool", function () { return $e325b99ac86e8052$export$dce8a7d6279fc201; }); | ||
$parcel$export($258f24df7a3cbf67$exports, "AlignLeftTool", function () { return $258f24df7a3cbf67$export$42a444ebfdcfe7b9; }); | ||
$parcel$export($258f24df7a3cbf67$exports, "AlignCenterTool", function () { return $258f24df7a3cbf67$export$9a2e6e0294a984eb; }); | ||
$parcel$export($258f24df7a3cbf67$exports, "AlignRightTool", function () { return $258f24df7a3cbf67$export$22363f91860fc258; }); | ||
$parcel$export($258f24df7a3cbf67$exports, "AlignFullTool", function () { return $258f24df7a3cbf67$export$42827b1362fed748; }); | ||
$parcel$export($258f24df7a3cbf67$exports, "OrderedListTool", function () { return $258f24df7a3cbf67$export$faf4e70f09f43a15; }); | ||
$parcel$export($258f24df7a3cbf67$exports, "UnorderedListTool", function () { return $258f24df7a3cbf67$export$cf4030b57a3fbe37; }); | ||
$parcel$export($258f24df7a3cbf67$exports, "HorizontalRuleTool", function () { return $258f24df7a3cbf67$export$dce8a7d6279fc201; }); | ||
class $e325b99ac86e8052$export$42a444ebfdcfe7b9 extends $13t2B$AlignLeftTool { | ||
class $258f24df7a3cbf67$export$42a444ebfdcfe7b9 extends (0, $42h8L$AlignLeftTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'text-left'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "text-left"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $e325b99ac86e8052$export$9a2e6e0294a984eb extends $13t2B$AlignCenterTool { | ||
class $258f24df7a3cbf67$export$9a2e6e0294a984eb extends (0, $42h8L$AlignCenterTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'text-center'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "text-center"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $e325b99ac86e8052$export$22363f91860fc258 extends $13t2B$AlignRightTool { | ||
class $258f24df7a3cbf67$export$22363f91860fc258 extends (0, $42h8L$AlignRightTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'text-right'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "text-right"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $e325b99ac86e8052$export$42827b1362fed748 extends $13t2B$AlignFullTool { | ||
class $258f24df7a3cbf67$export$42827b1362fed748 extends (0, $42h8L$AlignFullTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'justify'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "justify"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $e325b99ac86e8052$export$faf4e70f09f43a15 extends $13t2B$OrderedListTool { | ||
class $258f24df7a3cbf67$export$faf4e70f09f43a15 extends (0, $42h8L$OrderedListTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'list-ol'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "list-ol"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $e325b99ac86e8052$export$cf4030b57a3fbe37 extends $13t2B$UnorderedListTool { | ||
class $258f24df7a3cbf67$export$cf4030b57a3fbe37 extends (0, $42h8L$UnorderedListTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'list-ul'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "list-ul"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $e325b99ac86e8052$export$dce8a7d6279fc201 extends $13t2B$HorizontalRuleTool { | ||
class $258f24df7a3cbf67$export$dce8a7d6279fc201 extends (0, $42h8L$HorizontalRuleTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'reception-0'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "reception-0"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
@@ -311,37 +313,37 @@ } | ||
var $fe0ddf31161b8e51$exports = {}; | ||
var $0769f8c709024b7a$exports = {}; | ||
$parcel$export($fe0ddf31161b8e51$exports, "IFrameTool", function () { return $fe0ddf31161b8e51$export$3e557574863db086; }); | ||
$parcel$export($fe0ddf31161b8e51$exports, "ImageTool", function () { return $fe0ddf31161b8e51$export$982f47444a2f88da; }); | ||
$parcel$export($fe0ddf31161b8e51$exports, "AudioTool", function () { return $fe0ddf31161b8e51$export$6024938f37e646f8; }); | ||
$parcel$export($fe0ddf31161b8e51$exports, "VideoTool", function () { return $fe0ddf31161b8e51$export$932111b8028f79ed; }); | ||
$parcel$export($0769f8c709024b7a$exports, "IFrameTool", function () { return $0769f8c709024b7a$export$3e557574863db086; }); | ||
$parcel$export($0769f8c709024b7a$exports, "ImageTool", function () { return $0769f8c709024b7a$export$982f47444a2f88da; }); | ||
$parcel$export($0769f8c709024b7a$exports, "AudioTool", function () { return $0769f8c709024b7a$export$6024938f37e646f8; }); | ||
$parcel$export($0769f8c709024b7a$exports, "VideoTool", function () { return $0769f8c709024b7a$export$932111b8028f79ed; }); | ||
class $fe0ddf31161b8e51$export$3e557574863db086 extends $13t2B$IFrameTool { | ||
class $0769f8c709024b7a$export$3e557574863db086 extends (0, $42h8L$IFrameTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'window'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "window"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $fe0ddf31161b8e51$export$982f47444a2f88da extends $13t2B$ImageTool { | ||
class $0769f8c709024b7a$export$982f47444a2f88da extends (0, $42h8L$ImageTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'image'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "image"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $fe0ddf31161b8e51$export$6024938f37e646f8 extends $13t2B$AudioTool { | ||
class $0769f8c709024b7a$export$6024938f37e646f8 extends (0, $42h8L$AudioTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'voicemail'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "voicemail"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $fe0ddf31161b8e51$export$932111b8028f79ed extends $13t2B$VideoTool { | ||
class $0769f8c709024b7a$export$932111b8028f79ed extends (0, $42h8L$VideoTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'camera-video'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "camera-video"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
@@ -351,37 +353,37 @@ } | ||
var $c165247acc4b6a48$exports = {}; | ||
var $2c12cf671c105d76$exports = {}; | ||
$parcel$export($c165247acc4b6a48$exports, "UndoTool", function () { return $c165247acc4b6a48$export$65235875731ff287; }); | ||
$parcel$export($c165247acc4b6a48$exports, "RedoTool", function () { return $c165247acc4b6a48$export$b60f30d254d1e1a6; }); | ||
$parcel$export($c165247acc4b6a48$exports, "ResetTool", function () { return $c165247acc4b6a48$export$6f46dc3d81fbb4bd; }); | ||
$parcel$export($c165247acc4b6a48$exports, "ClearTool", function () { return $c165247acc4b6a48$export$25eb377ce1feaada; }); | ||
$parcel$export($2c12cf671c105d76$exports, "UndoTool", function () { return $2c12cf671c105d76$export$65235875731ff287; }); | ||
$parcel$export($2c12cf671c105d76$exports, "RedoTool", function () { return $2c12cf671c105d76$export$b60f30d254d1e1a6; }); | ||
$parcel$export($2c12cf671c105d76$exports, "ResetTool", function () { return $2c12cf671c105d76$export$6f46dc3d81fbb4bd; }); | ||
$parcel$export($2c12cf671c105d76$exports, "ClearTool", function () { return $2c12cf671c105d76$export$25eb377ce1feaada; }); | ||
class $c165247acc4b6a48$export$65235875731ff287 extends $13t2B$UndoTool { | ||
class $2c12cf671c105d76$export$65235875731ff287 extends (0, $42h8L$UndoTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'arrow-counterclockwise'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "arrow-counterclockwise"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $c165247acc4b6a48$export$b60f30d254d1e1a6 extends $13t2B$RedoTool { | ||
class $2c12cf671c105d76$export$b60f30d254d1e1a6 extends (0, $42h8L$RedoTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'arrow-clockwise'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "arrow-clockwise"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $c165247acc4b6a48$export$6f46dc3d81fbb4bd extends $13t2B$ResetTool { | ||
class $2c12cf671c105d76$export$6f46dc3d81fbb4bd extends (0, $42h8L$ResetTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'eraser'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "eraser"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
} | ||
class $c165247acc4b6a48$export$25eb377ce1feaada extends $13t2B$ClearTool { | ||
class $2c12cf671c105d76$export$25eb377ce1feaada extends (0, $42h8L$ClearTool) { | ||
constructor(...args){ | ||
super(...args); | ||
$13t2B$defineProperty(this, "icon", 'file-earmark-x'); | ||
$13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "icon", "file-earmark-x"); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "render", (0, $1b0306899ced6391$export$56ccecc1dac11363)); | ||
} | ||
@@ -396,82 +398,82 @@ } | ||
const $1a9e4a89b237a23e$export$e252ba763eff5cdc = [ | ||
$eaf87102ba547294$export$10056a49e3b218eb, | ||
$eaf87102ba547294$export$edf99d0f51bacb1e, | ||
$eaf87102ba547294$export$4b6d9c17188960d2, | ||
$eaf87102ba547294$export$a35bffaeae8fdda0, | ||
$eaf87102ba547294$export$30e8c6b428f8749f, | ||
$eaf87102ba547294$export$58443375efa91029, | ||
$eaf87102ba547294$export$75d24d6b8b747307, | ||
$eaf87102ba547294$export$a20806c6ef6938f8, | ||
$eaf87102ba547294$export$744da7e24e4a7382, | ||
$eaf87102ba547294$export$6137518b4e998008, | ||
$eaf87102ba547294$export$7217f06c61ebd4fc, | ||
$eaf87102ba547294$export$f6c54364b5332e66 | ||
const $874340d37b2bd428$export$e252ba763eff5cdc = [ | ||
(0, $761e5fca3dae08eb$export$10056a49e3b218eb), | ||
(0, $761e5fca3dae08eb$export$edf99d0f51bacb1e), | ||
(0, $761e5fca3dae08eb$export$4b6d9c17188960d2), | ||
(0, $761e5fca3dae08eb$export$a35bffaeae8fdda0), | ||
(0, $761e5fca3dae08eb$export$30e8c6b428f8749f), | ||
(0, $761e5fca3dae08eb$export$58443375efa91029), | ||
(0, $761e5fca3dae08eb$export$75d24d6b8b747307), | ||
(0, $761e5fca3dae08eb$export$a20806c6ef6938f8), | ||
(0, $761e5fca3dae08eb$export$744da7e24e4a7382), | ||
(0, $761e5fca3dae08eb$export$6137518b4e998008), | ||
(0, $761e5fca3dae08eb$export$7217f06c61ebd4fc), | ||
(0, $761e5fca3dae08eb$export$f6c54364b5332e66) | ||
]; | ||
const $1a9e4a89b237a23e$export$bdef6e97a10dbad4 = [ | ||
$531f464768a4571c$export$cab0e15cfb8489d7, | ||
$531f464768a4571c$export$92bb6183e7459be2 | ||
const $874340d37b2bd428$export$bdef6e97a10dbad4 = [ | ||
(0, $ead89fe985cdff7b$export$cab0e15cfb8489d7), | ||
(0, $ead89fe985cdff7b$export$92bb6183e7459be2) | ||
]; | ||
const $1a9e4a89b237a23e$export$145c1b37c0810d7 = [ | ||
$e325b99ac86e8052$export$42a444ebfdcfe7b9, | ||
$e325b99ac86e8052$export$9a2e6e0294a984eb, | ||
$e325b99ac86e8052$export$22363f91860fc258, | ||
$e325b99ac86e8052$export$42827b1362fed748, | ||
$e325b99ac86e8052$export$faf4e70f09f43a15, | ||
$e325b99ac86e8052$export$cf4030b57a3fbe37, | ||
$e325b99ac86e8052$export$dce8a7d6279fc201 | ||
const $874340d37b2bd428$export$145c1b37c0810d7 = [ | ||
(0, $258f24df7a3cbf67$export$42a444ebfdcfe7b9), | ||
(0, $258f24df7a3cbf67$export$9a2e6e0294a984eb), | ||
(0, $258f24df7a3cbf67$export$22363f91860fc258), | ||
(0, $258f24df7a3cbf67$export$42827b1362fed748), | ||
(0, $258f24df7a3cbf67$export$faf4e70f09f43a15), | ||
(0, $258f24df7a3cbf67$export$cf4030b57a3fbe37), | ||
(0, $258f24df7a3cbf67$export$dce8a7d6279fc201) | ||
]; | ||
const $1a9e4a89b237a23e$export$999636c6e25075fb = [ | ||
$fe0ddf31161b8e51$export$3e557574863db086, | ||
$fe0ddf31161b8e51$export$982f47444a2f88da, | ||
$fe0ddf31161b8e51$export$6024938f37e646f8, | ||
$fe0ddf31161b8e51$export$932111b8028f79ed | ||
const $874340d37b2bd428$export$999636c6e25075fb = [ | ||
(0, $0769f8c709024b7a$export$3e557574863db086), | ||
(0, $0769f8c709024b7a$export$982f47444a2f88da), | ||
(0, $0769f8c709024b7a$export$6024938f37e646f8), | ||
(0, $0769f8c709024b7a$export$932111b8028f79ed) | ||
]; | ||
const $1a9e4a89b237a23e$export$f35db4b82786c3a4 = [ | ||
$c165247acc4b6a48$export$65235875731ff287, | ||
$c165247acc4b6a48$export$b60f30d254d1e1a6, | ||
$c165247acc4b6a48$export$6f46dc3d81fbb4bd, | ||
$c165247acc4b6a48$export$25eb377ce1feaada | ||
const $874340d37b2bd428$export$f35db4b82786c3a4 = [ | ||
(0, $2c12cf671c105d76$export$65235875731ff287), | ||
(0, $2c12cf671c105d76$export$b60f30d254d1e1a6), | ||
(0, $2c12cf671c105d76$export$6f46dc3d81fbb4bd), | ||
(0, $2c12cf671c105d76$export$25eb377ce1feaada) | ||
]; | ||
const $1a9e4a89b237a23e$export$9ddb256264948609 = [ | ||
...$1a9e4a89b237a23e$export$e252ba763eff5cdc, | ||
...$1a9e4a89b237a23e$export$bdef6e97a10dbad4, | ||
...$1a9e4a89b237a23e$export$145c1b37c0810d7, | ||
...$1a9e4a89b237a23e$export$999636c6e25075fb, | ||
...$1a9e4a89b237a23e$export$f35db4b82786c3a4 | ||
const $874340d37b2bd428$export$9ddb256264948609 = [ | ||
...$874340d37b2bd428$export$e252ba763eff5cdc, | ||
...$874340d37b2bd428$export$bdef6e97a10dbad4, | ||
...$874340d37b2bd428$export$145c1b37c0810d7, | ||
...$874340d37b2bd428$export$999636c6e25075fb, | ||
...$874340d37b2bd428$export$f35db4b82786c3a4 | ||
]; | ||
const $1a9e4a89b237a23e$export$aa718db1466ce312 = [ | ||
$eaf87102ba547294$export$10056a49e3b218eb, | ||
$eaf87102ba547294$export$edf99d0f51bacb1e, | ||
$eaf87102ba547294$export$4b6d9c17188960d2, | ||
$eaf87102ba547294$export$a35bffaeae8fdda0, | ||
$eaf87102ba547294$export$30e8c6b428f8749f, | ||
$eaf87102ba547294$export$58443375efa91029, | ||
$eaf87102ba547294$export$75d24d6b8b747307, | ||
$eaf87102ba547294$export$6137518b4e998008, | ||
$eaf87102ba547294$export$7217f06c61ebd4fc, | ||
$531f464768a4571c$export$cab0e15cfb8489d7, | ||
$531f464768a4571c$export$92bb6183e7459be2, | ||
$e325b99ac86e8052$export$42a444ebfdcfe7b9, | ||
$e325b99ac86e8052$export$9a2e6e0294a984eb, | ||
$e325b99ac86e8052$export$22363f91860fc258, | ||
$e325b99ac86e8052$export$42827b1362fed748, | ||
$e325b99ac86e8052$export$faf4e70f09f43a15, | ||
$e325b99ac86e8052$export$cf4030b57a3fbe37, | ||
$e325b99ac86e8052$export$dce8a7d6279fc201, | ||
$fe0ddf31161b8e51$export$982f47444a2f88da, | ||
$c165247acc4b6a48$export$65235875731ff287, | ||
$c165247acc4b6a48$export$b60f30d254d1e1a6, | ||
$c165247acc4b6a48$export$25eb377ce1feaada | ||
const $874340d37b2bd428$export$aa718db1466ce312 = [ | ||
(0, $761e5fca3dae08eb$export$10056a49e3b218eb), | ||
(0, $761e5fca3dae08eb$export$edf99d0f51bacb1e), | ||
(0, $761e5fca3dae08eb$export$4b6d9c17188960d2), | ||
(0, $761e5fca3dae08eb$export$a35bffaeae8fdda0), | ||
(0, $761e5fca3dae08eb$export$30e8c6b428f8749f), | ||
(0, $761e5fca3dae08eb$export$58443375efa91029), | ||
(0, $761e5fca3dae08eb$export$75d24d6b8b747307), | ||
(0, $761e5fca3dae08eb$export$6137518b4e998008), | ||
(0, $761e5fca3dae08eb$export$7217f06c61ebd4fc), | ||
(0, $ead89fe985cdff7b$export$cab0e15cfb8489d7), | ||
(0, $ead89fe985cdff7b$export$92bb6183e7459be2), | ||
(0, $258f24df7a3cbf67$export$42a444ebfdcfe7b9), | ||
(0, $258f24df7a3cbf67$export$9a2e6e0294a984eb), | ||
(0, $258f24df7a3cbf67$export$22363f91860fc258), | ||
(0, $258f24df7a3cbf67$export$42827b1362fed748), | ||
(0, $258f24df7a3cbf67$export$faf4e70f09f43a15), | ||
(0, $258f24df7a3cbf67$export$cf4030b57a3fbe37), | ||
(0, $258f24df7a3cbf67$export$dce8a7d6279fc201), | ||
(0, $0769f8c709024b7a$export$982f47444a2f88da), | ||
(0, $2c12cf671c105d76$export$65235875731ff287), | ||
(0, $2c12cf671c105d76$export$b60f30d254d1e1a6), | ||
(0, $2c12cf671c105d76$export$25eb377ce1feaada) | ||
]; | ||
$parcel$exportWildcard($1a9e4a89b237a23e$exports, $eaf87102ba547294$exports); | ||
$parcel$exportWildcard($1a9e4a89b237a23e$exports, $531f464768a4571c$exports); | ||
$parcel$exportWildcard($1a9e4a89b237a23e$exports, $e325b99ac86e8052$exports); | ||
$parcel$exportWildcard($1a9e4a89b237a23e$exports, $fe0ddf31161b8e51$exports); | ||
$parcel$exportWildcard($1a9e4a89b237a23e$exports, $c165247acc4b6a48$exports); | ||
$parcel$exportWildcard($874340d37b2bd428$exports, $761e5fca3dae08eb$exports); | ||
$parcel$exportWildcard($874340d37b2bd428$exports, $ead89fe985cdff7b$exports); | ||
$parcel$exportWildcard($874340d37b2bd428$exports, $258f24df7a3cbf67$exports); | ||
$parcel$exportWildcard($874340d37b2bd428$exports, $0769f8c709024b7a$exports); | ||
$parcel$exportWildcard($874340d37b2bd428$exports, $2c12cf671c105d76$exports); | ||
var $de23b760ca33f560$exports = {}; | ||
var $c96162bdd429b3d6$exports = {}; | ||
$parcel$export($de23b760ca33f560$exports, "Editor", function () { return $de23b760ca33f560$export$7cda8d932e2f33c0; }); | ||
$parcel$export($c96162bdd429b3d6$exports, "Editor", function () { return $c96162bdd429b3d6$export$7cda8d932e2f33c0; }); | ||
@@ -481,25 +483,60 @@ | ||
class $de23b760ca33f560$export$7cda8d932e2f33c0 extends $13t2B$PureComponent { | ||
static getDerivedStateFromProps({ tools: tools = $1a9e4a89b237a23e$export$aa718db1466ce312 , value: value }, { toolList: toolList , data: data }) { | ||
return { | ||
toolList: toolList[0] ? toolList : tools.map((ToolButton)=>new ToolButton() | ||
), | ||
data: data || value | ||
}; | ||
} | ||
var $c96162bdd429b3d6$var$_Editor; | ||
let $c96162bdd429b3d6$export$7cda8d932e2f33c0 = ($c96162bdd429b3d6$var$_Editor = class Editor extends (0, $42h8L$PureComponent) { | ||
componentDidMount() { | ||
document.addEventListener('selectionchange', this.updateTools); | ||
this.bootTools(); | ||
document.addEventListener("selectionchange", this.updateTools); | ||
} | ||
componentDidUpdate({ tools: tools }) { | ||
if (tools !== this.props.tools) this.bootTools(); | ||
} | ||
componentWillUnmount() { | ||
document.removeEventListener('selectionchange', this.updateTools); | ||
document.removeEventListener("selectionchange", this.updateTools); | ||
} | ||
bootTools() { | ||
const { tools: tools = (0, $874340d37b2bd428$export$aa718db1466ce312) } = this.props; | ||
this.toolList = tools.map((ToolButton)=>new ToolButton()); | ||
} | ||
updateValue(markup) { | ||
this.innerValue = markup = markup.trim(); | ||
this.props.onChange?.(markup); | ||
} | ||
async uploadFile(Type, data) { | ||
if (typeof data === "string" && !/^(data|blob):/.test(data)) return data; | ||
const tool = this.toolList.find((tool)=>tool instanceof Type); | ||
try { | ||
return await tool?.save(typeof data === "string" ? await (0, $42h8L$blobOf)(data) : data); | ||
} catch (error) { | ||
console.error(error); | ||
if (typeof data === "string") return data; | ||
} | ||
} | ||
async clearHTML(markup) { | ||
const fragment = document.createDocumentFragment(); | ||
fragment.append(...(0, $42h8L$parseDOM)(markup)); | ||
for (const element of (0, $42h8L$walkDOM)(fragment, Node.ELEMENT_NODE)){ | ||
const { style: style , dataset: dataset } = element; | ||
if ([ | ||
"nowrap", | ||
"pre" | ||
].includes(style.whiteSpace)) style.whiteSpace = "normal"; | ||
for(const key in dataset)delete dataset[key]; | ||
if (element instanceof HTMLImageElement) element.src = await this.uploadFile((0, $0769f8c709024b7a$export$982f47444a2f88da), element.src); | ||
else if (element instanceof HTMLAudioElement) element.src = await this.uploadFile((0, $0769f8c709024b7a$export$6024938f37e646f8), element.src); | ||
else if (element instanceof HTMLVideoElement) element.src = await this.uploadFile((0, $0769f8c709024b7a$export$932111b8028f79ed), element.src); | ||
} | ||
return fragment; | ||
} | ||
render() { | ||
const { toolList: toolList , data: data } = this.state, { onChange: onChange } = this.props; | ||
return /*#__PURE__*/ $13t2B$jsxs($13t2B$Fragment, { | ||
const { toolList: toolList , defaultValue: defaultValue , innerValue: innerValue } = this, { name: name } = this.props; | ||
return /*#__PURE__*/ (0, $42h8L$jsxs)((0, $42h8L$Fragment), { | ||
children: [ | ||
/*#__PURE__*/ $13t2B$jsx("header", { | ||
children: toolList.map((tool)=>tool.render(this.box) | ||
) | ||
/*#__PURE__*/ (0, $42h8L$jsx)("header", { | ||
children: toolList.map((tool)=>tool.render(this.box)) | ||
}), | ||
/*#__PURE__*/ $13t2B$jsx("div", { | ||
/*#__PURE__*/ (0, $42h8L$jsx)("div", { | ||
ref: this.box, | ||
@@ -509,7 +546,12 @@ className: "form-control h-auto", | ||
dangerouslySetInnerHTML: { | ||
__html: data | ||
__html: defaultValue | ||
}, | ||
onInput: ({ target: target })=>{ | ||
return onChange === null || onChange === void 0 ? void 0 : onChange(target.innerHTML); | ||
} | ||
onInput: ({ currentTarget: { innerHTML: innerHTML } })=>this.updateValue(innerHTML), | ||
onPaste: this.handlePasteDrop, | ||
onDrop: this.handlePasteDrop | ||
}), | ||
/*#__PURE__*/ (0, $42h8L$jsx)("input", { | ||
type: "hidden", | ||
name: name, | ||
value: innerValue | ||
}) | ||
@@ -521,17 +563,45 @@ ] | ||
super(...args); | ||
$13t2B$defineProperty(this, "box", /*#__PURE__*/ $13t2B$createRef()); | ||
$13t2B$defineProperty(this, "state", { | ||
toolList: [], | ||
data: '' | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "box", /*#__PURE__*/ (0, $42h8L$createRef)()); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "defaultValue", this.props.defaultValue); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "updateTools", ()=>{ | ||
if (this.box.current === document.activeElement) this.toolList = [ | ||
...this.toolList | ||
]; | ||
}); | ||
$13t2B$defineProperty(this, "updateTools", ()=>{ | ||
if (this.box.current === document.activeElement) this.setState({ | ||
toolList: [ | ||
...this.state.toolList | ||
] | ||
}); | ||
(0, $42h8L$swchelperssrc_define_propertymjs)(this, "handlePasteDrop", async (event)=>{ | ||
event.preventDefault(); | ||
const { currentTarget: currentTarget } = event; | ||
const list = event.type === "paste" ? [ | ||
...event.clipboardData.items | ||
] : [ | ||
...event.dataTransfer.items | ||
]; | ||
for (const item of list)if (item.type === "text/html") { | ||
const raw = await new Promise((resolve)=>item.getAsString(resolve)); | ||
(0, $42h8L$insertToCursor)(await this.clearHTML(raw)); | ||
} else if (item.type.startsWith("image/")) { | ||
const URI = await this.uploadFile((0, $0769f8c709024b7a$export$982f47444a2f88da), item.getAsFile()); | ||
if (URI) (0, $42h8L$insertToCursor)(...(0, $42h8L$parseDOM)(`<img src="${URI}" />`)); | ||
} else if (item.type.startsWith("audio/")) { | ||
const URI = await this.uploadFile((0, $0769f8c709024b7a$export$6024938f37e646f8), item.getAsFile()); | ||
if (URI) (0, $42h8L$insertToCursor)(...(0, $42h8L$parseDOM)(`<audio src="${URI}" />`)); | ||
} else if (item.type.startsWith("video/")) { | ||
const URI = await this.uploadFile((0, $0769f8c709024b7a$export$932111b8028f79ed), item.getAsFile()); | ||
if (URI) (0, $42h8L$insertToCursor)(...(0, $42h8L$parseDOM)(`<video src="${URI}" />`)); | ||
} | ||
this.updateValue(currentTarget.innerHTML); | ||
}); | ||
this.toolList = []; | ||
this.innerValue = this.defaultValue; | ||
} | ||
} | ||
$13t2B$defineProperty($de23b760ca33f560$export$7cda8d932e2f33c0, "displayName", 'Editor'); | ||
}, (0, $42h8L$swchelperssrc_define_propertymjs)($c96162bdd429b3d6$var$_Editor, "displayName", "Editor"), $c96162bdd429b3d6$var$_Editor); | ||
(0, $42h8L$swchelperssrc_ts_decoratemjs)([ | ||
(0, $42h8L$observable) | ||
], $c96162bdd429b3d6$export$7cda8d932e2f33c0.prototype, "toolList", void 0); | ||
(0, $42h8L$swchelperssrc_ts_decoratemjs)([ | ||
(0, $42h8L$observable) | ||
], $c96162bdd429b3d6$export$7cda8d932e2f33c0.prototype, "innerValue", void 0); | ||
$c96162bdd429b3d6$export$7cda8d932e2f33c0 = (0, $42h8L$swchelperssrc_ts_decoratemjs)([ | ||
(0, $42h8L$observer) | ||
], $c96162bdd429b3d6$export$7cda8d932e2f33c0); | ||
@@ -541,3 +611,3 @@ | ||
export {$43d566ad2fe8cba8$export$56ccecc1dac11363 as renderTool, $1a9e4a89b237a23e$export$e252ba763eff5cdc as TextTools, $1a9e4a89b237a23e$export$bdef6e97a10dbad4 as ColorTools, $1a9e4a89b237a23e$export$145c1b37c0810d7 as LayoutTools, $1a9e4a89b237a23e$export$999636c6e25075fb as MediaTools, $1a9e4a89b237a23e$export$f35db4b82786c3a4 as ControlTools, $1a9e4a89b237a23e$export$9ddb256264948609 as OriginalTools, $1a9e4a89b237a23e$export$aa718db1466ce312 as DefaultTools, $eaf87102ba547294$export$10056a49e3b218eb as BoldTool, $eaf87102ba547294$export$edf99d0f51bacb1e as ItalicTool, $eaf87102ba547294$export$4b6d9c17188960d2 as UnderlineTool, $eaf87102ba547294$export$a35bffaeae8fdda0 as StrikeThroughTool, $eaf87102ba547294$export$30e8c6b428f8749f as H1Tool, $eaf87102ba547294$export$58443375efa91029 as H2Tool, $eaf87102ba547294$export$75d24d6b8b747307 as H3Tool, $eaf87102ba547294$export$a20806c6ef6938f8 as FontSizeDownTool, $eaf87102ba547294$export$744da7e24e4a7382 as FontSizeUpTool, $eaf87102ba547294$export$6137518b4e998008 as SubscriptTool, $eaf87102ba547294$export$7217f06c61ebd4fc as SuperscriptTool, $eaf87102ba547294$export$f6c54364b5332e66 as LinkTool, $531f464768a4571c$export$9012acaf449cdfcb as ColorSelector, $531f464768a4571c$export$e913fac2ab7b6f29 as renderColorTool, $531f464768a4571c$export$cab0e15cfb8489d7 as ForeColorTool, $531f464768a4571c$export$92bb6183e7459be2 as BackColorTool, $e325b99ac86e8052$export$42a444ebfdcfe7b9 as AlignLeftTool, $e325b99ac86e8052$export$9a2e6e0294a984eb as AlignCenterTool, $e325b99ac86e8052$export$22363f91860fc258 as AlignRightTool, $e325b99ac86e8052$export$42827b1362fed748 as AlignFullTool, $e325b99ac86e8052$export$faf4e70f09f43a15 as OrderedListTool, $e325b99ac86e8052$export$cf4030b57a3fbe37 as UnorderedListTool, $e325b99ac86e8052$export$dce8a7d6279fc201 as HorizontalRuleTool, $fe0ddf31161b8e51$export$3e557574863db086 as IFrameTool, $fe0ddf31161b8e51$export$982f47444a2f88da as ImageTool, $fe0ddf31161b8e51$export$6024938f37e646f8 as AudioTool, $fe0ddf31161b8e51$export$932111b8028f79ed as VideoTool, $c165247acc4b6a48$export$65235875731ff287 as UndoTool, $c165247acc4b6a48$export$b60f30d254d1e1a6 as RedoTool, $c165247acc4b6a48$export$6f46dc3d81fbb4bd as ResetTool, $c165247acc4b6a48$export$25eb377ce1feaada as ClearTool, $de23b760ca33f560$export$7cda8d932e2f33c0 as Editor}; | ||
export {$1b0306899ced6391$export$56ccecc1dac11363 as renderTool, $874340d37b2bd428$export$e252ba763eff5cdc as TextTools, $874340d37b2bd428$export$bdef6e97a10dbad4 as ColorTools, $874340d37b2bd428$export$145c1b37c0810d7 as LayoutTools, $874340d37b2bd428$export$999636c6e25075fb as MediaTools, $874340d37b2bd428$export$f35db4b82786c3a4 as ControlTools, $874340d37b2bd428$export$9ddb256264948609 as OriginalTools, $874340d37b2bd428$export$aa718db1466ce312 as DefaultTools, $761e5fca3dae08eb$export$10056a49e3b218eb as BoldTool, $761e5fca3dae08eb$export$edf99d0f51bacb1e as ItalicTool, $761e5fca3dae08eb$export$4b6d9c17188960d2 as UnderlineTool, $761e5fca3dae08eb$export$a35bffaeae8fdda0 as StrikeThroughTool, $761e5fca3dae08eb$export$30e8c6b428f8749f as H1Tool, $761e5fca3dae08eb$export$58443375efa91029 as H2Tool, $761e5fca3dae08eb$export$75d24d6b8b747307 as H3Tool, $761e5fca3dae08eb$export$a20806c6ef6938f8 as FontSizeDownTool, $761e5fca3dae08eb$export$744da7e24e4a7382 as FontSizeUpTool, $761e5fca3dae08eb$export$6137518b4e998008 as SubscriptTool, $761e5fca3dae08eb$export$7217f06c61ebd4fc as SuperscriptTool, $761e5fca3dae08eb$export$f6c54364b5332e66 as LinkTool, $ead89fe985cdff7b$export$9012acaf449cdfcb as ColorSelector, $ead89fe985cdff7b$export$e913fac2ab7b6f29 as renderColorTool, $ead89fe985cdff7b$export$cab0e15cfb8489d7 as ForeColorTool, $ead89fe985cdff7b$export$92bb6183e7459be2 as BackColorTool, $258f24df7a3cbf67$export$42a444ebfdcfe7b9 as AlignLeftTool, $258f24df7a3cbf67$export$9a2e6e0294a984eb as AlignCenterTool, $258f24df7a3cbf67$export$22363f91860fc258 as AlignRightTool, $258f24df7a3cbf67$export$42827b1362fed748 as AlignFullTool, $258f24df7a3cbf67$export$faf4e70f09f43a15 as OrderedListTool, $258f24df7a3cbf67$export$cf4030b57a3fbe37 as UnorderedListTool, $258f24df7a3cbf67$export$dce8a7d6279fc201 as HorizontalRuleTool, $0769f8c709024b7a$export$3e557574863db086 as IFrameTool, $0769f8c709024b7a$export$982f47444a2f88da as ImageTool, $0769f8c709024b7a$export$6024938f37e646f8 as AudioTool, $0769f8c709024b7a$export$932111b8028f79ed as VideoTool, $2c12cf671c105d76$export$65235875731ff287 as UndoTool, $2c12cf671c105d76$export$b60f30d254d1e1a6 as RedoTool, $2c12cf671c105d76$export$6f46dc3d81fbb4bd as ResetTool, $2c12cf671c105d76$export$25eb377ce1feaada as ClearTool, $c96162bdd429b3d6$export$7cda8d932e2f33c0 as Editor}; | ||
//# sourceMappingURL=index.esm.js.map |
{ | ||
"name": "react-bootstrap-editor", | ||
"version": "1.0.0-rc.5", | ||
"version": "1.0.0", | ||
"license": "LGPL-3.0", | ||
@@ -27,14 +27,21 @@ "author": "shiy2008@gmail.com", | ||
"dependencies": { | ||
"@swc/helpers": "^0.3.8", | ||
"edkit": "^1.0.0-rc.5", | ||
"react": "^17.0.2", | ||
"react-dom": "^17.0.2" | ||
"@swc/helpers": "^0.4.14", | ||
"edkit": "^1.0.0-rc.6", | ||
"mobx": "^5.15.7", | ||
"mobx-react": "^6.3.1", | ||
"web-utility": "^4.0.0" | ||
}, | ||
"peerDependencies": { | ||
"react": ">=16", | ||
"react-dom": ">=16" | ||
}, | ||
"devDependencies": { | ||
"@types/react": "^17.0.44", | ||
"@types/react-dom": "^17.0.15", | ||
"parcel": "^2.4.1", | ||
"typescript": "~4.4.4" | ||
"@types/react": "^17.0.62", | ||
"@types/react-dom": "^17.0.20", | ||
"parcel": "~2.8.3", | ||
"react": "^17.0.2", | ||
"react-dom": "^17.0.2", | ||
"typescript": "~5.1.3" | ||
}, | ||
"browserslist": "> 0.5%, last 2 versions, not dead", | ||
"browserslist": "> 0.5%, last 2 versions, not dead, IE 11", | ||
"scripts": { | ||
@@ -41,0 +48,0 @@ "start": "cd test/ && parcel index.html --open", |
@@ -9,3 +9,3 @@ # React Bootstrap editor | ||
https://ideapp.dev/React-MobX-Bootstrap-ts/#/component | ||
https://idea2app.github.io/React-MobX-Bootstrap-ts/#/component | ||
@@ -32,7 +32,7 @@ ## Tools | ||
rel="stylesheet" | ||
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" | ||
href="https://unpkg.com/bootstrap@5.3.0/dist/css/bootstrap.min.css" | ||
/> | ||
<link | ||
rel="stylesheet" | ||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css" | ||
href="https://unpkg.com/bootstrap-icons@1.10.4/font/bootstrap-icons.css" | ||
/> | ||
@@ -50,3 +50,9 @@ </head> | ||
render() { | ||
return <Editor value="<p>test</p>" onChange={console.log} />; | ||
return ( | ||
<Editor | ||
name="content" | ||
defaultValue="<p>test</p>" | ||
onChange={console.log} | ||
/> | ||
); | ||
} | ||
@@ -53,0 +59,0 @@ } |
@@ -7,4 +7,6 @@ { | ||
"esModuleInterop": true, | ||
"jsx": "react", | ||
"lib": ["ES2021", "DOM"], | ||
"downlevelIteration": true, | ||
"experimentalDecorators": true, | ||
"jsx": "react-jsx", | ||
"lib": ["ES2021", "DOM", "DOM.Iterable"], | ||
"declaration": true, | ||
@@ -11,0 +13,0 @@ "outDir": "dist/" |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Unpublished package
Supply chain riskPackage 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
Deprecated
MaintenanceThe 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
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Unpopular package
QualityThis package is not very popular.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
173054
32.86%2297
30.51%0
-100%0
-100%0
-100%63
10.53%7
75%6
50%+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
Updated
Updated