@kaizen/components 1.32.0 → 1.34.0

package/dist/esm/RichTextEditor/utils/core/hooks/useRichTextEditor.mjs

@@ -0,0 +1,74 @@
+import { __assign } from 'tslib';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { createRichTextEditor } from '../createRichTextEditor.mjs';
+
+/**
+ * useRichTextEditor
+ * React hook to initialize a ProseMirror editor, handle binding it to the DOM,
+ * and updating the state within React’s lifecycle.
+ *
+ * @param {initialEditorState} ProseMirror state
+ * @returns {Array}
+ */
+var useRichTextEditor = function (initialEditorState,
+/*
+ * Pass in HTML attributes into the parent RTE node
+ */
+attributes, options) {
+  options = __assign({
+    editable: true
+  }, options);
+  var _a = useState(initialEditorState),
+    editorState = _a[0],
+    setEditorState = _a[1];
+  // Refs to hold the methods returned from ProseMirror’s initialization
+  var destroyEditorRef = useRef();
+  var dispatchTransactionRef = useRef(function () {
+    return undefined;
+  });
+  // Construct a consistent reference to call the dispatchTransactionRef without
+  // forcing the consumer to unwind it
+  var dispatchTransaction = useCallback(function (commandOrTransaction) {
+    dispatchTransactionRef.current(commandOrTransaction);
+  }, [dispatchTransactionRef]);
+  // Hold editableStatus as a ref so we can toggle its status
+  var editableStatusRef = useRef(options.editable);
+  var setEditableStatus = useCallback(function (status) {
+    editableStatusRef.current = status;
+    // Trigger an update within ProseMirror by issuing a noop transaction
+    dispatchTransaction(function (state, dispatch) {
+      if (!dispatch) return false;
+      dispatch(state.tr);
+      return true;
+    });
+  }, [editableStatusRef]);
+  var editorRef = useCallback(function (node) {
+    if (node !== null) {
+      var instance = createRichTextEditor({
+        node: node,
+        initialEditorState: editorState,
+        onChange: setEditorState,
+        isEditable: function () {
+          return editableStatusRef.current;
+        },
+        attributes: attributes
+      });
+      destroyEditorRef.current = instance.destroy;
+      dispatchTransactionRef.current = instance.dispatchTransaction;
+    }
+  },
+  // Including editorState in the dependencies here will cause an endless
+  // loop as the initialization changes its value
+  [setEditorState, editableStatusRef]);
+  // Tear down ProseMirror when the consuming component is unmounted
+  useEffect(function () {
+    return function () {
+      if (destroyEditorRef.current) {
+        destroyEditorRef.current();
+      }
+    };
+  }, [destroyEditorRef]);
+  return [editorRef, editorState, dispatchTransaction, setEditableStatus];
+};
+export { useRichTextEditor };
+//# sourceMappingURL=useRichTextEditor.mjs.map

package/dist/esm/RichTextEditor/utils/core/hooks/useRichTextEditor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRichTextEditor.mjs","sources":["../../../../../../src/RichTextEditor/utils/core/hooks/useRichTextEditor.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\"\nimport { EditorState } from \"prosemirror-state\"\nimport { createRichTextEditor } from \"../createRichTextEditor\"\nimport { CommandOrTransaction } from \"../types\"\n\ntype RTEOptions = {\n  editable: boolean\n}\n\ntype SetEditableStatus = (status: boolean) => void\n\ntype UseRichTextEditorReturnValue = [\n  React.RefCallback<HTMLElement>,\n  EditorState,\n  (commandOrTransaction: CommandOrTransaction) => void,\n  SetEditableStatus,\n]\n\n/**\n * useRichTextEditor\n * React hook to initialize a ProseMirror editor, handle binding it to the DOM,\n * and updating the state within React’s lifecycle.\n *\n * @param {initialEditorState} ProseMirror state\n * @returns {Array}\n */\nexport const useRichTextEditor = (\n  initialEditorState: EditorState,\n  /*\n   * Pass in HTML attributes into the parent RTE node\n   */\n  attributes?: Record<string, string>,\n  options?: RTEOptions\n): UseRichTextEditorReturnValue => {\n  options = {\n    editable: true,\n    ...options,\n  }\n  const [editorState, setEditorState] =\n    useState<EditorState>(initialEditorState)\n  // Refs to hold the methods returned from ProseMirror’s initialization\n  const destroyEditorRef = useRef<() => void>()\n  const dispatchTransactionRef = useRef<\n    (commandOrTransaction: CommandOrTransaction) => void\n  >(() => undefined)\n\n  // Construct a consistent reference to call the dispatchTransactionRef without\n  // forcing the consumer to unwind it\n  const dispatchTransaction = useCallback(\n    (commandOrTransaction: CommandOrTransaction) => {\n      dispatchTransactionRef.current(commandOrTransaction)\n    },\n    [dispatchTransactionRef]\n  )\n\n  // Hold editableStatus as a ref so we can toggle its status\n  const editableStatusRef = useRef<boolean>(options.editable)\n  const setEditableStatus = useCallback<SetEditableStatus>(\n    status => {\n      editableStatusRef.current = status\n      // Trigger an update within ProseMirror by issuing a noop transaction\n      dispatchTransaction((state, dispatch) => {\n        if (!dispatch) return false\n        dispatch(state.tr)\n        return true\n      })\n    },\n    [editableStatusRef]\n  )\n\n  const editorRef = useCallback(\n    (node: HTMLElement) => {\n      if (node !== null) {\n        const instance = createRichTextEditor({\n          node,\n          initialEditorState: editorState,\n          onChange: setEditorState,\n          isEditable: () => editableStatusRef.current,\n          attributes,\n        })\n        destroyEditorRef.current = instance.destroy\n        dispatchTransactionRef.current = instance.dispatchTransaction\n      }\n    },\n\n    // Including editorState in the dependencies here will cause an endless\n    // loop as the initialization changes its value\n    [setEditorState, editableStatusRef]\n  )\n\n  // Tear down ProseMirror when the consuming component is unmounted\n  useEffect(\n    () => () => {\n      if (destroyEditorRef.current) {\n        destroyEditorRef.current()\n      }\n    },\n    [destroyEditorRef]\n  )\n\n  return [editorRef, editorState, dispatchTransaction, setEditableStatus]\n}\n"],"names":["useRichTextEditor","initialEditorState","attributes","options","editable","_a","useState","editorState","setEditorState","destroyEditorRef","useRef","dispatchTransactionRef","undefined","dispatchTransaction","useCallback","commandOrTransaction","current","editableStatusRef","setEditableStatus","status","state","dispatch","tr","editorRef","node","instance","createRichTextEditor","onChange","isEditable","destroy","useEffect"],"mappings":";;;;AAkBA;;;;;;;AAOG;AACI,IAAMA,iBAAiB,GAAG,SAAAA,CAC/BC,kBAA+B;AAC/B;;AAEG;AACHC,UAAmC,EACnCC,OAAoB,EAAA;EAEpBA,OAAO;IACLC,QAAQ,EAAE;EACP,CAAA,EAAAD,OAAO,CACX;EACK,IAAAE,EAAA,GACJC,QAAQ,CAAcL,kBAAkB,CAAC;IADpCM,WAAW,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,cAAc,GAAAH,EAAA,CAAA,CAAA,CACS;;EAE3C,IAAMI,gBAAgB,GAAGC,MAAM,EAAc;EAC7C,IAAMC,sBAAsB,GAAGD,MAAM,CAEnC,YAAA;IAAM,OAAAE,SAAS;EAAA,CAAA,CAAC;;;EAIlB,IAAMC,mBAAmB,GAAGC,WAAW,CACrC,UAACC,oBAA0C,EAAA;IACzCJ,sBAAsB,CAACK,OAAO,CAACD,oBAAoB,CAAC;EACtD,CAAC,EACD,CAACJ,sBAAsB,CAAC,CACzB;;EAGD,IAAMM,iBAAiB,GAAGP,MAAM,CAAUP,OAAO,CAACC,QAAQ,CAAC;EAC3D,IAAMc,iBAAiB,GAAGJ,WAAW,CACnC,UAAAK,MAAM,EAAA;IACJF,iBAAiB,CAACD,OAAO,GAAGG,MAAM;;IAElCN,mBAAmB,CAAC,UAACO,KAAK,EAAEC,QAAQ,EAAA;MAClC,IAAI,CAACA,QAAQ,EAAE,OAAO,KAAK;MAC3BA,QAAQ,CAACD,KAAK,CAACE,EAAE,CAAC;MAClB,OAAO,IAAI;IACb,CAAC,CAAC;EACJ,CAAC,EACD,CAACL,iBAAiB,CAAC,CACpB;EAED,IAAMM,SAAS,GAAGT,WAAW,CAC3B,UAACU,IAAiB,EAAA;IAChB,IAAIA,IAAI,KAAK,IAAI,EAAE;MACjB,IAAMC,QAAQ,GAAGC,oBAAoB,CAAC;QACpCF,IAAI,EAAAA,IAAA;QACJvB,kBAAkB,EAAEM,WAAW;QAC/BoB,QAAQ,EAAEnB,cAAc;QACxBoB,UAAU,EAAE,SAAAA,CAAA,EAAM;UAAA,OAAAX,iBAAiB,CAACD,OAAO;QAAA,CAAA;QAC3Cd,UAAU,EAAAA;MACX,CAAA,CAAC;MACFO,gBAAgB,CAACO,OAAO,GAAGS,QAAQ,CAACI,OAAO;MAC3ClB,sBAAsB,CAACK,OAAO,GAAGS,QAAQ,CAACZ,mBAAmB;IAC9D;EACF,CAAA;;;EAID,CAACL,cAAc,EAAES,iBAAiB,CAAC,CACpC;;EAGDa,SAAS,CACP;IAAM,OAAA,YAAA;MACJ,IAAIrB,gBAAgB,CAACO,OAAO,EAAE;QAC5BP,gBAAgB,CAACO,OAAO,CAAA,CAAE;MAC3B;IACH,CAAC;EAAA,CAAA,EACD,CAACP,gBAAgB,CAAC,CACnB;EAED,OAAO,CAACc,SAAS,EAAEhB,WAAW,EAAEM,mBAAmB,EAAEK,iBAAiB,CAAC;AACzE,CAAA;"}

