@squiz/formatted-text-editor 1.16.0 → 1.21.1-alpha.2

package/lib/EditorToolbar/Tools/TextAlign/RightAlign/RightAlignButton.js

@@ -1,10 +1,15 @@
-import React from 'react';
-import { useCommands, useChainedCommands } from '@remirror/react';
-import ToolbarButton from '../../../../ui/ToolbarButton/ToolbarButton';
-import FormatAlignRightIcon from '@mui/icons-material/FormatAlignRight';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@remirror/react");
+const ToolbarButton_1 = __importDefault(require("../../../../ui/ToolbarButton/ToolbarButton"));
+const FormatAlignRight_1 = __importDefault(require("@mui/icons-material/FormatAlignRight"));
 const RightAlignButton = () => {
-    const { rightAlign } = useCommands();
-    const chain = useChainedCommands();
+    const { rightAlign } = (0, react_2.useCommands)();
+    const chain = (0, react_2.useChainedCommands)();
     const handleSelect = () => {
         if (rightAlign.enabled()) {
             chain.rightAlign().focus().run();
@@ -12,6 +17,6 @@ const RightAlignButton = () => {
     };
     const active = rightAlign.active?.() || false;
     const enabled = rightAlign.enabled();
-    return (React.createElement(ToolbarButton, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active, icon: React.createElement(FormatAlignRightIcon, null), label: "Align right" }));
+    return (react_1.default.createElement(ToolbarButton_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active, icon: react_1.default.createElement(FormatAlignRight_1.default, null), label: "Align right" }));
 };
-export default RightAlignButton;
+exports.default = RightAlignButton;

package/lib/EditorToolbar/Tools/TextAlign/TextAlignButtons.js

@@ -1,16 +1,21 @@
-import React from 'react';
-import LeftAlignButton from './LeftAlign/LeftAlignButton';
-import CenterAlignButton from './CenterAlign/CenterAlignButton';
-import RightAlignButton from './RightAlign/RightAlignButton';
-import JustifyAlignButton from './JustifyAlign/JustifyAlignButton';
-import { VerticalDivider } from '@remirror/react-components';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const LeftAlignButton_1 = __importDefault(require("./LeftAlign/LeftAlignButton"));
+const CenterAlignButton_1 = __importDefault(require("./CenterAlign/CenterAlignButton"));
+const RightAlignButton_1 = __importDefault(require("./RightAlign/RightAlignButton"));
+const JustifyAlignButton_1 = __importDefault(require("./JustifyAlign/JustifyAlignButton"));
+const react_components_1 = require("@remirror/react-components");
 const TextAlignButtons = () => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(VerticalDivider, { className: "editor-divider" }),
-        React.createElement(LeftAlignButton, null),
-        React.createElement(CenterAlignButton, null),
-        React.createElement(RightAlignButton, null),
-        React.createElement(JustifyAlignButton, null),
-        React.createElement(VerticalDivider, { className: "editor-divider" })));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_components_1.VerticalDivider, { className: "editor-divider" }),
+        react_1.default.createElement(LeftAlignButton_1.default, null),
+        react_1.default.createElement(CenterAlignButton_1.default, null),
+        react_1.default.createElement(RightAlignButton_1.default, null),
+        react_1.default.createElement(JustifyAlignButton_1.default, null),
+        react_1.default.createElement(react_components_1.VerticalDivider, { className: "editor-divider" })));
 };
-export default TextAlignButtons;
+exports.default = TextAlignButtons;

package/lib/EditorToolbar/Tools/TextType/Heading/HeadingButton.js

