@bigbinary/neeto-editor 1.47.127 → 1.47.131

package/dist/Attachments.js

@@ -11,8 +11,8 @@ import '@bigbinary/neetoui/Toastr';
 import 'ramda';
 import 'react-i18next';
 import './chunk-BFKmIsWV.js';
-import './chunk-xCgPoq9w.js';
-export { A as default } from './chunk-DdxH-PMo.js';
+import './chunk-QsL6T6V5.js';
+export { A as default } from './chunk-C3QLxTd-.js';
 import 'react/jsx-runtime';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'zustand';
@@ -37,7 +37,7 @@ import '@bigbinary/neeto-icons/AspectRatio43';
 import '@bigbinary/neeto-icons/AspectRatio32';
 import '@bigbinary/neeto-commons-frontend/initializers';
 import 'yup';
-import './chunk-DDwycKmK.js';
+import './chunk-DrHVV_g1.js';
 import './chunk-C2dztUxs.js';
 import '@bigbinary/neeto-commons-frontend/react-utils/useOnClickOutside';
 import '@bigbinary/neeto-commons-frontend/utils';

package/dist/Editor.js

@@ -5,7 +5,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import React__default, { memo, useState, useRef, useCallback, useEffect, createElement, forwardRef, useImperativeHandle } from 'react';
 import { a as useEditorState, E as Extension, N as NodeViewWrapper, b as NodeViewContent, c as Node3, R as ReactNodeViewRenderer, m as mergeAttributes, D as DecorationSet, d as Decoration, f as ReactRenderer, e as emojiPickerApi, h as markInputRule, I as InputRule, r as resetFocussedNode, i as highlightFocussedNode, P as PasteRule, C as CellSelection, B as BubbleMenu, j as getMarkType, k as getMarkRange, l as useEditor, n as EditorContent, o as EditorView } from './chunk-ChNzXvhJ.js';
 import classnames from 'classnames';