package/dist/esm/RichTextEditor/utils/core/inputrules.mjs

@@ -0,0 +1,23 @@
+import { wrappingInputRule } from 'prosemirror-inputrules';
+
+// Given a list node type, returns an input rule that turns a number
+// followed by a dot at the start of a textblock into an ordered list.
+// Copied from https://github.com/ProseMirror/prosemirror-example-setup/blob/master/src/inputrules.js
+var orderedListRule = function (nodeType) {
+  return wrappingInputRule(/^(\d+)\.\s$/, nodeType, function (match) {
+    return {
+      order: +match[1]
+    };
+  }, function (match, node) {
+    return node.childCount + node.attrs.order == +match[1];
+  });
+};
+// Given a list node type, returns an input rule that turns a bullet
+// (dash, plush, or asterisk) at the start of a textblock into a
+// bullet list.
+// Copied from https://github.com/ProseMirror/prosemirror-example-setup/blob/master/src/inputrules.js
+var bulletListRule = function (nodeType) {
+  return wrappingInputRule(/^\s*([-+*])\s$/, nodeType);
+};
+export { bulletListRule, orderedListRule };
+//# sourceMappingURL=inputrules.mjs.map

package/dist/esm/RichTextEditor/utils/core/inputrules.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputrules.mjs","sources":["../../../../../src/RichTextEditor/utils/core/inputrules.ts"],"sourcesContent":["import { InputRule, wrappingInputRule } from \"prosemirror-inputrules\"\nimport { NodeType } from \"prosemirror-model\"\n\n// Given a list node type, returns an input rule that turns a number\n// followed by a dot at the start of a textblock into an ordered list.\n// Copied from https://github.com/ProseMirror/prosemirror-example-setup/blob/master/src/inputrules.js\nexport const orderedListRule = (nodeType: NodeType): InputRule =>\n  wrappingInputRule(\n    /^(\\d+)\\.\\s$/,\n    nodeType,\n    match => ({ order: +match[1] }),\n    (match, node) => node.childCount + node.attrs.order == +match[1]\n  )\n\n// Given a list node type, returns an input rule that turns a bullet\n// (dash, plush, or asterisk) at the start of a textblock into a\n// bullet list.\n// Copied from https://github.com/ProseMirror/prosemirror-example-setup/blob/master/src/inputrules.js\nexport const bulletListRule = (nodeType: NodeType): InputRule =>\n  wrappingInputRule(/^\\s*([-+*])\\s$/, nodeType)\n"],"names":["orderedListRule","nodeType","wrappingInputRule","match","order","node","childCount","attrs","bulletListRule"],"mappings":";;AAGA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAAA,CAACC,QAAkB,EAAA;EAChD,OAAAC,iBAAiB,CACf,aAAa,EACbD,QAAQ,EACR,UAAAE,KAAK,EAAI;IAAA,OAAC;MAAEC,KAAK,EAAE,CAACD,KAAK,CAAC,CAAC;IAAG,CAAA;EAAC,CAAA,EAC/B,UAACA,KAAK,EAAEE,IAAI,EAAA;IAAK,OAAAA,IAAI,CAACC,UAAU,GAAGD,IAAI,CAACE,KAAK,CAACH,KAAK,IAAI,CAACD,KAAK,CAAC,CAAC,CAAC;EAAA,CAAA,CACjE;AALD,CAKC;AAEH;AACA;AACA;AACA;AACO,IAAMK,cAAc,GAAG,SAAAA,CAACP,QAAkB,EAAA;EAC/C,OAAAC,iBAAiB,CAAC,gBAAgB,EAAED,QAAQ,CAAC;AAA7C,CAAA;"}

package/dist/esm/RichTextEditor/utils/core/state.mjs

@@ -0,0 +1,37 @@
+import { Node } from 'prosemirror-model';
+import { EditorState } from 'prosemirror-state';
+
+/**
+ * createEditorState
+ * Create a ProseMirror EditorState. Wrapper for EditorState.create to make the
+ * API obvious to consumers
+ */
+var createEditorState = function (schema, doc, plugins) {
+  if (plugins === void 0) {
+    plugins = [];
+  }
+  return EditorState.create({
+    doc: doc,
+    schema: schema,
+    plugins: plugins
+  });
+};
+/**
+ * Create a ProseMirror doc node from the combination of a schema and the object
+ * representation of a document
+ */
+var createDocNode = function (schema, docObject) {
+  return Node.fromJSON(schema, docObject);
+};
+/**
+ * Create a ProseMirror doc node from the combination of a schema and the doc’s
+ * content array (rather than the top-level doc node).
+ */
+var createDocNodeFromContent = function (schema, docContent) {
+  return createDocNode(schema, {
+    type: "doc",
+    content: docContent
+  });
+};
+export { createDocNode, createDocNodeFromContent, createEditorState };
+//# sourceMappingURL=state.mjs.map

