@kaizen/components 1.33.0 → 1.34.0

package/dist/esm/RichTextEditor/utils/commands/removeMark.mjs

@@ -0,0 +1,38 @@
+import { getMarkRange } from './getMarkRange.mjs';
+
+/** Remove part or all of the Mark from the current selection */
+var removeMark = function (type, options) {
+  if (options === void 0) {
+    options = {
+      toExtent: false
+    };
+  }
+  return function (state, dispatch) {
+    var tr = state.tr,
+      selection = state.selection,
+      doc = state.doc;
+    var from = selection.from,
+      to = selection.to;
+    var $from = selection.$from;
+    if (!dispatch) return false;
+    if (selection.empty) {
+      dispatch(tr.removeStoredMark(type));
+    } else {
+      if (options.range || options.toExtent) {
+        var range = options.range || getMarkRange($from, type);
+        if (range) {
+          from = range.from;
+          to = range.to;
+        }
+      }
+      var hasMark = doc.rangeHasMark(from, to, type);
+      if (hasMark) {
+        tr.removeMark(from, to, type);
+      }
+      dispatch(tr);
+    }
+    return true;
+  };
+};
+export { removeMark };
+//# sourceMappingURL=removeMark.mjs.map

package/dist/esm/RichTextEditor/utils/commands/removeMark.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"removeMark.mjs","sources":["../../../../../src/RichTextEditor/utils/commands/removeMark.ts"],"sourcesContent":["import { EditorState, Transaction } from \"prosemirror-state\"\nimport { CommandFactory } from \"../core/types\"\nimport { getMarkRange } from \"./getMarkRange\"\n\n/** Remove part or all of the Mark from the current selection */\nexport const removeMark: CommandFactory =\n  (type, options = { toExtent: false }) =>\n  (state: EditorState, dispatch?: (tx: Transaction) => void) => {\n    const { tr, selection, doc } = state\n    let { from, to } = selection\n    const { $from } = selection\n\n    if (!dispatch) return false\n    if (selection.empty) {\n      dispatch(tr.removeStoredMark(type))\n    } else {\n      if (options.range || options.toExtent) {\n        const range = options.range || getMarkRange($from, type)\n        if (range) {\n          from = range.from\n          to = range.to\n        }\n      }\n      const hasMark = doc.rangeHasMark(from, to, type)\n      if (hasMark) {\n        tr.removeMark(from, to, type)\n      }\n      dispatch(tr)\n    }\n\n    return true\n  }\n"],"names":["removeMark","type","options","toExtent","state","dispatch","tr","selection","doc","from","to","$from","empty","removeStoredMark","range","getMarkRange","hasMark","rangeHasMark"],"mappings":";;AAIA;AACa,IAAAA,UAAU,GACrB,SAAAA,CAACC,IAAI,EAAEC,OAA6B,EAAA;EAA7B,IAAAA,OAAA,KAAA,KAAA,CAAA,EAAA;IAAAA,OAAA,GAAA;MAAYC,QAAQ,EAAE;IAAK,CAAE;EAAA;EACpC,OAAA,UAACC,KAAkB,EAAEC,QAAoC,EAAA;IAC/C,IAAAC,EAAE,GAAqBF,KAAK,CAAAE,EAA1B;MAAEC,SAAS,GAAUH,KAAK,CAAAG,SAAf;MAAEC,GAAG,GAAKJ,KAAK,IAAV;IACpB,IAAAK,IAAI,GAASF,SAAS,CAAAE,IAAlB;MAAEC,EAAE,GAAKH,SAAS,CAAAG,EAAd;IACN,IAAAC,KAAK,GAAKJ,SAAS,CAAAI,KAAd;IAEb,IAAI,CAACN,QAAQ,EAAE,OAAO,KAAK;IAC3B,IAAIE,SAAS,CAACK,KAAK,EAAE;MACnBP,QAAQ,CAACC,EAAE,CAACO,gBAAgB,CAACZ,IAAI,CAAC,CAAC;IACpC,CAAA,MAAM;MACL,IAAIC,OAAO,CAACY,KAAK,IAAIZ,OAAO,CAACC,QAAQ,EAAE;QACrC,IAAMW,KAAK,GAAGZ,OAAO,CAACY,KAAK,IAAIC,YAAY,CAACJ,KAAK,EAAEV,IAAI,CAAC;QACxD,IAAIa,KAAK,EAAE;UACTL,IAAI,GAAGK,KAAK,CAACL,IAAI;UACjBC,EAAE,GAAGI,KAAK,CAACJ,EAAE;QACd;MACF;MACD,IAAMM,OAAO,GAAGR,GAAG,CAACS,YAAY,CAACR,IAAI,EAAEC,EAAE,EAAET,IAAI,CAAC;MAChD,IAAIe,OAAO,EAAE;QACXV,EAAE,CAACN,UAAU,CAACS,IAAI,EAAEC,EAAE,EAAET,IAAI,CAAC;MAC9B;MACDI,QAAQ,CAACC,EAAE,CAAC;IACb;IAED,OAAO,IAAI;GACZ;AAxBD,CAAA;"}