-import { D as DIRECT_UPLOAD_ENDPOINT, E as EDITOR_OPTIONS, C as COMBINED_REGEX, a as EDITOR_SIZES } from './chunk-DDwycKmK.js';
+import { D as DIRECT_UPLOAD_ENDPOINT, E as EDITOR_OPTIONS, C as COMBINED_REGEX, a as EDITOR_SIZES } from './chunk-DrHVV_g1.js';
 import { isNotPresent, findBy, isNotEmpty, isPresent, noop, slugify } from '@bigbinary/neeto-cist';
 import { withT, useOnClickOutside, useFuncDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Label from '@bigbinary/neetoui/Label';
@@ -14,12 +14,12 @@ import { is, intersection, difference, union, isEmpty, isNil, mergeRight, assoc,
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { B as BulletList$1, i as index_default, a as index_default$1, R as Resizable, b as index_default$2, L as Link$1, s as scrollHandler, c as index_default$3, O as OrderedList$1, d as index_default$4, f as fuzzySearch, T as Table$2, e as TaskList, g as TaskItem, C as CharacterCount, h as index_default$5, j as index_default$6, k as TextStyle, l as index_default$7, F as Focus, m as index_default$8, n as TableRow, o as TableHeader, p as TableCell, q as Color, r as ListItem, t as index_default$9, u as index_default$a, v as useFetchKbArticles, M as MODE, w as createArticleOptions, x as MODAL_LEFT_OFFSET, y as MODAL_TOP_OFFSET, z as MODAL_TRANSFORM_Y, A as MODAL_TRANSFORM_X, D as MODAL_BOTTOM_MARGIN, E as buildArticleFullUrl, G as useEditorWarnings, H as useDeletedArticles } from './chunk-Be5ikGpm.js';
 import { n } from './chunk-C2dztUxs.js';
-import { b as buildLevelsFromOptions, v as validateAndFormatUrl, g as getEditorStyles, c as transformPastedHTML, h as handlePaste, d as clipboardTextParser, s as setInitialPosition } from './chunk-C_jttcYg.js';
+import { b as buildLevelsFromOptions, v as validateAndFormatUrl, g as getEditorStyles, c as transformPastedHTML, h as handlePaste, d as clipboardTextParser, s as setInitialPosition } from './chunk-vncKwq6q.js';
 import ReactDOM from 'react-dom/server';
 import { l as lowlight, d as decodeHtmlEntities, r as removeEmptyTags } from './chunk-Qg4uQqj3.js';
-import { L as LINK_VALIDATION_SCHEMA, D as DEFAULT_EDITOR_OPTIONS } from './chunk-CF5f8-fy.js';
+import { L as LINK_VALIDATION_SCHEMA, D as DEFAULT_EDITOR_OPTIONS } from './chunk-DDFZ40sK.js';
 import Megaphone from '@bigbinary/neeto-icons/misc/Megaphone';
-import { C as CALLOUT_TYPES, E as EmojiPickerMenu, v as validateUrl, g as getLinkPopoverPosition, M as Menu$4, a as MenuDynamicVariables, b as MediaUploader, L as LinkAddPopOver } from './chunk-CDPeBjvi.js';
+import { C as CALLOUT_TYPES, E as EmojiPickerMenu, v as validateUrl, g as getLinkPopoverPosition, M as Menu$4, a as MenuDynamicVariables, b as MediaUploader, L as LinkAddPopOver } from './chunk-Pu0d3ZId.js';
 import Down from '@bigbinary/neeto-icons/Down';
 import Highlight from '@bigbinary/neeto-icons/Highlight';
 import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
@@ -47,7 +47,7 @@ import Modal from '@bigbinary/neetoui/Modal';
 import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
 import AspectRatio from '@bigbinary/neeto-icons/AspectRatio';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
-import { d as buildImageOptions, e as DEFAULT_ASPECT_RATIO } from './chunk-xCgPoq9w.js';
+import { d as buildImageOptions, e as DEFAULT_ASPECT_RATIO } from './chunk-QsL6T6V5.js';
 import Avatar from '@bigbinary/neetoui/Avatar';
 import Typography from '@bigbinary/neetoui/Typography';
 import Tippy from '@tippyjs/react';
@@ -92,7 +92,7 @@ import Form from '@bigbinary/neetoui/formik/Form';
 import Input$1 from '@bigbinary/neetoui/formik/Input';
 import Edit from '@bigbinary/neeto-icons/Edit';
 import Articles from '@bigbinary/neeto-icons/Articles';
-import { A as Attachments } from './chunk-DdxH-PMo.js';
+import { A as Attachments } from './chunk-C3QLxTd-.js';
 import 'axios';
 import 'zustand';
 import '@tanstack/react-query';
@@ -2028,8 +2028,6 @@ var MentionList = /*#__PURE__*/function (_React$Component) {
       var _this2 = this;
       var selectedIndex = this.state.selectedIndex;
       var items = this.props.items;
-      var Menu = Dropdown.Menu,
-        MenuItem = Dropdown.MenuItem;
       if (isEmpty(items)) {
         return /*#__PURE__*/jsx("div", {
           className: "neeto-editor-mentions__wrapper",
@@ -2039,40 +2037,45 @@ var MentionList = /*#__PURE__*/function (_React$Component) {
           })
         });
       }
+
+      // Rendered with plain elements instead of neetoUI's Dropdown.Menu. That Menu
+      // auto-focuses its <ul> on mount, which pulls focus out of the editor and
+      // breaks mention typing/arrow navigation (the list is driven entirely by the
+      // editor's keydown). neetoUI's class names are kept so the popup styling is
+      // unchanged.
       return /*#__PURE__*/jsx("div", {
         className: "neeto-ui-dropdown__popup",
-        children: /*#__PURE__*/jsx(Menu, {
-          className: "neeto-editor-mentions__wrapper",
+        children: /*#__PURE__*/jsx("ul", {
+          className: "neeto-ui-dropdown__popup-menu neeto-editor-mentions__wrapper",
           "data-testid": "neeto-editor-mention-list",
-          ref: this.mentionRef
-          // Keep the list non-focusable so neetoUI's Menu can't auto-focus its
-          // <ul> and steal focus from the editor; mention keystrokes and arrow
-          // keys are handled through the editor's own keydown.
-          ,
-          tabIndex: null,
+          ref: this.mentionRef,
           children: items.map(function (_ref2, index) {
             var key = _ref2.key,
               name = _ref2.name,
               imageUrl = _ref2.imageUrl;
-            return /*#__PURE__*/jsxs(MenuItem.Button, {
-              "data-testid": "neeto-editor-mention-list-".concat(name),
-              type: "button",
-              className: classnames("neeto-editor-mentions__item", {
-                active: index === selectedIndex
-              }),
-              onClick: function onClick() {
-                return _this2.selectItem(index);
-              },
-              children: [/*#__PURE__*/jsx(Avatar, {
-                size: "small",
-                user: {
-                  name: name,
-                  imageUrl: imageUrl
-                }
-              }), /*#__PURE__*/jsx(Typography, {
-                style: "body2",
-                children: name
-              })]
+            return /*#__PURE__*/jsx("li", {
+              className: "neeto-ui-dropdown__popup-menu-item",
+              role: "menuitem",
+              children: /*#__PURE__*/jsxs("button", {
+                "data-testid": "neeto-editor-mention-list-".concat(name),
+                type: "button",
+                className: classnames("neeto-ui-dropdown__popup-menu-item-btn neeto-editor-mentions__item", {
+                  active: index === selectedIndex
+                }),
+                onClick: function onClick() {
+                  return _this2.selectItem(index);
+                },
+                children: [/*#__PURE__*/jsx(Avatar, {
+                  size: "small",
+                  user: {
+                    name: name,
+                    imageUrl: imageUrl
+                  }
+                }), /*#__PURE__*/jsx(Typography, {
+                  style: "body2",
+                  children: name
+                })]
+              })
             }, key);
           })
         })
@@ -3727,6 +3730,13 @@ var getEmbedAttributes = function getEmbedAttributes() {
     title: {
       "default": null
     },
+    originalUrl: {
+      "default": "",
+      parseHTML: function parseHTML(element) {
+        var iframe = element.querySelector(".neeto-editor__video-iframe");
+        return (iframe === null || iframe === void 0 ? void 0 : iframe.getAttribute("data-original-url")) || "";
+      }
+    },
     frameBorder: "0",
     allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen",
     allowfullscreen: true
@@ -3738,7 +3748,8 @@ var renderEmbedHTML = function renderEmbedHTML(node, HTMLAttributes, options) {
     figheight = _node$attrs.figheight,
     figwidth = _node$attrs.figwidth,
     border = _node$attrs.border,
-    aspectRatio = _node$attrs.aspectRatio;
+    aspectRatio = _node$attrs.aspectRatio,
+    originalUrl = _node$attrs.originalUrl;
   return ["div", {
     "class": classnames("neeto-editor__video-wrapper", "neeto-editor__video--".concat(align), {
       "neeto-editor__video--bordered": border
@@ -3755,7 +3766,8 @@ var renderEmbedHTML = function renderEmbedHTML(node, HTMLAttributes, options) {
     "data-aspect-ratio": aspectRatio
   }, ["iframe", mergeAttributes(options.HTMLAttributes, _objectSpread$3(_objectSpread$3({}, HTMLAttributes), {}, {
     allowfullscreen: true,
-    "data-border": border
+    "data-border": border,
+    "data-original-url": originalUrl
   }))]]];
 };
 var renderUploadHTML = function renderUploadHTML(node, HTMLAttributes, options) {
@@ -3798,7 +3810,8 @@ var handleVideoPaste = function handleVideoPaste(_ref) {
   if (validatedUrl) {
     var node = state.schema.nodes["unified-video"].create({
       src: validatedUrl,
-      videoType: "embed"
+      videoType: "embed",
+      originalUrl: match[0]
     });
     state.tr.insert(range.from, node);
     state.tr.insert(range.from + node.nodeSize + 1, state.schema.nodes.paragraph.create());