@bigbinary/neeto-editor 1.47.122 → 1.47.124

package/dist/{chunk-CnsiyshR.js → chunk-C_jttcYg.js}

@@ -73,6 +73,17 @@ var transformPastedHTML = function transformPastedHTML(content) {
   }
   return doc.body.innerHTML;
 };
+var handlePaste = function handlePaste(view, event, slice) {
+  try {
+    view.state.tr.replaceSelection(slice);
+    return false;
+  } catch (_unused) {
+    var _event$clipboardData;
+    var text = ((_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData("text/plain")) || slice.content.textBetween(0, slice.content.size, "\n").trim();
+    if (text) view.dispatch(view.state.tr.insertText(text).scrollIntoView());
+    return true;
+  }
+};
 var buildLevelsFromOptions = function buildLevelsFromOptions(options) {
   var levels = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, EDITOR_OPTIONS.H1, 1), EDITOR_OPTIONS.H2, 2), EDITOR_OPTIONS.H3, 3), EDITOR_OPTIONS.H4, 4), EDITOR_OPTIONS.H5, 5), EDITOR_OPTIONS.H6, 6);
   return Object.entries(levels).filter(function (heading) {
@@ -82,5 +93,5 @@ var buildLevelsFromOptions = function buildLevelsFromOptions(options) {
   });
 };
 
-export { isEmojiSuggestionsMenuActive as a, buildLevelsFromOptions as b, transformPastedHTML as c, clipboardTextParser as d, getEditorStyles as g, isEditorOverlaysActive as i, setInitialPosition as s, transformEditorContent as t, validateAndFormatUrl as v };
-//# sourceMappingURL=chunk-CnsiyshR.js.map
+export { isEmojiSuggestionsMenuActive as a, buildLevelsFromOptions as b, transformPastedHTML as c, clipboardTextParser as d, getEditorStyles as g, handlePaste as h, isEditorOverlaysActive as i, setInitialPosition as s, transformEditorContent as t, validateAndFormatUrl as v };
+//# sourceMappingURL=chunk-C_jttcYg.js.map

package/dist/chunk-C_jttcYg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-C_jttcYg.js","sources":["../src/components/Editor/utils.js"],"sourcesContent":["import { Slice, Fragment, Node } from \"@tiptap/pm/model\";\nimport { Selection } from \"@tiptap/pm/state\";\nimport { isNotEmpty } from \"neetocist\";\n\nimport { ALL_PROTOCOL_URL_REGEXP, EDITOR_OPTIONS } from \"src/common/constants\";\n\nimport {\n  EDITOR_LINE_HEIGHT,\n  EDITOR_BORDER_SIZE,\n  EDITOR_PADDING_SIZE,\n  IMAGE_REGEX,\n  IMAGE_REPLACEMENT_PATTERN,\n  EMPTY_DIV_REGEX,\n  TRAILING_BR_REGEX,\n} from \"./constants\";\n\nexport const getEditorStyles = ({ rows }) => {\n  const editorHeight =\n    rows * EDITOR_LINE_HEIGHT + 2 * (EDITOR_PADDING_SIZE + EDITOR_BORDER_SIZE);\n\n  return `min-height: ${editorHeight}px;`;\n};\n\nexport const clipboardTextParser = (text, context) => {\n  const nodes = [];\n  const blocks = text.split(/\\n/);\n\n  blocks.forEach(line => {\n    const nodeJson = { type: \"paragraph\" };\n    if (isNotEmpty(line)) {\n      nodeJson.content = [{ type: \"text\", text: line }];\n    }\n    const node = Node.fromJSON(context.doc.type.schema, nodeJson);\n    nodes.push(node);\n  });\n\n  const fragment = Fragment.fromArray(nodes);\n\n  return Slice.maxOpen(fragment);\n};\n\nexport const setInitialPosition = editor => {\n  const { state, view } = editor;\n  const endPosition = Selection.atEnd(state.doc);\n  const transaction = state.tr;\n  transaction.setSelection(endPosition);\n  view.dispatch(transaction);\n};\n\nexport const isEditorOverlaysActive = () =>\n  document.querySelector(\n    \".ne-media-uploader,.ne-embed-modal,.tippy-content,.ne-link-popover\"\n  );\n\nexport const validateAndFormatUrl = url => {\n  if (!ALL_PROTOCOL_URL_REGEXP.test(url)) {\n    return null;\n  }\n\n  if (!/^[a-zA-Z]\\w*:/i.test(url)) {\n    return `https://${url}`;\n  }\n\n  return url;\n};\n\nexport const transformEditorContent = content =>\n  content\n    ?.replaceAll(IMAGE_REGEX, IMAGE_REPLACEMENT_PATTERN)\n    ?.replaceAll(EMPTY_DIV_REGEX, \"\")\n    ?.replace(TRAILING_BR_REGEX, \"\");\n\nexport const isEmojiSuggestionsMenuActive = () =>\n  !!document.querySelector(\".neeto-editor-emoji-suggestion\");\n\nexport const transformPastedHTML = content => {\n  const contentWithoutBr = content.replaceAll(\"<br />\", \"<p></p>\");\n  const doc = new DOMParser().parseFromString(contentWithoutBr, \"text/html\");\n\n  // ProseMirror tags clipboard output from any TipTap/ProseMirror editor with\n  // `data-pm-slice`. When present, the paste is coming from another\n  // neeto-editor instance and we preserve the author's color choices. When\n  // absent, the source is external (Word, websites, customer messages) and we\n  // strip inline colors so foreign theming does not bleed into the editor.\n  const isInternalPaste = doc.querySelector(\"[data-pm-slice]\") !== null;\n\n  if (!isInternalPaste) {\n    doc.querySelectorAll(\"[style]\").forEach(el => {\n      el.style.color = \"\";\n      el.style.backgroundColor = \"\";\n    });\n  }\n\n  return doc.body.innerHTML;\n};\n\nexport const handlePaste = (view, event, slice) => {\n  try {\n    view.state.tr.replaceSelection(slice);\n\n    return false;\n  } catch {\n    const text =\n      event.clipboardData?.getData(\"text/plain\") ||\n      slice.content.textBetween(0, slice.content.size, \"\\n\").trim();\n    if (text) view.dispatch(view.state.tr.insertText(text).scrollIntoView());\n\n    return true;\n  }\n};\n\nexport const buildLevelsFromOptions = options => {\n  const levels = {\n    [EDITOR_OPTIONS.H1]: 1,\n    [EDITOR_OPTIONS.H2]: 2,\n    [EDITOR_OPTIONS.H3]: 3,\n    [EDITOR_OPTIONS.H4]: 4,\n    [EDITOR_OPTIONS.H5]: 5,\n    [EDITOR_OPTIONS.H6]: 6,\n  };\n\n  return Object.entries(levels)\n    .filter(heading => options.includes(heading[0]))\n    .map(heading => heading[1]);\n};\n"],"names":["getEditorStyles","_ref","rows","editorHeight","EDITOR_LINE_HEIGHT","EDITOR_PADDING_SIZE","EDITOR_BORDER_SIZE","concat","clipboardTextParser","text","context","nodes","blocks","split","forEach","line","nodeJson","type","isNotEmpty","content","node","Node","fromJSON","doc","schema","push","fragment","Fragment","fromArray","Slice","maxOpen","setInitialPosition","editor","state","view","endPosition","Selection","atEnd","transaction","tr","setSelection","dispatch","isEditorOverlaysActive","document","querySelector","validateAndFormatUrl","url","ALL_PROTOCOL_URL_REGEXP","test","transformEditorContent","_content$replaceAll","replaceAll","IMAGE_REGEX","IMAGE_REPLACEMENT_PATTERN","EMPTY_DIV_REGEX","replace","TRAILING_BR_REGEX","isEmojiSuggestionsMenuActive","transformPastedHTML","contentWithoutBr","DOMParser","parseFromString","isInternalPaste","querySelectorAll","el","style","color","backgroundColor","body","innerHTML","handlePaste","event","slice","replaceSelection","_unused","_event$clipboardData","clipboardData","getData","textBetween","size","trim","insertText","scrollIntoView","buildLevelsFromOptions","options","levels","_defineProperty","EDITOR_OPTIONS","H1","H2","H3","H4","H5","H6","Object","entries","filter","heading","includes","map"],"mappings":"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"}