package/dist/esm/RichTextEditor/utils/commands/updateMark.mjs

@@ -0,0 +1,36 @@
+import { getMarkRange } from './getMarkRange.mjs';
+
+/** Update Mark attributes, create nested Marks or split Marks of the same type   */
+var updateMark = function (type, attrs, options) {
+  if (options === void 0) {
+    options = {
+      toExtent: false
+    };
+  }
+  return function (state, dispatch) {
+    if (!dispatch) return false;
+    var tr = state.tr,
+      selection = state.selection,
+      doc = state.doc;
+    var from = selection.from,
+      to = selection.to;
+    var $from = selection.$from,
+      empty = selection.empty;
+    if (empty || options.toExtent) {
+      var range = getMarkRange($from, type);
+      if (range) {
+        from = range.from;
+        to = range.to;
+      }
+    }
+    var hasMark = doc.rangeHasMark(from, to, type);
+    if (hasMark) {
+      tr.removeMark(from, to, type);
+    }
+    tr.addMark(from, to, type.create(attrs));
+    dispatch(tr);
+    return true;
+  };
+};
+export { updateMark };
+//# sourceMappingURL=updateMark.mjs.map

package/dist/esm/RichTextEditor/utils/commands/updateMark.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateMark.mjs","sources":["../../../../../src/RichTextEditor/utils/commands/updateMark.ts"],"sourcesContent":["import { EditorState, Transaction } from \"prosemirror-state\"\nimport { CommandFactory } from \"../core/types\"\nimport { getMarkRange } from \"./getMarkRange\"\n\n/** Update Mark attributes, create nested Marks or split Marks of the same type   */\nexport const updateMark: CommandFactory =\n  (type, attrs, options = { toExtent: false }) =>\n  (state: EditorState, dispatch?: (tx: Transaction) => void) => {\n    if (!dispatch) return false\n\n    const { tr, selection, doc } = state\n    let { from, to } = selection\n    const { $from, empty } = selection\n\n    if (empty || options.toExtent) {\n      const range = getMarkRange($from, type)\n      if (range) {\n        from = range.from\n        to = range.to\n      }\n    }\n\n    const hasMark = doc.rangeHasMark(from, to, type)\n\n    if (hasMark) {\n      tr.removeMark(from, to, type)\n    }\n    tr.addMark(from, to, type.create(attrs))\n    dispatch(tr)\n\n    return true\n  }\n"],"names":["updateMark","type","attrs","options","toExtent","state","dispatch","tr","selection","doc","from","to","$from","empty","range","getMarkRange","hasMark","rangeHasMark","removeMark","addMark","create"],"mappings":";;AAIA;IACaA,UAAU,GACrB,SAAAA,CAACC,IAAI,EAAEC,KAAK,EAAEC,OAA6B,EAAA;EAA7B,IAAAA,OAAA,KAAA,KAAA,CAAA,EAAA;IAAAA,OAAA,GAAA;MAAYC,QAAQ,EAAE;IAAK,CAAE;EAAA;EAC3C,OAAA,UAACC,KAAkB,EAAEC,QAAoC,EAAA;IACvD,IAAI,CAACA,QAAQ,EAAE,OAAO,KAAK;IAEnB,IAAAC,EAAE,GAAqBF,KAAK,CAAAE,EAA1B;MAAEC,SAAS,GAAUH,KAAK,CAAAG,SAAf;MAAEC,GAAG,GAAKJ,KAAK,IAAV;IACpB,IAAAK,IAAI,GAASF,SAAS,CAAAE,IAAlB;MAAEC,EAAE,GAAKH,SAAS,CAAAG,EAAd;IACN,IAAAC,KAAK,GAAYJ,SAAS,CAAAI,KAArB;MAAEC,KAAK,GAAKL,SAAS,CAAAK,KAAd;IAEpB,IAAIA,KAAK,IAAIV,OAAO,CAACC,QAAQ,EAAE;MAC7B,IAAMU,KAAK,GAAGC,YAAY,CAACH,KAAK,EAAEX,IAAI,CAAC;MACvC,IAAIa,KAAK,EAAE;QACTJ,IAAI,GAAGI,KAAK,CAACJ,IAAI;QACjBC,EAAE,GAAGG,KAAK,CAACH,EAAE;MACd;IACF;IAED,IAAMK,OAAO,GAAGP,GAAG,CAACQ,YAAY,CAACP,IAAI,EAAEC,EAAE,EAAEV,IAAI,CAAC;IAEhD,IAAIe,OAAO,EAAE;MACXT,EAAE,CAACW,UAAU,CAACR,IAAI,EAAEC,EAAE,EAAEV,IAAI,CAAC;IAC9B;IACDM,EAAE,CAACY,OAAO,CAACT,IAAI,EAAEC,EAAE,EAAEV,IAAI,CAACmB,MAAM,CAAClB,KAAK,CAAC,CAAC;IACxCI,QAAQ,CAACC,EAAE,CAAC;IAEZ,OAAO,IAAI;GACZ;AAxBD,CAAA;"}

