@squiz/formatted-text-editor 2.2.11 → 2.3.0

package/lib/EditorToolbar/Tools/Image/Form/ImageForm.js

@@ -1,186 +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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_hook_form_1 = require("react-hook-form");
-const react_image_size_1 = require("react-image-size");
-const clsx_1 = __importDefault(require("clsx"));
-const Input_1 = require("../../../../ui/Fields/Input/Input");
-const Button_1 = __importDefault(require("../../../../ui/Button/Button"));
-const LinkOff_1 = __importDefault(require("@mui/icons-material/LinkOff"));
-const InsertLinkRounded_1 = __importDefault(require("@mui/icons-material/InsertLinkRounded"));
-const Extensions_1 = require("../../../../Extensions/Extensions");
-const validation_1 = require("../../../../utils/validation");
-const Tabs_1 = require("../../../../ui/Tabs/Tabs");
-const ResourceBrowserSelector_1 = require("../../../../ui/Fields/ResourceBrowserSelector/ResourceBrowserSelector");
-var ViewTypes;
-(function (ViewTypes) {
-    ViewTypes["Resource"] = "Resource";
-    ViewTypes["URL"] = "URL";
-})(ViewTypes || (ViewTypes = {}));
-const imageTypeOptions = {
-    [ViewTypes.Resource]: { label: 'From source' },
-    [ViewTypes.URL]: { label: 'From URL' },
-};
-const ImageForm = ({ data, onSubmit }) => {
-    const { control, register, handleSubmit, setValue, watch, formState: { errors }, } = (0, react_hook_form_1.useForm)({
-        defaultValues: data,
-    });
-    const imageType = watch('imageType');
-    const [viewType, setViewType] = (0, react_1.useState)(ViewTypes.Resource);
-    const [aspectRatioFromWidth, setAspectRatioFromWidth] = (0, react_1.useState)(9 / 16);
-    const [aspectRatioFromHeight, setAspectRatioFromHeight] = (0, react_1.useState)(16 / 9);
-    const [aspectRatioLocked, setAspectRatioLocked] = (0, react_1.useState)(true);
-    const setDimensionsFromURL = async (e) => {
-        try {
-            const { width, height } = await (0, react_image_size_1.getImageSize)(e.target.value);
-            setValue('image.width', width);
-            setValue('image.height', height);
-            setAspectRatioFromWidth(height / width);
-            setAspectRatioFromHeight(width / height);
-        }
-        catch (error) {
-            // swallow the error for fetching the image size, will occur if the URL does not point to an image.
-            // will be handled by validation when attempting to add the image.
-        }
-    };
-    const validateIsNotImage = async (src) => {
-        try {
-            await (0, react_image_size_1.getImageSize)(src);
-            return false;
-        }
-        catch (error) {
-            return true;
-        }
-    };
-    const calculateDimensions = (event) => {
-        if (aspectRatioLocked) {
-            const currentTarget = event?.target;
-            const type = currentTarget.name;
-            const currentValue = currentTarget.value;
-            const otherValue = type === 'image.width' ? 'image.height' : 'image.width';
-            const aspectRatio = type === 'image.width' ? aspectRatioFromWidth : aspectRatioFromHeight;
-            const newValue = Math.round(aspectRatio * Number(currentValue) * 100) / 100;
-            setValue(otherValue, newValue);
-        }
-    };
-    const toggleAspectRatio = () => {
-        setAspectRatioLocked(!aspectRatioLocked);
-    };
-    (0, react_1.useEffect)(() => {
-        if (imageType === Extensions_1.NodeName.Image) {
-            setViewType(ViewTypes.URL);
-        }
-        else {
-            setViewType(ViewTypes.Resource);
-        }
-    }, [imageType, setViewType]);
-    const handleChangeViewType = (0, react_1.useCallback)((value) => {
-        setViewType(value);
-        // If its the URL field type we know what the imageType should be
-        if (value === ViewTypes.URL) {
-            console.log(`handleChangeViewType: ${value} NodeName.Image`);
-            setValue('imageType', Extensions_1.NodeName.Image);
-        }
-        else {
-            // Need a value here and this is the assumed default elsewhere
-            // Will be set again later once Resource Browser returns a resource value
-            console.log(`handleChangeViewType: ${value} NodeName.AssetImage`);
-            setValue('imageType', Extensions_1.NodeName.AssetImage);
-        }
-    }, [setViewType, setValue]);
-    return (react_1.default.createElement("form", { className: "squiz-fte-form", onSubmit: handleSubmit(onSubmit) },
-        react_1.default.createElement("div", { className: "squiz-fte-form-group mb-4" },
-            react_1.default.createElement(Tabs_1.Tabs, { value: imageType === Extensions_1.NodeName.Image ? ViewTypes.URL : ViewTypes.Resource, options: imageTypeOptions, onChange: handleChangeViewType })),
-        viewType === ViewTypes.URL && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("div", { className: "squiz-fte-form-group mb-2" },
-                react_1.default.createElement(Input_1.Input, { label: "Source", required: true, error: errors?.image?.src?.message, ...register('image.src', {
-                        onChange: setDimensionsFromURL,
-                        required: 'Source is required',
-                        validate: {
-                            isValidImage: async (value) => {
-                                if (value && validation_1.regexDataURI.test(value)) {
-                                    return 'Must not be a data URI';
-                                }
-                                if (value && (await validateIsNotImage(value))) {
-                                    return 'Must be a valid image URL';
-                                }
-                            },
-                            noEmptySpaces: validation_1.noEmptySpacesValidation,
-                        },
-                    }) })),
-            react_1.default.createElement("div", { className: "flex flex-row" },
-                react_1.default.createElement("div", { className: "squiz-fte-form-group mb-2" },
-                    react_1.default.createElement(Input_1.Input, { label: "Width", type: "number", required: true, error: errors?.image?.width?.message, ...register('image.width', {
-                            onChange: calculateDimensions,
-                            required: 'Width is required',
-                            validate: {
-                                isValidWidth: (value) => {
-                                    if (value && !(value > 0)) {
-                                        return 'Must be higher than 0';
-                                    }
-                                },
-                            },
-                        }) })),
-                react_1.default.createElement("div", { className: "flex mx-1 mb-2" },
-                    react_1.default.createElement(Button_1.default, { handleOnClick: toggleAspectRatio, isActive: false, icon: aspectRatioLocked ? react_1.default.createElement(InsertLinkRounded_1.default, null) : react_1.default.createElement(LinkOff_1.default, null), label: "Constrain properties", isDisabled: false, className: (0, clsx_1.default)('my-auto', !errors?.image?.height && !errors?.image?.width && 'mb-0') })),
-                react_1.default.createElement("div", { className: "squiz-fte-form-group mb-2" },
-                    react_1.default.createElement(Input_1.Input, { label: "Height", type: "number", required: true, error: errors?.image?.height?.message, ...register('image.height', {
-                            onChange: calculateDimensions,
-                            required: 'Height is required',
-                            validate: {
-                                isValidHeight: (value) => {
-                                    if (value && !(value > 0)) {
-                                        return 'Must be higher than 0';
-                                    }
-                                },
-                            },
-                        }) }))),
-            react_1.default.createElement("div", { className: "squiz-fte-form-group mb-2" },
-                react_1.default.createElement(Input_1.Input, { label: "Alternative description", error: errors?.image?.alt?.message, ...register('image.alt') })))),
-        viewType === ViewTypes.Resource && (react_1.default.createElement("div", { className: "squiz-fte-form-group mb-2" },
-            react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: "resourceImage", rules: {
-                    validate: (value) => {
-                        const matrixValidation = (0, validation_1.hasProperties)('An image must be selected', [
-                            'matrixIdentifier',
-                            'matrixAssetId',
-                        ])(value);
-                        const damValidation = (0, validation_1.hasProperties)('An image must be selected', [
-                            'damObjectId',
-                            'damSystemIdentifier',
-                        ])(value);
-                        // One of the two needs to validate
-                        return matrixValidation && damValidation;
-                    },
-                }, render: ({ field: { onChange, value }, fieldState: { error } }) => (react_1.default.createElement(ResourceBrowserSelector_1.ResourceBrowserSelector, { modalTitle: "Insert image", allowedTypes: ['image'], value: value, onChange: (value) => {
-                        console.log(`onChange: ${value}`);
-                        setValue('imageType', value.target.value.nodeType);
-                        onChange(value);
-                    }, error: error?.message })) })))));
-};
-exports.default = ImageForm;

