@squiz/formatted-text-editor 2.2.11 → 2.3.0

package/lib/EditorToolbar/Tools/Lists/OrderedList/OrderedListButton.js

@@ -1,22 +0,0 @@
-"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 Button_1 = __importDefault(require("../../../../ui/Button/Button"));
-const FormatListNumbered_1 = __importDefault(require("@mui/icons-material/FormatListNumbered"));
-const OrderedListButton = () => {
-    const { toggleOrderedList } = (0, react_2.useCommands)();
-    const chain = (0, react_2.useChainedCommands)();
-    const active = (0, react_2.useActive)();
-    const enabled = toggleOrderedList.enabled();
-    const handleSelect = () => {
-        if (toggleOrderedList.enabled()) {
-            chain.toggleOrderedList().focus().run();
-        }
-    };
-    return (react_1.default.createElement(Button_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active.orderedList(), icon: react_1.default.createElement(FormatListNumbered_1.default, null), label: "Ordered list" }));
-};
-exports.default = OrderedListButton;

package/lib/EditorToolbar/Tools/Lists/UnorderedList/UnorderedListButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const UnorderedListButton: () => React.JSX.Element;
-export default UnorderedListButton;

package/lib/EditorToolbar/Tools/Lists/UnorderedList/UnorderedListButton.js

@@ -1,22 +0,0 @@
-"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 Button_1 = __importDefault(require("../../../../ui/Button/Button"));
-const FormatListBulletedRounded_1 = __importDefault(require("@mui/icons-material/FormatListBulletedRounded"));
-const UnorderedListButton = () => {
-    const { toggleBulletList } = (0, react_2.useCommands)();
-    const chain = (0, react_2.useChainedCommands)();
-    const active = (0, react_2.useActive)();
-    const enabled = toggleBulletList.enabled();
-    const handleSelect = () => {
-        if (toggleBulletList.enabled()) {
-            chain.toggleBulletList().focus().run();
-        }
-    };
-    return (react_1.default.createElement(Button_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active.bulletList(), icon: react_1.default.createElement(FormatListBulletedRounded_1.default, null), label: "Unordered list" }));
-};
-exports.default = UnorderedListButton;

package/lib/EditorToolbar/Tools/Redo/RedoButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const RedoButton: () => React.JSX.Element;
-export default RedoButton;

package/lib/EditorToolbar/Tools/Redo/RedoButton.js

@@ -1,22 +0,0 @@
-"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 Button_1 = __importDefault(require("../../../ui/Button/Button"));
-const RedoRounded_1 = __importDefault(require("@mui/icons-material/RedoRounded"));
-const getShortcutSymbol_1 = require("../../../utils/getShortcutSymbol");
-const RedoButton = () => {
-    const { redo } = (0, react_2.useCommands)();
-    const { redoDepth } = (0, react_2.useHelpers)(true);
-    const handleSelect = () => {
-        if (redo.enabled()) {
-            redo();
-        }
-    };
-    const enabled = redoDepth() > 0;
-    return (react_1.default.createElement(Button_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: false, icon: react_1.default.createElement(RedoRounded_1.default, null), label: `Redo (Shift+${(0, getShortcutSymbol_1.getShortcutSymbol)()}+Z)` }));
-};
-exports.default = RedoButton;

package/lib/EditorToolbar/Tools/Table/TableButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const TableButton: () => React.JSX.Element;
-export default TableButton;

package/lib/EditorToolbar/Tools/Table/TableButton.js

@@ -1,20 +0,0 @@
-"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 Button_1 = __importDefault(require("../../../ui/Button/Button"));
-const TableViewRounded_1 = __importDefault(require("@mui/icons-material/TableViewRounded"));
-const TableButton = () => {
-    const { createTable } = (0, react_2.useCommands)();
-    const active = (0, react_2.useActive)();
-    const enabled = createTable.enabled();
-    const handleSelect = () => {
-        createTable({ rowsCount: 4, columnsCount: 3, withHeaderRow: false });
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Button_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active.table(), icon: react_1.default.createElement(TableViewRounded_1.default, null), label: "Insert table" })));
-};
-exports.default = TableButton;