@@ -1,10 +1,15 @@
-import React from 'react';
-import { useCommands, useChainedCommands, useActive } from '@remirror/react';
-import DropdownButton from '../../../../ui/ToolbarDropdownButton/ToolbarDropdownButton';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@remirror/react");
+const ToolbarDropdownButton_1 = __importDefault(require("../../../../ui/ToolbarDropdownButton/ToolbarDropdownButton"));
 const HeadingButton = ({ level }) => {
-    const { toggleHeading } = useCommands();
-    const chain = useChainedCommands();
-    const active = useActive();
+    const { toggleHeading } = (0, react_2.useCommands)();
+    const chain = (0, react_2.useChainedCommands)();
+    const active = (0, react_2.useActive)();
     const enabled = toggleHeading.enabled({ level });
     const handleSelect = () => {
         if (toggleHeading.enabled({ level })) {
@@ -14,19 +19,19 @@ const HeadingButton = ({ level }) => {
     const headingContent = () => {
         switch (level) {
             case 1:
-                return React.createElement("h1", null, "Heading 1");
+                return react_1.default.createElement("h1", null, "Heading 1");
             case 2:
-                return React.createElement("h2", null, "Heading 2");
+                return react_1.default.createElement("h2", null, "Heading 2");
             case 3:
-                return React.createElement("h3", null, "Heading 3");
+                return react_1.default.createElement("h3", null, "Heading 3");
             case 4:
-                return React.createElement("h4", null, "Heading 4");
+                return react_1.default.createElement("h4", null, "Heading 4");
             case 5:
-                return React.createElement("h5", null, "Heading 5");
+                return react_1.default.createElement("h5", null, "Heading 5");
             case 6:
-                return React.createElement("h6", null, "Heading 6");
+                return react_1.default.createElement("h6", null, "Heading 6");
         }
     };
-    return (React.createElement(DropdownButton, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active.heading({ level }), label: `Heading ${level}` }, headingContent()));
+    return (react_1.default.createElement(ToolbarDropdownButton_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active.heading({ level }), label: `Heading ${level}` }, headingContent()));
 };
-export default HeadingButton;
+exports.default = HeadingButton;

package/lib/EditorToolbar/Tools/TextType/Paragraph/ParagraphButton.js

@@ -1,16 +1,21 @@
-import React from 'react';
-import { useCommands, useChainedCommands, useActive } from '@remirror/react';
-import DropdownButton from '../../../../ui/ToolbarDropdownButton/ToolbarDropdownButton';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@remirror/react");
+const ToolbarDropdownButton_1 = __importDefault(require("../../../../ui/ToolbarDropdownButton/ToolbarDropdownButton"));
 const ParagraphButton = () => {
-    const { convertParagraph } = useCommands();
-    const chain = useChainedCommands();
-    const active = useActive();
+    const { convertParagraph } = (0, react_2.useCommands)();
+    const chain = (0, react_2.useChainedCommands)();
+    const active = (0, react_2.useActive)();
     const handleSelect = () => {
         if (convertParagraph.enabled()) {
             chain.convertParagraph().focus().run();
         }
     };
-    return (React.createElement(DropdownButton, { handleOnClick: handleSelect, isDisabled: false, isActive: active.paragraph(), label: "Paragraph" },
-        React.createElement("p", null, "Paragraph")));
+    return (react_1.default.createElement(ToolbarDropdownButton_1.default, { handleOnClick: handleSelect, isDisabled: false, isActive: active.paragraph(), label: "Paragraph" },
+        react_1.default.createElement("p", null, "Paragraph")));
 };
-export default ParagraphButton;
+exports.default = ParagraphButton;

package/lib/EditorToolbar/Tools/TextType/Preformatted/PreformattedButton.js

@@ -1,16 +1,21 @@
-import React from 'react';
-import { useCommands, useActive } from '@remirror/react';
-import DropdownButton from '../../../../ui/ToolbarDropdownButton/ToolbarDropdownButton';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@remirror/react");
+const ToolbarDropdownButton_1 = __importDefault(require("../../../../ui/ToolbarDropdownButton/ToolbarDropdownButton"));
 const PreformattedButton = () => {
-    const { togglePreformatted } = useCommands();
-    const active = useActive();
+    const { togglePreformatted } = (0, react_2.useCommands)();
+    const active = (0, react_2.useActive)();
     const enabled = togglePreformatted.enabled();
     const handleSelect = () => {
         if (togglePreformatted.enabled()) {
             togglePreformatted();
         }
     };
-    return (React.createElement(DropdownButton, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active.preformatted(), label: "Preformatted" },
-        React.createElement("pre", null, "Preformatted")));
+    return (react_1.default.createElement(ToolbarDropdownButton_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active.preformatted(), label: "Preformatted" },
+        react_1.default.createElement("pre", null, "Preformatted")));
 };
