@bigbinary/neeto-editor 1.47.67 → 1.47.69

package/dist/FormikEditor.js

@@ -8,7 +8,7 @@ import Editor from './Editor.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@babel/runtime/helpers/slicedToArray';
-import './chunk-BYP78yHy.js';
+import './chunk-Bb0y1lai.js';
 import './chunk-DmrvuTKK.js';
 import 'i18next';
 import '@bigbinary/neeto-icons/TextH1';
@@ -68,7 +68,6 @@ import '@bigbinary/neeto-icons/Customize';
 import '@bigbinary/neeto-icons/Refresh';
 import '@bigbinary/neetoui/Input';
 import 'react-colorful';
-import '@bigbinary/neeto-molecules/DynamicVariables';
 import '@bigbinary/neeto-image-uploader-frontend';
 import '@bigbinary/neetoui/Modal';
 import '@bigbinary/neetoui/Tab';
@@ -99,6 +98,7 @@ import '@bigbinary/neeto-icons/misc/Danger';
 import '@bigbinary/neeto-icons/misc/Megaphone';
 import '@bigbinary/neeto-icons/misc/Success';
 import '@bigbinary/neeto-icons/MenuHorizontal';
+import '@bigbinary/neeto-molecules/DynamicVariables';
 import '@tippyjs/react';
 import './chunk-BtgLcjAt.js';
 import '@tanstack/react-query';

package/dist/Menu.js

@@ -3,7 +3,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import 'ramda';
-export { M as default } from './chunk-BYP78yHy.js';
+export { M as default } from './chunk-Bb0y1lai.js';
 import './chunk-BnpU7flF.js';
 import 'react/jsx-runtime';
 import './chunk-DmrvuTKK.js';
@@ -65,7 +65,6 @@ import '@bigbinary/neeto-icons/Refresh';
 import '@bigbinary/neetoui/Input';
 import 'react-colorful';
 import '@babel/runtime/helpers/objectWithoutProperties';
-import '@bigbinary/neeto-molecules/DynamicVariables';
 import '@bigbinary/neeto-image-uploader-frontend';
 import '@bigbinary/neetoui/Modal';
 import '@bigbinary/neetoui/Tab';
@@ -97,5 +96,6 @@ import '@bigbinary/neeto-icons/misc/Danger';
 import '@bigbinary/neeto-icons/misc/Megaphone';
 import '@bigbinary/neeto-icons/misc/Success';
 import '@bigbinary/neeto-icons/MenuHorizontal';
+import '@bigbinary/neeto-molecules/DynamicVariables';
 import '@tippyjs/react';
 //# sourceMappingURL=Menu.js.map

package/dist/{chunk-BYP78yHy.js → chunk-Bb0y1lai.js}

@@ -63,7 +63,6 @@ import Refresh from '@bigbinary/neeto-icons/Refresh';
 import Input from '@bigbinary/neetoui/Input';
 import { HexColorPicker } from 'react-colorful';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import DynamicVariables from '@bigbinary/neeto-molecules/DynamicVariables';
 import { ImageUploader } from '@bigbinary/neeto-image-uploader-frontend';
 import Modal from '@bigbinary/neetoui/Modal';
 import Tab from '@bigbinary/neetoui/Tab';
@@ -85,6 +84,7 @@ import Danger from '@bigbinary/neeto-icons/misc/Danger';
 import Megaphone from '@bigbinary/neeto-icons/misc/Megaphone';
 import Success from '@bigbinary/neeto-icons/misc/Success';
 import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
+import DynamicVariables from '@bigbinary/neeto-molecules/DynamicVariables';
 import Tippy from '@tippyjs/react';
 import { D as DEFAULT_EDITOR_OPTIONS } from './chunk-BnpU7flF.js';
 