package/dist/esm/RichTextEditor/utils/commands/validateAndRemoveMarks.mjs

@@ -0,0 +1,34 @@
+import { RemoveMarkStep } from 'prosemirror-transform';
+
+// This is a variation on the removeMark transform in
+// https://github.com/ProseMirror/prosemirror-transform/blob/master/src/mark.js#L44
+/** This will walk the full doc and remove the Marks that fail the validator method */
+var validateAndRemoveMarks = function (markType, validator) {
+  return function (state, dispatch) {
+    if (!dispatch) return false;
+    var from = 0;
+    var to = state.doc.content.size;
+    var tr = state.tr;
+    var matched = [];
+    var step = 0;
+    tr.doc.nodesBetween(from, to, function (node, pos) {
+      step++;
+      var foundMark = markType.isInSet(node.marks);
+      if (foundMark && !validator(foundMark.attrs)) {
+        matched.push({
+          style: foundMark,
+          from: Math.max(pos, from),
+          to: Math.min(pos + node.nodeSize, to),
+          step: step
+        });
+      }
+    });
+    matched.forEach(function (m) {
+      return tr.step(new RemoveMarkStep(m.from, m.to, m.style));
+    });
+    dispatch(tr);
+    return true;
+  };
+};
+export { validateAndRemoveMarks };
+//# sourceMappingURL=validateAndRemoveMarks.mjs.map