package/lib/EditorToolbar/Tools/Image/ImageButton.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-type ImageButtonProps = {
-    inPopover?: boolean;
-};
-declare const ImageButton: ({ inPopover }: ImageButtonProps) => React.JSX.Element;
-export default ImageButton;

package/lib/EditorToolbar/Tools/Image/ImageButton.js

@@ -1,79 +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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_2 = require("@remirror/react");
-const ImageRounded_1 = __importDefault(require("@mui/icons-material/ImageRounded"));
-const ImageModal_1 = __importDefault(require("./ImageModal"));
-const Button_1 = __importDefault(require("../../../ui/Button/Button"));
-const Extensions_1 = require("../../../Extensions/Extensions");
-const getShortcutSymbol_1 = require("../../../utils/getShortcutSymbol");
-const ImageButton = ({ inPopover = false }) => {
-    const [showModal, setShowModal] = (0, react_1.useState)(false);
-    const { insertImage, insertAssetImage, insertDAMImage } = (0, react_2.useCommands)();
-    const active = (0, react_2.useActive)();
-    const selection = (0, react_2.useCurrentSelection)();
-    // if the active selection is not an image, disable the button as it means it will be text
-    const disabled = (!selection.empty && !active.image() && !active.assetImage() && !active.DAMImage()) || active.codeBlock();
-    const handleClick = () => {
-        if (!showModal) {
-            setShowModal(true);
-        }
-    };
-    const insertImageFromData = (data) => {
-        const { imageType, image, resourceImage } = data;
-        if (imageType === Extensions_1.NodeName.Image) {
-            insertImage(image);
-        }
-        else if (imageType === Extensions_1.NodeName.DAMImage) {
-            insertDAMImage(resourceImage);
-        }
-        else {
-            insertAssetImage(resourceImage);
-        }
-    };
-    const handleSubmit = async (data) => {
-        insertImageFromData(data);
-        setShowModal(false);
-    };
-    const handleShortcut = (0, react_1.useCallback)(() => {
-        handleClick();
-        // Prevent other key handlers being run
-        return true;
-    }, []);
-    // when Ctrl+l is pressed show the modal, only registered in the toolbar button instance to avoid the key press
-    // being double handled.
-    if (!inPopover) {
-        // disable the shortcut if the button is disabled
-        (0, react_2.useKeymap)('Mod-l', disabled ? () => false : handleShortcut);
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Button_1.default, { handleOnClick: handleClick, isActive: active.image() || active.assetImage() || active.DAMImage(), icon: react_1.default.createElement(ImageRounded_1.default, null), label: `Image (${(0, getShortcutSymbol_1.getShortcutSymbol)()}+L)`, isDisabled: disabled }),
-        showModal && react_1.default.createElement(ImageModal_1.default, { onCancel: () => setShowModal(false), onSubmit: handleSubmit })));
-};
-exports.default = ImageButton;