package/lib/EditorToolbar/Tools/TextAlign/CenterAlign/CenterAlignButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const CenterAlignButton: () => React.JSX.Element;
-export default CenterAlignButton;

package/lib/EditorToolbar/Tools/TextAlign/CenterAlign/CenterAlignButton.js

@@ -1,22 +0,0 @@
-"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 Button_1 = __importDefault(require("../../../../ui/Button/Button"));
-const FormatAlignCenter_1 = __importDefault(require("@mui/icons-material/FormatAlignCenter"));
-const CenterAlignButton = () => {
-    const { centerAlign } = (0, react_2.useCommands)();
-    const chain = (0, react_2.useChainedCommands)();
-    const handleSelect = () => {
-        if (centerAlign.enabled()) {
-            chain.centerAlign().focus().run();
-        }
-    };
-    const active = centerAlign.active?.() || false;
-    const enabled = centerAlign.enabled();
-    return (react_1.default.createElement(Button_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active, icon: react_1.default.createElement(FormatAlignCenter_1.default, null), label: "Align center" }));
-};
-exports.default = CenterAlignButton;

package/lib/EditorToolbar/Tools/TextAlign/JustifyAlign/JustifyAlignButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const JustifyAlignButton: () => React.JSX.Element;
-export default JustifyAlignButton;

package/lib/EditorToolbar/Tools/TextAlign/JustifyAlign/JustifyAlignButton.js

@@ -1,22 +0,0 @@
-"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 Button_1 = __importDefault(require("../../../../ui/Button/Button"));
-const FormatAlignJustify_1 = __importDefault(require("@mui/icons-material/FormatAlignJustify"));
-const JustifyAlignButton = () => {
-    const { justifyAlign } = (0, react_2.useCommands)();
-    const chain = (0, react_2.useChainedCommands)();
-    const handleSelect = () => {
-        if (justifyAlign.enabled()) {
-            chain.justifyAlign().focus().run();
-        }
-    };
-    const active = justifyAlign.active?.() || false;
-    const enabled = justifyAlign.enabled();
-    return (react_1.default.createElement(Button_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active, icon: react_1.default.createElement(FormatAlignJustify_1.default, null), label: "Justify" }));
-};
-exports.default = JustifyAlignButton;

package/lib/EditorToolbar/Tools/TextAlign/LeftAlign/LeftAlignButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const LeftAlignButton: () => React.JSX.Element;
-export default LeftAlignButton;

package/lib/EditorToolbar/Tools/TextAlign/LeftAlign/LeftAlignButton.js

@@ -1,22 +0,0 @@
-"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 Button_1 = __importDefault(require("../../../../ui/Button/Button"));
-const FormatAlignLeft_1 = __importDefault(require("@mui/icons-material/FormatAlignLeft"));
-const LeftAlignButton = () => {
-    const { leftAlign } = (0, react_2.useCommands)();
-    const chain = (0, react_2.useChainedCommands)();
-    const handleSelect = () => {
-        if (leftAlign.enabled()) {
-            chain.leftAlign().focus().run();
-        }
-    };
-    const active = leftAlign.active?.() || false;
-    const enabled = leftAlign.enabled();
-    return (react_1.default.createElement(Button_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active, icon: react_1.default.createElement(FormatAlignLeft_1.default, null), label: "Align left" }));
-};
-exports.default = LeftAlignButton;

package/lib/EditorToolbar/Tools/TextAlign/RightAlign/RightAlignButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const RightAlignButton: () => React.JSX.Element;
-export default RightAlignButton;

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

@@ -1,22 +0,0 @@
-"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 Button_1 = __importDefault(require("../../../../ui/Button/Button"));
-const FormatAlignRight_1 = __importDefault(require("@mui/icons-material/FormatAlignRight"));
-const RightAlignButton = () => {
-    const { rightAlign } = (0, react_2.useCommands)();
-    const chain = (0, react_2.useChainedCommands)();
-    const handleSelect = () => {
-        if (rightAlign.enabled()) {
-            chain.rightAlign().focus().run();
-        }
-    };
-    const active = rightAlign.active?.() || false;
-    const enabled = rightAlign.enabled();
-    return (react_1.default.createElement(Button_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active, icon: react_1.default.createElement(FormatAlignRight_1.default, null), label: "Align right" }));
-};
-exports.default = RightAlignButton;