package/dist/esm/RichTextEditor/utils/commands/validateAndRemoveMarks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateAndRemoveMarks.mjs","sources":["../../../../../src/RichTextEditor/utils/commands/validateAndRemoveMarks.ts"],"sourcesContent":["import { Mark, MarkType } from \"prosemirror-model\"\nimport { EditorState, Transaction } from \"prosemirror-state\"\nimport { RemoveMarkStep } from \"prosemirror-transform\"\n\ntype KnownAttrs = {\n  varibleHref?: string\n  href?: string\n}\n\nexport type AttrsValidator = (\n  attrs: KnownAttrs & { [key: string]: unknown }\n) => boolean | unknown\n\ntype MatchedMark = {\n  style: Mark\n  from: number\n  to: number\n  step: number\n}\n\n// This is a variation on the removeMark transform in\n// https://github.com/ProseMirror/prosemirror-transform/blob/master/src/mark.js#L44\n/** This will walk the full doc and remove the Marks that fail the validator method */\nexport const validateAndRemoveMarks =\n  (markType: MarkType, validator: AttrsValidator) =>\n  (state: EditorState, dispatch?: (tx: Transaction) => void) => {\n    if (!dispatch) return false\n\n    const from = 0\n    const to = state.doc.content.size\n    const { tr } = state\n\n    const matched: MatchedMark[] = []\n\n    let step = 0\n\n    tr.doc.nodesBetween(from, to, (node, pos) => {\n      step++\n\n      const foundMark = markType.isInSet(node.marks)\n\n      if (foundMark && !validator(foundMark.attrs)) {\n        matched.push({\n          style: foundMark,\n          from: Math.max(pos, from),\n          to: Math.min(pos + node.nodeSize, to),\n          step,\n        })\n      }\n    })\n\n    matched.forEach(m => tr.step(new RemoveMarkStep(m.from, m.to, m.style)))\n    dispatch(tr)\n    return true\n  }\n"],"names":["validateAndRemoveMarks","markType","validator","state","dispatch","from","to","doc","content","size","tr","matched","step","nodesBetween","node","pos","foundMark","isInSet","marks","attrs","push","style","Math","max","min","nodeSize","forEach","m","RemoveMarkStep"],"mappings":";;AAoBA;AACA;AACA;AACa,IAAAA,sBAAsB,GACjC,SAAAA,CAACC,QAAkB,EAAEC,SAAyB,EAAA;EAC9C,OAAA,UAACC,KAAkB,EAAEC,QAAoC,EAAA;IACvD,IAAI,CAACA,QAAQ,EAAE,OAAO,KAAK;IAE3B,IAAMC,IAAI,GAAG,CAAC;IACd,IAAMC,EAAE,GAAGH,KAAK,CAACI,GAAG,CAACC,OAAO,CAACC,IAAI;IACzB,IAAAC,EAAE,GAAKP,KAAK,CAAAO,EAAV;IAEV,IAAMC,OAAO,GAAkB,EAAE;IAEjC,IAAIC,IAAI,GAAG,CAAC;IAEZF,EAAE,CAACH,GAAG,CAACM,YAAY,CAACR,IAAI,EAAEC,EAAE,EAAE,UAACQ,IAAI,EAAEC,GAAG,EAAA;MACtCH,IAAI,EAAE;MAEN,IAAMI,SAAS,GAAGf,QAAQ,CAACgB,OAAO,CAACH,IAAI,CAACI,KAAK,CAAC;MAE9C,IAAIF,SAAS,IAAI,CAACd,SAAS,CAACc,SAAS,CAACG,KAAK,CAAC,EAAE;QAC5CR,OAAO,CAACS,IAAI,CAAC;UACXC,KAAK,EAAEL,SAAS;UAChBX,IAAI,EAAEiB,IAAI,CAACC,GAAG,CAACR,GAAG,EAAEV,IAAI,CAAC;UACzBC,EAAE,EAAEgB,IAAI,CAACE,GAAG,CAACT,GAAG,GAAGD,IAAI,CAACW,QAAQ,EAAEnB,EAAE,CAAC;UACrCM,IAAI,EAAAA;QACL,CAAA,CAAC;MACH;IACH,CAAC,CAAC;IAEFD,OAAO,CAACe,OAAO,CAAC,UAAAC,CAAC,EAAA;MAAI,OAAAjB,EAAE,CAACE,IAAI,CAAC,IAAIgB,cAAc,CAACD,CAAC,CAACtB,IAAI,EAAEsB,CAAC,CAACrB,EAAE,EAAEqB,CAAC,CAACN,KAAK,CAAC,CAAC;IAAlD,CAAkD,CAAC;IACxEjB,QAAQ,CAACM,EAAE,CAAC;IACZ,OAAO,IAAI;GACZ;AA7BD,CAAA;"}

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