-export default PreformattedButton;
+exports.default = PreformattedButton;

package/lib/EditorToolbar/Tools/TextType/TextTypeDropdown.js

@@ -1,11 +1,16 @@
-import React from 'react';
-import HeadingButton from './Heading/HeadingButton';
-import ParagraphButton from './Paragraph/ParagraphButton';
-import PreformattedButton from './Preformatted/PreformattedButton';
-import ToolbarDropdown from '../../../ui/ToolbarDropdown/ToolbarDropdown';
-import { useActive, VerticalDivider } from '@remirror/react';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const HeadingButton_1 = __importDefault(require("./Heading/HeadingButton"));
+const ParagraphButton_1 = __importDefault(require("./Paragraph/ParagraphButton"));
+const PreformattedButton_1 = __importDefault(require("./Preformatted/PreformattedButton"));
+const ToolbarDropdown_1 = __importDefault(require("../../../ui/ToolbarDropdown/ToolbarDropdown"));
+const react_2 = require("@remirror/react");
 const TextTypeDropdown = () => {
-    const active = useActive();
+    const active = (0, react_2.useActive)();
     const activeLabel = () => {
         // Determine if preformatted is active
         if (active.preformatted()) {
@@ -20,16 +25,16 @@ const TextTypeDropdown = () => {
         // Default to paragraph
         return 'Paragraph';
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(ToolbarDropdown, { label: activeLabel() },
-            React.createElement(ParagraphButton, null),
-            React.createElement(HeadingButton, { level: 1 }),
-            React.createElement(HeadingButton, { level: 2 }),
-            React.createElement(HeadingButton, { level: 3 }),
-            React.createElement(HeadingButton, { level: 4 }),
-            React.createElement(HeadingButton, { level: 5 }),
-            React.createElement(HeadingButton, { level: 6 }),
-            React.createElement(PreformattedButton, null)),
-        React.createElement(VerticalDivider, { className: "editor-divider" })));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ToolbarDropdown_1.default, { label: activeLabel() },
+            react_1.default.createElement(ParagraphButton_1.default, null),
+            react_1.default.createElement(HeadingButton_1.default, { level: 1 }),
+            react_1.default.createElement(HeadingButton_1.default, { level: 2 }),
+            react_1.default.createElement(HeadingButton_1.default, { level: 3 }),
+            react_1.default.createElement(HeadingButton_1.default, { level: 4 }),
+            react_1.default.createElement(HeadingButton_1.default, { level: 5 }),
+            react_1.default.createElement(HeadingButton_1.default, { level: 6 }),
+            react_1.default.createElement(PreformattedButton_1.default, null)),
+        react_1.default.createElement(react_2.VerticalDivider, { className: "editor-divider" })));
 };
-export default TextTypeDropdown;
+exports.default = TextTypeDropdown;

package/lib/EditorToolbar/Tools/Underline/UnderlineButton.js