package/lib/EditorToolbar/Tools/TextAlign/TextAlignButtons.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const TextAlignButtons: () => React.JSX.Element;
-export default TextAlignButtons;

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

@@ -1,21 +0,0 @@
-"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_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_components_1.VerticalDivider, null),
-        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, null)));
-};
-exports.default = TextAlignButtons;

package/lib/EditorToolbar/Tools/TextType/CodeBlock/CodeBlockButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const CodeBlockButton: () => React.JSX.Element;
-export default CodeBlockButton;

package/lib/EditorToolbar/Tools/TextType/CodeBlock/CodeBlockButton.js

@@ -1,22 +0,0 @@
-"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 CodeRounded_1 = __importDefault(require("@mui/icons-material/CodeRounded"));
-const CodeBlockButton = () => {
-    const { toggleCodeBlock } = (0, react_2.useCommands)();
-    const active = (0, react_2.useActive)();
-    const enabled = toggleCodeBlock.enabled();
-    const handleSelect = () => {
-        if (toggleCodeBlock.enabled()) {
-            toggleCodeBlock();
-        }
-    };
-    return (react_1.default.createElement(ToolbarDropdownButton_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active.codeBlock(), label: "Code block", icon: react_1.default.createElement(CodeRounded_1.default, null) },
-        react_1.default.createElement("p", null, "Code block")));
-};
-exports.default = CodeBlockButton;

package/lib/EditorToolbar/Tools/TextType/Heading/HeadingButton.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-type HeadingButtonProps = {
-    level: number;
-};
-declare const HeadingButton: ({ level }: HeadingButtonProps) => React.JSX.Element;
-export default HeadingButton;

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

@@ -1,37 +0,0 @@
-"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 } = (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 })) {
-            chain.toggleHeading({ level }).focus().run();
-        }
-    };
-    const headingContent = () => {
-        switch (level) {
-            case 1:
-                return react_1.default.createElement("h1", null, "Heading 1");
-            case 2:
-                return react_1.default.createElement("h2", null, "Heading 2");
-            case 3:
-                return react_1.default.createElement("h3", null, "Heading 3");
-            case 4:
-                return react_1.default.createElement("h4", null, "Heading 4");
-            case 5:
-                return react_1.default.createElement("h5", null, "Heading 5");
-            case 6:
-                return react_1.default.createElement("h6", null, "Heading 6");
-        }
-    };
-    return (react_1.default.createElement(ToolbarDropdownButton_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active.heading({ level }), label: `Heading ${level}` }, headingContent()));
-};
-exports.default = HeadingButton;

package/lib/EditorToolbar/Tools/TextType/Paragraph/ParagraphButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const ParagraphButton: () => React.JSX.Element;
-export default ParagraphButton;

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

@@ -1,21 +0,0 @@
-"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 } = (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_1.default.createElement(ToolbarDropdownButton_1.default, { handleOnClick: handleSelect, isDisabled: false, isActive: active.paragraph(), label: "Paragraph" },
-        react_1.default.createElement("p", null, "Paragraph")));
-};
-exports.default = ParagraphButton;

package/lib/EditorToolbar/Tools/TextType/Preformatted/PreformattedButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const PreformattedButton: () => React.JSX.Element;
-export default PreformattedButton;

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

@@ -1,22 +0,0 @@
-"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 ShortTextRounded_1 = __importDefault(require("@mui/icons-material/ShortTextRounded"));
-const PreformattedButton = () => {
-    const { togglePreformatted } = (0, react_2.useCommands)();
-    const active = (0, react_2.useActive)();
-    const enabled = togglePreformatted.enabled();
-    const handleSelect = () => {
-        if (togglePreformatted.enabled()) {
-            togglePreformatted();
-        }
-    };
-    return (react_1.default.createElement(ToolbarDropdownButton_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active.preformatted(), label: "Preformatted", icon: react_1.default.createElement(ShortTextRounded_1.default, null) },
-        react_1.default.createElement("p", null, "Preformatted")));
-};
-exports.default = PreformattedButton;