package/lib/EditorToolbar/Tools/Image/ImageModal.d.ts

@@ -1,9 +0,0 @@
-import { ImageFormData } from './Form/ImageForm';
-import React from 'react';
-import { SubmitHandler } from 'react-hook-form';
-type ImageModalProps = {
-    onCancel: () => void;
-    onSubmit: SubmitHandler<ImageFormData>;
-};
-declare const ImageModal: ({ onCancel, onSubmit }: ImageModalProps) => React.JSX.Element;
-export default ImageModal;

package/lib/EditorToolbar/Tools/Image/ImageModal.js

@@ -1,26 +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 ImageForm_1 = __importDefault(require("./Form/ImageForm"));
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@remirror/react");
-const ImageRounded_1 = __importDefault(require("@mui/icons-material/ImageRounded"));
-const FormModal_1 = __importDefault(require("../../../ui/Modal/FormModal"));
-const Extensions_1 = require("../../../Extensions/Extensions");
-const ImageModal = ({ onCancel, onSubmit }) => {
-    const selection = (0, react_2.useCurrentSelection)();
-    const currentImage = selection?.node;
-    const currentImageAttrs = { ...currentImage?.attrs };
-    const formData = {
-        imageType: currentImage?.type.name === Extensions_1.NodeName.Image ? Extensions_1.NodeName.Image : Extensions_1.NodeName.AssetImage,
-        image: currentImage?.type?.name === Extensions_1.NodeName.Image ? currentImageAttrs : {},
-        resourceImage: currentImage?.type?.name === Extensions_1.NodeName.DAMImage || currentImage?.type?.name === Extensions_1.NodeName.AssetImage
-            ? currentImageAttrs
-            : {},
-    };
-    return (react_1.default.createElement(FormModal_1.default, { title: "Image", icon: react_1.default.createElement(ImageRounded_1.default, null), onCancel: onCancel },
-        react_1.default.createElement(ImageForm_1.default, { data: formData, onSubmit: onSubmit })));
-};
-exports.default = ImageModal;

