phx-react 1.3.1569 → 1.3.1571

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/bullet.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Bullet;
+var tslib_1 = require("tslib");
+var list_1 = require("@lexical/list");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../../../../types");
+function Bullet(_a) {
+    var editor = _a.editor, isActive = _a.isActive;
+    return (react_1.default.createElement("div", { className: 'flex items-center gap-x-2' },
+        react_1.default.createElement("button", { type: 'button', "data-color-button": 'true', className: (0, types_1.classNames)('p-1 rounded-md duration-200 cursor-pointer', isActive ? 'bg-gray-200' : 'hover:bg-gray-200'), onClick: function () {
+                if (!isActive) {
+                    editor.dispatchCommand(list_1.INSERT_UNORDERED_LIST_COMMAND, undefined);
+                }
+                else {
+                    editor.dispatchCommand(list_1.REMOVE_LIST_COMMAND, undefined);
+                }
+            } },
+            react_1.default.createElement("span", null,
+                react_1.default.createElement("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+                    react_1.default.createElement("path", { d: 'M4 6C4.55228 6 5 5.55228 5 5C5 4.44772 4.55228 4 4 4C3.44772 4 3 4.44772 3 5C3 5.55228 3.44772 6 4 6Z', fill: '#4A4A4A' }),
+                    react_1.default.createElement("path", { d: 'M4 11C4.55228 11 5 10.5523 5 10C5 9.44772 4.55228 9 4 9C3.44772 9 3 9.44772 3 10C3 10.5523 3.44772 11 4 11Z', fill: '#4A4A4A' }),
+                    react_1.default.createElement("path", { d: 'M5 15C5 15.5523 4.55228 16 4 16C3.44772 16 3 15.5523 3 15C3 14.4477 3.44772 14 4 14C4.55228 14 5 14.4477 5 15Z', fill: '#4A4A4A' }),
+                    react_1.default.createElement("path", { d: 'M7.25 4.25C6.83579 4.25 6.5 4.58579 6.5 5C6.5 5.41421 6.83579 5.75 7.25 5.75H16.25C16.6642 5.75 17 5.41421 17 5C17 4.58579 16.6642 4.25 16.25 4.25H7.25Z', fill: '#4A4A4A' }),
+                    react_1.default.createElement("path", { d: 'M6.5 10C6.5 9.58579 6.83579 9.25 7.25 9.25H16.25C16.6642 9.25 17 9.58579 17 10C17 10.4142 16.6642 10.75 16.25 10.75H7.25C6.83579 10.75 6.5 10.4142 6.5 10Z', fill: '#4A4A4A' }),
+                    react_1.default.createElement("path", { d: 'M7.25 14.25C6.83579 14.25 6.5 14.5858 6.5 15C6.5 15.4142 6.83579 15.75 7.25 15.75H16.25C16.6642 15.75 17 15.4142 17 15C17 14.5858 16.6642 14.25 16.25 14.25H7.25Z', fill: '#4A4A4A' }))))));
+}
+//# sourceMappingURL=bullet.js.map

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/bullet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bullet.js","sourceRoot":"","sources":["../../../../../../../src/components/TextEditorV2/plugins/ToolbarPlugin/components/bullet.tsx"],"names":[],"mappings":";;AAKA,yBAiDC;;AAtDD,sCAAkF;AAElF,wDAAyB;AACzB,2CAA8C;AAE9C,SAAwB,MAAM,CAAC,EAAkE;QAAhE,MAAM,YAAA,EAAE,QAAQ,cAAA;IAC/C,OAAO,CACL,uCAAK,SAAS,EAAC,2BAA2B;QACxC,0CACE,IAAI,EAAC,QAAQ,uBACK,MAAM,EACxB,SAAS,EAAE,IAAA,kBAAU,EACnB,4CAA4C,EAC5C,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAC/C,EACD,OAAO,EAAE;gBACP,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACd,MAAM,CAAC,eAAe,CAAC,oCAA6B,EAAE,SAAS,CAAC,CAAA;gBAClE,CAAC;qBAAM,CAAC;oBACN,MAAM,CAAC,eAAe,CAAC,0BAAmB,EAAE,SAAS,CAAC,CAAA;gBACxD,CAAC;YACH,CAAC;YAED;gBACE,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;oBAC5F,wCACE,CAAC,EAAC,uGAAuG,EACzG,IAAI,EAAC,SAAS,GACR;oBACR,wCACE,CAAC,EAAC,6GAA6G,EAC/G,IAAI,EAAC,SAAS,GACR;oBACR,wCACE,CAAC,EAAC,gHAAgH,EAClH,IAAI,EAAC,SAAS,GACR;oBACR,wCACE,CAAC,EAAC,0JAA0J,EAC5J,IAAI,EAAC,SAAS,GACR;oBACR,wCACE,CAAC,EAAC,4JAA4J,EAC9J,IAAI,EAAC,SAAS,GACR;oBACR,wCACE,CAAC,EAAC,mKAAmK,EACrK,IAAI,EAAC,SAAS,GACR,CACJ,CACD,CACA,CACL,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/font-size.d.ts

