@webiny/lexical-editor 5.37.0-beta.0 → 5.37.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/commands/insertFiles.d.ts +14 -0
- package/commands/insertFiles.js +9 -0
- package/commands/insertFiles.js.map +1 -0
- package/commands/webiny-list.js.map +1 -1
- package/commands/webiny-quote.js.map +1 -1
- package/components/Editor/HeadingEditor.js +7 -9
- package/components/Editor/HeadingEditor.js.map +1 -1
- package/components/Editor/ParagraphEditor.js +7 -10
- package/components/Editor/ParagraphEditor.js.map +1 -1
- package/components/Editor/RichTextEditor.d.ts +9 -1
- package/components/Editor/RichTextEditor.js +41 -20
- package/components/Editor/RichTextEditor.js.map +1 -1
- package/components/ImageComponent.d.ts +23 -0
- package/components/ImageComponent.js +252 -0
- package/components/ImageComponent.js.map +1 -0
- package/components/LexicalEditorConfig/LexicalEditorConfig.d.ts +19 -10
- package/components/LexicalEditorConfig/LexicalEditorConfig.js +63 -9
- package/components/LexicalEditorConfig/LexicalEditorConfig.js.map +1 -1
- package/components/LexicalEditorConfig/components/Node.d.ts +14 -0
- package/components/LexicalEditorConfig/components/Node.js +38 -0
- package/components/LexicalEditorConfig/components/Node.js.map +1 -0
- package/components/LexicalEditorConfig/components/Plugin.d.ts +13 -0
- package/components/LexicalEditorConfig/components/Plugin.js +38 -0
- package/components/LexicalEditorConfig/components/Plugin.js.map +1 -0
- package/components/LexicalEditorConfig/components/ToolbarElement.d.ts +13 -0
- package/components/LexicalEditorConfig/components/ToolbarElement.js +38 -0
- package/components/LexicalEditorConfig/components/ToolbarElement.js.map +1 -0
- package/components/LexicalHtmlRenderer.d.ts +2 -0
- package/components/LexicalHtmlRenderer.js +1 -1
- package/components/LexicalHtmlRenderer.js.map +1 -1
- package/components/Toolbar/StaticToolbar.css +260 -0
- package/components/Toolbar/StaticToolbar.d.ts +3 -0
- package/components/Toolbar/StaticToolbar.js +101 -0
- package/components/Toolbar/StaticToolbar.js.map +1 -0
- package/components/Toolbar/Toolbar.css +215 -4
- package/components/Toolbar/Toolbar.d.ts +2 -8
- package/components/Toolbar/Toolbar.js +25 -37
- package/components/Toolbar/Toolbar.js.map +1 -1
- package/components/ToolbarActions/BoldAction.js.map +1 -1
- package/components/ToolbarActions/BulletListAction.js +2 -2
- package/components/ToolbarActions/BulletListAction.js.map +1 -1
- package/components/ToolbarActions/CodeHighlightAction.js.map +1 -1
- package/components/ToolbarActions/FontColorAction.js +1 -1
- package/components/ToolbarActions/FontColorAction.js.map +1 -1
- package/components/ToolbarActions/FontSizeAction.js.map +1 -1
- package/components/ToolbarActions/ImageAction.d.ts +2 -0
- package/components/ToolbarActions/ImageAction.js +53 -0
- package/components/ToolbarActions/ImageAction.js.map +1 -0
- package/components/ToolbarActions/ItalicAction.js.map +1 -1
- package/components/ToolbarActions/LinkAction.js.map +1 -1
- package/components/ToolbarActions/NumberedListAction.js +16 -4
- package/components/ToolbarActions/NumberedListAction.js.map +1 -1
- package/components/ToolbarActions/QuoteAction.js.map +1 -1
- package/components/ToolbarActions/TextAlignmentAction.js.map +1 -1
- package/components/ToolbarActions/TypographyAction.js +1 -1
- package/components/ToolbarActions/TypographyAction.js.map +1 -1
- package/components/ToolbarActions/UnderlineAction.js.map +1 -1
- package/context/FontColorActionContext.js.map +1 -1
- package/context/RichTextEditorContext.d.ts +3 -1
- package/context/RichTextEditorContext.js +17 -11
- package/context/RichTextEditorContext.js.map +1 -1
- package/context/SharedHistoryContext.js.map +1 -1
- package/context/TextAlignmentActionContextProps.js.map +1 -1
- package/context/TypographyActionContext.js.map +1 -1
- package/hooks/useFontColorPicker.js.map +1 -1
- package/hooks/useList.js.map +1 -1
- package/hooks/useQuote.js.map +1 -1
- package/hooks/useRichTextEditor.js.map +1 -1
- package/hooks/useTextAlignmentAction.js.map +1 -1
- package/hooks/useTypographyAction.js.map +1 -1
- package/images/icons/insert-image.svg +4 -0
- package/index.d.ts +9 -9
- package/index.js +50 -44
- package/index.js.map +1 -1
- package/nodes/FontColorNode.js +0 -4
- package/nodes/FontColorNode.js.map +1 -1
- package/nodes/HeadingNode.js.map +1 -1
- package/nodes/ImageNode.d.ts +50 -0
- package/nodes/ImageNode.js +206 -0
- package/nodes/ImageNode.js.map +1 -0
- package/nodes/ListItemNode.js +0 -4
- package/nodes/ListItemNode.js.map +1 -1
- package/nodes/ListNode/formatList.js.map +1 -1
- package/nodes/ListNode.js +0 -6
- package/nodes/ListNode.js.map +1 -1
- package/nodes/ParagraphNode.js.map +1 -1
- package/nodes/QuoteNode.js.map +1 -1
- package/nodes/TypographyElementNode.js +2 -6
- package/nodes/TypographyElementNode.js.map +1 -1
- package/nodes/imageNode.css +43 -0
- package/nodes/webinyNodes.js +2 -1
- package/nodes/webinyNodes.js.map +1 -1
- package/package.json +6 -5
- package/plugins/BlurEventPlugin/BlurEventPlugin.js.map +1 -1
- package/plugins/CodeHighlightPlugin/CodeHighlightPlugin.js.map +1 -1
- package/plugins/CodeHighlightPlugin/index.js.map +1 -1
- package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.css +5 -1
- package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.js +52 -14
- package/plugins/FloatingLinkEditorPlugin/FloatingLinkEditorPlugin.js.map +1 -1
- package/plugins/FloatingLinkEditorPlugin/index.js.map +1 -1
- package/plugins/FontColorPlugin/FontColorPlugin.js.map +1 -1
- package/plugins/ImagesPlugin/ImagesPlugin.d.ts +13 -0
- package/plugins/ImagesPlugin/ImagesPlugin.js +152 -0
- package/plugins/ImagesPlugin/ImagesPlugin.js.map +1 -0
- package/plugins/LexicalUpdateStatePlugin/LexicalUpdateStatePlugin.js.map +1 -1
- package/plugins/LexicalUpdateStatePlugin/index.js.map +1 -1
- package/plugins/ListPLugin/ListPlugin.d.ts +1 -0
- package/plugins/{WebinyListPLugin/WebinyListPlugin.js → ListPLugin/ListPlugin.js} +3 -3
- package/plugins/ListPLugin/ListPlugin.js.map +1 -0
- package/plugins/TypographyPlugin/TypographyPlugin.js.map +1 -1
- package/plugins/WebinyQuoteNodePlugin/WebinyQuoteNodePlugin.js.map +1 -1
- package/themes/webinyLexicalTheme.css +0 -6
- package/themes/webinyLexicalTheme.js +4 -1
- package/themes/webinyLexicalTheme.js.map +1 -1
- package/types.d.ts +9 -0
- package/types.js +28 -1
- package/types.js.map +1 -1
- package/ui/ContentEditable.css +22 -0
- package/ui/ContentEditable.d.ts +12 -0
- package/ui/ContentEditable.js +24 -0
- package/ui/ContentEditable.js.map +1 -0
- package/ui/Divider.js.map +1 -1
- package/ui/DropDown.js.map +1 -1
- package/ui/ImageResizer.d.ts +26 -0
- package/ui/ImageResizer.js +213 -0
- package/ui/ImageResizer.js.map +1 -0
- package/ui/LinkPreview.js +7 -7
- package/ui/LinkPreview.js.map +1 -1
- package/ui/Placeholder.css +2 -5
- package/ui/Placeholder.d.ts +3 -1
- package/ui/Placeholder.js +5 -1
- package/ui/Placeholder.js.map +1 -1
- package/ui/TextInput.js.map +1 -1
- package/ui/ToolbarActionDialog.js.map +1 -1
- package/utils/canUseDOM.d.ts +1 -0
- package/utils/canUseDOM.js +8 -0
- package/utils/canUseDOM.js.map +1 -0
- package/utils/files.d.ts +12 -0
- package/utils/files.js +62 -0
- package/utils/files.js.map +1 -0
- package/utils/findTypographyStyleByHtmlTag.js.map +1 -1
- package/utils/generateInitialLexicalValue.js.map +1 -1
- package/utils/getDOMRangeRect.js.map +1 -1
- package/utils/getLexicalTextSelectionState.js.map +1 -1
- package/utils/getSelectedNode.js.map +1 -1
- package/utils/getTransparentImage.d.ts +1 -0
- package/utils/getTransparentImage.js +10 -0
- package/utils/getTransparentImage.js.map +1 -0
- package/{plugins/AutoLinkPlugin/AutoLinkPlugin.d.ts → utils/isHTMLElement.d.ts} +3 -4
- package/utils/isHTMLElement.js +16 -0
- package/utils/isHTMLElement.js.map +1 -0
- package/utils/isValidJSON.js.map +1 -1
- package/utils/isValidLexicalData.js.map +1 -1
- package/utils/nodes/clearNodeFormating.js.map +1 -1
- package/utils/nodes/formatToHeading.js.map +1 -1
- package/utils/nodes/formatToParagraph.js.map +1 -1
- package/utils/nodes/formatToQuote.js.map +1 -1
- package/utils/nodes/insertImage.d.ts +2 -0
- package/utils/nodes/insertImage.js +22 -0
- package/utils/nodes/insertImage.js.map +1 -0
- package/utils/nodes/listNode.js.map +1 -1
- package/utils/point.js +0 -3
- package/utils/point.js.map +1 -1
- package/utils/rect.js +0 -5
- package/utils/rect.js.map +1 -1
- package/utils/sanitizeUrl.js.map +1 -1
- package/utils/setFloatingElemPosition.js.map +1 -1
- package/utils/styleObjectToString.js.map +1 -1
- package/utils/toTypographyEmotionMap.d.ts +1 -1
- package/utils/toTypographyEmotionMap.js +7 -2
- package/utils/toTypographyEmotionMap.js.map +1 -1
- package/components/AddRichTextEditorNodeType.d.ts +0 -6
- package/components/AddRichTextEditorNodeType.js +0 -28
- package/components/AddRichTextEditorNodeType.js.map +0 -1
- package/components/AddRichTextEditorPlugin.d.ts +0 -12
- package/components/AddRichTextEditorPlugin.js +0 -33
- package/components/AddRichTextEditorPlugin.js.map +0 -1
- package/components/AddToolbarAction.d.ts +0 -7
- package/components/AddToolbarAction.js +0 -33
- package/components/AddToolbarAction.js.map +0 -1
- package/components/Toolbar/HeadingToolbar.d.ts +0 -12
- package/components/Toolbar/HeadingToolbar.js +0 -23
- package/components/Toolbar/HeadingToolbar.js.map +0 -1
- package/components/Toolbar/ParagraphToolbar.d.ts +0 -12
- package/components/Toolbar/ParagraphToolbar.js +0 -23
- package/components/Toolbar/ParagraphToolbar.js.map +0 -1
- package/components/ToolbarPresets/HeadingToolbarPreset.d.ts +0 -2
- package/components/ToolbarPresets/HeadingToolbarPreset.js +0 -56
- package/components/ToolbarPresets/HeadingToolbarPreset.js.map +0 -1
- package/components/ToolbarPresets/ParagraphToolbarPreset.d.ts +0 -2
- package/components/ToolbarPresets/ParagraphToolbarPreset.js +0 -71
- package/components/ToolbarPresets/ParagraphToolbarPreset.js.map +0 -1
- package/plugins/AutoLinkPlugin/AutoLinkPlugin.js +0 -46
- package/plugins/AutoLinkPlugin/AutoLinkPlugin.js.map +0 -1
- package/plugins/AutoLinkPlugin/index.d.ts +0 -1
- package/plugins/AutoLinkPlugin/index.js +0 -16
- package/plugins/AutoLinkPlugin/index.js.map +0 -1
- package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.d.ts +0 -17
- package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.js +0 -88
- package/plugins/ClickableLinkPlugin/ClickableLinkPlugin.js.map +0 -1
- package/plugins/ClickableLinkPlugin/index.d.ts +0 -1
- package/plugins/ClickableLinkPlugin/index.js +0 -16
- package/plugins/ClickableLinkPlugin/index.js.map +0 -1
- package/plugins/WebinyListPLugin/WebinyListPlugin.d.ts +0 -1
- package/plugins/WebinyListPLugin/WebinyListPlugin.js.map +0 -1
package/utils/point.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Point","x","y","_x","_y","point","Math","abs","
|
|
1
|
+
{"version":3,"names":["Point","x","y","_classCallCheck2","default","_x","_y","_createClass2","key","get","value","equals","_ref","calcDeltaXTo","_ref2","calcDeltaYTo","_ref3","calcHorizontalDistanceTo","point","Math","abs","calcVerticalDistance","calcDistanceTo","sqrt","pow","exports","isPoint"],"sources":["point.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nexport class Point {\n private readonly _x: number;\n private readonly _y: number;\n\n constructor(x: number, y: number) {\n this._x = x;\n this._y = y;\n }\n\n get x(): number {\n return this._x;\n }\n\n get y(): number {\n return this._y;\n }\n\n public equals({ x, y }: Point): boolean {\n return this.x === x && this.y === y;\n }\n\n public calcDeltaXTo({ x }: Point): number {\n return this.x - x;\n }\n\n public calcDeltaYTo({ y }: Point): number {\n return this.y - y;\n }\n\n public calcHorizontalDistanceTo(point: Point): number {\n return Math.abs(this.calcDeltaXTo(point));\n }\n\n public calcVerticalDistance(point: Point): number {\n return Math.abs(this.calcDeltaYTo(point));\n }\n\n public calcDistanceTo(point: Point): number {\n return Math.sqrt(\n Math.pow(this.calcDeltaXTo(point), 2) + Math.pow(this.calcDeltaYTo(point), 2)\n );\n }\n}\n\nexport function isPoint(x: unknown): x is Point {\n return x instanceof Point;\n}\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAOaA,KAAK;EAId,SAAAA,MAAYC,CAAS,EAAEC,CAAS,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAJ,KAAA;IAC9B,IAAI,CAACK,EAAE,GAAGJ,CAAC;IACX,IAAI,CAACK,EAAE,GAAGJ,CAAC;EACf;EAAC,IAAAK,aAAA,CAAAH,OAAA,EAAAJ,KAAA;IAAAQ,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAgB;MACZ,OAAO,IAAI,CAACJ,EAAE;IAClB;EAAC;IAAAG,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAgB;MACZ,OAAO,IAAI,CAACH,EAAE;IAClB;EAAC;IAAAE,GAAA;IAAAE,KAAA,EAED,SAAAC,OAAAC,IAAA,EAAwC;MAAA,IAAxBX,CAAC,GAAAW,IAAA,CAADX,CAAC;QAAEC,CAAC,GAAAU,IAAA,CAADV,CAAC;MAChB,OAAO,IAAI,CAACD,CAAC,KAAKA,CAAC,IAAI,IAAI,CAACC,CAAC,KAAKA,CAAC;IACvC;EAAC;IAAAM,GAAA;IAAAE,KAAA,EAED,SAAAG,aAAAC,KAAA,EAA0C;MAAA,IAApBb,CAAC,GAAAa,KAAA,CAADb,CAAC;MACnB,OAAO,IAAI,CAACA,CAAC,GAAGA,CAAC;IACrB;EAAC;IAAAO,GAAA;IAAAE,KAAA,EAED,SAAAK,aAAAC,KAAA,EAA0C;MAAA,IAApBd,CAAC,GAAAc,KAAA,CAADd,CAAC;MACnB,OAAO,IAAI,CAACA,CAAC,GAAGA,CAAC;IACrB;EAAC;IAAAM,GAAA;IAAAE,KAAA,EAED,SAAAO,yBAAgCC,KAAY,EAAU;MAClD,OAAOC,IAAI,CAACC,GAAG,CAAC,IAAI,CAACP,YAAY,CAACK,KAAK,CAAC,CAAC;IAC7C;EAAC;IAAAV,GAAA;IAAAE,KAAA,EAED,SAAAW,qBAA4BH,KAAY,EAAU;MAC9C,OAAOC,IAAI,CAACC,GAAG,CAAC,IAAI,CAACL,YAAY,CAACG,KAAK,CAAC,CAAC;IAC7C;EAAC;IAAAV,GAAA;IAAAE,KAAA,EAED,SAAAY,eAAsBJ,KAAY,EAAU;MACxC,OAAOC,IAAI,CAACI,IAAI,CACZJ,IAAI,CAACK,GAAG,CAAC,IAAI,CAACX,YAAY,CAACK,KAAK,CAAC,EAAE,CAAC,CAAC,GAAGC,IAAI,CAACK,GAAG,CAAC,IAAI,CAACT,YAAY,CAACG,KAAK,CAAC,EAAE,CAAC,CAChF,CAAC;IACL;EAAC;EAAA,OAAAlB,KAAA;AAAA;AAAAyB,OAAA,CAAAzB,KAAA,GAAAA,KAAA;AAGE,SAAS0B,OAAOA,CAACzB,CAAU,EAAc;EAC5C,OAAOA,CAAC,YAAYD,KAAK;AAC7B"}
|
package/utils/rect.js
CHANGED
|
@@ -8,7 +8,6 @@ exports.Rect = void 0;
|
|
|
8
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
12
11
|
var _point = require("./point");
|
|
13
12
|
/**
|
|
14
13
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
@@ -20,10 +19,6 @@ var _point = require("./point");
|
|
|
20
19
|
var Rect = /*#__PURE__*/function () {
|
|
21
20
|
function Rect(left, top, right, bottom) {
|
|
22
21
|
(0, _classCallCheck2.default)(this, Rect);
|
|
23
|
-
(0, _defineProperty2.default)(this, "_left", void 0);
|
|
24
|
-
(0, _defineProperty2.default)(this, "_top", void 0);
|
|
25
|
-
(0, _defineProperty2.default)(this, "_right", void 0);
|
|
26
|
-
(0, _defineProperty2.default)(this, "_bottom", void 0);
|
|
27
22
|
var _ref = top <= bottom ? [top, bottom] : [bottom, top],
|
|
28
23
|
_ref2 = (0, _slicedToArray2.default)(_ref, 2),
|
|
29
24
|
physicTop = _ref2[0],
|
package/utils/rect.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Rect","left","top","right","bottom","physicTop","physicBottom","physicLeft","physicRight","_top","_right","_left","_bottom","Math","abs","target","isPoint","x","y","isOnTopSide","isOnBottomSide","isOnLeftSide","isOnRightSide","result","reason","rect","x1","y1","w1","width","h1","height","x2","y2","w2","h2","maxX","maxY","minX","minY","startPoint","endPoint","fromLTRB","dom","getBoundingClientRect","fromLWTH"],"sources":["rect.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nimport { isPoint, Point } from \"./point\";\n\ntype ContainsPointReturn = {\n result: boolean;\n reason: {\n isOnTopSide: boolean;\n isOnBottomSide: boolean;\n isOnLeftSide: boolean;\n isOnRightSide: boolean;\n };\n};\n\nexport class Rect {\n private readonly _left: number;\n private readonly _top: number;\n private readonly _right: number;\n private readonly _bottom: number;\n\n constructor(left: number, top: number, right: number, bottom: number) {\n const [physicTop, physicBottom] = top <= bottom ? [top, bottom] : [bottom, top];\n\n const [physicLeft, physicRight] = left <= right ? [left, right] : [right, left];\n\n this._top = physicTop;\n this._right = physicRight;\n this._left = physicLeft;\n this._bottom = physicBottom;\n }\n\n get top(): number {\n return this._top;\n }\n\n get right(): number {\n return this._right;\n }\n\n get bottom(): number {\n return this._bottom;\n }\n\n get left(): number {\n return this._left;\n }\n\n get width(): number {\n return Math.abs(this._left - this._right);\n }\n\n get height(): number {\n return Math.abs(this._bottom - this._top);\n }\n\n public equals({ top, left, bottom, right }: Rect): boolean {\n return (\n top === this._top &&\n bottom === this._bottom &&\n left === this._left &&\n right === this._right\n );\n }\n\n public contains({ x, y }: Point): ContainsPointReturn;\n public contains({ top, left, bottom, right }: Rect): boolean;\n public contains(target: Point | Rect): boolean | ContainsPointReturn {\n if (isPoint(target)) {\n const { x, y } = target;\n\n const isOnTopSide = y < this._top;\n const isOnBottomSide = y > this._bottom;\n const isOnLeftSide = x < this._left;\n const isOnRightSide = x > this._right;\n\n const result = !isOnTopSide && !isOnBottomSide && !isOnLeftSide && !isOnRightSide;\n\n return {\n reason: {\n isOnBottomSide,\n isOnLeftSide,\n isOnRightSide,\n isOnTopSide\n },\n result\n };\n } else {\n const { top, left, bottom, right } = target;\n\n return (\n top >= this._top &&\n top <= this._bottom &&\n bottom >= this._top &&\n bottom <= this._bottom &&\n left >= this._left &&\n left <= this._right &&\n right >= this._left &&\n right <= this._right\n );\n }\n }\n\n public intersectsWith(rect: Rect): boolean {\n const { left: x1, top: y1, width: w1, height: h1 } = rect;\n const { left: x2, top: y2, width: w2, height: h2 } = this;\n const maxX = x1 + w1 >= x2 + w2 ? x1 + w1 : x2 + w2;\n const maxY = y1 + h1 >= y2 + h2 ? y1 + h1 : y2 + h2;\n const minX = x1 <= x2 ? x1 : x2;\n const minY = y1 <= y2 ? y1 : y2;\n return maxX - minX <= w1 + w2 && maxY - minY <= h1 + h2;\n }\n\n public generateNewRect({\n left = this.left,\n top = this.top,\n right = this.right,\n bottom = this.bottom\n }): Rect {\n return new Rect(left, top, right, bottom);\n }\n\n static fromLTRB(left: number, top: number, right: number, bottom: number): Rect {\n return new Rect(left, top, right, bottom);\n }\n\n static fromLWTH(left: number, width: number, top: number, height: number): Rect {\n return new Rect(left, top, left + width, top + height);\n }\n\n static fromPoints(startPoint: Point, endPoint: Point): Rect {\n const { y: top, x: left } = startPoint;\n const { y: bottom, x: right } = endPoint;\n return Rect.fromLTRB(left, top, right, bottom);\n }\n\n static fromDOM(dom: HTMLElement): Rect {\n const { top, width, left, height } = dom.getBoundingClientRect();\n return Rect.fromLWTH(left, width, top, height);\n }\n}\n"],"mappings":";;;;;;;;;;;AAOA;AAPA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAmBaA,IAAI;EAMb,cAAYC,IAAY,EAAEC,GAAW,EAAEC,KAAa,EAAEC,MAAc,EAAE;IAAA;IAAA;IAAA;IAAA;IAAA;IAClE,WAAkCF,GAAG,IAAIE,MAAM,GAAG,CAACF,GAAG,EAAEE,MAAM,CAAC,GAAG,CAACA,MAAM,EAAEF,GAAG,CAAC;MAAA;MAAxEG,SAAS;MAAEC,YAAY;IAE9B,YAAkCL,IAAI,IAAIE,KAAK,GAAG,CAACF,IAAI,EAAEE,KAAK,CAAC,GAAG,CAACA,KAAK,EAAEF,IAAI,CAAC;MAAA;MAAxEM,UAAU;MAAEC,WAAW;IAE9B,IAAI,CAACC,IAAI,GAAGJ,SAAS;IACrB,IAAI,CAACK,MAAM,GAAGF,WAAW;IACzB,IAAI,CAACG,KAAK,GAAGJ,UAAU;IACvB,IAAI,CAACK,OAAO,GAAGN,YAAY;EAC/B;EAAC;IAAA;IAAA,KAED,eAAkB;MACd,OAAO,IAAI,CAACG,IAAI;IACpB;EAAC;IAAA;IAAA,KAED,eAAoB;MAChB,OAAO,IAAI,CAACC,MAAM;IACtB;EAAC;IAAA;IAAA,KAED,eAAqB;MACjB,OAAO,IAAI,CAACE,OAAO;IACvB;EAAC;IAAA;IAAA,KAED,eAAmB;MACf,OAAO,IAAI,CAACD,KAAK;IACrB;EAAC;IAAA;IAAA,KAED,eAAoB;MAChB,OAAOE,IAAI,CAACC,GAAG,CAAC,IAAI,CAACH,KAAK,GAAG,IAAI,CAACD,MAAM,CAAC;IAC7C;EAAC;IAAA;IAAA,KAED,eAAqB;MACjB,OAAOG,IAAI,CAACC,GAAG,CAAC,IAAI,CAACF,OAAO,GAAG,IAAI,CAACH,IAAI,CAAC;IAC7C;EAAC;IAAA;IAAA,OAED,uBAA2D;MAAA,IAA3CP,GAAG,SAAHA,GAAG;QAAED,IAAI,SAAJA,IAAI;QAAEG,MAAM,SAANA,MAAM;QAAED,KAAK,SAALA,KAAK;MACpC,OACID,GAAG,KAAK,IAAI,CAACO,IAAI,IACjBL,MAAM,KAAK,IAAI,CAACQ,OAAO,IACvBX,IAAI,KAAK,IAAI,CAACU,KAAK,IACnBR,KAAK,KAAK,IAAI,CAACO,MAAM;IAE7B;EAAC;IAAA;IAAA,OAID,kBAAgBK,MAAoB,EAAiC;MACjE,IAAI,IAAAC,cAAO,EAACD,MAAM,CAAC,EAAE;QACjB,IAAQE,CAAC,GAAQF,MAAM,CAAfE,CAAC;UAAEC,CAAC,GAAKH,MAAM,CAAZG,CAAC;QAEZ,IAAMC,WAAW,GAAGD,CAAC,GAAG,IAAI,CAACT,IAAI;QACjC,IAAMW,cAAc,GAAGF,CAAC,GAAG,IAAI,CAACN,OAAO;QACvC,IAAMS,YAAY,GAAGJ,CAAC,GAAG,IAAI,CAACN,KAAK;QACnC,IAAMW,aAAa,GAAGL,CAAC,GAAG,IAAI,CAACP,MAAM;QAErC,IAAMa,MAAM,GAAG,CAACJ,WAAW,IAAI,CAACC,cAAc,IAAI,CAACC,YAAY,IAAI,CAACC,aAAa;QAEjF,OAAO;UACHE,MAAM,EAAE;YACJJ,cAAc,EAAdA,cAAc;YACdC,YAAY,EAAZA,YAAY;YACZC,aAAa,EAAbA,aAAa;YACbH,WAAW,EAAXA;UACJ,CAAC;UACDI,MAAM,EAANA;QACJ,CAAC;MACL,CAAC,MAAM;QACH,IAAQrB,GAAG,GAA0Ba,MAAM,CAAnCb,GAAG;UAAED,IAAI,GAAoBc,MAAM,CAA9Bd,IAAI;UAAEG,MAAM,GAAYW,MAAM,CAAxBX,MAAM;UAAED,KAAK,GAAKY,MAAM,CAAhBZ,KAAK;QAEhC,OACID,GAAG,IAAI,IAAI,CAACO,IAAI,IAChBP,GAAG,IAAI,IAAI,CAACU,OAAO,IACnBR,MAAM,IAAI,IAAI,CAACK,IAAI,IACnBL,MAAM,IAAI,IAAI,CAACQ,OAAO,IACtBX,IAAI,IAAI,IAAI,CAACU,KAAK,IAClBV,IAAI,IAAI,IAAI,CAACS,MAAM,IACnBP,KAAK,IAAI,IAAI,CAACQ,KAAK,IACnBR,KAAK,IAAI,IAAI,CAACO,MAAM;MAE5B;IACJ;EAAC;IAAA;IAAA,OAED,wBAAsBe,IAAU,EAAW;MACvC,IAAcC,EAAE,GAAqCD,IAAI,CAAjDxB,IAAI;QAAW0B,EAAE,GAA4BF,IAAI,CAAvCvB,GAAG;QAAa0B,EAAE,GAAiBH,IAAI,CAA9BI,KAAK;QAAcC,EAAE,GAAKL,IAAI,CAAnBM,MAAM;MAC5C,IAAcC,EAAE,GAAqC,IAAI,CAAjD/B,IAAI;QAAWgC,EAAE,GAA4B,IAAI,CAAvC/B,GAAG;QAAagC,EAAE,GAAiB,IAAI,CAA9BL,KAAK;QAAcM,EAAE,GAAK,IAAI,CAAnBJ,MAAM;MAC5C,IAAMK,IAAI,GAAGV,EAAE,GAAGE,EAAE,IAAII,EAAE,GAAGE,EAAE,GAAGR,EAAE,GAAGE,EAAE,GAAGI,EAAE,GAAGE,EAAE;MACnD,IAAMG,IAAI,GAAGV,EAAE,GAAGG,EAAE,IAAIG,EAAE,GAAGE,EAAE,GAAGR,EAAE,GAAGG,EAAE,GAAGG,EAAE,GAAGE,EAAE;MACnD,IAAMG,IAAI,GAAGZ,EAAE,IAAIM,EAAE,GAAGN,EAAE,GAAGM,EAAE;MAC/B,IAAMO,IAAI,GAAGZ,EAAE,IAAIM,EAAE,GAAGN,EAAE,GAAGM,EAAE;MAC/B,OAAOG,IAAI,GAAGE,IAAI,IAAIV,EAAE,GAAGM,EAAE,IAAIG,IAAI,GAAGE,IAAI,IAAIT,EAAE,GAAGK,EAAE;IAC3D;EAAC;IAAA;IAAA,OAED,gCAKS;MAAA,uBAJLlC,IAAI;QAAJA,IAAI,2BAAG,IAAI,CAACA,IAAI;QAAA,kBAChBC,GAAG;QAAHA,GAAG,0BAAG,IAAI,CAACA,GAAG;QAAA,oBACdC,KAAK;QAALA,KAAK,4BAAG,IAAI,CAACA,KAAK;QAAA,qBAClBC,MAAM;QAANA,MAAM,6BAAG,IAAI,CAACA,MAAM;MAEpB,OAAO,IAAIJ,IAAI,CAACC,IAAI,EAAEC,GAAG,EAAEC,KAAK,EAAEC,MAAM,CAAC;IAC7C;EAAC;IAAA;IAAA,OAED,kBAAgBH,IAAY,EAAEC,GAAW,EAAEC,KAAa,EAAEC,MAAc,EAAQ;MAC5E,OAAO,IAAIJ,IAAI,CAACC,IAAI,EAAEC,GAAG,EAAEC,KAAK,EAAEC,MAAM,CAAC;IAC7C;EAAC;IAAA;IAAA,OAED,kBAAgBH,IAAY,EAAE4B,KAAa,EAAE3B,GAAW,EAAE6B,MAAc,EAAQ;MAC5E,OAAO,IAAI/B,IAAI,CAACC,IAAI,EAAEC,GAAG,EAAED,IAAI,GAAG4B,KAAK,EAAE3B,GAAG,GAAG6B,MAAM,CAAC;IAC1D;EAAC;IAAA;IAAA,OAED,oBAAkBS,UAAiB,EAAEC,QAAe,EAAQ;MACxD,IAAWvC,GAAG,GAAcsC,UAAU,CAA9BtB,CAAC;QAAUjB,IAAI,GAAKuC,UAAU,CAAtBvB,CAAC;MACjB,IAAWb,MAAM,GAAeqC,QAAQ,CAAhCvB,CAAC;QAAaf,KAAK,GAAKsC,QAAQ,CAArBxB,CAAC;MACpB,OAAOjB,IAAI,CAAC0C,QAAQ,CAACzC,IAAI,EAAEC,GAAG,EAAEC,KAAK,EAAEC,MAAM,CAAC;IAClD;EAAC;IAAA;IAAA,OAED,iBAAeuC,GAAgB,EAAQ;MACnC,4BAAqCA,GAAG,CAACC,qBAAqB,EAAE;QAAxD1C,GAAG,yBAAHA,GAAG;QAAE2B,KAAK,yBAALA,KAAK;QAAE5B,IAAI,yBAAJA,IAAI;QAAE8B,MAAM,yBAANA,MAAM;MAChC,OAAO/B,IAAI,CAAC6C,QAAQ,CAAC5C,IAAI,EAAE4B,KAAK,EAAE3B,GAAG,EAAE6B,MAAM,CAAC;IAClD;EAAC;EAAA;AAAA;AAAA"}
|
|
1
|
+
{"version":3,"names":["_point","require","Rect","left","top","right","bottom","_classCallCheck2","default","_ref","_ref2","_slicedToArray2","physicTop","physicBottom","_ref3","_ref4","physicLeft","physicRight","_top","_right","_left","_bottom","_createClass2","key","get","Math","abs","value","equals","_ref5","contains","target","isPoint","x","y","isOnTopSide","isOnBottomSide","isOnLeftSide","isOnRightSide","result","reason","intersectsWith","rect","x1","y1","w1","width","h1","height","x2","y2","w2","h2","maxX","maxY","minX","minY","generateNewRect","_ref6","_ref6$left","_ref6$top","_ref6$right","_ref6$bottom","fromLTRB","fromLWTH","fromPoints","startPoint","endPoint","fromDOM","dom","_dom$getBoundingClien","getBoundingClientRect","exports"],"sources":["rect.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nimport { isPoint, Point } from \"./point\";\n\ntype ContainsPointReturn = {\n result: boolean;\n reason: {\n isOnTopSide: boolean;\n isOnBottomSide: boolean;\n isOnLeftSide: boolean;\n isOnRightSide: boolean;\n };\n};\n\nexport class Rect {\n private readonly _left: number;\n private readonly _top: number;\n private readonly _right: number;\n private readonly _bottom: number;\n\n constructor(left: number, top: number, right: number, bottom: number) {\n const [physicTop, physicBottom] = top <= bottom ? [top, bottom] : [bottom, top];\n\n const [physicLeft, physicRight] = left <= right ? [left, right] : [right, left];\n\n this._top = physicTop;\n this._right = physicRight;\n this._left = physicLeft;\n this._bottom = physicBottom;\n }\n\n get top(): number {\n return this._top;\n }\n\n get right(): number {\n return this._right;\n }\n\n get bottom(): number {\n return this._bottom;\n }\n\n get left(): number {\n return this._left;\n }\n\n get width(): number {\n return Math.abs(this._left - this._right);\n }\n\n get height(): number {\n return Math.abs(this._bottom - this._top);\n }\n\n public equals({ top, left, bottom, right }: Rect): boolean {\n return (\n top === this._top &&\n bottom === this._bottom &&\n left === this._left &&\n right === this._right\n );\n }\n\n public contains({ x, y }: Point): ContainsPointReturn;\n public contains({ top, left, bottom, right }: Rect): boolean;\n public contains(target: Point | Rect): boolean | ContainsPointReturn {\n if (isPoint(target)) {\n const { x, y } = target;\n\n const isOnTopSide = y < this._top;\n const isOnBottomSide = y > this._bottom;\n const isOnLeftSide = x < this._left;\n const isOnRightSide = x > this._right;\n\n const result = !isOnTopSide && !isOnBottomSide && !isOnLeftSide && !isOnRightSide;\n\n return {\n reason: {\n isOnBottomSide,\n isOnLeftSide,\n isOnRightSide,\n isOnTopSide\n },\n result\n };\n } else {\n const { top, left, bottom, right } = target;\n\n return (\n top >= this._top &&\n top <= this._bottom &&\n bottom >= this._top &&\n bottom <= this._bottom &&\n left >= this._left &&\n left <= this._right &&\n right >= this._left &&\n right <= this._right\n );\n }\n }\n\n public intersectsWith(rect: Rect): boolean {\n const { left: x1, top: y1, width: w1, height: h1 } = rect;\n const { left: x2, top: y2, width: w2, height: h2 } = this;\n const maxX = x1 + w1 >= x2 + w2 ? x1 + w1 : x2 + w2;\n const maxY = y1 + h1 >= y2 + h2 ? y1 + h1 : y2 + h2;\n const minX = x1 <= x2 ? x1 : x2;\n const minY = y1 <= y2 ? y1 : y2;\n return maxX - minX <= w1 + w2 && maxY - minY <= h1 + h2;\n }\n\n public generateNewRect({\n left = this.left,\n top = this.top,\n right = this.right,\n bottom = this.bottom\n }): Rect {\n return new Rect(left, top, right, bottom);\n }\n\n static fromLTRB(left: number, top: number, right: number, bottom: number): Rect {\n return new Rect(left, top, right, bottom);\n }\n\n static fromLWTH(left: number, width: number, top: number, height: number): Rect {\n return new Rect(left, top, left + width, top + height);\n }\n\n static fromPoints(startPoint: Point, endPoint: Point): Rect {\n const { y: top, x: left } = startPoint;\n const { y: bottom, x: right } = endPoint;\n return Rect.fromLTRB(left, top, right, bottom);\n }\n\n static fromDOM(dom: HTMLElement): Rect {\n const { top, width, left, height } = dom.getBoundingClientRect();\n return Rect.fromLWTH(left, width, top, height);\n }\n}\n"],"mappings":"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"}
|
package/utils/sanitizeUrl.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["sanitizeUrl","url","SAFE_URL_PATTERN","DATA_URL_PATTERN","String","trim","match"],"sources":["sanitizeUrl.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nexport const sanitizeUrl = (url: string): string => {\n /** A pattern that matches safe URLs. */\n const SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi;\n\n /** A pattern that matches safe data URLs. */\n const DATA_URL_PATTERN =\n /^data:(?:image\\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\\/(?:mpeg|mp4|ogg|webm)|audio\\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;\n\n url = String(url).trim();\n\n if (url.match(SAFE_URL_PATTERN) || url.match(DATA_URL_PATTERN)) {\n return url;\n }\n\n return `https://`;\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,
|
|
1
|
+
{"version":3,"names":["sanitizeUrl","url","SAFE_URL_PATTERN","DATA_URL_PATTERN","String","trim","match","exports"],"sources":["sanitizeUrl.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nexport const sanitizeUrl = (url: string): string => {\n /** A pattern that matches safe URLs. */\n const SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi;\n\n /** A pattern that matches safe data URLs. */\n const DATA_URL_PATTERN =\n /^data:(?:image\\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\\/(?:mpeg|mp4|ogg|webm)|audio\\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;\n\n url = String(url).trim();\n\n if (url.match(SAFE_URL_PATTERN) || url.match(DATA_URL_PATTERN)) {\n return url;\n }\n\n return `https://`;\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,GAAW,EAAa;EAChD;EACA,IAAMC,gBAAgB,GAAG,iEAAiE;;EAE1F;EACA,IAAMC,gBAAgB,GAClB,qIAAqI;EAEzIF,GAAG,GAAGG,MAAM,CAACH,GAAG,CAAC,CAACI,IAAI,CAAC,CAAC;EAExB,IAAIJ,GAAG,CAACK,KAAK,CAACJ,gBAAgB,CAAC,IAAID,GAAG,CAACK,KAAK,CAACH,gBAAgB,CAAC,EAAE;IAC5D,OAAOF,GAAG;EACd;EAEA;AACJ,CAAC;AAACM,OAAA,CAAAP,WAAA,GAAAA,WAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["VERTICAL_GAP","HORIZONTAL_OFFSET","setFloatingElemPosition","targetRect","floatingElem","anchorElem","verticalGap","horizontalOffset","scrollerElem","parentElement","style","opacity","transform","floatingElemRect","getBoundingClientRect","anchorElementRect","editorScrollerRect","top","height","left","width","right"],"sources":["setFloatingElemPosition.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nconst VERTICAL_GAP = 10;\nconst HORIZONTAL_OFFSET = 5;\n\nexport function setFloatingElemPosition(\n targetRect: ClientRect | null,\n floatingElem: HTMLElement,\n anchorElem: HTMLElement,\n verticalGap: number = VERTICAL_GAP,\n horizontalOffset: number = HORIZONTAL_OFFSET\n): void {\n const scrollerElem = anchorElem.parentElement;\n\n if (targetRect === null || !scrollerElem) {\n floatingElem.style.opacity = \"0\";\n floatingElem.style.transform = \"translate(-10000px, -10000px)\";\n return;\n }\n\n const floatingElemRect = floatingElem.getBoundingClientRect();\n const anchorElementRect = anchorElem.getBoundingClientRect();\n const editorScrollerRect = scrollerElem.getBoundingClientRect();\n\n let top = targetRect.top - floatingElemRect.height - verticalGap;\n let left = targetRect.left - horizontalOffset;\n\n if (top < editorScrollerRect.top) {\n top += floatingElemRect.height + targetRect.height + verticalGap * 2;\n }\n\n if (left + floatingElemRect.width > editorScrollerRect.right) {\n left = editorScrollerRect.right - floatingElemRect.width - horizontalOffset;\n }\n\n top -= anchorElementRect.top;\n left -= anchorElementRect.left;\n\n floatingElem.style.opacity = \"1\";\n floatingElem.style.transform = `translate(${left}px, ${top}px)`;\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,YAAY,GAAG,EAAE;AACvB,IAAMC,iBAAiB,GAAG,CAAC;AAEpB,SAASC,
|
|
1
|
+
{"version":3,"names":["VERTICAL_GAP","HORIZONTAL_OFFSET","setFloatingElemPosition","targetRect","floatingElem","anchorElem","verticalGap","arguments","length","undefined","horizontalOffset","scrollerElem","parentElement","style","opacity","transform","floatingElemRect","getBoundingClientRect","anchorElementRect","editorScrollerRect","top","height","left","width","right","concat"],"sources":["setFloatingElemPosition.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nconst VERTICAL_GAP = 10;\nconst HORIZONTAL_OFFSET = 5;\n\nexport function setFloatingElemPosition(\n targetRect: ClientRect | null,\n floatingElem: HTMLElement,\n anchorElem: HTMLElement,\n verticalGap: number = VERTICAL_GAP,\n horizontalOffset: number = HORIZONTAL_OFFSET\n): void {\n const scrollerElem = anchorElem.parentElement;\n\n if (targetRect === null || !scrollerElem) {\n floatingElem.style.opacity = \"0\";\n floatingElem.style.transform = \"translate(-10000px, -10000px)\";\n return;\n }\n\n const floatingElemRect = floatingElem.getBoundingClientRect();\n const anchorElementRect = anchorElem.getBoundingClientRect();\n const editorScrollerRect = scrollerElem.getBoundingClientRect();\n\n let top = targetRect.top - floatingElemRect.height - verticalGap;\n let left = targetRect.left - horizontalOffset;\n\n if (top < editorScrollerRect.top) {\n top += floatingElemRect.height + targetRect.height + verticalGap * 2;\n }\n\n if (left + floatingElemRect.width > editorScrollerRect.right) {\n left = editorScrollerRect.right - floatingElemRect.width - horizontalOffset;\n }\n\n top -= anchorElementRect.top;\n left -= anchorElementRect.left;\n\n floatingElem.style.opacity = \"1\";\n floatingElem.style.transform = `translate(${left}px, ${top}px)`;\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,YAAY,GAAG,EAAE;AACvB,IAAMC,iBAAiB,GAAG,CAAC;AAEpB,SAASC,uBAAuBA,CACnCC,UAA6B,EAC7BC,YAAyB,EACzBC,UAAuB,EAGnB;EAAA,IAFJC,WAAmB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGP,YAAY;EAAA,IAClCU,gBAAwB,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGN,iBAAiB;EAE5C,IAAMU,YAAY,GAAGN,UAAU,CAACO,aAAa;EAE7C,IAAIT,UAAU,KAAK,IAAI,IAAI,CAACQ,YAAY,EAAE;IACtCP,YAAY,CAACS,KAAK,CAACC,OAAO,GAAG,GAAG;IAChCV,YAAY,CAACS,KAAK,CAACE,SAAS,GAAG,+BAA+B;IAC9D;EACJ;EAEA,IAAMC,gBAAgB,GAAGZ,YAAY,CAACa,qBAAqB,CAAC,CAAC;EAC7D,IAAMC,iBAAiB,GAAGb,UAAU,CAACY,qBAAqB,CAAC,CAAC;EAC5D,IAAME,kBAAkB,GAAGR,YAAY,CAACM,qBAAqB,CAAC,CAAC;EAE/D,IAAIG,GAAG,GAAGjB,UAAU,CAACiB,GAAG,GAAGJ,gBAAgB,CAACK,MAAM,GAAGf,WAAW;EAChE,IAAIgB,IAAI,GAAGnB,UAAU,CAACmB,IAAI,GAAGZ,gBAAgB;EAE7C,IAAIU,GAAG,GAAGD,kBAAkB,CAACC,GAAG,EAAE;IAC9BA,GAAG,IAAIJ,gBAAgB,CAACK,MAAM,GAAGlB,UAAU,CAACkB,MAAM,GAAGf,WAAW,GAAG,CAAC;EACxE;EAEA,IAAIgB,IAAI,GAAGN,gBAAgB,CAACO,KAAK,GAAGJ,kBAAkB,CAACK,KAAK,EAAE;IAC1DF,IAAI,GAAGH,kBAAkB,CAACK,KAAK,GAAGR,gBAAgB,CAACO,KAAK,GAAGb,gBAAgB;EAC/E;EAEAU,GAAG,IAAIF,iBAAiB,CAACE,GAAG;EAC5BE,IAAI,IAAIJ,iBAAiB,CAACI,IAAI;EAE9BlB,YAAY,CAACS,KAAK,CAACC,OAAO,GAAG,GAAG;EAChCV,YAAY,CAACS,KAAK,CAACE,SAAS,gBAAAU,MAAA,CAAgBH,IAAI,UAAAG,MAAA,CAAOL,GAAG,QAAK;AACnE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["styleObjectToString","styleObject","reactToCSS"],"sources":["styleObjectToString.ts"],"sourcesContent":["// @ts-ignore - There are no types \"@types/react-style-object-to-css\" for this lib.\nimport reactToCSS from \"react-style-object-to-css\";\nimport { CSSObject } from \"@emotion/react\";\n\n/*\n * Converts CSS style objects to string\n * Example:\n * { fontSize: '10px' } => \"font-size: 10px\"\n * */\nexport const styleObjectToString = (styleObject: CSSObject): string => {\n if (!styleObject) {\n return styleObject;\n }\n return reactToCSS(styleObject);\n};\n"],"mappings":";;;;;;;AACA;AADA;;AAIA;AACA;AACA;AACA;AACA;AACO,
|
|
1
|
+
{"version":3,"names":["_reactStyleObjectToCss","_interopRequireDefault","require","styleObjectToString","styleObject","reactToCSS","exports"],"sources":["styleObjectToString.ts"],"sourcesContent":["// @ts-ignore - There are no types \"@types/react-style-object-to-css\" for this lib.\nimport reactToCSS from \"react-style-object-to-css\";\nimport { CSSObject } from \"@emotion/react\";\n\n/*\n * Converts CSS style objects to string\n * Example:\n * { fontSize: '10px' } => \"font-size: 10px\"\n * */\nexport const styleObjectToString = (styleObject: CSSObject): string => {\n if (!styleObject) {\n return styleObject;\n }\n return reactToCSS(styleObject);\n};\n"],"mappings":";;;;;;;AACA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AADA;;AAIA;AACA;AACA;AACA;AACA;AACO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,WAAsB,EAAa;EACnE,IAAI,CAACA,WAAW,EAAE;IACd,OAAOA,WAAW;EACtB;EACA,OAAO,IAAAC,8BAAU,EAACD,WAAW,CAAC;AAClC,CAAC;AAACE,OAAA,CAAAH,mBAAA,GAAAA,mBAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ThemeEmotionMap } from "../types";
|
|
2
2
|
import { WebinyTheme } from "../themes/webinyLexicalTheme";
|
|
3
|
-
export declare const toTypographyEmotionMap: (css: (cssStyle: Record<string, any>) => string, theme: WebinyTheme) => ThemeEmotionMap | {};
|
|
3
|
+
export declare const toTypographyEmotionMap: (css: (cssStyle: Record<string, any>) => string, theme: WebinyTheme, themeStylesTransformer?: any) => ThemeEmotionMap | {};
|
|
@@ -10,7 +10,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
10
10
|
* Creates a map of style key ID's and typography style objects that include 'className' property which contains the
|
|
11
11
|
* CSS class name generated by the Emotion from typography styles object.
|
|
12
12
|
*/
|
|
13
|
-
var toTypographyEmotionMap = function toTypographyEmotionMap(css, theme) {
|
|
13
|
+
var toTypographyEmotionMap = function toTypographyEmotionMap(css, theme, themeStylesTransformer) {
|
|
14
14
|
var _theme$styles;
|
|
15
15
|
var map = {};
|
|
16
16
|
var typographyStyles = (_theme$styles = theme.styles) === null || _theme$styles === void 0 ? void 0 : _theme$styles.typography;
|
|
@@ -24,8 +24,13 @@ var toTypographyEmotionMap = function toTypographyEmotionMap(css, theme) {
|
|
|
24
24
|
// 'lx' (abbreviation of lexical) variable will lead to generate shorter class names.
|
|
25
25
|
// for example: instead of default 'css-181qz4b-453f345f'
|
|
26
26
|
// the last segment will always end with 'lx' or 'css-181qz4b-lx'
|
|
27
|
+
|
|
28
|
+
var transformedStyles = styleItem.styles;
|
|
29
|
+
if (themeStylesTransformer) {
|
|
30
|
+
transformedStyles = themeStylesTransformer(styleItem.styles);
|
|
31
|
+
}
|
|
27
32
|
var lx = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, styleItem), {}, {
|
|
28
|
-
className: [/*#__PURE__*/css(
|
|
33
|
+
className: [/*#__PURE__*/css(transformedStyles, "label:lx;")].filter(Boolean).join(" ")
|
|
29
34
|
});
|
|
30
35
|
map[styleItem.id] = lx;
|
|
31
36
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["toTypographyEmotionMap","css","theme","map","typographyStyles","styles","typography","key","typographyTypeData","forEach","styleItem","lx","className","filter","Boolean","join","id"],"sources":["toTypographyEmotionMap.ts"],"sourcesContent":["import { ThemeEmotionMap, TypographyHTMLTag } from \"~/types\";\nimport { WebinyTheme } from \"~/themes/webinyLexicalTheme\";\n\n/*\n * Creates a map of style key ID's and typography style objects that include 'className' property which contains the\n * CSS class name generated by the Emotion from typography styles object.\n */\nexport const toTypographyEmotionMap = (\n css: (cssStyle: Record<string, any>) => string,\n theme: WebinyTheme\n): ThemeEmotionMap | {} => {\n const map: ThemeEmotionMap = {};\n const typographyStyles = theme.styles?.typography;\n if (!typographyStyles) {\n return {};\n }\n\n for (const key in typographyStyles) {\n const typographyTypeData = typographyStyles[key] as {\n id: string;\n tag: TypographyHTMLTag;\n name: string;\n styles: Record<string, any>;\n }[];\n if (typographyTypeData) {\n typographyTypeData.forEach(styleItem => {\n // 'lx' (abbreviation of lexical) variable will lead to generate shorter class names.\n // for example: instead of default 'css-181qz4b-453f345f'\n // the last segment will always end with 'lx' or 'css-181qz4b-lx'\n const lx = {\n ...styleItem,\n className: [css(
|
|
1
|
+
{"version":3,"names":["toTypographyEmotionMap","css","theme","themeStylesTransformer","_theme$styles","map","typographyStyles","styles","typography","key","typographyTypeData","forEach","styleItem","transformedStyles","lx","_objectSpread2","default","className","filter","Boolean","join","id","exports"],"sources":["toTypographyEmotionMap.ts"],"sourcesContent":["import { ThemeEmotionMap, TypographyHTMLTag } from \"~/types\";\nimport { WebinyTheme } from \"~/themes/webinyLexicalTheme\";\n\n/*\n * Creates a map of style key ID's and typography style objects that include 'className' property which contains the\n * CSS class name generated by the Emotion from typography styles object.\n */\nexport const toTypographyEmotionMap = (\n css: (cssStyle: Record<string, any>) => string,\n theme: WebinyTheme,\n themeStylesTransformer?: any\n): ThemeEmotionMap | {} => {\n const map: ThemeEmotionMap = {};\n const typographyStyles = theme.styles?.typography;\n if (!typographyStyles) {\n return {};\n }\n\n for (const key in typographyStyles) {\n const typographyTypeData = typographyStyles[key] as {\n id: string;\n tag: TypographyHTMLTag;\n name: string;\n styles: Record<string, any>;\n }[];\n if (typographyTypeData) {\n typographyTypeData.forEach(styleItem => {\n // 'lx' (abbreviation of lexical) variable will lead to generate shorter class names.\n // for example: instead of default 'css-181qz4b-453f345f'\n // the last segment will always end with 'lx' or 'css-181qz4b-lx'\n\n let transformedStyles = styleItem.styles;\n if (themeStylesTransformer) {\n transformedStyles = themeStylesTransformer(styleItem.styles);\n }\n\n const lx = {\n ...styleItem,\n className: [css(transformedStyles)].filter(Boolean).join(\" \")\n };\n map[styleItem.id] = lx;\n });\n }\n }\n\n return map;\n};\n"],"mappings":";;;;;;;;AAGA;AACA;AACA;AACA;AACO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC/BC,GAA8C,EAC9CC,KAAkB,EAClBC,sBAA4B,EACL;EAAA,IAAAC,aAAA;EACvB,IAAMC,GAAoB,GAAG,CAAC,CAAC;EAC/B,IAAMC,gBAAgB,IAAAF,aAAA,GAAGF,KAAK,CAACK,MAAM,cAAAH,aAAA,uBAAZA,aAAA,CAAcI,UAAU;EACjD,IAAI,CAACF,gBAAgB,EAAE;IACnB,OAAO,CAAC,CAAC;EACb;EAEA,KAAK,IAAMG,GAAG,IAAIH,gBAAgB,EAAE;IAChC,IAAMI,kBAAkB,GAAGJ,gBAAgB,CAACG,GAAG,CAK5C;IACH,IAAIC,kBAAkB,EAAE;MACpBA,kBAAkB,CAACC,OAAO,CAAC,UAAAC,SAAS,EAAI;QACpC;QACA;QACA;;QAEA,IAAIC,iBAAiB,GAAGD,SAAS,CAACL,MAAM;QACxC,IAAIJ,sBAAsB,EAAE;UACxBU,iBAAiB,GAAGV,sBAAsB,CAACS,SAAS,CAACL,MAAM,CAAC;QAChE;QAEA,IAAMO,EAAE,OAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACDJ,SAAS;UACZK,SAAS,EAAE,cAAChB,GAAG,CAACY,iBAAiB,cAAC,CAAC,CAACK,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG;QAAC,EAChE;QACDf,GAAG,CAACO,SAAS,CAACS,EAAE,CAAC,GAAGP,EAAE;MAC1B,CAAC,CAAC;IACN;EACJ;EAEA,OAAOT,GAAG;AACd,CAAC;AAACiB,OAAA,CAAAtB,sBAAA,GAAAA,sBAAA"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.AddRichTextEditorNodeType = void 0;
|
|
8
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _reactComposition = require("@webiny/react-composition");
|
|
12
|
-
var _RichTextEditor = require("./Editor/RichTextEditor");
|
|
13
|
-
var _excluded = ["nodes", "children"];
|
|
14
|
-
var AddRichTextEditorNodeType = function AddRichTextEditorNodeType(_ref) {
|
|
15
|
-
var type = _ref.type;
|
|
16
|
-
var NodePlugin = (0, _reactComposition.createComponentPlugin)(_RichTextEditor.RichTextEditor, function (Original) {
|
|
17
|
-
return function RichTextEditor(_ref2) {
|
|
18
|
-
var nodes = _ref2.nodes,
|
|
19
|
-
children = _ref2.children,
|
|
20
|
-
rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
|
|
21
|
-
return /*#__PURE__*/_react.default.createElement(Original, Object.assign({}, rest, {
|
|
22
|
-
nodes: [].concat((0, _toConsumableArray2.default)(nodes || []), [type])
|
|
23
|
-
}), children);
|
|
24
|
-
};
|
|
25
|
-
});
|
|
26
|
-
return /*#__PURE__*/_react.default.createElement(NodePlugin, null);
|
|
27
|
-
};
|
|
28
|
-
exports.AddRichTextEditorNodeType = AddRichTextEditorNodeType;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["AddRichTextEditorNodeType","type","NodePlugin","createComponentPlugin","RichTextEditor","Original","nodes","children","rest"],"sources":["AddRichTextEditorNodeType.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Klass, LexicalNode } from \"lexical\";\nimport { createComponentPlugin } from \"@webiny/react-composition\";\nimport { RichTextEditor } from \"~/components/Editor/RichTextEditor\";\n\nexport interface AddRichTextEditorNodeTypeProps {\n type: Klass<LexicalNode>;\n}\n\nexport const AddRichTextEditorNodeType: FC<AddRichTextEditorNodeTypeProps> = ({ type }) => {\n const NodePlugin = createComponentPlugin(RichTextEditor, Original => {\n return function RichTextEditor({ nodes, children, ...rest }): JSX.Element {\n return (\n <Original {...rest} nodes={[...(nodes || []), type]}>\n {children}\n </Original>\n );\n };\n });\n\n return <NodePlugin />;\n};\n"],"mappings":";;;;;;;;;AAAA;AAEA;AACA;AAAoE;AAM7D,IAAMA,yBAA6D,GAAG,SAAhEA,yBAA6D,OAAiB;EAAA,IAAXC,IAAI,QAAJA,IAAI;EAChF,IAAMC,UAAU,GAAG,IAAAC,uCAAqB,EAACC,8BAAc,EAAE,UAAAC,QAAQ,EAAI;IACjE,OAAO,SAASD,cAAc,QAA4C;MAAA,IAAzCE,KAAK,SAALA,KAAK;QAAEC,QAAQ,SAARA,QAAQ;QAAKC,IAAI;MACrD,oBACI,6BAAC,QAAQ,oBAAKA,IAAI;QAAE,KAAK,6CAAOF,KAAK,IAAI,EAAE,IAAGL,IAAI;MAAE,IAC/CM,QAAQ,CACF;IAEnB,CAAC;EACL,CAAC,CAAC;EAEF,oBAAO,6BAAC,UAAU,OAAG;AACzB,CAAC;AAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React, { FC } from "react";
|
|
2
|
-
import { LexicalValue } from "../types";
|
|
3
|
-
import { WebinyTheme } from "../themes/webinyLexicalTheme";
|
|
4
|
-
interface AddRichTextEditorProps {
|
|
5
|
-
toolbar: React.ReactNode;
|
|
6
|
-
placeholder?: string;
|
|
7
|
-
value: LexicalValue;
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
theme: WebinyTheme;
|
|
10
|
-
}
|
|
11
|
-
export declare const AddRichTextEditorPlugin: FC<AddRichTextEditorProps>;
|
|
12
|
-
export {};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.AddRichTextEditorPlugin = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _reactComposition = require("@webiny/react-composition");
|
|
10
|
-
var _RichTextEditor = require("./Editor/RichTextEditor");
|
|
11
|
-
var AddRichTextEditorPlugin = function AddRichTextEditorPlugin(_ref) {
|
|
12
|
-
var toolbar = _ref.toolbar,
|
|
13
|
-
placeholder = _ref.placeholder,
|
|
14
|
-
children = _ref.children;
|
|
15
|
-
var RichTextEditorPlugin = /*#__PURE__*/_react.default.memo((0, _reactComposition.createComponentPlugin)(_RichTextEditor.RichTextEditor, function (Original) {
|
|
16
|
-
return function RichTextEditorElem(_ref2) {
|
|
17
|
-
var tag = _ref2.tag,
|
|
18
|
-
value = _ref2.value,
|
|
19
|
-
onChange = _ref2.onChange,
|
|
20
|
-
theme = _ref2.theme;
|
|
21
|
-
return /*#__PURE__*/_react.default.createElement(Original, {
|
|
22
|
-
toolbar: toolbar,
|
|
23
|
-
tag: tag,
|
|
24
|
-
placeholder: placeholder,
|
|
25
|
-
value: value,
|
|
26
|
-
onChange: onChange,
|
|
27
|
-
theme: theme
|
|
28
|
-
}, children);
|
|
29
|
-
};
|
|
30
|
-
}));
|
|
31
|
-
return /*#__PURE__*/_react.default.createElement(RichTextEditorPlugin, null);
|
|
32
|
-
};
|
|
33
|
-
exports.AddRichTextEditorPlugin = AddRichTextEditorPlugin;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["AddRichTextEditorPlugin","toolbar","placeholder","children","RichTextEditorPlugin","React","memo","createComponentPlugin","RichTextEditor","Original","RichTextEditorElem","tag","value","onChange","theme"],"sources":["AddRichTextEditorPlugin.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { createComponentPlugin } from \"@webiny/react-composition\";\nimport { RichTextEditor } from \"~/components/Editor/RichTextEditor\";\nimport { LexicalValue } from \"~/types\";\nimport { WebinyTheme } from \"~/themes/webinyLexicalTheme\";\n\ninterface AddRichTextEditorProps {\n toolbar: React.ReactNode;\n placeholder?: string;\n value: LexicalValue;\n children?: React.ReactNode;\n /*\n * @description Theme to be injected into lexical editor\n */\n theme: WebinyTheme;\n}\n\nexport const AddRichTextEditorPlugin: FC<AddRichTextEditorProps> = ({\n toolbar,\n placeholder,\n children\n}) => {\n const RichTextEditorPlugin = React.memo(\n createComponentPlugin(RichTextEditor, Original => {\n return function RichTextEditorElem({ tag, value, onChange, theme }): JSX.Element {\n return (\n <Original\n toolbar={toolbar}\n tag={tag}\n placeholder={placeholder}\n value={value}\n onChange={onChange}\n theme={theme}\n >\n {children}\n </Original>\n );\n };\n })\n );\n\n return <RichTextEditorPlugin />;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAeO,IAAMA,uBAAmD,GAAG,SAAtDA,uBAAmD,OAI1D;EAAA,IAHFC,OAAO,QAAPA,OAAO;IACPC,WAAW,QAAXA,WAAW;IACXC,QAAQ,QAARA,QAAQ;EAER,IAAMC,oBAAoB,gBAAGC,cAAK,CAACC,IAAI,CACnC,IAAAC,uCAAqB,EAACC,8BAAc,EAAE,UAAAC,QAAQ,EAAI;IAC9C,OAAO,SAASC,kBAAkB,QAA+C;MAAA,IAA5CC,GAAG,SAAHA,GAAG;QAAEC,KAAK,SAALA,KAAK;QAAEC,QAAQ,SAARA,QAAQ;QAAEC,KAAK,SAALA,KAAK;MAC5D,oBACI,6BAAC,QAAQ;QACL,OAAO,EAAEb,OAAQ;QACjB,GAAG,EAAEU,GAAI;QACT,WAAW,EAAET,WAAY;QACzB,KAAK,EAAEU,KAAM;QACb,QAAQ,EAAEC,QAAS;QACnB,KAAK,EAAEC;MAAM,GAEZX,QAAQ,CACF;IAEnB,CAAC;EACL,CAAC,CAAC,CACL;EAED,oBAAO,6BAAC,oBAAoB,OAAG;AACnC,CAAC;AAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.AddToolbarAction = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _reactComposition = require("@webiny/react-composition");
|
|
10
|
-
var _Toolbar = require("./Toolbar/Toolbar");
|
|
11
|
-
var AddToolbarAction = function AddToolbarAction(_ref) {
|
|
12
|
-
var element = _ref.element,
|
|
13
|
-
targetType = _ref.type;
|
|
14
|
-
var ToolbarPlugin = /*#__PURE__*/_react.default.memo((0, _reactComposition.createComponentPlugin)(_Toolbar.Toolbar, function (Original) {
|
|
15
|
-
return function Toolbar(_ref2) {
|
|
16
|
-
var type = _ref2.type,
|
|
17
|
-
children = _ref2.children,
|
|
18
|
-
anchorElem = _ref2.anchorElem;
|
|
19
|
-
if (!targetType || targetType === type) {
|
|
20
|
-
return /*#__PURE__*/_react.default.createElement(Original, {
|
|
21
|
-
type: type,
|
|
22
|
-
anchorElem: anchorElem
|
|
23
|
-
}, element, children);
|
|
24
|
-
}
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement(Original, {
|
|
26
|
-
anchorElem: anchorElem,
|
|
27
|
-
type: type
|
|
28
|
-
}, children);
|
|
29
|
-
};
|
|
30
|
-
}));
|
|
31
|
-
return /*#__PURE__*/_react.default.createElement(ToolbarPlugin, null);
|
|
32
|
-
};
|
|
33
|
-
exports.AddToolbarAction = AddToolbarAction;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["AddToolbarAction","element","targetType","type","ToolbarPlugin","React","memo","createComponentPlugin","Toolbar","Original","children","anchorElem"],"sources":["AddToolbarAction.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { createComponentPlugin } from \"@webiny/react-composition\";\nimport { Toolbar } from \"~/components/Toolbar/Toolbar\";\ninterface AddToolbarActionProps {\n type?: \"heading\" | \"paragraph\" | string;\n element: JSX.Element;\n}\n\nexport const AddToolbarAction: FC<AddToolbarActionProps> = ({ element, type: targetType }) => {\n const ToolbarPlugin = React.memo(\n createComponentPlugin(Toolbar, Original => {\n return function Toolbar({ type, children, anchorElem }): JSX.Element {\n if (!targetType || targetType === type) {\n return (\n <Original type={type} anchorElem={anchorElem}>\n {element}\n {children}\n </Original>\n );\n }\n\n return (\n <Original anchorElem={anchorElem} type={type}>\n {children}\n </Original>\n );\n };\n })\n );\n\n return <ToolbarPlugin />;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAMO,IAAMA,gBAA2C,GAAG,SAA9CA,gBAA2C,OAAsC;EAAA,IAAhCC,OAAO,QAAPA,OAAO;IAAQC,UAAU,QAAhBC,IAAI;EACvE,IAAMC,aAAa,gBAAGC,cAAK,CAACC,IAAI,CAC5B,IAAAC,uCAAqB,EAACC,gBAAO,EAAE,UAAAC,QAAQ,EAAI;IACvC,OAAO,SAASD,OAAO,QAA8C;MAAA,IAA3CL,IAAI,SAAJA,IAAI;QAAEO,QAAQ,SAARA,QAAQ;QAAEC,UAAU,SAAVA,UAAU;MAChD,IAAI,CAACT,UAAU,IAAIA,UAAU,KAAKC,IAAI,EAAE;QACpC,oBACI,6BAAC,QAAQ;UAAC,IAAI,EAAEA,IAAK;UAAC,UAAU,EAAEQ;QAAW,GACxCV,OAAO,EACPS,QAAQ,CACF;MAEnB;MAEA,oBACI,6BAAC,QAAQ;QAAC,UAAU,EAAEC,UAAW;QAAC,IAAI,EAAER;MAAK,GACxCO,QAAQ,CACF;IAEnB,CAAC;EACL,CAAC,CAAC,CACL;EAED,oBAAO,6BAAC,aAAa,OAAG;AAC5B,CAAC;AAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="web" />
|
|
2
|
-
import { FC } from "react";
|
|
3
|
-
interface HeadingToolbarProps {
|
|
4
|
-
anchorElem?: HTMLElement;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* Toolbar with actions specific for the heading elements from H1-H6.
|
|
8
|
-
* @param anchorElem
|
|
9
|
-
* @constructor
|
|
10
|
-
*/
|
|
11
|
-
export declare const HeadingToolbar: FC<HeadingToolbarProps>;
|
|
12
|
-
export {};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.HeadingToolbar = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _Toolbar = require("./Toolbar");
|
|
10
|
-
/**
|
|
11
|
-
* Toolbar with actions specific for the heading elements from H1-H6.
|
|
12
|
-
* @param anchorElem
|
|
13
|
-
* @constructor
|
|
14
|
-
*/
|
|
15
|
-
var HeadingToolbar = function HeadingToolbar(_ref) {
|
|
16
|
-
var _ref$anchorElem = _ref.anchorElem,
|
|
17
|
-
anchorElem = _ref$anchorElem === void 0 ? document.body : _ref$anchorElem;
|
|
18
|
-
return /*#__PURE__*/_react.default.createElement(_Toolbar.Toolbar, {
|
|
19
|
-
type: "heading",
|
|
20
|
-
anchorElem: anchorElem
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
exports.HeadingToolbar = HeadingToolbar;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["HeadingToolbar","anchorElem","document","body"],"sources":["HeadingToolbar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Toolbar } from \"~/components/Toolbar/Toolbar\";\n\ninterface HeadingToolbarProps {\n anchorElem?: HTMLElement;\n}\n\n/**\n * Toolbar with actions specific for the heading elements from H1-H6.\n * @param anchorElem\n * @constructor\n */\nexport const HeadingToolbar: FC<HeadingToolbarProps> = ({ anchorElem = document.body }) => {\n return <Toolbar type={\"heading\"} anchorElem={anchorElem} />;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAMA;AACA;AACA;AACA;AACA;AACO,IAAMA,cAAuC,GAAG,SAA1CA,cAAuC,OAAuC;EAAA,2BAAjCC,UAAU;IAAVA,UAAU,gCAAGC,QAAQ,CAACC,IAAI;EAChF,oBAAO,6BAAC,gBAAO;IAAC,IAAI,EAAE,SAAU;IAAC,UAAU,EAAEF;EAAW,EAAG;AAC/D,CAAC;AAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="web" />
|
|
2
|
-
import { FC } from "react";
|
|
3
|
-
interface ParagraphToolbarProps {
|
|
4
|
-
anchorElem?: HTMLElement;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* Toolbar with actions for rich text editing specific for the paragraph element <p>.
|
|
8
|
-
* @param anchorElem
|
|
9
|
-
* @constructor
|
|
10
|
-
*/
|
|
11
|
-
export declare const ParagraphToolbar: FC<ParagraphToolbarProps>;
|
|
12
|
-
export {};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.ParagraphToolbar = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _Toolbar = require("./Toolbar");
|
|
10
|
-
/**
|
|
11
|
-
* Toolbar with actions for rich text editing specific for the paragraph element <p>.
|
|
12
|
-
* @param anchorElem
|
|
13
|
-
* @constructor
|
|
14
|
-
*/
|
|
15
|
-
var ParagraphToolbar = function ParagraphToolbar(_ref) {
|
|
16
|
-
var _ref$anchorElem = _ref.anchorElem,
|
|
17
|
-
anchorElem = _ref$anchorElem === void 0 ? document.body : _ref$anchorElem;
|
|
18
|
-
return /*#__PURE__*/_react.default.createElement(_Toolbar.Toolbar, {
|
|
19
|
-
type: "paragraph",
|
|
20
|
-
anchorElem: anchorElem
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
exports.ParagraphToolbar = ParagraphToolbar;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["ParagraphToolbar","anchorElem","document","body"],"sources":["ParagraphToolbar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Toolbar } from \"~/components/Toolbar/Toolbar\";\n\ninterface ParagraphToolbarProps {\n anchorElem?: HTMLElement;\n}\n\n/**\n * Toolbar with actions for rich text editing specific for the paragraph element <p>.\n * @param anchorElem\n * @constructor\n */\nexport const ParagraphToolbar: FC<ParagraphToolbarProps> = ({ anchorElem = document.body }) => {\n return <Toolbar type={\"paragraph\"} anchorElem={anchorElem} />;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAMA;AACA;AACA;AACA;AACA;AACO,IAAMA,gBAA2C,GAAG,SAA9CA,gBAA2C,OAAuC;EAAA,2BAAjCC,UAAU;IAAVA,UAAU,gCAAGC,QAAQ,CAACC,IAAI;EACpF,oBAAO,6BAAC,gBAAO;IAAC,IAAI,EAAE,WAAY;IAAC,UAAU,EAAEF;EAAW,EAAG;AACjE,CAAC;AAAC"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.HeadingToolbarPreset = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _BoldAction = require("../ToolbarActions/BoldAction");
|
|
10
|
-
var _AddToolbarAction = require("../AddToolbarAction");
|
|
11
|
-
var _ItalicAction = require("../ToolbarActions/ItalicAction");
|
|
12
|
-
var _UnderlineAction = require("../ToolbarActions/UnderlineAction");
|
|
13
|
-
var _CodeHighlightAction = require("../ToolbarActions/CodeHighlightAction");
|
|
14
|
-
var _LinkAction = require("../ToolbarActions/LinkAction");
|
|
15
|
-
var _FontSizeAction = require("../ToolbarActions/FontSizeAction");
|
|
16
|
-
var _Divider = require("../../ui/Divider");
|
|
17
|
-
var _FontColorAction = require("../ToolbarActions/FontColorAction");
|
|
18
|
-
var _TypographyAction = require("../ToolbarActions/TypographyAction");
|
|
19
|
-
var _TextAlignmentAction = require("../ToolbarActions/TextAlignmentAction");
|
|
20
|
-
var HeadingToolbarPreset = function HeadingToolbarPreset() {
|
|
21
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
22
|
-
element: /*#__PURE__*/_react.default.createElement(_FontSizeAction.FontSizeAction, null),
|
|
23
|
-
type: "heading"
|
|
24
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
25
|
-
element: /*#__PURE__*/_react.default.createElement(_FontColorAction.FontColorAction, null),
|
|
26
|
-
type: "heading"
|
|
27
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
28
|
-
element: /*#__PURE__*/_react.default.createElement(_TypographyAction.TypographyAction, null),
|
|
29
|
-
type: "heading"
|
|
30
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
31
|
-
element: /*#__PURE__*/_react.default.createElement(_TextAlignmentAction.TextAlignmentAction, null),
|
|
32
|
-
type: "heading"
|
|
33
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
34
|
-
element: /*#__PURE__*/_react.default.createElement(_Divider.Divider, null),
|
|
35
|
-
type: "heading"
|
|
36
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
37
|
-
element: /*#__PURE__*/_react.default.createElement(_BoldAction.BoldAction, null),
|
|
38
|
-
type: "heading"
|
|
39
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
40
|
-
element: /*#__PURE__*/_react.default.createElement(_ItalicAction.ItalicAction, null),
|
|
41
|
-
type: "heading"
|
|
42
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
43
|
-
element: /*#__PURE__*/_react.default.createElement(_UnderlineAction.UnderlineAction, null),
|
|
44
|
-
type: "heading"
|
|
45
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
46
|
-
element: /*#__PURE__*/_react.default.createElement(_CodeHighlightAction.CodeHighlightAction, null),
|
|
47
|
-
type: "heading"
|
|
48
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
49
|
-
element: /*#__PURE__*/_react.default.createElement(_Divider.Divider, null),
|
|
50
|
-
type: "heading"
|
|
51
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
52
|
-
element: /*#__PURE__*/_react.default.createElement(_LinkAction.LinkAction, null),
|
|
53
|
-
type: "heading"
|
|
54
|
-
}));
|
|
55
|
-
};
|
|
56
|
-
exports.HeadingToolbarPreset = HeadingToolbarPreset;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["HeadingToolbarPreset"],"sources":["HeadingToolbarPreset.tsx"],"sourcesContent":["import React from \"react\";\nimport { BoldAction } from \"~/components/ToolbarActions/BoldAction\";\nimport { AddToolbarAction } from \"~/components/AddToolbarAction\";\nimport { ItalicAction } from \"~/components/ToolbarActions/ItalicAction\";\nimport { UnderlineAction } from \"~/components/ToolbarActions/UnderlineAction\";\nimport { CodeHighlightAction } from \"~/components/ToolbarActions/CodeHighlightAction\";\nimport { LinkAction } from \"~/components/ToolbarActions/LinkAction\";\nimport { FontSizeAction } from \"~/components/ToolbarActions/FontSizeAction\";\nimport { Divider } from \"~/ui/Divider\";\nimport { FontColorAction } from \"~/components/ToolbarActions/FontColorAction\";\nimport { TypographyAction } from \"~/components/ToolbarActions/TypographyAction\";\nimport { TextAlignmentAction } from \"~/components/ToolbarActions/TextAlignmentAction\";\n\nexport const HeadingToolbarPreset = () => {\n return (\n <>\n <AddToolbarAction element={<FontSizeAction />} type={\"heading\"} />\n <AddToolbarAction element={<FontColorAction />} type={\"heading\"} />\n <AddToolbarAction element={<TypographyAction />} type={\"heading\"} />\n <AddToolbarAction element={<TextAlignmentAction />} type={\"heading\"} />\n <AddToolbarAction element={<Divider />} type={\"heading\"} />\n <AddToolbarAction element={<BoldAction />} type={\"heading\"} />\n <AddToolbarAction element={<ItalicAction />} type={\"heading\"} />\n <AddToolbarAction element={<UnderlineAction />} type={\"heading\"} />\n <AddToolbarAction element={<CodeHighlightAction />} type={\"heading\"} />\n <AddToolbarAction element={<Divider />} type={\"heading\"} />\n <AddToolbarAction element={<LinkAction />} type={\"heading\"} />\n </>\n );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoB,GAAS;EACtC,oBACI,yEACI,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,8BAAc,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eAClE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gCAAe,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eACnE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,kCAAgB,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eACpE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,wCAAmB,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eACvE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gBAAO,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eAC3D,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,sBAAU,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eAC9D,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,0BAAY,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eAChE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gCAAe,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eACnE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,wCAAmB,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eACvE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gBAAO,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,eAC3D,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,sBAAU,OAAI;IAAC,IAAI,EAAE;EAAU,EAAG,CAC/D;AAEX,CAAC;AAAC"}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.ParagraphToolbarPreset = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _BoldAction = require("../ToolbarActions/BoldAction");
|
|
10
|
-
var _AddToolbarAction = require("../AddToolbarAction");
|
|
11
|
-
var _ItalicAction = require("../ToolbarActions/ItalicAction");
|
|
12
|
-
var _UnderlineAction = require("../ToolbarActions/UnderlineAction");
|
|
13
|
-
var _CodeHighlightAction = require("../ToolbarActions/CodeHighlightAction");
|
|
14
|
-
var _LinkAction = require("../ToolbarActions/LinkAction");
|
|
15
|
-
var _FontSizeAction = require("../ToolbarActions/FontSizeAction");
|
|
16
|
-
var _Divider = require("../../ui/Divider");
|
|
17
|
-
var _NumberedListAction = require("../ToolbarActions/NumberedListAction");
|
|
18
|
-
var _BulletListAction = require("../ToolbarActions/BulletListAction");
|
|
19
|
-
var _QuoteAction = require("../ToolbarActions/QuoteAction");
|
|
20
|
-
var _FontColorAction = require("../ToolbarActions/FontColorAction");
|
|
21
|
-
var _TypographyAction = require("../ToolbarActions/TypographyAction");
|
|
22
|
-
var _TextAlignmentAction = require("../ToolbarActions/TextAlignmentAction");
|
|
23
|
-
var ParagraphToolbarPreset = function ParagraphToolbarPreset() {
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
25
|
-
element: /*#__PURE__*/_react.default.createElement(_FontSizeAction.FontSizeAction, null),
|
|
26
|
-
type: "paragraph"
|
|
27
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
28
|
-
element: /*#__PURE__*/_react.default.createElement(_FontColorAction.FontColorAction, null),
|
|
29
|
-
type: "paragraph"
|
|
30
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
31
|
-
element: /*#__PURE__*/_react.default.createElement(_TypographyAction.TypographyAction, null),
|
|
32
|
-
type: "paragraph"
|
|
33
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
34
|
-
element: /*#__PURE__*/_react.default.createElement(_TextAlignmentAction.TextAlignmentAction, null),
|
|
35
|
-
type: "paragraph"
|
|
36
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
37
|
-
element: /*#__PURE__*/_react.default.createElement(_Divider.Divider, null),
|
|
38
|
-
type: "paragraph"
|
|
39
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
40
|
-
element: /*#__PURE__*/_react.default.createElement(_BoldAction.BoldAction, null),
|
|
41
|
-
type: "paragraph"
|
|
42
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
43
|
-
element: /*#__PURE__*/_react.default.createElement(_ItalicAction.ItalicAction, null),
|
|
44
|
-
type: "paragraph"
|
|
45
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
46
|
-
element: /*#__PURE__*/_react.default.createElement(_UnderlineAction.UnderlineAction, null),
|
|
47
|
-
type: "paragraph"
|
|
48
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
49
|
-
element: /*#__PURE__*/_react.default.createElement(_CodeHighlightAction.CodeHighlightAction, null),
|
|
50
|
-
type: "paragraph"
|
|
51
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
52
|
-
element: /*#__PURE__*/_react.default.createElement(_Divider.Divider, null),
|
|
53
|
-
type: "paragraph"
|
|
54
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
55
|
-
element: /*#__PURE__*/_react.default.createElement(_NumberedListAction.NumberedListAction, null),
|
|
56
|
-
type: "paragraph"
|
|
57
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
58
|
-
element: /*#__PURE__*/_react.default.createElement(_BulletListAction.BulletListAction, null),
|
|
59
|
-
type: "paragraph"
|
|
60
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
61
|
-
element: /*#__PURE__*/_react.default.createElement(_Divider.Divider, null),
|
|
62
|
-
type: "paragraph"
|
|
63
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
64
|
-
element: /*#__PURE__*/_react.default.createElement(_LinkAction.LinkAction, null),
|
|
65
|
-
type: "paragraph"
|
|
66
|
-
}), /*#__PURE__*/_react.default.createElement(_AddToolbarAction.AddToolbarAction, {
|
|
67
|
-
element: /*#__PURE__*/_react.default.createElement(_QuoteAction.QuoteAction, null),
|
|
68
|
-
type: "paragraph"
|
|
69
|
-
}));
|
|
70
|
-
};
|
|
71
|
-
exports.ParagraphToolbarPreset = ParagraphToolbarPreset;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["ParagraphToolbarPreset"],"sources":["ParagraphToolbarPreset.tsx"],"sourcesContent":["import React from \"react\";\nimport { BoldAction } from \"~/components/ToolbarActions/BoldAction\";\nimport { AddToolbarAction } from \"~/components/AddToolbarAction\";\nimport { ItalicAction } from \"~/components/ToolbarActions/ItalicAction\";\nimport { UnderlineAction } from \"~/components/ToolbarActions/UnderlineAction\";\nimport { CodeHighlightAction } from \"~/components/ToolbarActions/CodeHighlightAction\";\nimport { LinkAction } from \"~/components/ToolbarActions/LinkAction\";\nimport { FontSizeAction } from \"~/components/ToolbarActions/FontSizeAction\";\nimport { Divider } from \"~/ui/Divider\";\nimport { NumberedListAction } from \"~/components/ToolbarActions/NumberedListAction\";\nimport { BulletListAction } from \"~/components/ToolbarActions/BulletListAction\";\nimport { QuoteAction } from \"~/components/ToolbarActions/QuoteAction\";\nimport { FontColorAction } from \"~/components/ToolbarActions/FontColorAction\";\nimport { TypographyAction } from \"~/components/ToolbarActions/TypographyAction\";\nimport { TextAlignmentAction } from \"~/components/ToolbarActions/TextAlignmentAction\";\n\nexport const ParagraphToolbarPreset = () => {\n return (\n <>\n <AddToolbarAction element={<FontSizeAction />} type={\"paragraph\"} />\n <AddToolbarAction element={<FontColorAction />} type={\"paragraph\"} />\n <AddToolbarAction element={<TypographyAction />} type={\"paragraph\"} />\n <AddToolbarAction element={<TextAlignmentAction />} type={\"paragraph\"} />\n <AddToolbarAction element={<Divider />} type={\"paragraph\"} />\n <AddToolbarAction element={<BoldAction />} type={\"paragraph\"} />\n <AddToolbarAction element={<ItalicAction />} type={\"paragraph\"} />\n <AddToolbarAction element={<UnderlineAction />} type={\"paragraph\"} />\n <AddToolbarAction element={<CodeHighlightAction />} type={\"paragraph\"} />\n <AddToolbarAction element={<Divider />} type={\"paragraph\"} />\n <AddToolbarAction element={<NumberedListAction />} type={\"paragraph\"} />\n <AddToolbarAction element={<BulletListAction />} type={\"paragraph\"} />\n <AddToolbarAction element={<Divider />} type={\"paragraph\"} />\n <AddToolbarAction element={<LinkAction />} type={\"paragraph\"} />\n <AddToolbarAction element={<QuoteAction />} type={\"paragraph\"} />\n </>\n );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsB,GAAS;EACxC,oBACI,yEACI,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,8BAAc,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eACpE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gCAAe,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eACrE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,kCAAgB,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eACtE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,wCAAmB,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eACzE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gBAAO,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eAC7D,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,sBAAU,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eAChE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,0BAAY,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eAClE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gCAAe,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eACrE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,wCAAmB,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eACzE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gBAAO,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eAC7D,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,sCAAkB,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eACxE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,kCAAgB,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eACtE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,gBAAO,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eAC7D,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,sBAAU,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,eAChE,6BAAC,kCAAgB;IAAC,OAAO,eAAE,6BAAC,wBAAW,OAAI;IAAC,IAAI,EAAE;EAAY,EAAG,CAClE;AAEX,CAAC;AAAC"}
|