package/lib/EditorToolbar/Tools/Italic/ItalicButton.d.ts

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

package/lib/EditorToolbar/Tools/Italic/ItalicButton.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 FormatItalicRounded_1 = __importDefault(require("@mui/icons-material/FormatItalicRounded"));
-const getShortcutSymbol_1 = require("../../../utils/getShortcutSymbol");
-const ItalicButton = () => {
-    const { toggleItalic } = (0, react_2.useCommands)();
-    const chain = (0, react_2.useChainedCommands)();
-    const active = (0, react_2.useActive)();
-    const enabled = toggleItalic.enabled();
-    const handleSelect = () => {
-        if (toggleItalic.enabled()) {
-            chain.toggleItalic().focus().run();
-        }
-    };
-    return (react_1.default.createElement(Button_1.default, { handleOnClick: handleSelect, isDisabled: !enabled, isActive: active.italic(), icon: react_1.default.createElement(FormatItalicRounded_1.default, null), label: `Italic (${(0, getShortcutSymbol_1.getShortcutSymbol)()}+I)` }));
-};
-exports.default = ItalicButton;

package/lib/EditorToolbar/Tools/Link/Form/LinkForm.d.ts

@@ -1,19 +0,0 @@
-import { ReactElement } from 'react';
-import { SubmitHandler } from 'react-hook-form';
-import { FromToProps } from 'remirror';
-import { UpdateLinkProps } from '../../../../Extensions/LinkExtension/LinkExtension';
-import { UpdateAssetLinkProps } from '../../../../Extensions/LinkExtension/AssetLinkExtension';
-import { MarkName } from '../../../../Extensions/Extensions';
-import { DeepPartial } from '../../../../types';
-export type LinkFormData = {
-    linkType: MarkName;
-    text: string;
-    link: UpdateLinkProps['attrs'];
-    assetLink: UpdateAssetLinkProps['attrs'];
-    range: FromToProps;
-};
-export type FormProps = {
-    data?: DeepPartial<LinkFormData>;
-    onSubmit: SubmitHandler<LinkFormData>;
-};
-export declare const LinkForm: ({ data, onSubmit }: FormProps) => ReactElement;

package/lib/EditorToolbar/Tools/Link/Form/LinkForm.js

