@bigbinary/neeto-editor 1.47.67 → 1.47.69

package/dist/cjs/FormikEditor.cjs.js

@@ -10,7 +10,7 @@ var Editor = require('./Editor.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/slicedToArray');
-require('./chunk-TLlmBkfB.cjs.js');
+require('./chunk-BwbMuztF.cjs.js');
 require('./chunk-vQvjPR2x.cjs.js');
 require('i18next');
 require('@bigbinary/neeto-icons/TextH1');
@@ -70,7 +70,6 @@ require('@bigbinary/neeto-icons/Customize');
 require('@bigbinary/neeto-icons/Refresh');
 require('@bigbinary/neetoui/Input');
 require('react-colorful');
-require('@bigbinary/neeto-molecules/DynamicVariables');
 require('@bigbinary/neeto-image-uploader-frontend');
 require('@bigbinary/neetoui/Modal');
 require('@bigbinary/neetoui/Tab');
@@ -101,6 +100,7 @@ require('@bigbinary/neeto-icons/misc/Danger');
 require('@bigbinary/neeto-icons/misc/Megaphone');
 require('@bigbinary/neeto-icons/misc/Success');
 require('@bigbinary/neeto-icons/MenuHorizontal');
+require('@bigbinary/neeto-molecules/DynamicVariables');
 require('@tippyjs/react');
 require('./chunk-BCWKqDeP.cjs.js');
 require('@tanstack/react-query');

package/dist/cjs/Menu.cjs.js

@@ -5,7 +5,7 @@ require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/slicedToArray');
 require('react');
 require('ramda');
-var Menu = require('./chunk-TLlmBkfB.cjs.js');
+var Menu = require('./chunk-BwbMuztF.cjs.js');
 require('./chunk-I_4mZ3Ky.cjs.js');
 require('react/jsx-runtime');
 require('./chunk-vQvjPR2x.cjs.js');
@@ -67,7 +67,6 @@ require('@bigbinary/neeto-icons/Refresh');
 require('@bigbinary/neetoui/Input');
 require('react-colorful');
 require('@babel/runtime/helpers/objectWithoutProperties');
-require('@bigbinary/neeto-molecules/DynamicVariables');
 require('@bigbinary/neeto-image-uploader-frontend');
 require('@bigbinary/neetoui/Modal');
 require('@bigbinary/neetoui/Tab');
@@ -99,6 +98,7 @@ require('@bigbinary/neeto-icons/misc/Danger');
 require('@bigbinary/neeto-icons/misc/Megaphone');
 require('@bigbinary/neeto-icons/misc/Success');
 require('@bigbinary/neeto-icons/MenuHorizontal');
+require('@bigbinary/neeto-molecules/DynamicVariables');
 require('@tippyjs/react');
 
 

package/dist/cjs/{chunk-TLlmBkfB.cjs.js → chunk-BwbMuztF.cjs.js}

@@ -65,7 +65,6 @@ var Refresh = require('@bigbinary/neeto-icons/Refresh');
 var Input = require('@bigbinary/neetoui/Input');
 var reactColorful = require('react-colorful');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var DynamicVariables = require('@bigbinary/neeto-molecules/DynamicVariables');
 var neetoImageUploaderFrontend = require('@bigbinary/neeto-image-uploader-frontend');
 var Modal = require('@bigbinary/neetoui/Modal');
 var Tab = require('@bigbinary/neetoui/Tab');
@@ -87,6 +86,7 @@ var Danger = require('@bigbinary/neeto-icons/misc/Danger');
 var Megaphone = require('@bigbinary/neeto-icons/misc/Megaphone');
 var Success = require('@bigbinary/neeto-icons/misc/Success');
 var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
+var DynamicVariables = require('@bigbinary/neeto-molecules/DynamicVariables');
 var Tippy = require('@tippyjs/react');
 var constants$1 = require('./chunk-I_4mZ3Ky.cjs.js');
 
@@ -15811,6 +15811,7 @@ var CalloutTypeOption = function CalloutTypeOption(_ref) {
     className: optionClass,
     children: [/*#__PURE__*/jsxRuntime.jsx("span", {
       className: "neeto-editor-callout-dropdown__type-emoji",
+      "data-cy": "callout-type-emoji",
       children: /*#__PURE__*/jsxRuntime.jsx(Icon, {})
     }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-editor-callout-dropdown__type-label",
@@ -17444,6 +17445,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 = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  if (ramda.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__*/jsxRuntime.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__*/jsxRuntime.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; }
@@ -17494,8 +17542,6 @@ var Fixed = function Fixed(_ref) {
   }, [editor]);
   var menuRef = React.useRef(null);
   var menuContainerRef = React.useRef(null);
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
   var runEditorCommand = React.useCallback(function (command) {
     return function () {
       return command(editorRef.current);
@@ -17568,18 +17614,6 @@ var Fixed = function Fixed(_ref) {
   }, [menuContainerRef.current, handleResize, menuGroups]);
   if (!editor) return null;
   var isMediaUploaderActive = options.includes(constants.EDITOR_OPTIONS.IMAGE_UPLOAD) || options.includes(constants.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__*/jsxRuntime.jsxs("div", {
     ref: menuContainerRef,
     className: classnames("neeto-editor-fixed-menu", _defineProperty({
@@ -17604,22 +17638,9 @@ var Fixed = function Fixed(_ref) {
         editor: editor,
         groups: moreMenuItems
       })]
-    }), !ramda.isEmpty(variables) && /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "neeto-editor-fixed-menu__variables",
-      "data-cy": "neeto-editor-fixed-menu-variables",
-      children: /*#__PURE__*/jsxRuntime.jsx(DynamicVariables, {
-        variables: variables,
-        dropdownProps: {
-          buttonSize: "small",
-          buttonProps: {
-            tooltipProps: {
-              content: t("neetoEditor.menu.dynamicVariables"),
-              position: "bottom"
-            }
-          }
-        },
-        onVariableClick: handleVariableClick
-      })
+    }), /*#__PURE__*/jsxRuntime.jsx(MenuDynamicVariables, {
+      editor: editor,
+      variables: variables
     }), isAddLinkActive && /*#__PURE__*/jsxRuntime.jsx(LinkAddPopOver, {
       editor: editor,
       isAddLinkActive: isAddLinkActive,
@@ -18968,6 +18989,7 @@ exports.LinkAddPopOver = LinkAddPopOver;
 exports.Mark = Mark;
 exports.MediaUploader = MediaUploader;
 exports.Menu = Menu;
+exports.MenuDynamicVariables = MenuDynamicVariables;
 exports.Node = Node;
 exports.NodeViewContent = NodeViewContent;
 exports.NodeViewWrapper = NodeViewWrapper;
@@ -19006,4 +19028,4 @@ exports.textblockTypeInputRule = textblockTypeInputRule;
 exports.useEditor = useEditor;
 exports.useEditorState = useEditorState$1;
 exports.wrappingInputRule = wrappingInputRule;
-//# sourceMappingURL=chunk-TLlmBkfB.cjs.js.map
+//# sourceMappingURL=chunk-BwbMuztF.cjs.js.map