package/dist/esm/RichTextEditor/utils/core/state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.mjs","sources":["../../../../../src/RichTextEditor/utils/core/state.ts"],"sourcesContent":["import { Node, Schema } from \"prosemirror-model\"\nimport { EditorState, Plugin } from \"prosemirror-state\"\nimport { Doc, DocContent } from \"./types\"\n\n/**\n * createEditorState\n * Create a ProseMirror EditorState. Wrapper for EditorState.create to make the\n * API obvious to consumers\n */\nexport const createEditorState = (\n  schema: Schema,\n  doc: Node | undefined,\n  plugins: Plugin[] = []\n): EditorState => EditorState.create({ doc, schema, plugins })\n\n/**\n * Create a ProseMirror doc node from the combination of a schema and the object\n * representation of a document\n */\nexport const createDocNode = (schema: Schema, docObject: Doc): Node =>\n  Node.fromJSON(schema, docObject)\n\n/**\n * Create a ProseMirror doc node from the combination of a schema and the doc’s\n * content array (rather than the top-level doc node).\n */\nexport const createDocNodeFromContent = (\n  schema: Schema,\n  docContent: DocContent\n): Node => createDocNode(schema, { type: \"doc\", content: docContent })\n"],"names":["createEditorState","schema","doc","plugins","EditorState","create","createDocNode","docObject","Node","fromJSON","createDocNodeFromContent","docContent","type","content"],"mappings":";;;AAIA;;;;AAIG;IACUA,iBAAiB,GAAG,SAAAA,CAC/BC,MAAc,EACdC,GAAqB,EACrBC,OAAsB,EAAA;EAAtB,IAAAA,OAAA,KAAA,KAAA,CAAA,EAAA;IAAAA,OAAsB,GAAA,EAAA;EAAA;EACN,OAAAC,WAAW,CAACC,MAAM,CAAC;IAAEH,GAAG,EAAAA,GAAA;IAAED,MAAM,EAAAA,MAAA;IAAEE,OAAO,EAAAA;EAAA,CAAE,CAAC;AAA5C,CAA4C;AAE9D;;;AAGG;AACU,IAAAG,aAAa,GAAG,SAAAA,CAACL,MAAc,EAAEM,SAAc,EAAA;EAC1D,OAAAC,IAAI,CAACC,QAAQ,CAACR,MAAM,EAAEM,SAAS,CAAC;AAAhC,CAAgC;AAElC;;;AAGG;AACU,IAAAG,wBAAwB,GAAG,SAAAA,CACtCT,MAAc,EACdU,UAAsB,EAAA;EACb,OAAAL,aAAa,CAACL,MAAM,EAAE;IAAEW,IAAI,EAAE,KAAK;IAAEC,OAAO,EAAEF;EAAY,CAAA,CAAC;AAA3D,CAAA;"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/LinkManager.mjs