@@ -1,63 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkForm = void 0;
-const react_1 = __importDefault(require("react"));
-const clsx_1 = __importDefault(require("clsx"));
-const react_hook_form_1 = require("react-hook-form");
-const Input_1 = require("../../../../ui/Fields/Input/Input");
-const Checkbox_1 = require("../../../../ui/Fields/Checkbox/Checkbox");
-const common_1 = require("../../../../Extensions/LinkExtension/common");
-const Extensions_1 = require("../../../../Extensions/Extensions");
-const validation_1 = require("../../../../utils/validation");
-const Tabs_1 = require("../../../../ui/Tabs/Tabs");
-const MatrixAsset_1 = require("../../../../ui/Fields/MatrixAsset/MatrixAsset");
-const linkTypeOptions = {
-    [Extensions_1.MarkName.AssetLink]: { label: 'From source' },
-    [Extensions_1.MarkName.Link]: { label: 'From URL' },
-};
-const LinkForm = ({ data, onSubmit }) => {
-    const { control, register, handleSubmit, setValue, watch, formState: { errors }, } = (0, react_hook_form_1.useForm)({
-        defaultValues: data,
-    });
-    const linkType = watch('linkType') || Extensions_1.MarkName.AssetLink;
-    return (react_1.default.createElement("form", { className: "squiz-fte-form", onSubmit: handleSubmit(onSubmit) },
-        react_1.default.createElement("div", { className: "squiz-fte-form-group mb-4" },
-            react_1.default.createElement(Tabs_1.Tabs, { value: linkType, options: linkTypeOptions, onChange: (value) => setValue('linkType', value) })),
-        linkType === Extensions_1.MarkName.Link && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("div", { className: (0, clsx_1.default)('squiz-fte-form-group mb-2') },
-                react_1.default.createElement(Input_1.Input, { label: "URL", required: true, error: errors?.link?.href?.message, ...register('link.href', {
-                        required: 'URL is required',
-                        validate: {
-                            noEmptySpaces: validation_1.noEmptySpacesValidation,
-                        },
-                    }) })),
-            react_1.default.createElement("div", { className: (0, clsx_1.default)('squiz-fte-form-group mb-2') },
-                react_1.default.createElement(Input_1.Input, { label: "Text", required: true, error: errors?.text?.message, ...register('text', {
-                        required: 'Text is required',
-                        validate: {
-                            noEmptySpaces: validation_1.noEmptySpacesValidation,
-                        },
-                    }) })),
-            react_1.default.createElement("div", { className: (0, clsx_1.default)('squiz-fte-form-group mb-2') },
-                react_1.default.createElement(Input_1.Input, { label: "Title", error: errors?.link?.title?.message, ...register('link.title') })),
-            react_1.default.createElement("div", { className: (0, clsx_1.default)('squiz-fte-form-group mb-2') },
-                react_1.default.createElement(Checkbox_1.Checkbox, { label: "Open link in new window", onChange: (value) => setValue('link.target', value), defaultChecked: data?.link?.target === common_1.LinkTarget.Blank, unchecked: common_1.LinkTarget.Self, checked: common_1.LinkTarget.Blank })))),
-        linkType === Extensions_1.MarkName.AssetLink && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("div", { className: (0, clsx_1.default)('squiz-fte-form-group mb-2') },
-                react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: "assetLink", rules: {
-                        validate: (0, validation_1.hasProperties)('An asset must be selected', ['matrixIdentifier', 'matrixAssetId']),
-                    }, render: ({ field: { onChange, value }, fieldState: { error } }) => (react_1.default.createElement(MatrixAsset_1.MatrixAsset, { modalTitle: "Insert link", value: value, onChange: onChange, error: error?.message })) })),
-            react_1.default.createElement("div", { className: (0, clsx_1.default)('squiz-fte-form-group mb-2') },
-                react_1.default.createElement(Input_1.Input, { label: "Text", required: true, error: errors?.text?.message, ...register('text', {
-                        required: 'Text is required',
-                        validate: {
-                            noEmptySpaces: validation_1.noEmptySpacesValidation,
-                        },
-                    }) })),
-            react_1.default.createElement("div", { className: (0, clsx_1.default)('squiz-fte-form-group mb-2') },
-                react_1.default.createElement(Checkbox_1.Checkbox, { label: "Open link in new window", onChange: (value) => setValue('assetLink.target', value), defaultChecked: data?.assetLink?.target === '_blank', unchecked: '_self', checked: '_blank' }))))));
-};
-exports.LinkForm = LinkForm;