@@ -1,17 +1,22 @@
-import React from 'react';
-import { useCommands, useActive, useChainedCommands } from '@remirror/react';
-import ToolbarButton from '../../../ui/ToolbarButton/ToolbarButton';
-import FormatUnderlinedRoundedIcon from '@mui/icons-material/FormatUnderlinedRounded';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@remirror/react");
+const ToolbarButton_1 = __importDefault(require("../../../ui/ToolbarButton/ToolbarButton"));
+const FormatUnderlinedRounded_1 = __importDefault(require("@mui/icons-material/FormatUnderlinedRounded"));
 const UnderlineButton = () => {
-    const { toggleUnderline } = useCommands();
-    const chain = useChainedCommands();
-    const active = useActive();
+    const { toggleUnderline } = (0, react_2.useCommands)();
+    const chain = (0, react_2.useChainedCommands)();
+    const active = (0, react_2.useActive)();
     const enabled = toggleUnderline.enabled();
     const handleSelect = () => {
         if (toggleUnderline.enabled()) {
             chain.toggleUnderline().focus().run();
         }
     };
-    return (React.createElement(ToolbarButton, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active.underline(), icon: React.createElement(FormatUnderlinedRoundedIcon, null), label: "Underline (cmd+U)" }));
+    return (react_1.default.createElement(ToolbarButton_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active.underline(), icon: react_1.default.createElement(FormatUnderlinedRounded_1.default, null), label: "Underline (cmd+U)" }));
 };
-export default UnderlineButton;
+exports.default = UnderlineButton;

package/lib/EditorToolbar/Tools/Undo/UndoButton.js

@@ -1,16 +1,21 @@
-import React from 'react';
-import { useCommands, useHelpers } from '@remirror/react';
-import ToolbarButton from '../../../ui/ToolbarButton/ToolbarButton';
-import UndoRoundedIcon from '@mui/icons-material/UndoRounded';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@remirror/react");
+const ToolbarButton_1 = __importDefault(require("../../../ui/ToolbarButton/ToolbarButton"));
+const UndoRounded_1 = __importDefault(require("@mui/icons-material/UndoRounded"));
 const UndoButton = () => {
-    const { undo } = useCommands();
-    const { undoDepth } = useHelpers(true);
+    const { undo } = (0, react_2.useCommands)();
+    const { undoDepth } = (0, react_2.useHelpers)(true);
     const handleSelect = () => {
         if (undo.enabled()) {
             undo();
         }
     };
     const enabled = undoDepth() > 0;
-    return (React.createElement(ToolbarButton, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: false, icon: React.createElement(UndoRoundedIcon, null), label: "Undo (cmd+Z)" }));
+    return (react_1.default.createElement(ToolbarButton_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: false, icon: react_1.default.createElement(UndoRounded_1.default, null), label: "Undo (cmd+Z)" }));
 };
-export default UndoButton;
+exports.default = UndoButton;

package/lib/EditorToolbar/index.js

@@ -1,2 +1,18 @@
-export * from './FloatingToolbar';
-export * from './Toolbar';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./FloatingToolbar"), exports);
+__exportStar(require("./Toolbar"), exports);

package/lib/Extensions/Extensions.js