@@ -0,0 +1,134 @@
+import debounce from 'lodash.debounce';
+import { Plugin } from 'prosemirror-state';
+import { getMarkAttrs } from '../../commands/getMarkAttrs.mjs';
+import { getMarkRange } from '../../commands/getMarkRange.mjs';
+import 'prosemirror-utils';
+import { markContainsSelection } from '../../commands/markContainsSelection.mjs';
+import { markIsActive } from '../../commands/markIsActive.mjs';
+import { removeMark } from '../../commands/removeMark.mjs';
+import { updateMark } from '../../commands/updateMark.mjs';
+import { validateAndRemoveMarks } from '../../commands/validateAndRemoveMarks.mjs';
+import { LinkEditor } from './components/LinkEditor/LinkEditor.mjs';
+import { createReactTooltipWrapper } from './createReactTooltipWrapper.mjs';
+var LinkManager = /** @class */function () {
+  function LinkManager(view, markType, editorComponent, linkAttributeValidator) {
+    var _this = this;
+    this.editorComponent = editorComponent;
+    this.linkActive = function (state) {
+      return markIsActive(state, markType);
+    };
+    this.validateLinks = validateAndRemoveMarks(markType, linkAttributeValidator);
+    this.markType = markType;
+    this.tooltipTarget = null;
+    this.update(view, null);
+    this.onResize = debounce(function () {
+      _this.update(view, null);
+    }, 15);
+  }
+  LinkManager.prototype.update = function (view, lastState) {
+    var state = view.state;
+    // Don’t do anything if the document/TextSelection didn't change
+    if (lastState && lastState.doc.eq(state.doc) && lastState.selection.eq(state.selection)) {
+      return;
+    }
+    // Is the selection empty or not a link
+    //
+    // TODO: Also need to check if the selection is _only_ a link. If it covers
+    // more than a single mark then we don’t want to allow edited
+    if (state.selection.empty || !this.linkActive(state)) {
+      this.destroyElement(view);
+      return;
+    }
+    // If there is a selection and we dont have something in DOM
+    // then create element and inject
+    if (!this.tooltipTarget) {
+      this.createElement(view);
+    }
+    this.updateElement(view);
+  };
+  LinkManager.prototype.destroy = function () {
+    var _a;
+    (_a = this.tooltipTarget) === null || _a === void 0 ? void 0 : _a.destroy();
+    window.removeEventListener("resize", this.onResize);
+  };
+  LinkManager.prototype.createElement = function (view) {
+    if (!view.dom.parentElement) return;
+    this.tooltipTarget = createReactTooltipWrapper(view.dom.parentElement, this.editorComponent, this.getEditorProps(view));
+    window.addEventListener("resize", this.onResize);
+  };
+  LinkManager.prototype.updateElement = function (view) {
+    var _a;
+    (_a = this.tooltipTarget) === null || _a === void 0 ? void 0 : _a.update(this.getEditorProps(view));
+  };
+  LinkManager.prototype.destroyElement = function (view) {
+    var _a;
+    view.dispatch(this.validateLinks);
+    (_a = this.tooltipTarget) === null || _a === void 0 ? void 0 : _a.destroy();
+    this.tooltipTarget = null;
+  };
+  LinkManager.prototype.getEditorProps = function (view) {
+    var _this = this;
+    var selectionPosition = null;
+    var selection = view.state.selection;
+    var contained = markContainsSelection(view.state, this.markType);
+    var $from = selection.$from;
+    var range = getMarkRange($from, this.markType);
+    var start;
+    var end;
+    if (!contained && range) {
+      start = view.coordsAtPos(range.from);
+      end = view.coordsAtPos(range.to);
+    } else {
+      start = view.coordsAtPos(selection.from);
+      if (selection.to === view.state.doc.content.size) {
+        end = view.coordsAtPos(selection.to - 1);
+      } else {
+        end = view.coordsAtPos(selection.to);
+      }
+    }
+    selectionPosition = {
+      top: start.top,
+      left: start.left,
+      width: end.right - start.left,
+      height: start.top - start.bottom
+    };
+    return {
+      removeMark: function () {
+        view.dispatch(removeMark(_this.markType, {
+          toExtent: true
+        }));
+      },
+      updateAttrs: function (attrs) {
+        view.dispatch(updateMark(_this.markType, attrs, {
+          toExtent: true
+        }));
+      },
+      attrs: getMarkAttrs(view.state, this.markType),
+      selectionPosition: selectionPosition,
+      focusEditor: function () {
+        view.focus();
+      }
+    };
+  };
+  return LinkManager;
+}();
+var defaultLinkAttributeValidator = function (attrs) {
+  if (attrs == null) {
+    return false;
+  }
+  return attrs.href && attrs.href !== "";
+};
+var createLinkManager = function (_a) {
+  var markType = _a.markType,
+    _b = _a.editorComponent,
+    editorComponent = _b === void 0 ? LinkEditor : _b,
+    _c = _a.linkAttributeValidator,
+    linkAttributeValidator = _c === void 0 ? defaultLinkAttributeValidator : _c;
+  return new Plugin({
+    view: function (editorView) {
+      return new LinkManager(editorView, markType, editorComponent, linkAttributeValidator);
+    }
+  });
+};
+export { createLinkManager };
+//# sourceMappingURL=LinkManager.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/LinkManager.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkManager.mjs","sources":["../../../../../../src/RichTextEditor/utils/plugins/LinkManager/LinkManager.tsx"],"sourcesContent":["import { ComponentType } from \"react\"\nimport debounce from \"lodash.debounce\"\nimport { MarkType } from \"prosemirror-model\"\nimport { Command, EditorState, Plugin } from \"prosemirror-state\"\nimport {\n  AttrsValidator,\n  getMarkAttrs,\n  getMarkRange,\n  markContainsSelection,\n  markIsActive,\n  removeMark,\n  updateMark,\n  validateAndRemoveMarks,\n} from \"../../commands\"\nimport {\n  LinkEditor,\n  LinkEditorAttrs,\n  LinkEditorProps,\n} from \"./components/LinkEditor\"\nimport { createReactTooltipWrapper } from \"./createReactTooltipWrapper\"\nimport { CAEditorView, SelectionPosition } from \"./types\"\n\nclass LinkManager {\n  editorComponent: ComponentType<LinkEditorProps>\n  linkActive: (state: EditorState) => boolean\n  validateLinks: Command\n  markType: MarkType\n  tooltipTarget: {\n    destroy: () => void\n    update: (props: LinkEditorProps) => void\n  } | null\n  onResize: () => void\n\n  constructor(\n    view: CAEditorView,\n    markType: MarkType,\n    editorComponent: ComponentType<LinkEditorProps>,\n    linkAttributeValidator: AttrsValidator\n  ) {\n    this.editorComponent = editorComponent\n    this.linkActive = state => markIsActive(state, markType)\n    this.validateLinks = validateAndRemoveMarks(\n      markType,\n      linkAttributeValidator\n    )\n    this.markType = markType\n    this.tooltipTarget = null\n    this.update(view, null)\n\n    this.onResize = debounce(() => {\n      this.update(view, null)\n    }, 15)\n  }\n\n  update(view: CAEditorView, lastState: EditorState | null): void {\n    const { state } = view\n\n    // Don’t do anything if the document/TextSelection didn't change\n    if (\n      lastState &&\n      lastState.doc.eq(state.doc) &&\n      lastState.selection.eq(state.selection)\n    ) {\n      return\n    }\n\n    // Is the selection empty or not a link\n    //\n    // TODO: Also need to check if the selection is _only_ a link. If it covers\n    // more than a single mark then we don’t want to allow edited\n    if (state.selection.empty || !this.linkActive(state)) {\n      this.destroyElement(view)\n      return\n    }\n\n    // If there is a selection and we dont have something in DOM\n    // then create element and inject\n    if (!this.tooltipTarget) {\n      this.createElement(view)\n    }\n    this.updateElement(view)\n  }\n\n  destroy(): void {\n    this.tooltipTarget?.destroy()\n    window.removeEventListener(\"resize\", this.onResize)\n  }\n\n  createElement(view: CAEditorView): void {\n    if (!view.dom.parentElement) return\n    this.tooltipTarget = createReactTooltipWrapper(\n      view.dom.parentElement,\n      this.editorComponent,\n      this.getEditorProps(view)\n    )\n    window.addEventListener(\"resize\", this.onResize)\n  }\n\n  updateElement(view: CAEditorView): void {\n    this.tooltipTarget?.update(this.getEditorProps(view))\n  }\n\n  destroyElement(view: CAEditorView): void {\n    view.dispatch(this.validateLinks)\n    this.tooltipTarget?.destroy()\n    this.tooltipTarget = null\n  }\n\n  getEditorProps(view: CAEditorView): LinkEditorProps {\n    let selectionPosition: SelectionPosition | null = null\n    const { selection } = view.state\n    const contained = markContainsSelection(view.state, this.markType)\n    const { $from } = selection\n    const range = getMarkRange($from, this.markType)\n    let start\n    let end\n    if (!contained && range) {\n      start = view.coordsAtPos(range.from)\n      end = view.coordsAtPos(range.to)\n    } else {\n      start = view.coordsAtPos(selection.from)\n      if (selection.to === view.state.doc.content.size) {\n        end = view.coordsAtPos(selection.to - 1)\n      } else {\n        end = view.coordsAtPos(selection.to)\n      }\n    }\n\n    selectionPosition = {\n      top: start.top,\n      left: start.left,\n      width: end.right - start.left,\n      height: start.top - start.bottom,\n    }\n\n    return {\n      removeMark: () => {\n        view.dispatch(removeMark(this.markType, { toExtent: true }))\n      },\n      updateAttrs: (attrs: { [key: string]: unknown }) => {\n        view.dispatch(updateMark(this.markType, attrs, { toExtent: true }))\n      },\n      attrs: getMarkAttrs(view.state, this.markType) as LinkEditorAttrs,\n      selectionPosition,\n      focusEditor: () => {\n        view.focus()\n      },\n    }\n  }\n}\n\ntype CreateLinkManagerArgs = {\n  markType: MarkType\n  linkAttributeValidator?: AttrsValidator\n  editorComponent?: ComponentType<LinkEditorProps>\n}\n\nconst defaultLinkAttributeValidator: AttrsValidator = attrs => {\n  if (attrs == null) {\n    return false\n  }\n  return attrs.href && attrs.href !== \"\"\n}\n\nexport const createLinkManager = ({\n  markType,\n  editorComponent = LinkEditor,\n  linkAttributeValidator = defaultLinkAttributeValidator,\n}: CreateLinkManagerArgs): Plugin =>\n  new Plugin({\n    view(editorView) {\n      return new LinkManager(\n        editorView,\n        markType,\n        editorComponent,\n        linkAttributeValidator\n      )\n    },\n  })\n"],"names":["LinkManager","view","markType","editorComponent","linkAttributeValidator","_this","linkActive","state","markIsActive","validateLinks","validateAndRemoveMarks","tooltipTarget","update","onResize","debounce","prototype","lastState","doc","eq","selection","empty","destroyElement","createElement","updateElement","destroy","_a","window","removeEventListener","dom","parentElement","createReactTooltipWrapper","getEditorProps","addEventListener","dispatch","selectionPosition","contained","markContainsSelection","$from","range","getMarkRange","start","end","coordsAtPos","from","to","content","size","top","left","width","right","height","bottom","removeMark","toExtent","updateAttrs","attrs","updateMark","getMarkAttrs","focusEditor","focus","defaultLinkAttributeValidator","href","createLinkManager","_b","LinkEditor","_c","Plugin","editorView"],"mappings":"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"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs

@@ -0,0 +1,60 @@
+import React, { useState } from 'react';
+import { LinkModal } from '../LinkModal/LinkModal.mjs';
+import { LinkPopover } from '../LinkPopover/LinkPopover.mjs';
+const LinkEditor = /*#__PURE__*/function () {
+  const LinkEditor = function (_a) {
+    var _b;
+    var attrs = _a.attrs,
+      removeMark = _a.removeMark,
+      updateAttrs = _a.updateAttrs,
+      selectionPosition = _a.selectionPosition,
+      focusEditor = _a.focusEditor;
+    var _c = useState(attrs.href != null),
+      isPopoverOpen = _c[0],
+      setIsPopoverOpen = _c[1];
+    var _d = useState(
+      // eslint-disable-next-line no-underscore-dangle
+      ((_b = attrs._metadata) === null || _b === void 0 ? void 0 : _b.added) === true),
+      modalOpen = _d[0],
+      setModalOpen = _d[1];
+    var _e = useState(attrs.href ? attrs.href : undefined),
+      href = _e[0],
+      setHref = _e[1];
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isPopoverOpen && /*#__PURE__*/React.createElement(LinkPopover, {
+      href: href,
+      selectionPosition: selectionPosition,
+      onRemove: function () {
+        removeMark();
+        focusEditor();
+      },
+      onEdit: function () {
+        setIsPopoverOpen(false);
+        setModalOpen(true);
+      }
+    }), /*#__PURE__*/React.createElement(LinkModal, {
+      defaultHref: href,
+      isOpen: modalOpen,
+      onAfterLeave: focusEditor,
+      onSubmit: function (submittedHref) {
+        setHref(submittedHref);
+        updateAttrs({
+          href: submittedHref,
+          _metadata: null
+        });
+        setModalOpen(false);
+      },
+      onDismiss: function () {
+        setModalOpen(false);
+        if (href) {
+          setIsPopoverOpen(true);
+        } else {
+          removeMark();
+        }
+      }
+    }));
+  };
+  LinkEditor.displayName = "LinkEditor";
+  return LinkEditor;
+}();
+export { LinkEditor };
+//# sourceMappingURL=LinkEditor.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkEditor.mjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { SelectionPosition } from \"../../types\"\nimport { LinkModal } from \"../LinkModal\"\nimport { LinkPopover } from \"../LinkPopover\"\n\nexport type LinkEditorAttrs = {\n  href: string | null\n  _metadata: { [key: string]: unknown } | null\n}\n\nexport type LinkEditorProps = {\n  removeMark: () => void\n  updateAttrs: ({ href }: LinkEditorAttrs) => void\n  attrs: LinkEditorAttrs\n  selectionPosition: SelectionPosition\n  focusEditor: () => void\n}\n\nexport const LinkEditor = ({\n  attrs,\n  removeMark,\n  updateAttrs,\n  selectionPosition,\n  focusEditor,\n}: LinkEditorProps): JSX.Element => {\n  const [isPopoverOpen, setIsPopoverOpen] = useState<boolean>(\n    attrs.href != null\n  )\n  const [modalOpen, setModalOpen] = useState<boolean>(\n    // eslint-disable-next-line no-underscore-dangle\n    attrs._metadata?.added === true\n  )\n\n  const [href, setHref] = useState<string | undefined>(\n    attrs.href ? attrs.href : undefined\n  )\n\n  return (\n    <>\n      {isPopoverOpen && (\n        <LinkPopover\n          href={href}\n          selectionPosition={selectionPosition}\n          onRemove={() => {\n            removeMark()\n            focusEditor()\n          }}\n          onEdit={() => {\n            setIsPopoverOpen(false)\n            setModalOpen(true)\n          }}\n        />\n      )}\n      <LinkModal\n        defaultHref={href}\n        isOpen={modalOpen}\n        onAfterLeave={focusEditor}\n        onSubmit={(submittedHref: string) => {\n          setHref(submittedHref)\n          updateAttrs({ href: submittedHref, _metadata: null })\n          setModalOpen(false)\n        }}\n        onDismiss={() => {\n          setModalOpen(false)\n          if (href) {\n            setIsPopoverOpen(true)\n          } else {\n            removeMark()\n          }\n        }}\n      />\n    </>\n  )\n}\n\nLinkEditor.displayName = \"LinkEditor\"\n"],"names":["LinkEditor","_a","attrs","removeMark","updateAttrs","selectionPosition","focusEditor","_c","useState","href","isPopoverOpen","setIsPopoverOpen","_d","_b","_metadata","added","modalOpen","setModalOpen","_e","undefined","setHref","React","createElement","Fragment","LinkPopover","onRemove","onEdit","LinkModal","defaultHref","isOpen","onAfterLeave","onSubmit","submittedHref","onDismiss","displayName"],"mappings":";;;MAkBaA,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAMT,EAAA;;IALhB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,UAAU,GAAAF,EAAA,CAAAE,UAAA;MACVC,WAAW,GAAAH,EAAA,CAAAG,WAAA;MACXC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACjBC,WAAW,GAAAL,EAAA,CAAAK,WAAA;IAEL,IAAAC,EAAoC,GAAAC,QAAQ,CAChDN,KAAK,CAACO,IAAI,IAAI,IAAI,CACnB;MAFMC,aAAa,GAAAH,EAAA,CAAA,CAAA,CAAA;MAAEI,gBAAgB,QAErC;IACK,IAAAC,KAA4BJ,QAAQ;;MAExC,CAAA,CAAAK,EAAA,GAAAX,KAAK,CAACY,SAAS,0CAAEC,KAAK,MAAK,IAAI,CAChC;MAHMC,SAAS,GAAAJ,EAAA,CAAA,CAAA,CAAA;MAAEK,YAAY,QAG7B;IAEK,IAAAC,EAAA,GAAkBV,QAAQ,CAC9BN,KAAK,CAACO,IAAI,GAAGP,KAAK,CAACO,IAAI,GAAGU,SAAS,CACpC;MAFMV,IAAI,GAAAS,EAAA,CAAA,CAAA,CAAA;MAAEE,OAAO,GAAAF,EAAA,CAAA,CAAA,CAEnB;IAED,oBACEG,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACGb,aAAa,iBACZW,KAAC,CAAAC,aAAA,CAAAE,WAAW;MACVf,IAAI,EAAEA,IAAI;MACVJ,iBAAiB,EAAEA,iBAAiB;MACpCoB,QAAQ,EAAE,SAAAA,CAAA,EAAA;QACRtB,UAAU,EAAE;QACZG,WAAW,EAAE;MACd,CAAA;MACDoB,MAAM,EAAE,SAAAA,CAAA,EAAA;QACNf,gBAAgB,CAAC,KAAK,CAAC;QACvBM,YAAY,CAAC,IAAI,CAAC;MACnB;IAAA,EAEJ,eACDI,KAAA,CAAAC,aAAA,CAACK,SAAS,EACR;MAAAC,WAAW,EAAEnB,IAAI;MACjBoB,MAAM,EAAEb,SAAS;MACjBc,YAAY,EAAExB,WAAW;MACzByB,QAAQ,EAAE,SAAAA,CAACC,aAAqB,EAAA;QAC9BZ,OAAO,CAACY,aAAa,CAAC;QACtB5B,WAAW,CAAC;UAAEK,IAAI,EAAEuB,aAAa;UAAElB,SAAS,EAAE;QAAM,CAAA,CAAC;QACrDG,YAAY,CAAC,KAAK,CAAC;MACpB,CAAA;MACDgB,SAAS,EAAE,SAAAA,CAAA,EAAA;QACThB,YAAY,CAAC,KAAK,CAAC;QACnB,IAAIR,IAAI,EAAE;UACRE,gBAAgB,CAAC,IAAI,CAAC;QACvB,CAAA,MAAM;UACLR,UAAU,EAAE;QACb;MACF;IAAA,CAAA,CACD,CACD;EAEP,CAAC;EAEDH,UAAU,CAACkC,WAAW,GAAG,YAAY;EAAA,OAzDxBlC,UAAU;AAAA;"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs

