@bigbinary/neeto-editor 1.47.49 → 1.47.51

package/dist/Editor.js

@@ -4,18 +4,18 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import * as React from 'react';
 import React__default, { memo, useEffect, useState, useRef, useCallback, createElement, forwardRef, useImperativeHandle } from 'react';
-import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, D as DecorationSet, d as Decoration, g as getMarkAttributes, N as Node, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, e as callOrReturn, f as getExtensionField, i as isNodeSelection, n as nodeInputRule, h as getNodeType, j as getNodeAtPosition, l as isNodeActive, o as isAtStartOfNode, p as isAtEndOfNode, C as CALLOUT_TYPES, q as NodeViewWrapper, r as NodeViewContent, R as ReactNodeViewRenderer, s as findChildren, u as escapeForRegEx, v as ReactRenderer, x as EmojiPickerMenu, y as emojiPickerApi, z as combineTransactionSteps, A as getChangedRanges, B as findChildrenInRange, F as getMarksBetween, G as getAttributes, I as InputRule, H as highlightFocussedNode, J as resetFocussedNode, K as findParentNodeClosestToPos, P as PasteRule, L as BubbleMenu, O as getLinkPopoverPosition, Q as getMarkType, S as getMarkRange, T as useEditor, U as useEditorState, M as Menu$4, V as EditorContent, W as MediaUploader, X as LinkAddPopOver, Y as EditorView } from './chunk-C-0Q1FN5.js';
+import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, D as DecorationSet, d as Decoration, g as getMarkAttributes, N as Node, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, e as callOrReturn, f as getExtensionField, i as isNodeSelection, n as nodeInputRule, h as getNodeType, j as getNodeAtPosition, l as isNodeActive, o as isAtStartOfNode, p as isAtEndOfNode, C as CALLOUT_TYPES, q as NodeViewWrapper, r as NodeViewContent, R as ReactNodeViewRenderer, s as findChildren, u as escapeForRegEx, v as ReactRenderer, x as EmojiPickerMenu, y as emojiPickerApi, z as combineTransactionSteps, A as getChangedRanges, B as findChildrenInRange, F as getMarksBetween, G as getAttributes, I as InputRule, H as highlightFocussedNode, J as resetFocussedNode, K as findParentNodeClosestToPos, P as PasteRule, L as BubbleMenu, O as getLinkPopoverPosition, Q as getMarkType, S as getMarkRange, T as useEditor, U as useEditorState, M as Menu$4, V as EditorContent, W as MediaUploader, X as LinkAddPopOver, Y as EditorView } from './chunk-BuwZ56CV.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-7IwD_Poi.js';
 import { isNotPresent, findBy, isNotEmpty, isPresent, noop as noop$1, slugify } from '@bigbinary/neeto-cist';
 import { useOnClickOutside, useFuncDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Label from '@bigbinary/neetoui/Label';
-import { is, intersection, difference, union, isEmpty as isEmpty$1, isNil, mergeRight, assoc, equals } from 'ramda';
+import { is, intersection, difference, union, isEmpty as isEmpty$1, isNil, mergeRight, prop, pluck, assoc, equals } from 'ramda';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { n } from './chunk-DmrvuTKK.js';
 import { P as Plugin, o as PluginKey, b as Slice, F as Fragment$1, T as TextSelection, S as Selection, d as dropPoint, N as NodeSelection, q as Mapping$1, M as Mark$1, e as MarkType, R as ReplaceError, s as SelectionRange, u as buildLevelsFromOptions, v as validateAndFormatUrl, w as getEditorStyles, x as clipboardTextParser, y as transformPastedHTML, z as setInitialPosition } from './chunk-TvTt0Gg2.js';
 import ReactDOM from 'react-dom/server';
-import { l as lowlight, M as MARGIN_HEIGHT, r as removeEmptyTags } from './chunk-BCoBS5ED.js';
+import { l as lowlight, M as MARGIN_HEIGHT, F as FUZZY_SEARCH_DEFAULT_LIMIT, D as DEFAULT_SEARCH_KEYS, r as removeEmptyTags } from './chunk-CeRlskgG.js';
 import { L as LINK_VALIDATION_SCHEMA, D as DEFAULT_EDITOR_OPTIONS } from './chunk-BZmNiqsu.js';
 import * as Y from 'yjs';
 import { UndoManager, Item as Item$1, ContentType, Text as Text$2, XmlElement } from 'yjs';
@@ -14086,6 +14086,91 @@ var SelectionDecoration = Document.extend({
   }
 });
 