package/lib/EditorToolbar/Tools/Link/LinkButton.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export type LinkButtonProps = {
-    inPopover?: boolean;
-};
-declare const LinkButton: ({ inPopover }: LinkButtonProps) => React.JSX.Element;
-export default LinkButton;

package/lib/EditorToolbar/Tools/Link/LinkButton.js

@@ -1,71 +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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const InsertLinkRounded_1 = __importDefault(require("@mui/icons-material/InsertLinkRounded"));
-const LinkModal_1 = __importDefault(require("./LinkModal"));
-const Button_1 = __importDefault(require("../../../ui/Button/Button"));
-const react_2 = require("@remirror/react");
-const Extensions_1 = require("../../../Extensions/Extensions");
-const getShortcutSymbol_1 = require("../../../utils/getShortcutSymbol");
-const LinkButton = ({ inPopover = false }) => {
-    const [showModal, setShowModal] = (0, react_1.useState)(false);
-    const { updateLink, updateAssetLink } = (0, react_2.useCommands)();
-    const active = (0, react_2.useActive)();
-    // If the image tool is active, disable the link tool as they shouldn't work at the same time
-    const disabled = active.image() || active.codeBlock();
-    const handleClick = () => {
-        if (!showModal) {
-            setShowModal(true);
-        }
-    };
-    const handleShortcut = (0, react_1.useCallback)(() => {
-        handleClick();
-        // Prevent other key handlers being run
-        return true;
-    }, []);
-    const handleSubmit = (data) => {
-        if (data.linkType === Extensions_1.MarkName.AssetLink) {
-            updateAssetLink({ text: data.text, attrs: data.assetLink, range: data.range });
-        }
-        else {
-            updateLink({ text: data.text, attrs: data.link, range: data.range });
-        }
-        setShowModal(false);
-    };
-    // when Ctrl+K is pressed show the modal, only registered in the toolbar button instance to avoid the key press
-    // being double handled.
-    if (!inPopover) {
-        // disable the shortcut if the button is disabled
-        (0, react_2.useKeymap)('Mod-k', disabled ? () => true : handleShortcut);
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Button_1.default, { handleOnClick: handleClick, isActive: active.link() || active.assetLink(), icon: react_1.default.createElement(InsertLinkRounded_1.default, null), label: `Link (${(0, getShortcutSymbol_1.getShortcutSymbol)()}+K)`, isDisabled: disabled }),
-        showModal && react_1.default.createElement(LinkModal_1.default, { onCancel: () => setShowModal(false), onSubmit: handleSubmit })));
-};
-exports.default = LinkButton;

package/lib/EditorToolbar/Tools/Link/LinkModal.d.ts

@@ -1,9 +0,0 @@
-import { LinkFormData } from './Form/LinkForm';
-import React from 'react';
-import { SubmitHandler } from 'react-hook-form';
-type LinkModalProps = {
-    onCancel: () => void;
-    onSubmit: SubmitHandler<LinkFormData>;
-};
-declare const LinkModal: ({ onCancel, onSubmit }: LinkModalProps) => React.JSX.Element;
-export default LinkModal;

package/lib/EditorToolbar/Tools/Link/LinkModal.js