@@ -1,16 +1,19 @@
-import { BoldExtension, HeadingExtension, ItalicExtension, NodeFormattingExtension, ParagraphExtension, UnderlineExtension, HistoryExtension, } from 'remirror/extensions';
-import { PreformattedExtension } from './PreformattedExtension/PreformattedExtension';
-import { LinkExtension } from './LinkExtension/LinkExtension';
-export const Extensions = () => [
-    new BoldExtension(),
-    new HeadingExtension(),
-    new ItalicExtension(),
-    new NodeFormattingExtension(),
-    new ParagraphExtension(),
-    new PreformattedExtension(),
-    new UnderlineExtension(),
-    new HistoryExtension(),
-    new LinkExtension({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Extensions = void 0;
+const extensions_1 = require("remirror/extensions");
+const PreformattedExtension_1 = require("./PreformattedExtension/PreformattedExtension");
+const LinkExtension_1 = require("./LinkExtension/LinkExtension");
+const Extensions = () => [
+    new extensions_1.BoldExtension(),
+    new extensions_1.HeadingExtension(),
+    new extensions_1.ItalicExtension(),
+    new extensions_1.NodeFormattingExtension(),
+    new extensions_1.ParagraphExtension(),
+    new PreformattedExtension_1.PreformattedExtension(),
+    new extensions_1.UnderlineExtension(),
+    new extensions_1.HistoryExtension(),
+    new LinkExtension_1.LinkExtension({
         supportedTargets: [
             // '_self' is the browser default and will be used when encountering a link with a
             // different target is encountered.
@@ -18,3 +21,4 @@ export const Extensions = () => [
         ],
     }),
 ];
+exports.Extensions = Extensions;

package/lib/Extensions/LinkExtension/LinkExtension.js

@@ -1,7 +1,10 @@
-import { getMarkRanges, isElementDomNode } from 'remirror';
-import { getTextSelection, getMarkRange, updateMark, removeMark } from '@remirror/core';
-import { LinkExtension as RemirrorLinkExtension } from 'remirror/extensions';
-export class LinkExtension extends RemirrorLinkExtension {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkExtension = void 0;
+const remirror_1 = require("remirror");
+const core_1 = require("@remirror/core");
+const extensions_1 = require("remirror/extensions");
+class LinkExtension extends extensions_1.LinkExtension {
     createMarkSpec(extra, override) {
         const spec = super.createMarkSpec(extra, override);
         return {
@@ -15,7 +18,7 @@ export class LinkExtension extends RemirrorLinkExtension {
                 {
                     tag: 'a[href]',
                     getAttrs: (node) => {
-                        if (!isElementDomNode(node)) {
+                        if (!(0, remirror_1.isElementDomNode)(node)) {
                             return false;
                         }
                         return {
@@ -33,7 +36,7 @@ export class LinkExtension extends RemirrorLinkExtension {
     shortcut({ tr }) {
         // override parent implementation to allow a link to be inserted without requiring a text selection first.
         const { from, to, $from } = tr.selection;
-        const mark = getMarkRange($from, this.type);
+        const mark = (0, core_1.getMarkRange)($from, this.type);
         const selectedText = tr.doc.textBetween(from, to);
         this.options.onShortcut({
             activeLink: mark ? { attrs: mark.mark.attrs, from: mark.from, to: mark.to } : undefined,
@@ -48,7 +51,7 @@ export class LinkExtension extends RemirrorLinkExtension {
         // the select text is widened to include the link but retains non-link selected text as well.
         return (props) => {
             const { tr } = props;
-            const ranges = getMarkRanges(tr.selection, this.type);
+            const ranges = (0, remirror_1.getMarkRanges)(tr.selection, this.type);
             if (ranges.length === 0) {
                 return false;
             }
@@ -72,20 +75,23 @@ export class LinkExtension extends RemirrorLinkExtension {
             const selectedText = tr.doc.textBetween(range.from, range.to);
             if (text !== selectedText) {
                 // update the text in the editor if it was updated, update the range to cover the length of the new text.
-                dispatch?.(tr.insertText(text));
+                tr.insertText(text);
                 range.to = range.from + text.length;
             }
             // apply the link, or remove it if no URL was provided.
             if (attrs.href.length > 0) {
-                updateMark({ type: this.type, attrs, range })(props);
+                tr.addMark(range.from, range.to, this.type.create(attrs));
             }
             else {
-                removeMark({ type: this.type, range })(props);
+                tr.removeMark(range.from, range.to, this.type);
             }
             // move the cursor to the end of the link and re-focus the editor.
-            dispatch?.(tr.setSelection(getTextSelection({ from: range.to, to: range.to }, tr.doc)));
+            tr.setSelection((0, core_1.getTextSelection)({ from: range.to, to: range.to }, tr.doc));
+            // apply the transaction.
+            dispatch?.(tr);
             view?.focus();
             return true;
         };
     }
 }
+exports.LinkExtension = LinkExtension;

package/lib/Extensions/PreformattedExtension/PreformattedExtension.js

@@ -1,16 +1,19 @@
+"use strict";
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { command, extension, ExtensionTag, NodeExtension, toggleBlockItem, } from '@remirror/core';
-let PreformattedExtension = class PreformattedExtension extends NodeExtension {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreformattedExtension = void 0;
+const core_1 = require("@remirror/core");
+let PreformattedExtension = class PreformattedExtension extends core_1.NodeExtension {
     get name() {
         return 'preformatted';
     }
     createTags() {
-        return [ExtensionTag.Block, ExtensionTag.TextBlock, ExtensionTag.FormattingNode];
+        return [core_1.ExtensionTag.Block, core_1.ExtensionTag.TextBlock, core_1.ExtensionTag.FormattingNode];
     }
     createNodeSpec(extra, override) {
         return {
@@ -31,16 +34,16 @@ let PreformattedExtension = class PreformattedExtension extends NodeExtension {
      * Toggle the <pre> for the current block.
      */
     togglePreformatted() {
-        return toggleBlockItem({
+        return (0, core_1.toggleBlockItem)({
             type: this.type,
             toggleType: 'paragraph',
         });
     }
 };
 __decorate([
-    command()
+    (0, core_1.command)()
 ], PreformattedExtension.prototype, "togglePreformatted", null);
 PreformattedExtension = __decorate([
-    extension({})
+    (0, core_1.extension)({})
 ], PreformattedExtension);
-export { PreformattedExtension };
+exports.PreformattedExtension = PreformattedExtension;

package/lib/FormattedTextEditor.js

@@ -1,2 +1,7 @@
-import Editor from './Editor/Editor';
-export default Editor;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Editor_1 = __importDefault(require("./Editor/Editor"));
+exports.default = Editor_1.default;

package/lib/hooks/index.js

@@ -1 +1,17 @@
-export * from './useExtensionNames';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useExtensionNames"), exports);

package/lib/hooks/useExtensionNames.js

@@ -1,8 +1,11 @@
-import { useRemirrorContext } from '@remirror/react';
-import { useMemo } from 'react';
-export const useExtensionNames = () => {
-    const { manager } = useRemirrorContext();
-    return useMemo(() => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExtensionNames = void 0;
+const react_1 = require("@remirror/react");
+const react_2 = require("react");
+const useExtensionNames = () => {
+    const { manager } = (0, react_1.useRemirrorContext)();
+    return (0, react_2.useMemo)(() => {
         const extensionNames = {};
         manager.extensions.forEach((extension) => {
             extensionNames[extension.name] = true;
@@ -10,3 +13,4 @@ export const useExtensionNames = () => {
         return extensionNames;
     }, [manager]);
 };
+exports.useExtensionNames = useExtensionNames;

package/lib/index.css

@@ -722,7 +722,7 @@
   letter-spacing: -0.2px;
   line-height: 1.25rem;
 }
-.squiz-fte-scope .formatted-text-editor .editor-toolbar {
+.squiz-fte-scope .editor-toolbar {
   border-bottom-width: 2px;
   border-style: solid;
   --tw-border-opacity: 1;
@@ -733,10 +733,10 @@
   display: flex;
   justify-items: center;
 }
-.squiz-fte-scope .formatted-text-editor .editor-toolbar > *:not(:first-child) {
+.squiz-fte-scope .editor-toolbar > *:not(:first-child, .editor-divider) {
   margin: 0 0 0 2px;
 }
-.squiz-fte-scope .formatted-text-editor .editor-toolbar .editor-divider {
+.squiz-fte-scope .editor-divider {
   margin-top: -0.25rem;
   margin-bottom: -0.25rem;
   margin-left: 0.25rem;

package/lib/index.js

@@ -1,2 +1,8 @@
-import FormattedTextEditor from './FormattedTextEditor';
-export { FormattedTextEditor };
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormattedTextEditor = void 0;
+const FormattedTextEditor_1 = __importDefault(require("./FormattedTextEditor"));
+exports.FormattedTextEditor = FormattedTextEditor_1.default;