@@ -0,0 +1,51 @@
+import { Transaction } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+
+/**
+ * createRichTextEditor
+ * Initialize a ProseMirror EditorView
+ */
+var createRichTextEditor = function (_a) {
+  var initialEditorState = _a.initialEditorState,
+    node = _a.node,
+    _b = _a.onChange,
+    onChange = _b === void 0 ? function () {
+      return undefined;
+    } : _b,
+    attributes = _a.attributes,
+    _c = _a.isEditable,
+    isEditable = _c === void 0 ? function () {
+      return true;
+    } : _c;
+  // Handle transactions eminating from the EditorView instance
+  var dispatch = function (tx) {
+    var newEditorState = editorView && editorView.state.apply(tx);
+    if (newEditorState) {
+      onChange(newEditorState);
+      editorView && editorView.updateState(newEditorState);
+    }
+  };
+  // Allow the dispatcher to handle either a Command or a Transaction so we can
+  // change the state more ergonomically upstream
+  var dispatchCommandOrTransaction = function (commandOrTransaction) {
+    if (commandOrTransaction instanceof Transaction) {
+      dispatch(commandOrTransaction);
+    } else if (editorView) {
+      commandOrTransaction(editorView.state, dispatch);
+    }
+  };
+  var editorView = new EditorView(node, {
+    state: initialEditorState,
+    dispatchTransaction: dispatchCommandOrTransaction,
+    attributes: attributes,
+    editable: isEditable
+  });
+  return {
+    destroy: function () {
+      editorView && editorView.destroy();
+    },
+    dispatchTransaction: dispatchCommandOrTransaction
+  };
+};
+export { createRichTextEditor };
+//# sourceMappingURL=createRichTextEditor.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createRichTextEditor.mjs","sources":["../../../../../src/RichTextEditor/utils/core/createRichTextEditor.ts"],"sourcesContent":["import { EditorState, Transaction } from \"prosemirror-state\"\nimport { EditorView as ProseMirrorEditorView } from \"prosemirror-view\"\nimport { CommandOrTransaction } from \"./types\"\n\ntype EditorAPI = {\n  destroy: () => void\n  dispatchTransaction: (maybeCommand: CommandOrTransaction) => void\n}\n\ntype EditorArgs = {\n  initialEditorState: EditorState\n  node: HTMLElement\n  onChange: (editorState: EditorState) => void\n  /*\n   * Pass in HTML attributes into the parent RTE node\n   */\n  attributes?: {\n    [name: string]: string\n  }\n  isEditable?: () => boolean\n}\n\n/**\n * createRichTextEditor\n * Initialize a ProseMirror EditorView\n */\nexport const createRichTextEditor = ({\n  initialEditorState,\n  node,\n  onChange = () => undefined,\n  attributes,\n  isEditable = () => true,\n}: EditorArgs): EditorAPI => {\n  // Handle transactions eminating from the EditorView instance\n  const dispatch = (tx: Transaction): void => {\n    const newEditorState = editorView && editorView.state.apply(tx)\n    if (newEditorState) {\n      onChange(newEditorState)\n      editorView && editorView.updateState(newEditorState)\n    }\n  }\n\n  // Allow the dispatcher to handle either a Command or a Transaction so we can\n  // change the state more ergonomically upstream\n  const dispatchCommandOrTransaction = (\n    commandOrTransaction: CommandOrTransaction\n  ): void => {\n    if (commandOrTransaction instanceof Transaction) {\n      dispatch(commandOrTransaction)\n    } else if (editorView) {\n      commandOrTransaction(editorView.state, dispatch)\n    }\n  }\n\n  const editorView = new ProseMirrorEditorView(node, {\n    state: initialEditorState,\n    dispatchTransaction: dispatchCommandOrTransaction,\n    attributes,\n    editable: isEditable,\n  })\n\n  return {\n    destroy: () => {\n      editorView && editorView.destroy()\n    },\n    dispatchTransaction: dispatchCommandOrTransaction,\n  }\n}\n"],"names":["createRichTextEditor","_a","initialEditorState","node","_b","onChange","undefined","attributes","_c","isEditable","dispatch","tx","newEditorState","editorView","state","apply","updateState","dispatchCommandOrTransaction","commandOrTransaction","Transaction","ProseMirrorEditorView","dispatchTransaction","editable","destroy"],"mappings":";;;AAsBA;;;AAGG;AACI,IAAMA,oBAAoB,GAAG,SAAAA,CAACC,EAMxB,EAAA;EALX,IAAAC,kBAAkB,GAAAD,EAAA,CAAAC,kBAAA;IAClBC,IAAI,GAAAF,EAAA,CAAAE,IAAA;IACJC,EAAA,GAAAH,EAAA,CAAAI,QAA0B;IAA1BA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA;MAAM,OAAAE,SAAS;IAAA,CAAA,GAAAF,EAAA;IAC1BG,UAAU,GAAAN,EAAA,CAAAM,UAAA;IACVC,EAAA,GAAAP,EAAA,CAAAQ,UAAuB;IAAvBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA;MAAM,OAAA,IAAI;IAAA,CAAA,GAAAA,EAAA;;EAGvB,IAAME,QAAQ,GAAG,SAAAA,CAACC,EAAe,EAAA;IAC/B,IAAMC,cAAc,GAAGC,UAAU,IAAIA,UAAU,CAACC,KAAK,CAACC,KAAK,CAACJ,EAAE,CAAC;IAC/D,IAAIC,cAAc,EAAE;MAClBP,QAAQ,CAACO,cAAc,CAAC;MACxBC,UAAU,IAAIA,UAAU,CAACG,WAAW,CAACJ,cAAc,CAAC;IACrD;EACH,CAAC;;;EAID,IAAMK,4BAA4B,GAAG,SAAAA,CACnCC,oBAA0C,EAAA;IAE1C,IAAIA,oBAAoB,YAAYC,WAAW,EAAE;MAC/CT,QAAQ,CAACQ,oBAAoB,CAAC;IAC/B,CAAA,MAAM,IAAIL,UAAU,EAAE;MACrBK,oBAAoB,CAACL,UAAU,CAACC,KAAK,EAAEJ,QAAQ,CAAC;IACjD;EACH,CAAC;EAED,IAAMG,UAAU,GAAG,IAAIO,UAAqB,CAACjB,IAAI,EAAE;IACjDW,KAAK,EAAEZ,kBAAkB;IACzBmB,mBAAmB,EAAEJ,4BAA4B;IACjDV,UAAU,EAAAA,UAAA;IACVe,QAAQ,EAAEb;EACX,CAAA,CAAC;EAEF,OAAO;IACLc,OAAO,EAAE,SAAAA,CAAA,EAAA;MACPV,UAAU,IAAIA,UAAU,CAACU,OAAO,EAAE;IACnC,CAAA;IACDF,mBAAmB,EAAEJ;GACtB;AACH,CAAA;"}

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;"}