@@ -0,0 +1,66 @@
+import React, { useState, useRef } from 'react';
+import '../../../../../../Modal/ConfirmationModal/ConfirmationModal.mjs';
+import '../../../../../../Modal/ContextModal/ContextModal.mjs';
+import '../../../../../../Modal/GenericModal/GenericModal.mjs';
+import '../../../../../../Modal/GenericModal/context/ModalContext.mjs';
+import '../../../../../../Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs';
+import '../../../../../../Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs';
+import '../../../../../../Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.mjs';
+import '../../../../../../Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs';
+import '../../../../../../Modal/GenericModal/subcomponents/ModalBody/ModalBody.mjs';
+import { InputEditModal } from '../../../../../../Modal/InputEditModal/InputEditModal.mjs';
+import { TextField } from '../../../../../../TextField/TextField.mjs';
+import { validateLink } from '../../validation.mjs';
+const LinkModal = /*#__PURE__*/function () {
+  const LinkModal = function (_a) {
+    var onSubmit = _a.onSubmit,
+      onDismiss = _a.onDismiss,
+      onAfterLeave = _a.onAfterLeave,
+      isOpen = _a.isOpen,
+      defaultHref = _a.defaultHref;
+    var _b = useState(defaultHref || ""),
+      href = _b[0],
+      setHref = _b[1];
+    var _c = useState({
+        status: "default"
+      }),
+      validationStatus = _c[0],
+      setValidationStatus = _c[1];
+    var inputRef = useRef(null);
+    var handleSubmit = function () {
+      var _a;
+      var validation = validateLink(href);
+      if (validation.status !== "success") {
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        setValidationStatus(validation);
+        return;
+      }
+      onSubmit(href);
+    };
+    return /*#__PURE__*/React.createElement(InputEditModal, {
+      submitLabel: defaultHref ? "Save" : "Add",
+      mood: "positive",
+      isOpen: isOpen,
+      title: defaultHref ? "Edit link" : "Add link",
+      onSubmit: handleSubmit,
+      onDismiss: onDismiss,
+      onAfterLeave: onAfterLeave
+    }, /*#__PURE__*/React.createElement(TextField, {
+      id: "href",
+      type: "text",
+      defaultValue: href !== null && href !== void 0 ? href : "",
+      labelText: "Link URL",
+      inputRef: inputRef,
+      validationMessage: validationStatus.message,
+      status: validationStatus.status,
+      onChange: function (e) {
+        setHref(e.target.value);
+      },
+      inline: true
+    }));
+  };
+  LinkModal.displayName = "LinkModal";
+  return LinkModal;
+}();
+export { LinkModal };
+//# sourceMappingURL=LinkModal.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkModal.mjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\"\nimport { InputEditModal } from \"~components/Modal\"\nimport { TextField } from \"~components/TextField\"\nimport { ValidationResponse, validateLink } from \"../../validation\"\n\ntype LinkModalProps = {\n  onSubmit: (href: string) => void\n  onDismiss: () => void\n  onAfterLeave: () => void\n  isOpen: boolean\n  defaultHref?: string\n}\n\nexport const LinkModal = ({\n  onSubmit,\n  onDismiss,\n  onAfterLeave,\n  isOpen,\n  defaultHref,\n}: LinkModalProps): JSX.Element => {\n  const [href, setHref] = useState<string>(defaultHref || \"\")\n  const [validationStatus, setValidationStatus] = useState<ValidationResponse>({\n    status: \"default\",\n  })\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleSubmit = (): void => {\n    const validation = validateLink(href)\n    if (validation.status !== \"success\") {\n      inputRef.current?.focus()\n      setValidationStatus(validation)\n      return\n    }\n\n    onSubmit(href)\n  }\n\n  return (\n    <InputEditModal\n      submitLabel={defaultHref ? \"Save\" : \"Add\"}\n      mood=\"positive\"\n      isOpen={isOpen}\n      title={defaultHref ? \"Edit link\" : \"Add link\"}\n      onSubmit={handleSubmit}\n      onDismiss={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <TextField\n        id=\"href\"\n        type=\"text\"\n        defaultValue={href ?? \"\"}\n        labelText=\"Link URL\"\n        inputRef={inputRef}\n        validationMessage={validationStatus.message}\n        status={validationStatus.status}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n          setHref(e.target.value)\n        }}\n        inline\n      />\n    </InputEditModal>\n  )\n}\n\nLinkModal.displayName = \"LinkModal\"\n"],"names":["LinkModal","_a","onSubmit","onDismiss","onAfterLeave","isOpen","defaultHref","_b","useState","href","setHref","_c","status","validationStatus","setValidationStatus","inputRef","useRef","handleSubmit","validation","validateLink","current","focus","React","InputEditModal","submitLabel","mood","title","createElement","TextField","id","type","defaultValue","labelText","validationMessage","message","onChange","e","target","value","inline","displayName"],"mappings":";;;;;;;;;;;;;MAaaA,SAAS;EAAA,MAATA,SAAS,GAAG,SAAAA,CAACC,EAMT,EAAA;IALf,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,SAAS,GAAAF,EAAA,CAAAE,SAAA;MACTC,YAAY,GAAAH,EAAA,CAAAG,YAAA;MACZC,MAAM,GAAAJ,EAAA,CAAAI,MAAA;MACNC,WAAW,GAAAL,EAAA,CAAAK,WAAA;IAEL,IAAAC,EAAkB,GAAAC,QAAQ,CAASF,WAAW,IAAI,EAAE,CAAC;MAApDG,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,OAAO,QAAuC;IACrD,IAAAC,EAAA,GAA0CH,QAAQ,CAAqB;QAC3EI,MAAM,EAAE;MACT,CAAA,CAAC;MAFKC,gBAAgB,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,mBAAmB,QAE1C;IACF,IAAMC,QAAQ,GAAGC,MAAM,CAAmB,IAAI,CAAC;IAE/C,IAAMC,YAAY,GAAG,SAAAA,CAAA,EAAA;;MACnB,IAAMC,UAAU,GAAGC,YAAY,CAACV,IAAI,CAAC;MACrC,IAAIS,UAAU,CAACN,MAAM,KAAK,SAAS,EAAE;QACnC,CAAAX,EAAA,GAAAc,QAAQ,CAACK,OAAO,MAAE,IAAA,IAAAnB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAoB,KAAK,CAAA,CAAE;QACzBP,mBAAmB,CAACI,UAAU,CAAC;QAC/B;MACD;MAEDhB,QAAQ,CAACO,IAAI,CAAC;IAChB,CAAC;IAED,oBACEa,oBAACC,cAAc,EAAA;MACbC,WAAW,EAAElB,WAAW,GAAG,MAAM,GAAG,KAAK;MACzCmB,IAAI,EAAC,UAAU;MACfpB,MAAM,EAAEA,MAAM;MACdqB,KAAK,EAAEpB,WAAW,GAAG,WAAW,GAAG,UAAU;MAC7CJ,QAAQ,EAAEe,YAAY;MACtBd,SAAS,EAAEA,SAAS;MACpBC,YAAY,EAAEA;IAAY,CAAA,eAE1BkB,KAAA,CAAAK,aAAA,CAACC,SAAS,EACR;MAAAC,EAAE,EAAC,MAAM;MACTC,IAAI,EAAC,MAAM;MACXC,YAAY,EAAEtB,IAAI,KAAJ,IAAA,IAAAA,IAAI,cAAJA,IAAI,GAAI,EAAE;MACxBuB,SAAS,EAAC,UAAU;MACpBjB,QAAQ,EAAEA,QAAQ;MAClBkB,iBAAiB,EAAEpB,gBAAgB,CAACqB,OAAO;MAC3CtB,MAAM,EAAEC,gBAAgB,CAACD,MAAM;MAC/BuB,QAAQ,EAAE,SAAAA,CAACC,CAAsC,EAAA;QAC/C1B,OAAO,CAAC0B,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;MACzB,CAAC;MACDC,MAAM,EACN;IAAA,CAAA,CAAA,CACa;EAErB,CAAC;EAEDvC,SAAS,CAACwC,WAAW,GAAG,WAAW;EAAA,OAnDtBxC,SAAS;AAAA;"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.mjs