+var calculateScore = function calculateScore(input, target) {
+  var inputLower = input.toLowerCase();
+  var targetLower = target.toLowerCase();
+  var substringIndex = targetLower.indexOf(inputLower);
+  if (substringIndex !== -1) {
+    return 1.0 - substringIndex / targetLower.length * 0.1;
+  }
+  var inputIndex = 0;
+  var targetIndex = 0;
+  var firstMatchIndex = -1;
+  var consecutiveMatches = 0;
+  var maxConsecutive = 0;
+  while (inputIndex < inputLower.length && targetIndex < targetLower.length) {
+    if (inputLower[inputIndex] === targetLower[targetIndex]) {
+      if (firstMatchIndex === -1) {
+        firstMatchIndex = targetIndex;
+      }
+      consecutiveMatches++;
+      inputIndex++;
+    } else {
+      maxConsecutive = Math.max(maxConsecutive, consecutiveMatches);
+      consecutiveMatches = 0;
+    }
+    targetIndex++;
+  }
+  maxConsecutive = Math.max(maxConsecutive, consecutiveMatches);
+  if (inputIndex < inputLower.length) {
+    return 0;
+  }
+  var positionScore = 1.0 - firstMatchIndex / targetLower.length;
+  var consecutiveBonus = maxConsecutive / inputLower.length;
+  var lengthRatio = inputLower.length / targetLower.length;
+  var score = positionScore * 0.6 + consecutiveBonus * 0.2 + lengthRatio * 0.2;
+  return Math.min(score, 0.89);
+};
+var fuzzySearch = function fuzzySearch(items, query) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    limit: FUZZY_SEARCH_DEFAULT_LIMIT
+  };
+  var _options$limit = options.limit,
+    limit = _options$limit === void 0 ? FUZZY_SEARCH_DEFAULT_LIMIT : _options$limit,
+    _options$keys = options.keys,
+    keys = _options$keys === void 0 ? DEFAULT_SEARCH_KEYS : _options$keys;
+  if (!query || typeof query !== "string" || !items || isEmpty$1(items)) {
+    return items ? items.slice(0, limit) : [];
+  }
+  var trimmedQuery = query.trim();
+  if (!trimmedQuery) {
+    return items ? items.slice(0, limit) : [];
+  }
+  var fieldAccessors = keys.map(function (key) {
+    return {
+      getValue: typeof key === "string" ? prop(key) : prop(key.name),
+      weight: typeof key === "string" ? 1 : key.weight || 1
+    };
+  });
+  var results = items.reduce(function (acc, item) {
+    var bestScore = fieldAccessors.reduce(function (maxScore, accessor) {
+      var fieldValue = accessor.getValue(item);
+      if (isNil(fieldValue)) return maxScore;
+      var fieldString = String(fieldValue);
+      var score = calculateScore(trimmedQuery, fieldString);
+      if (score <= 0) return maxScore;
+      var weightedScore = score * accessor.weight;
+      return weightedScore > maxScore ? weightedScore : maxScore;
+    }, 0);
+    if (bestScore > 0) {
+      acc.push({
+        item: item,
+        score: bestScore
+      });
+    }
+    return acc;
+  }, []);
+  results.sort(function (a, b) {
+    if (Math.abs(a.score - b.score) < 0.001) {
+      var aTitle = a.item.title || a.item.name || "";
+      var bTitle = b.item.title || b.item.name || "";
+      return aTitle.localeCompare(bTitle);
+    }
+    return b.score - a.score;
+  });
+  return pluck("item", results.slice(0, limit));
+};
+
 function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
@@ -14717,10 +14802,10 @@ var SlashCommands = {
             },
             items: function items(_ref3) {
               var query = _ref3.query;
-              var filteredItems = commandItems.filter(function (_ref4) {
-                var title = _ref4.title;
-                return title.toLowerCase().includes(query.toLowerCase());
-              });
+              if (!query) {
+                return commandItems.slice(0, 10);
+              }
+              var filteredItems = fuzzySearch(commandItems, query);
               return isEmpty$1(filteredItems) ? [NO_RESULT_MENU_ITEM] : filteredItems;
             },
             render: function render() {
@@ -20619,11 +20704,12 @@ var TableActionMenu = function TableActionMenu(_ref) {
           appendTo: function appendTo() {
             return document.body;
           },
+          className: "neeto-editor-table-bubble-menu__dropdown",
           closeOnSelect: false,
           position: "bottom-start",
           strategy: "fixed",
           buttonProps: {
-            className: "neeto-editor-table-bubble-menu__item neeto-ui-ml-2",
+            className: "neeto-editor-table-bubble-menu__dropdown-item",
             icon: Down,
             iconPosition: "right",
             iconSize: 16,
@@ -20637,7 +20723,7 @@ var TableActionMenu = function TableActionMenu(_ref) {
             }
           },
           children: /*#__PURE__*/jsx(Menu, {
-            className: "neeto-ui-gap-1 flex items-center justify-center",
+            className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center",
             children: (_action$items = action.items) === null || _action$items === void 0 ? void 0 : _action$items.map(function (_ref3) {
               var type = _ref3.type,
                 command = _ref3.command,
@@ -20645,6 +20731,7 @@ var TableActionMenu = function TableActionMenu(_ref) {
               var IconComponent = alignmentIcons[type];
               return /*#__PURE__*/jsx(MenuItem, {
                 children: /*#__PURE__*/jsx(Button, {
+                  className: "neeto-editor-table-bubble-menu__item",
                   icon: IconComponent,
                   style: "text",
                   tooltipProps: {