@@ -1,27 +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 LinkForm_1 = require("./Form/LinkForm");
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@remirror/react");
-const InsertLinkRounded_1 = __importDefault(require("@mui/icons-material/InsertLinkRounded"));
-const FormModal_1 = __importDefault(require("../../../ui/Modal/FormModal"));
-const hooks_1 = require("../../../hooks");
-const Extensions_1 = require("../../../Extensions/Extensions");
-const LinkModal = ({ onCancel, onSubmit }) => {
-    const { helpers, view: { state }, } = (0, react_2.useRemirrorContext)();
-    const { selection, marks } = (0, hooks_1.useExpandedSelection)([Extensions_1.MarkName.Link, Extensions_1.MarkName.AssetLink]);
-    const selectedText = helpers.getTextBetween(selection.from, selection.to, state.doc);
-    const data = {
-        linkType: marks[0]?.type?.name === Extensions_1.MarkName.Link ? Extensions_1.MarkName.Link : Extensions_1.MarkName.AssetLink,
-        text: selectedText,
-        link: { ...marks.find((mark) => mark.type.name === 'link')?.attrs },
-        assetLink: { ...marks.find((mark) => mark.type.name === Extensions_1.MarkName.AssetLink)?.attrs },
-        range: { from: selection.from, to: selection.to },
-    };
-    return (react_1.default.createElement(FormModal_1.default, { title: "Link", icon: react_1.default.createElement(InsertLinkRounded_1.default, null), onCancel: onCancel },
-        react_1.default.createElement(LinkForm_1.LinkForm, { data: data, onSubmit: onSubmit })));
-};
-exports.default = LinkModal;

package/lib/EditorToolbar/Tools/Link/RemoveLinkButton.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { LinkButtonProps } from './LinkButton';
-declare const RemoveLinkButton: ({ inPopover }: LinkButtonProps) => React.JSX.Element;
-export default RemoveLinkButton;

package/lib/EditorToolbar/Tools/Link/RemoveLinkButton.js

@@ -1,54 +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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_2 = require("@remirror/react");
-const Button_1 = __importDefault(require("../../../ui/Button/Button"));
-const LinkOff_1 = __importDefault(require("@mui/icons-material/LinkOff"));
-const getShortcutSymbol_1 = require("../../../utils/getShortcutSymbol");
-const RemoveLinkButton = ({ inPopover = false }) => {
-    const chain = (0, react_2.useChainedCommands)();
-    const active = (0, react_2.useActive)();
-    const disabled = !active.link() && !active.assetLink();
-    const handleClick = () => {
-        chain.removeLink().removeAssetLink().focus().run();
-    };
-    const handleShortcut = (0, react_1.useCallback)(() => {
-        handleClick();
-        // Prevent other key handlers being run
-        return true;
-    }, []);
-    // when Shift+Ctrl+k is pressed show the modal, only registered in the toolbar button instance to avoid the key press
-    // being double handled.
-    if (!inPopover) {
-        // disable the shortcut if the button is disabled
-        (0, react_2.useKeymap)('Shift-Mod-k', disabled ? () => true : handleShortcut);
-    }
-    return (react_1.default.createElement(Button_1.default, { handleOnClick: handleClick, isActive: false, isDisabled: disabled, icon: react_1.default.createElement(LinkOff_1.default, null), label: `Remove link (Shift+${(0, getShortcutSymbol_1.getShortcutSymbol)()}+K)` }));
-};
-exports.default = RemoveLinkButton;

package/lib/EditorToolbar/Tools/Lists/ListButtons.d.ts

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

package/lib/EditorToolbar/Tools/Lists/ListButtons.js

@@ -1,14 +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 OrderedListButton_1 = __importDefault(require("./OrderedList/OrderedListButton"));
-const UnorderedListButton_1 = __importDefault(require("./UnorderedList/UnorderedListButton"));
-const react_components_1 = require("@remirror/react-components");
-const ListButtons = () => (react_1.default.createElement(react_1.default.Fragment, null,
-    react_1.default.createElement(UnorderedListButton_1.default, null),
-    react_1.default.createElement(OrderedListButton_1.default, null),
-    react_1.default.createElement(react_components_1.VerticalDivider, null)));
-exports.default = ListButtons;

package/lib/EditorToolbar/Tools/Lists/OrderedList/OrderedListButton.d.ts

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