@@ -0,0 +1,56 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import 'uuid';
+import '../../../../../../Icon/subcomponents/SVG/SVG.mjs';
+import { EditIcon } from '../../../../../../Icon/EditIcon.mjs';
+import { ExternalLinkIcon } from '../../../../../../Icon/ExternalLinkIcon.mjs';
+import { RemoveLinkIcon } from '../../../../../../Icon/RemoveLinkIcon.mjs';
+import { usePopover } from '../../../../../../Popover/Popover.mjs';
+import { Text } from '../../../../../../Text/Text.mjs';
+import { Positioner } from './Positioner.mjs';
+import styles from './LinkPopover.module.scss.mjs';
+const LinkPopover = /*#__PURE__*/function () {
+  const LinkPopover = function (_a) {
+    var href = _a.href,
+      onRemove = _a.onRemove,
+      onEdit = _a.onEdit,
+      selectionPosition = _a.selectionPosition;
+    var _b = usePopover(),
+      ElementRef = _b[0],
+      Popover = _b[1];
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Positioner, __assign({
+      ref: ElementRef
+    }, selectionPosition)), /*#__PURE__*/React.createElement(Popover, {
+      size: "large"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.popoverContent
+    }, /*#__PURE__*/React.createElement(ExternalLinkIcon, {
+      role: "presentation"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: styles.popoverLinkContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      variant: "body",
+      tag: "div",
+      classNameOverride: styles.paragraphFlex
+    }, /*#__PURE__*/React.createElement("a", {
+      className: styles.popoverLink,
+      href: href != null ? href : undefined,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }, href))), /*#__PURE__*/React.createElement("div", {
+      className: styles.popoverActions
+    }, /*#__PURE__*/React.createElement(EditIcon, {
+      role: "img",
+      onClick: onEdit,
+      "aria-label": "Edit link"
+    })), /*#__PURE__*/React.createElement(RemoveLinkIcon, {
+      role: "img",
+      onClick: onRemove,
+      "aria-label": "Remove link"
+    }))));
+  };
+  LinkPopover.displayName = "LinkPopover";
+  return LinkPopover;
+}();
+export { LinkPopover };
+//# sourceMappingURL=LinkPopover.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPopover.mjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.tsx"],"sourcesContent":["import React from \"react\"\nimport { EditIcon, ExternalLinkIcon, RemoveLinkIcon } from \"~components/Icon\"\nimport { usePopover } from \"~components/Popover\"\nimport { Text } from \"~components/Text\"\nimport { SelectionPosition } from \"../../types\"\nimport { Positioner } from \"./Positioner\"\nimport styles from \"./LinkPopover.module.scss\"\n\nexport type LinkPopoverProps = {\n  href?: string\n  onRemove: () => void\n  onEdit: () => void\n  selectionPosition: SelectionPosition\n}\n\nexport const LinkPopover = ({\n  href,\n  onRemove,\n  onEdit,\n  selectionPosition,\n}: LinkPopoverProps): JSX.Element => {\n  const [ElementRef, Popover] = usePopover()\n\n  return (\n    <>\n      <Positioner ref={ElementRef} {...selectionPosition} />\n      <Popover size=\"large\">\n        <div className={styles.popoverContent}>\n          <ExternalLinkIcon role=\"presentation\" />\n          <div className={styles.popoverLinkContainer}>\n            <Text\n              variant=\"body\"\n              tag=\"div\"\n              classNameOverride={styles.paragraphFlex}\n            >\n              <a\n                className={styles.popoverLink}\n                href={href != null ? href : undefined}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {href}\n              </a>\n            </Text>\n          </div>\n          <div className={styles.popoverActions}>\n            <EditIcon role=\"img\" onClick={onEdit} aria-label=\"Edit link\" />\n          </div>\n          <RemoveLinkIcon\n            role=\"img\"\n            onClick={onRemove}\n            aria-label=\"Remove link\"\n          />\n        </div>\n      </Popover>\n    </>\n  )\n}\n\nLinkPopover.displayName = \"LinkPopover\"\n"],"names":["LinkPopover","_a","href","onRemove","onEdit","selectionPosition","_b","usePopover","ElementRef","Popover","React","createElement","Fragment","Positioner","__assign","ref","size","className","styles","popoverContent","ExternalLinkIcon","role","popoverLinkContainer","Text","variant","tag","classNameOverride","paragraphFlex","popoverLink","undefined","target","rel","popoverActions","EditIcon","onClick","RemoveLinkIcon","displayName"],"mappings":";;;;;;;;;;;MAeaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAKT,EAAA;QAJjBC,IAAI,GAAAD,EAAA,CAAAC,IAAA;MACJC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;IAEX,IAAAC,EAAA,GAAwBC,UAAU,CAAE,CAAA;MAAnCC,UAAU,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,OAAO,GAAAH,EAAA,CAAA,CAAA,CAAgB;IAE1C,oBACEI,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAACE,UAAU,EAACC,QAAA,CAAA;MAAAC,GAAG,EAAEP;IAAU,CAAA,EAAMH,iBAAiB,CAAI,CAAA,eACtDK,KAAA,CAAAC,aAAA,CAACF,OAAO,EAAA;MAACO,IAAI,EAAC;IAAO,CAAA,eACnBN,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKM,SAAS,EAAEC,MAAM,CAACC;IAAc,CAAA,eACnCT,KAAA,CAAAC,aAAA,CAACS,gBAAgB,EAAA;MAACC,IAAI,EAAC;IAAc,CAAG,CAAA,eACxCX,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKM,SAAS,EAAEC,MAAM,CAACI;IAAoB,CAAA,eACzCZ,KAAA,CAAAC,aAAA,CAACY,IAAI,EAAA;MACHC,OAAO,EAAC,MAAM;MACdC,GAAG,EAAC,KAAK;MACTC,iBAAiB,EAAER,MAAM,CAACS;IAAa,CAAA,eAEvCjB,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;MACEM,SAAS,EAAEC,MAAM,CAACU,WAAW;MAC7B1B,IAAI,EAAEA,IAAI,IAAI,IAAI,GAAGA,IAAI,GAAG2B,SAAS;MACrCC,MAAM,EAAC,QAAQ;MACfC,GAAG,EAAC;IAAqB,CAAA,EAExB7B,IAAI,CACH,CACC,CACH,eACNQ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKM,SAAS,EAAEC,MAAM,CAACc;IAAc,CAAA,eACnCtB,KAAA,CAAAC,aAAA,CAACsB,QAAQ,EAAA;MAACZ,IAAI,EAAC,KAAK;MAACa,OAAO,EAAE9B,MAAM;MAAA,YAAA,EAAa;IAAW,CAAA,CAAG,CAC3D,eACNM,KAAA,CAAAC,aAAA,CAACwB,cAAc,EACb;MAAAd,IAAI,EAAC,KAAK;MACVa,OAAO,EAAE/B,QAAQ;MAAA,YAAA,EACN;KACX,CAAA,CACE,CACE,CACT;EAEP,CAAC;EAEDH,WAAW,CAACoC,WAAW,GAAG,aAAa;EAAA,OA5C1BpC,WAAW;AAAA;"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.module.scss.mjs