package/lib/EditorToolbar/Tools/TextType/TextTypeDropdown.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const TextTypeDropdown: () => React.JSX.Element;
-export default TextTypeDropdown;

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

@@ -1,46 +0,0 @@
-"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 CodeBlockButton_1 = __importDefault(require("./CodeBlock/CodeBlockButton"));
-const ToolbarDropdown_1 = __importDefault(require("../../../ui/ToolbarDropdown/ToolbarDropdown"));
-const react_2 = require("@remirror/react");
-const TextTypeDropdown = () => {
-    const active = (0, react_2.useActive)();
-    const activeLabel = () => {
-        // Determine if preformatted is active
-        if (active.preformatted()) {
-            return 'Preformatted';
-        }
-        // Determine if codeblock is active
-        if (active.codeBlock()) {
-            return 'Code block';
-        }
-        // Determine if a heading is active
-        for (let i = 1; i <= 6; i++) {
-            if (active.heading({ level: i })) {
-                return `Heading ${i}`;
-            }
-        }
-        // Default to paragraph
-        return 'Paragraph';
-    };
-    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(CodeBlockButton_1.default, null)),
-        react_1.default.createElement(react_2.VerticalDivider, null)));
-};
-exports.default = TextTypeDropdown;

package/lib/EditorToolbar/Tools/Underline/UnderlineButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const UnderlineButton: () => React.JSX.Element;
-export default UnderlineButton;

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

@@ -1,23 +0,0 @@
-"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 Button_1 = __importDefault(require("../../../ui/Button/Button"));
-const FormatUnderlinedRounded_1 = __importDefault(require("@mui/icons-material/FormatUnderlinedRounded"));
-const getShortcutSymbol_1 = require("../../../utils/getShortcutSymbol");
-const UnderlineButton = () => {
-    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_1.default.createElement(Button_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active.underline(), icon: react_1.default.createElement(FormatUnderlinedRounded_1.default, null), label: `Underline (${(0, getShortcutSymbol_1.getShortcutSymbol)()}+U)` }));
-};
-exports.default = UnderlineButton;

package/lib/EditorToolbar/Tools/Undo/UndoButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const UndoButton: () => React.JSX.Element;
-export default UndoButton;

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

@@ -1,22 +0,0 @@
-"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 Button_1 = __importDefault(require("../../../ui/Button/Button"));
-const UndoRounded_1 = __importDefault(require("@mui/icons-material/UndoRounded"));
-const getShortcutSymbol_1 = require("../../../utils/getShortcutSymbol");
-const UndoButton = () => {
-    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_1.default.createElement(Button_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: false, icon: react_1.default.createElement(UndoRounded_1.default, null), label: `Undo (${(0, getShortcutSymbol_1.getShortcutSymbol)()}+Z)` }));
-};
-exports.default = UndoButton;

package/lib/EditorToolbar/index.d.ts

@@ -1,2 +0,0 @@
-export * from './FloatingToolbar';
-export * from './Toolbar';

package/lib/EditorToolbar/index.js

@@ -1,18 +0,0 @@
-"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/ClearFormattingExtension/ClearFormattingExtension.d.ts

@@ -1,5 +0,0 @@
-import { PlainExtension, CommandFunction } from '@remirror/core';
-export declare class ClearFormattingExtension extends PlainExtension {
-    get name(): "clearFormatting";
-    clearFormatting(): CommandFunction;
-}

package/lib/Extensions/ClearFormattingExtension/ClearFormattingExtension.js