@@ -15809,6 +15809,7 @@ var CalloutTypeOption = function CalloutTypeOption(_ref) {
     className: optionClass,
     children: [/*#__PURE__*/jsx("span", {
       className: "neeto-editor-callout-dropdown__type-emoji",
+      "data-cy": "callout-type-emoji",
       children: /*#__PURE__*/jsx(Icon, {})
     }), /*#__PURE__*/jsx(Typography, {
       className: "neeto-editor-callout-dropdown__type-label",
@@ -17442,6 +17443,53 @@ var useEditorState = function useEditorState(_ref) {
   }, [editor, neetoKbArticleState === null || neetoKbArticleState === void 0 ? void 0 : neetoKbArticleState.active, handleSelectionUpdate]);
 };
 
+var MenuDynamicVariables = function MenuDynamicVariables(_ref) {
+  var editor = _ref.editor,
+    _ref$variables = _ref.variables,
+    variables = _ref$variables === void 0 ? [] : _ref$variables,
+    _ref$standalone = _ref.standalone,
+    standalone = _ref$standalone === void 0 ? false : _ref$standalone;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  if (isEmpty(variables)) return null;
+  var handleVariableClick = function handleVariableClick(item) {
+    var category = item.category,
+      categoryLabel = item.categoryLabel,
+      key = item.key,
+      label = item.label;
+    var variableName = category ? "".concat(category, ".").concat(key) : key;
+    var variableLabel = category ? "".concat(categoryLabel || category, ":").concat(label) : label;
+    editor.chain().focus().setVariable({
+      id: variableName,
+      label: variableLabel
+    }).run();
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: "neeto-editor-fixed-menu__variables",
+    "data-cy": "neeto-editor-fixed-menu-variables",
+    style: standalone ? {
+      position: "absolute",
+      right: "0px",
+      top: "8px",
+      bottom: "auto",
+      zIndex: 10
+    } : undefined,
+    children: /*#__PURE__*/jsx(DynamicVariables, {
+      variables: variables,
+      dropdownProps: {
+        buttonSize: "small",
+        buttonProps: {
+          tooltipProps: {
+            content: t("neetoEditor.menu.dynamicVariables"),
+            position: "bottom"
+          }
+        }
+      },
+      onVariableClick: handleVariableClick
+    })
+  });
+};
+
 var _excluded$2 = ["type"];
 function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -17492,8 +17540,6 @@ var Fixed = function Fixed(_ref) {
   }, [editor]);
   var menuRef = useRef(null);
   var menuContainerRef = useRef(null);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
   var runEditorCommand = useCallback(function (command) {
     return function () {
       return command(editorRef.current);
@@ -17566,18 +17612,6 @@ var Fixed = function Fixed(_ref) {
   }, [menuContainerRef.current, handleResize, menuGroups]);
   if (!editor) return null;
   var isMediaUploaderActive = options.includes(EDITOR_OPTIONS.IMAGE_UPLOAD) || options.includes(EDITOR_OPTIONS.VIDEO_UPLOAD);
-  var handleVariableClick = function handleVariableClick(item) {
-    var category = item.category,
-      categoryLabel = item.categoryLabel,
-      key = item.key,
-      label = item.label;
-    var variableName = category ? "".concat(category, ".").concat(key) : key;
-    var variableLabel = category ? "".concat(categoryLabel || category, ":").concat(label) : label;
-    editor.chain().focus().setVariable({
-      id: variableName,
-      label: variableLabel
-    }).run();
-  };
   return /*#__PURE__*/jsxs("div", {
     ref: menuContainerRef,
     className: classnames("neeto-editor-fixed-menu", _defineProperty({
@@ -17602,22 +17636,9 @@ var Fixed = function Fixed(_ref) {
         editor: editor,
         groups: moreMenuItems
       })]
-    }), !isEmpty(variables) && /*#__PURE__*/jsx("div", {
-      className: "neeto-editor-fixed-menu__variables",
-      "data-cy": "neeto-editor-fixed-menu-variables",
-      children: /*#__PURE__*/jsx(DynamicVariables, {
-        variables: variables,
-        dropdownProps: {
-          buttonSize: "small",
-          buttonProps: {
-            tooltipProps: {
-              content: t("neetoEditor.menu.dynamicVariables"),
-              position: "bottom"
-            }
-          }
-        },
-        onVariableClick: handleVariableClick
-      })
+    }), /*#__PURE__*/jsx(MenuDynamicVariables, {
+      editor: editor,
+      variables: variables
     }), isAddLinkActive && /*#__PURE__*/jsx(LinkAddPopOver, {
       editor: editor,
       isAddLinkActive: isAddLinkActive,
@@ -18953,5 +18974,5 @@ var Menu = function Menu(props) {
   }));
 };
 
-export { getChangedRanges as A, findChildrenInRange as B, CALLOUT_TYPES as C, DecorationSet as D, Extension as E, getMarksBetween as F, getAttributes as G, highlightFocussedNode as H, InputRule as I, resetFocussedNode as J, findParentNodeClosestToPos as K, BubbleMenu as L, Menu as M, Node as N, getLinkPopoverPosition as O, PasteRule as P, getMarkType as Q, ReactNodeViewRenderer as R, getMarkRange as S, useEditor as T, useEditorState$1 as U, EditorContent as V, MediaUploader as W, LinkAddPopOver as X, EditorView as Y, Mark as a, markInputRule as b, markPasteRule as c, Decoration as d, callOrReturn as e, getExtensionField as f, getMarkAttributes as g, getNodeType as h, isNodeSelection as i, getNodeAtPosition as j, keydownHandler as k, isNodeActive as l, mergeAttributes as m, nodeInputRule as n, isAtStartOfNode as o, isAtEndOfNode as p, NodeViewWrapper as q, NodeViewContent as r, findChildren as s, textblockTypeInputRule as t, escapeForRegEx as u, ReactRenderer as v, wrappingInputRule as w, EmojiPickerMenu as x, emojiPickerApi as y, combineTransactionSteps as z };
-//# sourceMappingURL=chunk-BYP78yHy.js.map
+export { getChangedRanges as A, findChildrenInRange as B, CALLOUT_TYPES as C, DecorationSet as D, Extension as E, getMarksBetween as F, getAttributes as G, highlightFocussedNode as H, InputRule as I, resetFocussedNode as J, findParentNodeClosestToPos as K, BubbleMenu as L, Menu as M, Node as N, getLinkPopoverPosition as O, PasteRule as P, getMarkType as Q, ReactNodeViewRenderer as R, getMarkRange as S, useEditor as T, useEditorState$1 as U, MenuDynamicVariables as V, EditorContent as W, MediaUploader as X, LinkAddPopOver as Y, EditorView as Z, Mark as a, markInputRule as b, markPasteRule as c, Decoration as d, callOrReturn as e, getExtensionField as f, getMarkAttributes as g, getNodeType as h, isNodeSelection as i, getNodeAtPosition as j, keydownHandler as k, isNodeActive as l, mergeAttributes as m, nodeInputRule as n, isAtStartOfNode as o, isAtEndOfNode as p, NodeViewWrapper as q, NodeViewContent as r, findChildren as s, textblockTypeInputRule as t, escapeForRegEx as u, ReactRenderer as v, wrappingInputRule as w, EmojiPickerMenu as x, emojiPickerApi as y, combineTransactionSteps as z };
+//# sourceMappingURL=chunk-Bb0y1lai.js.map