@@ -0,0 +1,6 @@
+import { LexicalEditor } from 'lexical';
+import React from 'react';
+export default function FontSize({ fontSize, editor }: {
+    fontSize: number;
+    editor: LexicalEditor;
+}): React.JSX.Element;

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/font-size.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FontSize;
+var tslib_1 = require("tslib");
+var lexical_1 = require("lexical");
+var react_1 = tslib_1.__importStar(require("react"));
+var selection_1 = require("@lexical/selection");
+function FontSize(_a) {
+    var fontSize = _a.fontSize, editor = _a.editor;
+    var FONT_SIZES = [12, 14, 16, 18, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96];
+    var ref = (0, react_1.useRef)(null);
+    var _b = (0, react_1.useState)(false), showDropdown = _b[0], setShowDropDown = _b[1];
+    var handleChangeSize = function (nextSize) {
+        editor.update(function () {
+            var selection = (0, lexical_1.$getSelection)();
+            if ((0, lexical_1.$INTERNAL_isPointSelection)(selection)) {
+                (0, selection_1.$patchStyleText)(selection, {
+                    'font-size': "".concat(nextSize, "px"),
+                });
+            }
+        });
+        setShowDropDown(false);
+    };
+    var handleIncre = function (value) {
+        var nextFontSize = fontSize + value;
+        if (nextFontSize < FONT_SIZES[0] || nextFontSize > FONT_SIZES[FONT_SIZES.length - 1]) {
+            return;
+        }
+        handleChangeSize(nextFontSize);
+    };
+    (0, react_1.useEffect)(function () {
+        function handleClickOutside(event) {
+            if (!ref.current)
+                return;
+            if (!ref.current.contains(event.target)) {
+                setShowDropDown(false);
+            }
+        }
+        document.addEventListener('mousedown', handleClickOutside);
+        return function () {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, []);
+    return (react_1.default.createElement("div", { ref: ref, className: 'relative flex' },
+        showDropdown && (react_1.default.createElement("div", { className: 'absolute right-9 top-[110%] z-50 w-16 max-h-60 overflow-auto rounded-md border bg-white shadow' }, FONT_SIZES.map(function (size) {
+            return (react_1.default.createElement("button", { onClick: function () { return handleChangeSize(size); }, key: size, type: 'button', className: 'w-full px-2 py-1 text-left text-[12px] hover:bg-gray-100' },
+                size,
+                "px"));
+        }))),
+        react_1.default.createElement("div", { className: 'flex items-center gap-x-2' },
+            react_1.default.createElement("button", { type: 'button', "data-color-button": 'true', className: 'p-1 rounded-md duration-200  hover:bg-gray-200 cursor-pointer', onClick: function () { return handleIncre(-1); } },
+                react_1.default.createElement("span", null,
+                    react_1.default.createElement("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+                        react_1.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M6 10C6 9.58579 6.33579 9.25 6.75 9.25H13.25C13.6642 9.25 14 9.58579 14 10C14 10.4142 13.6642 10.75 13.25 10.75H6.75C6.33579 10.75 6 10.4142 6 10Z', fill: '#1F2937' }))))),
+        react_1.default.createElement("div", { className: 'flex items-center gap-x-2' },
+            react_1.default.createElement("div", { className: 'relative flex items-center' },
+                react_1.default.createElement("input", { onFocus: function () { return setShowDropDown(true); }, className: 'w-10 p-0 text-xs leading-5 text-center bg-transparent bg-white border-gray-500 rounded-md focus:ring-0 focus:border-gray-500', value: fontSize }))),
+        react_1.default.createElement("div", { className: 'flex items-center gap-x-2' },
+            react_1.default.createElement("button", { type: 'button', "data-color-button": 'true', className: 'p-1 rounded-md duration-200  hover:bg-gray-200 cursor-pointer', onClick: function () { return handleIncre(1); } },
+                react_1.default.createElement("span", null,
+                    react_1.default.createElement("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+                        react_1.default.createElement("path", { d: 'M10.75 6.75C10.75 6.33579 10.4142 6 10 6C9.58579 6 9.25 6.33579 9.25 6.75L9.25 9.25H6.75C6.33579 9.25 6 9.58579 6 10C6 10.4142 6.33579 10.75 6.75 10.75H9.25L9.25 13.25C9.25 13.6642 9.58579 14 10 14C10.4142 14 10.75 13.6642 10.75 13.25V10.75H13.25C13.6642 10.75 14 10.4142 14 10C14 9.58579 13.6642 9.25 13.25 9.25H10.75V6.75Z', fill: '#1F2937' })))),
+            react_1.default.createElement("div", { className: 'w-[1px] h-5 bg-gray-300' }))));
+}
+//# sourceMappingURL=font-size.js.map

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/font-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-size.js","sourceRoot":"","sources":["../../../../../../../src/components/TextEditorV2/plugins/ToolbarPlugin/components/font-size.tsx"],"names":[],"mappings":";;AAIA,2BA4GC;;AAhHD,mCAAkF;AAClF,qDAA0D;AAC1D,gDAAoD;AAEpD,SAAwB,QAAQ,CAAC,EAAiE;QAA/D,QAAQ,cAAA,EAAE,MAAM,YAAA;IACjD,IAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;IAC/F,IAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAElC,IAAA,KAAkC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAA;IACvD,IAAM,gBAAgB,GAAG,UAAC,QAAgB;QACxC,MAAM,CAAC,MAAM,CAAC;YACZ,IAAM,SAAS,GAAQ,IAAA,uBAAa,GAAE,CAAA;YACtC,IAAI,IAAA,oCAA0B,EAAC,SAAS,CAAC,EAAE,CAAC;gBAC1C,IAAA,2BAAe,EAAC,SAAS,EAAE;oBACzB,WAAW,EAAE,UAAG,QAAQ,OAAI;iBAC7B,CAAC,CAAA;YACJ,CAAC;QACH,CAAC,CAAC,CAAA;QACF,eAAe,CAAC,KAAK,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,IAAM,WAAW,GAAG,UAAC,KAAa;QAChC,IAAM,YAAY,GAAG,QAAQ,GAAG,KAAK,CAAA;QACrC,IAAI,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;YACrF,OAAM;QACR,CAAC;QACD,gBAAgB,CAAC,YAAY,CAAC,CAAA;IAChC,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,SAAS,kBAAkB,CAAC,KAAiB;YAC3C,IAAI,CAAC,GAAG,CAAC,OAAO;gBAAE,OAAM;YAExB,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBAChD,eAAe,CAAC,KAAK,CAAC,CAAA;YACxB,CAAC;QACH,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAE1D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC/D,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe;QACrC,YAAY,IAAI,CACf,uCAAK,SAAS,EAAC,gGAAgG,IAC5G,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI;YACnB,OAAO,CACL,0CACE,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,IAAI,CAAC,EAAtB,CAAsB,EACrC,GAAG,EAAE,IAAI,EACT,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0DAA0D;gBAEnE,IAAI;qBACE,CACV,CAAA;QACH,CAAC,CAAC,CACE,CACP;QACD,uCAAK,SAAS,EAAC,2BAA2B;YACxC,0CACE,IAAI,EAAC,QAAQ,uBACK,MAAM,EACxB,SAAS,EAAC,+DAA+D,EACzE,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,CAAC,CAAC,CAAC,EAAf,CAAe;gBAE9B;oBACE,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;wBAC5F,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oJAAoJ,EACtJ,IAAI,EAAC,SAAS,GACR,CACJ,CACD,CACA,CACL;QAEN,uCAAK,SAAS,EAAC,2BAA2B;YACxC,uCAAK,SAAS,EAAC,4BAA4B;gBACzC,yCACE,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,IAAI,CAAC,EAArB,CAAqB,EACpC,SAAS,EAAC,8HAA8H,EACxI,KAAK,EAAE,QAAQ,GACf,CACE,CACF;QACN,uCAAK,SAAS,EAAC,2BAA2B;YACxC,0CACE,IAAI,EAAC,QAAQ,uBACK,MAAM,EACxB,SAAS,EAAC,+DAA+D,EACzE,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,CAAC,CAAC,EAAd,CAAc;gBAE7B;oBACE,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;wBAC5F,wCACE,CAAC,EAAC,sUAAsU,EACxU,IAAI,EAAC,SAAS,GACR,CACJ,CACD,CACA;YACT,uCAAK,SAAS,EAAC,yBAAyB,GAAO,CAC3C,CACF,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/heading.d.ts

@@ -0,0 +1,6 @@
+import { LexicalEditor } from 'lexical';
+import React from 'react';
+export default function HeaderDropdown({ editor, value }: {
+    editor: LexicalEditor;
+    value: string;
+}): React.JSX.Element;

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/heading.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = HeaderDropdown;
+var tslib_1 = require("tslib");
+var lexical_1 = require("lexical");
+var selection_1 = require("@lexical/selection");
+var react_1 = tslib_1.__importDefault(require("react"));
+var rich_text_1 = require("@lexical/rich-text");
+function HeaderDropdown(_a) {
+    var editor = _a.editor, value = _a.value;
+    var listHeading = [
+        {
+            name: 'Văn bản',
+            value: 'paragraph',
+        },
+        {
+            name: 'Tiêu đề 1',
+            value: 'h1',
+        },
+        {
+            name: 'Tiêu đề 2',
+            value: 'h2',
+        },
+        {
+            name: 'Tiêu đề 3',
+            value: 'h3',
+        },
+        {
+            name: 'Tiêu đề 4',
+            value: 'h4',
+        },
+        {
+            name: 'Quote',
+            value: 'quote',
+        },
+    ];
+    var handleChangeFont = function (nextValue) {
+        if (nextValue === 'paragraph') {
+            editor.update(function () {
+                var selection = (0, lexical_1.$getSelection)();
+                if ((0, lexical_1.$INTERNAL_isPointSelection)(selection)) {
+                    (0, selection_1.$setBlocksType)(selection, function () { return (0, lexical_1.$createParagraphNode)(); });
+                }
+            });
+        }
+        else if (nextValue === 'quote') {
+            editor.update(function () {
+                var selection = (0, lexical_1.$getSelection)();
+                if ((0, lexical_1.$INTERNAL_isPointSelection)(selection)) {
+                    (0, selection_1.$setBlocksType)(selection, function () { return (0, rich_text_1.$createQuoteNode)(); });
+                }
+            });
+        }
+        else {
+            editor.update(function () {
+                var selection = (0, lexical_1.$getSelection)();
+                if ((0, lexical_1.$INTERNAL_isPointSelection)(selection)) {
+                    (0, selection_1.$setBlocksType)(selection, function () { return (0, rich_text_1.$createHeadingNode)(nextValue); });
+                }
+            });
+        }
+    };
+    return (react_1.default.createElement("div", { className: 'flex items-center gap-x-2' },
+        react_1.default.createElement("select", { onChange: function (e) {
+                handleChangeFont(e.target.value);
+            }, className: 'w-24 text-xs leading-5 focus:ring-0 bg-transparent border-none rounded-md py-1 px-2 duration-200 cursor-pointer hover:bg-gray-200', value: value }, listHeading.map(function (heading, index) {
+            return (react_1.default.createElement("option", { key: index, value: heading.value }, heading.name));
+        })),
+        react_1.default.createElement("div", { className: 'w-[1px] h-5 bg-gray-300' })));
+}
+//# sourceMappingURL=heading.js.map

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../../../../../src/components/TextEditorV2/plugins/ToolbarPlugin/components/heading.tsx"],"names":[],"mappings":";;AAKA,iCAyEC;;AA9ED,mCAAwG;AACxG,gDAAmD;AACnD,wDAAyB;AACzB,gDAAyF;AAEzF,SAAwB,cAAc,CAAC,EAA2D;QAAzD,MAAM,YAAA,EAAE,KAAK,WAAA;IACpD,IAAM,WAAW,GAAG;QAClB;YACE,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,WAAW;SACnB;QACD;YACE,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,IAAI;SACZ;QACD;YACE,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,IAAI;SACZ;QACD;YACE,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,IAAI;SACZ;QACD;YACE,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,IAAI;SACZ;QACD;YACE,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO;SACf;KACF,CAAA;IAED,IAAM,gBAAgB,GAAG,UAAC,SAAiB;QACzC,IAAI,SAAS,KAAK,WAAW,EAAE,CAAC;YAC9B,MAAM,CAAC,MAAM,CAAC;gBACZ,IAAM,SAAS,GAAQ,IAAA,uBAAa,GAAE,CAAA;gBACtC,IAAI,IAAA,oCAA0B,EAAC,SAAS,CAAC,EAAE,CAAC;oBAC1C,IAAA,0BAAc,EAAC,SAAS,EAAE,cAAM,OAAA,IAAA,8BAAoB,GAAE,EAAtB,CAAsB,CAAC,CAAA;gBACzD,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;aAAM,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;YACjC,MAAM,CAAC,MAAM,CAAC;gBACZ,IAAM,SAAS,GAAQ,IAAA,uBAAa,GAAE,CAAA;gBACtC,IAAI,IAAA,oCAA0B,EAAC,SAAS,CAAC,EAAE,CAAC;oBAC1C,IAAA,0BAAc,EAAC,SAAS,EAAE,cAAM,OAAA,IAAA,4BAAgB,GAAE,EAAlB,CAAkB,CAAC,CAAA;gBACrD,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,MAAM,CAAC;gBACZ,IAAM,SAAS,GAAQ,IAAA,uBAAa,GAAE,CAAA;gBACtC,IAAI,IAAA,oCAA0B,EAAC,SAAS,CAAC,EAAE,CAAC;oBAC1C,IAAA,0BAAc,EAAC,SAAS,EAAE,cAAM,OAAA,IAAA,8BAAkB,EAAC,SAA2B,CAAC,EAA/C,CAA+C,CAAC,CAAA;gBAClF,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,uCAAK,SAAS,EAAC,2BAA2B;QACxC,0CACE,QAAQ,EAAE,UAAC,CAAC;gBACV,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YAClC,CAAC,EACD,SAAS,EAAC,mIAAmI,EAC7I,KAAK,EAAE,KAAK,IAEX,WAAW,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK;YAC9B,OAAO,CACL,0CAAQ,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,IACrC,OAAO,CAAC,IAAI,CACN,CACV,CAAA;QACH,CAAC,CAAC,CACK;QACT,uCAAK,SAAS,EAAC,yBAAyB,GAAO,CAC3C,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/italic-text.d.ts

@@ -0,0 +1,6 @@
+import { LexicalEditor } from 'lexical';
+import React from 'react';
+export default function ItalicText({ editor, isActive }: {
+    editor: LexicalEditor;
+    isActive: boolean;
+}): React.JSX.Element;

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/italic-text.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ItalicText;
+var tslib_1 = require("tslib");
+var lexical_1 = require("lexical");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../../../../types");
+function ItalicText(_a) {
+    var editor = _a.editor, isActive = _a.isActive;
+    return (react_1.default.createElement("div", { className: 'flex items-center gap-x-2' },
+        react_1.default.createElement("button", { type: 'button', "data-color-button": 'true', className: (0, types_1.classNames)('p-1 rounded-md duration-200 cursor-pointer', isActive ? 'bg-gray-200' : 'hover:bg-gray-200'), onClick: function () {
+                editor.dispatchCommand(lexical_1.FORMAT_TEXT_COMMAND, 'italic');
+            } },
+            react_1.default.createElement("span", null,
+                react_1.default.createElement("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+                    react_1.default.createElement("path", { d: 'M7.5 4.25C7.5 3.83579 7.83579 3.5 8.25 3.5H14.25C14.6642 3.5 15 3.83579 15 4.25C15 4.66421 14.6642 5 14.25 5H11.9055L9.6328 15H11.75C12.1642 15 12.5 15.3358 12.5 15.75C12.5 16.1642 12.1642 16.5 11.75 16.5H5.75C5.33579 16.5 5 16.1642 5 15.75C5 15.3358 5.33579 15 5.75 15H8.09455L10.3673 5H8.25C7.83579 5 7.5 4.66421 7.5 4.25Z', fill: '#4A4A4A' }))))));
+}
+//# sourceMappingURL=italic-text.js.map

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/italic-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"italic-text.js","sourceRoot":"","sources":["../../../../../../../src/components/TextEditorV2/plugins/ToolbarPlugin/components/italic-text.tsx"],"names":[],"mappings":";;AAIA,6BAyBC;;AA7BD,mCAA4D;AAC5D,wDAAyB;AACzB,2CAA8C;AAE9C,SAAwB,UAAU,CAAC,EAAkE;QAAhE,MAAM,YAAA,EAAE,QAAQ,cAAA;IACnD,OAAO,CACL,uCAAK,SAAS,EAAC,2BAA2B;QACxC,0CACE,IAAI,EAAC,QAAQ,uBACK,MAAM,EACxB,SAAS,EAAE,IAAA,kBAAU,EACnB,4CAA4C,EAC5C,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAC/C,EACD,OAAO,EAAE;gBACP,MAAM,CAAC,eAAe,CAAC,6BAAmB,EAAE,QAAQ,CAAC,CAAA;YACvD,CAAC;YAED;gBACE,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;oBAC5F,wCACE,CAAC,EAAC,sUAAsU,EACxU,IAAI,EAAC,SAAS,GACR,CACJ,CACD,CACA,CACL,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/link.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { LexicalEditor } from 'lexical';
+export default function Link({ editor }: {
+    editor: LexicalEditor;
+}): React.JSX.Element;

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/link.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Link;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Modal_1 = require("../../../../Modal");
+var Input_1 = require("../../../../Input");
+var url_1 = require("../../../utils/url");
+var link_1 = require("@lexical/link");
+var types_1 = require("../../../../types");
+var urlRegex = /^(https?:\/\/)([\w-]+\.)+[\w-]{2,}(\/[\w-./?%&=]*)?$/i;
+function Link(_a) {
+    var editor = _a.editor;
+    var _b = (0, react_1.useState)(false), show = _b[0], setShow = _b[1];
+    var _c = (0, react_1.useState)(''), link = _c[0], setLink = _c[1];
+    var _d = (0, react_1.useState)(''), errorMess = _d[0], setErrorMess = _d[1];
+    var checkValidUrl = function (url) { return urlRegex.test(url); };
+    var handleConfirm = function () {
+        var isValidUrl = checkValidUrl(link);
+        if (!isValidUrl) {
+            setErrorMess('Đường dẫn không hợp lệ');
+            return;
+        }
+        editor.dispatchCommand(link_1.TOGGLE_LINK_COMMAND, (0, url_1.sanitizeUrl)(link));
+        onHide();
+    };
+    function onHide() {
+        setShow(false);
+        setLink('');
+        setErrorMess('');
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Modal_1.PHXModal, { onSubmit: handleConfirm, onHide: onHide, inCard: false, title: 'Ch\u00E8n \u0111\u01B0\u1EDDng li\u00EAn k\u1EBFt', show: show },
+            react_1.default.createElement(Input_1.PHXInput, { errorMessageCustom: errorMess, error: !!errorMess, errorType: 'custom-message', value: link, onChange: function (e) {
+                    if (errorMess) {
+                        setErrorMess('');
+                    }
+                    setLink(e.target.value);
+                }, label: 'Nh\u1EADp \u0111\u01B0\u1EDDng d\u1EABn', placeholder: 'https://example.com' })),
+        react_1.default.createElement("div", { className: 'flex items-center gap-x-2' },
+            react_1.default.createElement("button", { type: 'button', "data-color-button": 'true', className: (0, types_1.classNames)('p-1 rounded-md duration-200 cursor-pointer hover:bg-gray-200'), onClick: function () { return setShow(true); } },
+                react_1.default.createElement("span", null,
+                    react_1.default.createElement("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+                        react_1.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M15.8423 4.1756C14.3793 2.71263 12.0074 2.71263 10.5444 4.1756L8.42783 6.29218C6.95974 7.76028 6.96391 10.1418 8.43714 11.6048L8.77633 11.9416C9.07025 12.2334 9.54512 12.2318 9.83699 11.9379C10.1289 11.6439 10.1272 11.1691 9.83327 10.8772L9.49408 10.5404C8.61014 9.66262 8.60764 8.2337 9.48849 7.35284L11.6051 5.23626C12.4823 4.35907 13.9045 4.35907 14.7816 5.23626C15.6604 6.11502 15.6586 7.54035 14.7776 8.41687L13.7256 9.4635C13.4319 9.75564 13.4307 10.2305 13.7229 10.5242C14.015 10.8178 14.4899 10.819 14.7835 10.5269L15.8355 9.48024C17.3049 8.01837 17.3079 5.64121 15.8423 4.1756ZM4.17843 15.8456C5.64289 17.31 8.01726 17.31 9.48173 15.8456L11.603 13.7243C13.0675 12.2598 13.0675 9.88543 11.603 8.42096L11.241 8.05895C10.9481 7.76605 10.4733 7.76605 10.1804 8.05895C9.88748 8.35184 9.88748 8.82671 10.1804 9.11961L10.5424 9.48162C11.4211 10.3603 11.4211 11.7849 10.5424 12.6636L8.42107 14.7849C7.54239 15.6636 6.11777 15.6636 5.23909 14.7849C4.36041 13.9062 4.36041 12.4816 5.23909 11.6029L6.30806 10.534C6.60095 10.2411 6.60095 9.7662 6.30806 9.47331C6.01516 9.18042 5.54029 9.18042 5.2474 9.47331L4.17843 10.5423C2.71396 12.0067 2.71396 14.3811 4.17843 15.8456Z', fill: '#4A4A4A' })))))));
+}
+//# sourceMappingURL=link.js.map

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../../../../src/components/TextEditorV2/plugins/ToolbarPlugin/components/link.tsx"],"names":[],"mappings":";;AAUA,uBA6DC;;AAvED,qDAAuC;AACvC,2CAA4C;AAC5C,2CAA4C;AAC5C,0CAAgD;AAChD,sCAAmD;AAEnD,2CAA8C;AAE9C,IAAM,QAAQ,GAAG,uDAAuD,CAAA;AAExE,SAAwB,IAAI,CAAC,EAAqC;QAAnC,MAAM,YAAA;IAC7B,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IACjC,IAAA,KAAkB,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAArC,IAAI,QAAA,EAAE,OAAO,QAAwB,CAAA;IACtC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAvC,SAAS,QAAA,EAAE,YAAY,QAAgB,CAAA;IAC9C,IAAM,aAAa,GAAG,UAAC,GAAW,IAAK,OAAA,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EAAlB,CAAkB,CAAA;IACzD,IAAM,aAAa,GAAG;QACpB,IAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAA;QACtC,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,YAAY,CAAC,wBAAwB,CAAC,CAAA;YAEtC,OAAM;QACR,CAAC;QAED,MAAM,CAAC,eAAe,CAAC,0BAAmB,EAAE,IAAA,iBAAW,EAAC,IAAI,CAAC,CAAC,CAAA;QAC9D,MAAM,EAAE,CAAA;IACV,CAAC,CAAA;IACD,SAAS,MAAM;QACb,OAAO,CAAC,KAAK,CAAC,CAAA;QACd,OAAO,CAAC,EAAE,CAAC,CAAA;QACX,YAAY,CAAC,EAAE,CAAC,CAAA;IAClB,CAAC;IACD,OAAO,CACL;QACE,8BAAC,gBAAQ,IAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAC,mDAAqB,EAAC,IAAI,EAAE,IAAI;YACtG,8BAAC,gBAAQ,IACP,kBAAkB,EAAE,SAAS,EAC7B,KAAK,EAAE,CAAC,CAAC,SAAS,EAClB,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,UAAC,CAAC;oBACV,IAAI,SAAS,EAAE,CAAC;wBACd,YAAY,CAAC,EAAE,CAAC,CAAA;oBAClB,CAAC;oBACD,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACzB,CAAC,EACD,KAAK,EAAC,yCAAgB,EACtB,WAAW,EAAC,qBAAqB,GACjC,CACO;QAEX,uCAAK,SAAS,EAAC,2BAA2B;YACxC,0CACE,IAAI,EAAC,QAAQ,uBACK,MAAM,EACxB,SAAS,EAAE,IAAA,kBAAU,EAAC,8DAA8D,CAAC,EACrF,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa;gBAE5B;oBACE,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;wBAC5F,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mpCAAmpC,EACrpC,IAAI,EAAC,SAAS,GACR,CACJ,CACD,CACA,CACL,CACL,CACJ,CAAA;AACH,CAAC"}

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/number-bullet.d.ts

@@ -0,0 +1,6 @@
+import { LexicalEditor } from 'lexical';
+import React from 'react';
+export default function NumberBullet({ editor, isActive }: {
+    editor: LexicalEditor;
+    isActive: boolean;
+}): React.JSX.Element;

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/number-bullet.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = NumberBullet;
+var tslib_1 = require("tslib");
+var list_1 = require("@lexical/list");
+var react_1 = tslib_1.__importDefault(require("react"));
+function NumberBullet(_a) {
+    var editor = _a.editor, isActive = _a.isActive;
+    return (react_1.default.createElement("div", { className: 'flex items-center gap-x-2' },
+        react_1.default.createElement("button", { type: 'button', "data-color-button": 'true', className: 'p-1 rounded-md duration-200  hover:bg-gray-200 cursor-pointer', onClick: function () {
+                if (!isActive) {
+                    editor.dispatchCommand(list_1.INSERT_ORDERED_LIST_COMMAND, undefined);
+                }
+                else {
+                    editor.dispatchCommand(list_1.REMOVE_LIST_COMMAND, undefined);
+                }
+            } },
+            react_1.default.createElement("span", null,
+                react_1.default.createElement("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+                    react_1.default.createElement("path", { d: 'M3.75003 3.38027L3.55003 3.53027C3.32912 3.69595 3.01571 3.65118 2.85003 3.43027C2.68434 3.20935 2.72912 2.89595 2.95003 2.73027L3.55003 2.28027C4.04446 1.90945 4.75003 2.26223 4.75003 2.88027V5.88027H5.25003C5.52617 5.88027 5.75003 6.10413 5.75003 6.38027C5.75003 6.65641 5.52617 6.88027 5.25003 6.88027H3.25003C2.97389 6.88027 2.75003 6.65641 2.75003 6.38027C2.75003 6.10413 2.97389 5.88027 3.25003 5.88027H3.75003V3.38027Z', fill: '#4A4A4A' }),
+                    react_1.default.createElement("path", { d: 'M7.75003 4.25C7.33582 4.25 7.00003 4.58579 7.00003 5C7.00003 5.41421 7.33582 5.75 7.75003 5.75H16.25C16.6642 5.75 17 5.41421 17 5C17 4.58579 16.6642 4.25 16.25 4.25H7.75003Z', fill: '#4A4A4A' }),
+                    react_1.default.createElement("path", { d: 'M7.75003 9.25C7.33582 9.25 7.00003 9.58579 7.00003 10C7.00003 10.4142 7.33582 10.75 7.75003 10.75H16.25C16.6642 10.75 17 10.4142 17 10C17 9.58579 16.6642 9.25 16.25 9.25H7.75003Z', fill: '#4A4A4A' }),
+                    react_1.default.createElement("path", { d: 'M7.00003 15C7.00003 14.5858 7.33582 14.25 7.75003 14.25H16.25C16.6642 14.25 17 14.5858 17 15C17 15.4142 16.6642 15.75 16.25 15.75H7.75003C7.33582 15.75 7.00003 15.4142 7.00003 15Z', fill: '#4A4A4A' }),
+                    react_1.default.createElement("path", { d: 'M4.25003 7.75C3.4216 7.75 2.75003 8.42157 2.75003 9.25C2.75003 9.52614 2.97389 9.75 3.25003 9.75C3.52617 9.75 3.75003 9.52614 3.75003 9.25C3.75003 8.97386 3.97389 8.75 4.25003 8.75C4.52617 8.75 4.75003 8.97386 4.75003 9.25V9.30093C4.75003 9.44375 4.68896 9.57975 4.58221 9.67464L3.15931 10.9394C2.64387 11.3976 2.96794 12.25 3.65758 12.25H5.25003C5.52617 12.25 5.75003 12.0261 5.75003 11.75C5.75003 11.4739 5.52617 11.25 5.25003 11.25H4.31513L5.24658 10.422C5.56681 10.1374 5.75003 9.72939 5.75003 9.30093V9.25C5.75003 8.42157 5.07846 7.75 4.25003 7.75Z', fill: '#4A4A4A' }),
+                    react_1.default.createElement("path", { d: 'M3.25003 13.1299C2.97389 13.1299 2.75003 13.3537 2.75003 13.6299C2.75003 13.906 2.97389 14.1299 3.25003 14.1299H4.43759C4.60389 14.1299 4.75003 14.2714 4.75003 14.4502C4.75003 14.6283 4.65537 14.7914 4.51063 14.8799H3.75003C3.47389 14.8799 3.25003 15.1037 3.25003 15.3799C3.25003 15.656 3.47389 15.8799 3.75003 15.8799H4.51063C4.65537 15.9684 4.75003 16.1315 4.75003 16.3096C4.75003 16.4884 4.60389 16.6299 4.43759 16.6299H3.25003C2.97389 16.6299 2.75003 16.8537 2.75003 17.1299C2.75003 17.406 2.97389 17.6299 3.25003 17.6299H4.43759C5.16869 17.6299 5.75003 17.0281 5.75003 16.3096C5.75003 15.9674 5.63301 15.6407 5.42872 15.3799C5.63301 15.1191 5.75003 14.7924 5.75003 14.4502C5.75003 13.7317 5.16869 13.1299 4.43759 13.1299H3.25003Z', fill: '#4A4A4A' })))),
+        react_1.default.createElement("div", { className: 'w-[1px] h-5 bg-gray-300' })));
+}
+//# sourceMappingURL=number-bullet.js.map

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/number-bullet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-bullet.js","sourceRoot":"","sources":["../../../../../../../src/components/TextEditorV2/plugins/ToolbarPlugin/components/number-bullet.tsx"],"names":[],"mappings":";;AAIA,+BA+CC;;AAnDD,sCAAgF;AAEhF,wDAAyB;AAEzB,SAAwB,YAAY,CAAC,EAAkE;QAAhE,MAAM,YAAA,EAAE,QAAQ,cAAA;IACrD,OAAO,CACL,uCAAK,SAAS,EAAC,2BAA2B;QACxC,0CACE,IAAI,EAAC,QAAQ,uBACK,MAAM,EACxB,SAAS,EAAC,+DAA+D,EACzE,OAAO,EAAE;gBACP,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACd,MAAM,CAAC,eAAe,CAAC,kCAA2B,EAAE,SAAS,CAAC,CAAA;gBAChE,CAAC;qBAAM,CAAC;oBACN,MAAM,CAAC,eAAe,CAAC,0BAAmB,EAAE,SAAS,CAAC,CAAA;gBACxD,CAAC;YACH,CAAC;YAED;gBACE,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;oBAC5F,wCACE,CAAC,EAAC,2aAA2a,EAC7a,IAAI,EAAC,SAAS,GACR;oBACR,wCACE,CAAC,EAAC,+KAA+K,EACjL,IAAI,EAAC,SAAS,GACR;oBACR,wCACE,CAAC,EAAC,oLAAoL,EACtL,IAAI,EAAC,SAAS,GACR;oBACR,wCACE,CAAC,EAAC,qLAAqL,EACvL,IAAI,EAAC,SAAS,GACR;oBACR,wCACE,CAAC,EAAC,2iBAA2iB,EAC7iB,IAAI,EAAC,SAAS,GACR;oBACR,wCACE,CAAC,EAAC,guBAAguB,EACluB,IAAI,EAAC,SAAS,GACR,CACJ,CACD,CACA;QACT,uCAAK,SAAS,EAAC,yBAAyB,GAAO,CAC3C,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/text-align.d.ts

@@ -0,0 +1,6 @@
+import { ElementFormatType, LexicalEditor } from 'lexical';
+import React from 'react';
+export default function TextAlign({ editor, value }: {
+    editor: LexicalEditor;
+    value: ElementFormatType;
+}): React.JSX.Element;

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/text-align.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TextAlign;
+var tslib_1 = require("tslib");
+var lexical_1 = require("lexical");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../../../../types");
+function TextAlign(_a) {
+    var editor = _a.editor, value = _a.value;
+    var data = [
+        {
+            icon: (react_1.default.createElement("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+                react_1.default.createElement("path", { d: 'M3.75 4C3.33579 4 3 4.33579 3 4.75C3 5.16421 3.33579 5.5 3.75 5.5H16.25C16.6642 5.5 17 5.16421 17 4.75C17 4.33579 16.6642 4 16.25 4H3.75Z', fill: '#4A4A4A' }),
+                react_1.default.createElement("path", { d: 'M4 7.5C3.58579 7.5 3.25 7.83579 3.25 8.25C3.25 8.66421 3.58579 9 4 9H12C12.4142 9 12.75 8.66421 12.75 8.25C12.75 7.83579 12.4142 7.5 12 7.5H4Z', fill: '#4A4A4A' }),
+                react_1.default.createElement("path", { d: 'M3 11.75C3 11.3358 3.33579 11 3.75 11H16.25C16.6642 11 17 11.3358 17 11.75C17 12.1642 16.6642 12.5 16.25 12.5H3.75C3.33579 12.5 3 12.1642 3 11.75Z', fill: '#4A4A4A' }),
+                react_1.default.createElement("path", { d: 'M4 14.5C3.58579 14.5 3.25 14.8358 3.25 15.25C3.25 15.6642 3.58579 16 4 16H12C12.4142 16 12.75 15.6642 12.75 15.25C12.75 14.8358 12.4142 14.5 12 14.5H4Z', fill: '#4A4A4A' }))),
+            value: 'left',
+        },
+        {
+            icon: (react_1.default.createElement("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+                react_1.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M3 4.75C3 4.33579 3.33579 4 3.75 4H16.25C16.6642 4 17 4.33579 17 4.75C17 5.16421 16.6642 5.5 16.25 5.5H3.75C3.33579 5.5 3 5.16421 3 4.75Z', fill: '#4A4A4A' }),
+                react_1.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M5.25 8.25C5.25 7.83579 5.58579 7.5 6 7.5H14C14.4142 7.5 14.75 7.83579 14.75 8.25C14.75 8.66421 14.4142 9 14 9H6C5.58579 9 5.25 8.66421 5.25 8.25Z', fill: '#4A4A4A' }),
+                react_1.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M3 11.75C3 11.3358 3.33579 11 3.75 11H16.25C16.6642 11 17 11.3358 17 11.75C17 12.1642 16.6642 12.5 16.25 12.5H3.75C3.33579 12.5 3 12.1642 3 11.75Z', fill: '#4A4A4A' }),
+                react_1.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M5.25 15.25C5.25 14.8358 5.58579 14.5 6 14.5H14C14.4142 14.5 14.75 14.8358 14.75 15.25C14.75 15.6642 14.4142 16 14 16H6C5.58579 16 5.25 15.6642 5.25 15.25Z', fill: '#4A4A4A' }))),
+            value: 'center',
+        },
+        {
+            icon: (react_1.default.createElement("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+                react_1.default.createElement("path", { d: 'M3.75 4C3.33579 4 3 4.33579 3 4.75C3 5.16421 3.33579 5.5 3.75 5.5H16.25C16.6642 5.5 17 5.16421 17 4.75C17 4.33579 16.6642 4 16.25 4H3.75Z', fill: '#4A4A4A' }),
+                react_1.default.createElement("path", { d: 'M8.25 7.5C7.83579 7.5 7.5 7.83579 7.5 8.25C7.5 8.66421 7.83579 9 8.25 9H16.25C16.6642 9 17 8.66421 17 8.25C17 7.83579 16.6642 7.5 16.25 7.5H8.25Z', fill: '#4A4A4A' }),
+                react_1.default.createElement("path", { d: 'M3 11.75C3 11.3358 3.33579 11 3.75 11H16.25C16.6642 11 17 11.3358 17 11.75C17 12.1642 16.6642 12.5 16.25 12.5H3.75C3.33579 12.5 3 12.1642 3 11.75Z', fill: '#4A4A4A' }),
+                react_1.default.createElement("path", { d: 'M8.25 14.5C7.83579 14.5 7.5 14.8358 7.5 15.25C7.5 15.6642 7.83579 16 8.25 16H16.25C16.6642 16 17 15.6642 17 15.25C17 14.8358 16.6642 14.5 16.25 14.5H8.25Z', fill: '#4A4A4A' }))),
+            value: 'right',
+        },
+        {
+            icon: (react_1.default.createElement("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+                react_1.default.createElement("path", { d: 'M3.75 4C3.33579 4 3 4.33579 3 4.75C3 5.16421 3.33579 5.5 3.75 5.5H16.25C16.6642 5.5 17 5.16421 17 4.75C17 4.33579 16.6642 4 16.25 4H3.75Z', fill: '#4A4A4A' }),
+                react_1.default.createElement("path", { d: 'M3.75 7.5C3.33579 7.5 3 7.83579 3 8.25C3 8.66421 3.33579 9 3.75 9H16.25C16.6642 9 17 8.66421 17 8.25C17 7.83579 16.6642 7.5 16.25 7.5H3.75Z', fill: '#4A4A4A' }),
+                react_1.default.createElement("path", { d: 'M3 11.75C3 11.3358 3.33579 11 3.75 11H16.25C16.6642 11 17 11.3358 17 11.75C17 12.1642 16.6642 12.5 16.25 12.5H3.75C3.33579 12.5 3 12.1642 3 11.75Z', fill: '#4A4A4A' }),
+                react_1.default.createElement("path", { d: 'M3.75 14.5C3.33579 14.5 3 14.8358 3 15.25C3 15.6642 3.33579 16 3.75 16H16.25C16.6642 16 17 15.6642 17 15.25C17 14.8358 16.6642 14.5 16.25 14.5H3.75Z', fill: '#4A4A4A' }))),
+            value: 'justify',
+        },
+    ];
+    return (react_1.default.createElement("div", { className: 'flex items-center gap-x-2' },
+        data.map(function (button, index) {
+            return (react_1.default.createElement("button", { key: index, type: 'button', "data-color-button": 'true', className: (0, types_1.classNames)('p-1 rounded-md duration-200 cursor-pointer', value === button.value ? 'bg-gray-200' : 'hover:bg-gray-200'), onClick: function () {
+                    editor.dispatchCommand(lexical_1.FORMAT_ELEMENT_COMMAND, button.value);
+                } }, button.icon));
+        }),
+        react_1.default.createElement("div", { className: 'w-[1px] h-5 bg-gray-300' })));
+}
+//# sourceMappingURL=text-align.js.map

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/text-align.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-align.js","sourceRoot":"","sources":["../../../../../../../src/components/TextEditorV2/plugins/ToolbarPlugin/components/text-align.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/text-color.d.ts

@@ -0,0 +1,6 @@
+import { LexicalEditor } from 'lexical';
+import React from 'react';
+export default function TextColor({ color, editor }: {
+    color: string;
+    editor: LexicalEditor;
+}): React.JSX.Element;

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/text-color.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TextColor;
+var tslib_1 = require("tslib");
+var lexical_1 = require("lexical");
+var react_1 = tslib_1.__importStar(require("react"));
+var selection_1 = require("@lexical/selection");
+function TextColor(_a) {
+    var color = _a.color, editor = _a.editor;
+    var colorPickerRef = (0, react_1.useRef)(null);
+    return (react_1.default.createElement("div", { className: 'flex items-center gap-x-2 relative' },
+        react_1.default.createElement("input", { className: 'opacity-0 top-2.5 absolute', ref: colorPickerRef, type: 'color', value: color, onChange: function (e) {
+                editor.update(function () {
+                    var selection = (0, lexical_1.$getSelection)();
+                    if ((0, lexical_1.$INTERNAL_isPointSelection)(selection)) {
+                        (0, selection_1.$patchStyleText)(selection, { color: e.target.value });
+                    }
+                });
+            } }),
+        react_1.default.createElement("button", { type: 'button', "data-color-button": 'true', className: 'p-1 z-10 rounded-md duration-200  hover:bg-gray-200 cursor-pointer', onClick: function () { var _a; return (_a = colorPickerRef.current) === null || _a === void 0 ? void 0 : _a.click(); } },
+            react_1.default.createElement("span", null,
+                react_1.default.createElement("svg", { width: '36', height: '20', viewBox: '0 0 36 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+                    react_1.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M9.99992 3C10.2968 2.99999 10.5658 3.17515 10.6859 3.44672L14.8862 12.9467C15.0537 13.3256 14.8824 13.7684 14.5035 13.9359C14.1247 14.1034 13.6818 13.9321 13.5143 13.5533L12.1643 10.5H7.83596L6.4862 13.5532C6.31872 13.9321 5.87584 14.1034 5.49699 13.936C5.11815 13.7685 4.9468 13.3256 5.11428 12.9468L9.31398 3.44675C9.43404 3.17518 9.703 3.00001 9.99992 3ZM9.99999 5.60482L11.5011 9H8.49907L9.99999 5.60482Z', fill: '#4A4A4A' }),
+                    react_1.default.createElement("path", { d: 'M3.82495 15.5C3.41074 15.5 3.07495 15.8358 3.07495 16.25C3.07495 16.6642 3.41074 17 3.82495 17H16.175C16.5892 17 16.925 16.6642 16.925 16.25C16.925 15.8358 16.5892 15.5 16.175 15.5H3.82495Z', fill: '#4A4A4A' }),
+                    react_1.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M24.5758 8.77574C24.8101 8.54143 25.19 8.54143 25.4243 8.77574L28.2 11.5515L30.9758 8.77574C31.2101 8.54143 31.59 8.54143 31.8243 8.77574C32.0586 9.01006 32.0586 9.38996 31.8243 9.62427L28.6243 12.8243C28.39 13.0586 28.0101 13.0586 27.7758 12.8243L24.5758 9.62427C24.3414 9.38996 24.3414 9.01006 24.5758 8.77574Z', fill: '#4A4A4A' })))),
+        react_1.default.createElement("div", { className: 'w-[1px] h-5 bg-gray-300' })));
+}
+//# sourceMappingURL=text-color.js.map

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/text-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-color.js","sourceRoot":"","sources":["../../../../../../../src/components/TextEditorV2/plugins/ToolbarPlugin/components/text-color.tsx"],"names":[],"mappings":";;AAIA,4BAiDC;;AArDD,mCAAkF;AAClF,qDAAqC;AACrC,gDAAoD;AAEpD,SAAwB,SAAS,CAAC,EAA2D;QAAzD,KAAK,WAAA,EAAE,MAAM,YAAA;IAC/C,IAAM,cAAc,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IACrD,OAAO,CACL,uCAAK,SAAS,EAAC,oCAAoC;QACjD,yCACE,SAAS,EAAC,4BAA4B,EACtC,GAAG,EAAE,cAAc,EACnB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,CAAC;gBACV,MAAM,CAAC,MAAM,CAAC;oBACZ,IAAM,SAAS,GAAQ,IAAA,uBAAa,GAAE,CAAA;oBACtC,IAAI,IAAA,oCAA0B,EAAC,SAAS,CAAC,EAAE,CAAC;wBAC1C,IAAA,2BAAe,EAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAA;oBACvD,CAAC;gBACH,CAAC,CAAC,CAAA;YACJ,CAAC,GACD;QAEF,0CACE,IAAI,EAAC,QAAQ,uBACK,MAAM,EACxB,SAAS,EAAC,oEAAoE,EAC9E,OAAO,EAAE,sBAAM,OAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA;YAE9C;gBACE,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;oBAC5F,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0ZAA0Z,EAC5Z,IAAI,EAAC,SAAS,GACR;oBACR,wCACE,CAAC,EAAC,+LAA+L,EACjM,IAAI,EAAC,SAAS,GACR;oBACR,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0TAA0T,EAC5T,IAAI,EAAC,SAAS,GACR,CACJ,CACD,CACA;QACT,uCAAK,SAAS,EAAC,yBAAyB,GAAO,CAC3C,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/underline-text.d.ts

@@ -0,0 +1,6 @@
+import { LexicalEditor } from 'lexical';
+import React from 'react';
+export default function UnderlineText({ editor, isActive }: {
+    editor: LexicalEditor;
+    isActive: boolean;
+}): React.JSX.Element;

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/underline-text.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = UnderlineText;
+var tslib_1 = require("tslib");
+var lexical_1 = require("lexical");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../../../../types");
+function UnderlineText(_a) {
+    var editor = _a.editor, isActive = _a.isActive;
+    return (react_1.default.createElement("div", { className: 'flex items-center gap-x-2' },
+        react_1.default.createElement("button", { type: 'button', "data-color-button": 'true', className: (0, types_1.classNames)('p-1 rounded-md duration-200 cursor-pointer', isActive ? 'bg-gray-200' : 'hover:bg-gray-200'), onClick: function () {
+                editor.dispatchCommand(lexical_1.FORMAT_TEXT_COMMAND, 'underline');
+            } },
+            react_1.default.createElement("span", null,
+                react_1.default.createElement("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+                    react_1.default.createElement("path", { d: 'M7.25 3.75C7.25 3.33579 6.91421 3 6.5 3C6.08579 3 5.75 3.33579 5.75 3.75V9.75C5.75 12.0972 7.65279 14 10 14C12.3472 14 14.25 12.0972 14.25 9.75V3.75C14.25 3.33579 13.9142 3 13.5 3C13.0858 3 12.75 3.33579 12.75 3.75V9.75C12.75 11.2688 11.5188 12.5 10 12.5C8.48122 12.5 7.25 11.2688 7.25 9.75V3.75Z', fill: '#4A4A4A' }),
+                    react_1.default.createElement("path", { d: 'M4.75 15.5C4.33579 15.5 4 15.8358 4 16.25C4 16.6642 4.33579 17 4.75 17H15.25C15.6642 17 16 16.6642 16 16.25C16 15.8358 15.6642 15.5 15.25 15.5H4.75Z', fill: '#4A4A4A' }))))));
+}
+//# sourceMappingURL=underline-text.js.map

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/underline-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"underline-text.js","sourceRoot":"","sources":["../../../../../../../src/components/TextEditorV2/plugins/ToolbarPlugin/components/underline-text.tsx"],"names":[],"mappings":";;AAIA,gCA6BC;;AAjCD,mCAA4D;AAC5D,wDAAyB;AACzB,2CAA8C;AAE9C,SAAwB,aAAa,CAAC,EAAkE;QAAhE,MAAM,YAAA,EAAE,QAAQ,cAAA;IACtD,OAAO,CACL,uCAAK,SAAS,EAAC,2BAA2B;QACxC,0CACE,IAAI,EAAC,QAAQ,uBACK,MAAM,EACxB,SAAS,EAAE,IAAA,kBAAU,EACnB,4CAA4C,EAC5C,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAC/C,EACD,OAAO,EAAE;gBACP,MAAM,CAAC,eAAe,CAAC,6BAAmB,EAAE,WAAW,CAAC,CAAA;YAC1D,CAAC;YAED;gBACE,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;oBAC5F,wCACE,CAAC,EAAC,0SAA0S,EAC5S,IAAI,EAAC,SAAS,GACR;oBACR,wCACE,CAAC,EAAC,sJAAsJ,EACxJ,IAAI,EAAC,SAAS,GACR,CACJ,CACD,CACA,CACL,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/upload-image.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { LexicalEditor } from 'lexical';
+export default function UploadImage({ apiCdnUpload, editor }: {
+    apiCdnUpload: string;
+    editor: LexicalEditor;
+}): React.JSX.Element;

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/upload-image.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = UploadImage;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Modal_1 = require("../../../../Modal");
+var UploadFile_1 = require("../../../../UploadFile");
+var ImagesPlugin_1 = require("../../ImagesPlugin");
+function UploadImage(_a) {
+    var apiCdnUpload = _a.apiCdnUpload, editor = _a.editor;
+    var _b = (0, react_1.useState)(false), showModal = _b[0], setShowModal = _b[1];
+    var _c = (0, react_1.useState)(''), fileName = _c[0], setFileName = _c[1];
+    var _d = (0, react_1.useState)(''), linkCdn = _d[0], setCdnLink = _d[1];
+    var handleListenUpload = function (fileUpload, cdnLink) {
+        setFileName(fileUpload.name);
+        setCdnLink(cdnLink[0]);
+    };
+    function onHide() {
+        setShowModal(false);
+        setCdnLink('');
+        setFileName('');
+    }
+    function onSubmit() {
+        editor.dispatchCommand(ImagesPlugin_1.INSERT_IMAGE_COMMAND, {
+            altText: 'photo',
+            showCaption: false,
+            src: linkCdn,
+        });
+        onHide();
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Modal_1.PHXModal, { disableSubmit: !linkCdn, inCard: false, onSubmit: onSubmit, show: showModal, title: 'Ch\u00E8n h\u00ECnh \u1EA3nh', onHide: onHide },
+            react_1.default.createElement(UploadFile_1.PHXUploadFile, { defaultLink: [linkCdn], basePath: '', apiCdnUpload: apiCdnUpload, handleListenUpload: handleListenUpload, fileName: fileName, moduleId: 'image', projectId: 'phx-rich-text', fileType: 'image', oneImg: true })),
+        react_1.default.createElement("div", { className: 'flex items-center gap-x-2' },
+            react_1.default.createElement("button", { type: 'button', "data-color-button": 'true', className: 'p-1 rounded-md duration-200  hover:bg-gray-200 cursor-pointer', onClick: function () { return setShowModal(true); } },
+                react_1.default.createElement("span", null,
+                    react_1.default.createElement("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+                        react_1.default.createElement("path", { d: 'M12.5 9C13.3284 9 14 8.32843 14 7.5C14 6.67157 13.3284 6 12.5 6C11.6716 6 11 6.67157 11 7.5C11 8.32843 11.6716 9 12.5 9Z', fill: '#4A4A4A' }),
+                        react_1.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M9.0179 3.5H10.9821C11.7949 3.49999 12.4506 3.49999 12.9815 3.54336C13.5281 3.58803 14.0082 3.68239 14.4525 3.90873C15.1581 4.26825 15.7317 4.84193 16.0913 5.54754C16.3176 5.99175 16.412 6.4719 16.4566 7.01853C16.5 7.54944 16.5 8.20505 16.5 9.01788V10.9821C16.5 11.795 16.5 12.4506 16.4566 12.9815C16.412 13.5281 16.3176 14.0082 16.0913 14.4525C15.7317 15.1581 15.1581 15.7317 14.4525 16.0913C14.0082 16.3176 13.5281 16.412 12.9815 16.4566C12.4506 16.5 11.795 16.5 10.9821 16.5H9.01788C8.20505 16.5 7.54944 16.5 7.01853 16.4566C6.4719 16.412 5.99175 16.3176 5.54754 16.0913C4.84193 15.7317 4.26825 15.1581 3.90873 14.4525C3.68239 14.0082 3.58803 13.5281 3.54336 12.9815C3.49999 12.4506 3.49999 11.7949 3.5 10.9821V9.0179C3.49999 8.20506 3.49999 7.54944 3.54336 7.01853C3.58803 6.4719 3.68239 5.99175 3.90873 5.54754C4.26825 4.84193 4.84193 4.26825 5.54754 3.90873C5.99175 3.68239 6.4719 3.58803 7.01853 3.54336C7.54944 3.49999 8.20506 3.49999 9.0179 3.5ZM7.14068 5.03838C6.68681 5.07547 6.42604 5.1446 6.22852 5.24524C5.80516 5.46095 5.46095 5.80516 5.24524 6.22852C5.1446 6.42604 5.07547 6.68681 5.03838 7.14068C5.00058 7.60331 5 8.19755 5 9.05V10.4785L5.7228 9.61114C6.38159 8.82059 7.57697 8.76637 8.30462 9.49402L11 12.1894L12.1796 11.0097C12.9172 10.2722 14.132 10.3395 14.7836 11.154L14.9997 11.424C15 11.2754 15 11.1177 15 10.95V9.05C15 8.19755 14.9994 7.60331 14.9616 7.14068C14.9245 6.68681 14.8554 6.42604 14.7548 6.22852C14.539 5.80516 14.1948 5.46095 13.7715 5.24524C13.574 5.1446 13.3132 5.07547 12.8593 5.03838C12.3967 5.00058 11.8025 5 10.95 5H9.05C8.19755 5 7.60331 5.00058 7.14068 5.03838ZM5.03838 12.8593C5.03622 12.8328 5.03417 12.8059 5.03225 12.7785C5.04743 12.7632 5.06209 12.7471 5.07615 12.7302L6.87513 10.5714C6.96924 10.4585 7.14001 10.4507 7.24396 10.5547L10.4697 13.7804C10.7626 14.0733 11.2374 14.0733 11.5303 13.7804L13.2403 12.0704C13.3457 11.965 13.5192 11.9747 13.6123 12.091L14.8252 13.6071C14.8037 13.6674 14.7803 13.7214 14.7548 13.7715C14.539 14.1948 14.1948 14.539 13.7715 14.7548C13.574 14.8554 13.3132 14.9245 12.8593 14.9616C12.3967 14.9994 11.8025 15 10.95 15H9.05C8.19755 15 7.60331 14.9994 7.14068 14.9616C6.68681 14.9245 6.42604 14.8554 6.22852 14.7548C5.80516 14.539 5.46095 14.1948 5.24524 13.7715C5.1446 13.574 5.07547 13.3132 5.03838 12.8593Z', fill: '#4A4A4A' })))))));
+}
+//# sourceMappingURL=upload-image.js.map

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/upload-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-image.js","sourceRoot":"","sources":["../../../../../../../src/components/TextEditorV2/plugins/ToolbarPlugin/components/upload-image.tsx"],"names":[],"mappings":";;AAMA,8BAwEC;;AA9ED,qDAAuC;AACvC,2CAA4C;AAC5C,qDAAsD;AAEtD,mDAAyD;AAEzD,SAAwB,WAAW,CAAC,EAAyE;QAAvE,YAAY,kBAAA,EAAE,MAAM,YAAA;IAClD,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAC3C,IAAA,KAA0B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAArC,QAAQ,QAAA,EAAE,WAAW,QAAgB,CAAA;IACtC,IAAA,KAAwB,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAA3C,OAAO,QAAA,EAAE,UAAU,QAAwB,CAAA;IAElD,IAAM,kBAAkB,GAAG,UAAC,UAAe,EAAE,OAAsB;QACjE,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QAC5B,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,SAAS,MAAM;QACb,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,UAAU,CAAC,EAAE,CAAC,CAAA;QACd,WAAW,CAAC,EAAE,CAAC,CAAA;IACjB,CAAC;IAED,SAAS,QAAQ;QACf,MAAM,CAAC,eAAe,CAAC,mCAAoB,EAAE;YAC3C,OAAO,EAAE,OAAO;YAChB,WAAW,EAAE,KAAK;YAClB,GAAG,EAAE,OAAO;SACb,CAAC,CAAA;QACF,MAAM,EAAE,CAAA;IACV,CAAC;IAED,OAAO,CACL;QACE,8BAAC,gBAAQ,IACP,aAAa,EAAE,CAAC,OAAO,EACvB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,SAAS,EACf,KAAK,EAAC,8BAAe,EACrB,MAAM,EAAE,MAAM;YAEd,8BAAC,0BAAa,IACZ,WAAW,EAAE,CAAC,OAAO,CAAC,EACtB,QAAQ,EAAC,EAAE,EACX,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAC,OAAO,EAChB,MAAM,SACN,CACO;QACX,uCAAK,SAAS,EAAC,2BAA2B;YACxC,0CACE,IAAI,EAAC,QAAQ,uBACK,MAAM,EACxB,SAAS,EAAC,+DAA+D,EACzE,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB;gBAEjC;oBACE,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;wBAC5F,wCACE,CAAC,EAAC,0HAA0H,EAC5H,IAAI,EAAC,SAAS,GACR;wBACR,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qvEAAqvE,EACvvE,IAAI,EAAC,SAAS,GACR,CACJ,CACD,CACA,CACL,CACL,CACJ,CAAA;AACH,CAAC"}

package/dist/cjs/components/TextEditorV2/plugins/ToolbarPlugin/components/upload-pdf.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { LexicalEditor } from 'lexical';
+declare global {
+    interface Window {
+        pdfjsLib?: any;
+    }
+}
+export default function UploadPdf({ apiCdnUpload, editor }: {
+    apiCdnUpload: string;
+    editor: LexicalEditor;
+}): React.JSX.Element;