package/dist/cjs/Editor.cjs.js

@@ -14,14 +14,14 @@ var Label = require('@bigbinary/neetoui/Label');
 var ReactDOM$1 = require('react-dom');
 var ramda = require('ramda');
 var jsxRuntime = require('react/jsx-runtime');
-var fuzzySearch = require('./chunk-BXZTd0jZ.cjs.js');
+var fuzzySearch = require('./chunk-Ch4y-VZi.cjs.js');
 var injectCss = require('./chunk-B6qYtOJe.cjs.js');
-var utils = require('./chunk-BGvf6C3z.cjs.js');
+var utils = require('./chunk-B_7qxIrt.cjs.js');
 var ReactDOM = require('react-dom/server');
 var common = require('./chunk-BKvkHB8E.cjs.js');
 var constants$1 = require('./chunk-BGy3NmZC.cjs.js');
 var Megaphone = require('@bigbinary/neeto-icons/misc/Megaphone');
-var Menu$4 = require('./chunk-DpqV12Vi.cjs.js');
+var Menu$4 = require('./chunk-Zpn4p-0s.cjs.js');
 var Down = require('@bigbinary/neeto-icons/Down');
 var Highlight = require('@bigbinary/neeto-icons/Highlight');
 var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
@@ -5294,8 +5294,11 @@ var Editor$1 = function Editor(_ref, ref) {
   };
   var debouncedOnChangeHandler = reactUtils.useFuncDebounce(function (_ref2) {
     var editor = _ref2.editor;
-    return onChange(editor.getHTML());
+    if (!editor.isDestroyed) onChange(editor.getHTML());
   }, 100);
+  React.useEffect(function () {
+    return debouncedOnChangeHandler.cancel;
+  }, []);
   var handleBlur = function handleBlur(props) {
     var editor = props.editor;
     if (!disableTrimOnBlur) {
@@ -5360,6 +5363,7 @@ var Editor$1 = function Editor(_ref, ref) {
         "data-testid": "neeto-editor-content"
       }, ariaAttributes), contentAttributes),
       clipboardTextParser: utils.clipboardTextParser,
+      handlePaste: utils.handlePaste,
       transformPastedHTML: utils.transformPastedHTML
     },
     parseOptions: {