@@ -0,0 +1,9 @@
+var styles = {
+  "popoverContent": "LinkPopover-module_popoverContent__qGPyp",
+  "popoverLinkContainer": "LinkPopover-module_popoverLinkContainer__6H0PQ",
+  "popoverLink": "LinkPopover-module_popoverLink__p1BTG",
+  "paragraphFlex": "LinkPopover-module_paragraphFlex__PKECm",
+  "popoverActions": "LinkPopover-module_popoverActions__QuW1-"
+};
+export { styles as default };
+//# sourceMappingURL=LinkPopover.module.scss.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPopover.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs

@@ -0,0 +1,41 @@
+import React, { forwardRef, useState, useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import debounce from 'lodash.debounce';
+const Positioner = /*#__PURE__*/function () {
+  const Positioner = /*#__PURE__*/forwardRef(function (_a, ref) {
+    var top = _a.top,
+      left = _a.left,
+      height = _a.height,
+      width = _a.width;
+    var _b = useState([window.scrollX, window.scrollY]),
+      windowScroll = _b[0],
+      setWindowScroll = _b[1];
+    var onResize = useRef(debounce(function () {
+      return setWindowScroll([window.scrollX, window.scrollY]);
+    }, 15));
+    useEffect(function () {
+      var resizeCurrent = onResize.current;
+      window.addEventListener("resize", resizeCurrent);
+      return function () {
+        window.removeEventListener("resize", resizeCurrent);
+      };
+    }, [setWindowScroll, onResize]);
+    var x = windowScroll[0],
+      y = windowScroll[1];
+    return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
+      ref: ref,
+      style: {
+        height: "".concat(height, "px"),
+        left: "".concat(left + x, "px"),
+        pointerEvents: "none",
+        position: "absolute",
+        top: "".concat(top + y, "px"),
+        width: "".concat(width, "px")
+      }
+    }), document.body);
+  });
+  Positioner.displayName = "Positioner";
+  return Positioner;
+}();
+export { Positioner };
+//# sourceMappingURL=Positioner.mjs.map

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Positioner.mjs","sources":["../../../../../../../../src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport debounce from \"lodash.debounce\"\nimport { SelectionPosition } from \"../../types\"\n\nexport const Positioner = forwardRef(\n  (\n    { top, left, height, width }: SelectionPosition,\n    ref: React.Ref<HTMLElement>\n  ) => {\n    const [windowScroll, setWindowScroll] = useState<[number, number]>([\n      window.scrollX,\n      window.scrollY,\n    ])\n\n    const onResize = useRef(\n      debounce(() => setWindowScroll([window.scrollX, window.scrollY]), 15)\n    )\n\n    useEffect(() => {\n      const resizeCurrent = onResize.current\n      window.addEventListener(\"resize\", resizeCurrent)\n      return () => {\n        window.removeEventListener(\"resize\", resizeCurrent)\n      }\n    }, [setWindowScroll, onResize])\n\n    const [x, y] = windowScroll\n\n    return createPortal(\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        style={{\n          height: `${height}px`,\n          left: `${left + x}px`,\n          pointerEvents: \"none\",\n          position: \"absolute\",\n          top: `${top + y}px`,\n          width: `${width}px`,\n        }}\n      />,\n      document.body\n    )\n  }\n)\n\nPositioner.displayName = \"Positioner\"\n"],"names":["Positioner","forwardRef","_a","ref","top","left","height","width","_b","useState","window","scrollX","scrollY","windowScroll","setWindowScroll","onResize","useRef","debounce","useEffect","resizeCurrent","current","addEventListener","removeEventListener","x","y","createPortal","React","createElement","style","concat","pointerEvents","position","document","body","displayName"],"mappings":";;;MAKaA,UAAU;EAAA,MAAVA,UAAU,gBAAGC,UAAU,CAClC,UACEC,EAA+C,EAC/CC,GAA2B,EAAA;QADzBC,GAAG,GAAAF,EAAA,CAAAE,GAAA;MAAEC,IAAI,GAAAH,EAAA,CAAAG,IAAA;MAAEC,MAAM,GAAAJ,EAAA,CAAAI,MAAA;MAAEC,KAAK,GAAAL,EAAA,CAAAK,KAAA;IAGpB,IAAAC,EAAA,GAAkCC,QAAQ,CAAmB,CACjEC,MAAM,CAACC,OAAO,EACdD,MAAM,CAACE,OAAO,CACf,CAAC;MAHKC,YAAY,GAAAL,EAAA,CAAA,CAAA,CAAA;MAAEM,eAAe,QAGlC;IAEF,IAAMC,QAAQ,GAAGC,MAAM,CACrBC,QAAQ,CAAC,YAAA;MAAM,OAAAH,eAAe,CAAC,CAACJ,MAAM,CAACC,OAAO,EAAED,MAAM,CAACE,OAAO,CAAC,CAAC;IAAjD,CAAiD,EAAE,EAAE,CAAC,CACtE;IAEDM,SAAS,CAAC,YAAA;MACR,IAAMC,aAAa,GAAGJ,QAAQ,CAACK,OAAO;MACtCV,MAAM,CAACW,gBAAgB,CAAC,QAAQ,EAAEF,aAAa,CAAC;MAChD,OAAO,YAAA;QACLT,MAAM,CAACY,mBAAmB,CAAC,QAAQ,EAAEH,aAAa,CAAC;MACrD,CAAC;IACH,CAAC,EAAE,CAACL,eAAe,EAAEC,QAAQ,CAAC,CAAC;IAExB,IAAAQ,CAAC,GAAOV,YAAY,CAAA,CAAA,CAAnB;MAAEW,CAAC,GAAIX,YAAY,CAAA,CAAA,CAAhB;IAEX,oBAAOY,YAAY,eACjBC,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAxB,GAAG,EAAEA,GAAgC;MACrCyB,KAAK,EAAE;QACLtB,MAAM,EAAE,EAAG,CAAAuB,MAAA,CAAAvB,MAAM,EAAI,IAAA,CAAA;QACrBD,IAAI,EAAE,EAAA,CAAAwB,MAAA,CAAGxB,IAAI,GAAGkB,CAAC,EAAI,IAAA,CAAA;QACrBO,aAAa,EAAE,MAAM;QACrBC,QAAQ,EAAE,UAAU;QACpB3B,GAAG,EAAE,EAAA,CAAAyB,MAAA,CAAGzB,GAAG,GAAGoB,CAAC,EAAI,IAAA,CAAA;QACnBjB,KAAK,EAAE,EAAG,CAAAsB,MAAA,CAAAtB,KAAK,EAAI,IAAA;MACpB;KAAA,CACD,EACFyB,QAAQ,CAACC,IAAI,CACd;EACH,CAAC,CACF;EAEDjC,UAAU,CAACkC,WAAW,GAAG,YAAY;EAAA,OAzCxBlC,UAAU;AAAA;"}