@@ -1,63 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClearFormattingExtension = void 0;
-const core_1 = require("@remirror/core");
-const getNodeNamesByGroup_1 = require("../../utils/getNodeNamesByGroup");
-const getMarkNamesByGroup_1 = require("../../utils/getMarkNamesByGroup");
-let ClearFormattingExtension = class ClearFormattingExtension extends core_1.PlainExtension {
-    get name() {
-        return 'clearFormatting';
-    }
-    clearFormatting() {
-        return ({ dispatch, tr, state }) => {
-            const { empty, ranges } = state.selection;
-            const schema = state.schema;
-            const formattingNodes = (0, getNodeNamesByGroup_1.getNodeNamesByGroup)(schema, core_1.ExtensionTag.FormattingNode);
-            const formattingMarks = (0, getMarkNamesByGroup_1.getMarkNamesByGroup)(schema, core_1.ExtensionTag.FormattingMark);
-            let isChanged = false;
-            ranges.forEach(({ $from, $to }) => {
-                // Check if there is a selection or not, if no selection use the doc content size as the range
-                state.doc.nodesBetween(empty ? 0 : $from.pos, empty ? state.doc.content.size : $to.pos, (node, pos) => {
-                    // Clear marks (bold, italic, etc)
-                    node.marks.forEach((mark) => {
-                        if (formattingMarks.includes(mark.type.name)) {
-                            tr.removeMark(pos, pos + node.nodeSize, mark);
-                            isChanged = true;
-                        }
-                    });
-                    // Leave non-foramtting nodes as-is
-                    if (!formattingNodes.includes(node.type.name)) {
-                        return;
-                    }
-                    // Clear node attributes & set to paragraph by default
-                    if (node.type.name === schema.nodes.paragraph.name) {
-                        const { nodeTextAlignment } = node.attrs;
-                        if (nodeTextAlignment && nodeTextAlignment !== 'left') {
-                            tr.setNodeAttribute(pos, 'nodeTextAlignment', null);
-                            isChanged = true;
-                        }
-                    }
-                    else {
-                        tr.setNodeMarkup(pos, schema.nodes.paragraph, null, node.marks);
-                        isChanged = true;
-                    }
-                });
-            });
-            dispatch?.(tr);
-            return isChanged;
-        };
-    }
-};
-__decorate([
-    (0, core_1.command)()
-], ClearFormattingExtension.prototype, "clearFormatting", null);
-ClearFormattingExtension = __decorate([
-    (0, core_1.extension)({})
-], ClearFormattingExtension);
-exports.ClearFormattingExtension = ClearFormattingExtension;

package/lib/Extensions/CodeBlockExtension/CodeBlockExtension.d.ts

@@ -1,5 +0,0 @@
-import { CodeBlockExtension } from '@remirror/extension-code-block';
-import { NodeViewMethod } from 'remirror';
-export declare class ExtendedCodeBlockExtension extends CodeBlockExtension {
-    createNodeViews(): NodeViewMethod;
-}

package/lib/Extensions/CodeBlockExtension/CodeBlockExtension.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExtendedCodeBlockExtension = void 0;
-const extension_code_block_1 = require("@remirror/extension-code-block");
-class ExtendedCodeBlockExtension extends extension_code_block_1.CodeBlockExtension {
-    createNodeViews() {
-        return (node) => {
-            const { language } = node.attrs;
-            // This is the pre container for the code block
-            const dom = document.createElement('pre');
-            dom.setAttribute('spellcheck', 'false');
-            dom.classList.add(`code-block`);
-            // This is the actual code content in the code block
-            const contentDOM = document.createElement('code');
-            contentDOM.setAttribute('data-code-block-language', language);
-            // Divider between code block and pre container
-            const dividerElement = document.createElement('div');
-            dividerElement.classList.add('block-divider');
-            // The material icon to use
-            const codeIcon = document.createElement('svg');
-            codeIcon.classList.add('material-symbols-rounded');
-            codeIcon.textContent = 'code';
-            dom.append(codeIcon);
-            dom.append(dividerElement);
-            dom.append(contentDOM);
-            return { dom, contentDOM };
-        };
-    }
-}
-exports.ExtendedCodeBlockExtension = ExtendedCodeBlockExtension;