@tn-pulse-suivi/notion-ui-comps 1.0.6 → 1.0.7

package/dist/index.cjs

@@ -2625,7 +2625,7 @@ var getSlashMenuItemsTexts = (tNL) => ({
     group: "Upload"
   }
 });
-var getItemImplementations = (commonFns) => {
+var getItemImplementations = (commonHelpFns) => {
   return {
     // Style
     text: {
@@ -2686,7 +2686,7 @@ var getItemImplementations = (commonFns) => {
     status: {
       check: (editor) => isNodeInSchema("statusNode", editor),
       action: ({ editor }) => {
-        const { getSnackCont, t } = commonFns;
+        const { getSnackCont, t } = commonHelpFns;
         const { view, schema } = editor;
         const { state, dispatch } = view;
         const { nodes } = schema;
@@ -2695,12 +2695,12 @@ var getItemImplementations = (commonFns) => {
         const { pos } = $from;
         const selectedNode = doc.cut(pos, $to.pos);
         const { domAtPos } = view;
-        const statusNodeDomNode = commonFns.findDomRefAtPos(pos, domAtPos.bind(view));
+        const statusNodeDomNode = commonHelpFns.findDomRefAtPos(pos, domAtPos.bind(view));
         if (statusNodeDomNode.tagName === "STATUS-NODE") {
           const statusNodeDomNodeText = statusNodeDomNode.getAttribute("text");
           const emptyStatusPopupInputPlaceholder = t("emptyStatusPopupInputPlaceholder");
           const nodeAtPos = doc.nodeAt(pos);
-          if (commonFns.equalNodeType(nodes.statusNode, nodeAtPos)) {
+          if (commonHelpFns.equalNodeType(nodes.statusNode, nodeAtPos)) {
             if (statusNodeDomNodeText === emptyStatusPopupInputPlaceholder) {
               dispatch(tr.delete(pos, pos + 1));
             } else {
@@ -2708,7 +2708,7 @@ var getItemImplementations = (commonFns) => {
             }
           }
         } else {
-          const textNodes = commonFns.findTextNodes(selectedNode);
+          const textNodes = commonHelpFns.findTextNodes(selectedNode);
           const selectedText = textNodes.reduce(function(accumulateur, nodeData) {
             return accumulateur + " " + nodeData.node.text;
           }, "").trim();
@@ -2719,7 +2719,7 @@ var getItemImplementations = (commonFns) => {
             console.error("MenuBar : [statusNode::tr.replaceSelectionWith(newStatusNode)] : error : ", error);
           }
           try {
-            commonFns.openStatusPopup(
+            commonHelpFns.openStatusPopup(
               selectedText,
               null,
               pos,
@@ -2739,7 +2739,7 @@ var getItemImplementations = (commonFns) => {
     video: {
       check: (editor) => isNodeInSchema("videoNode", editor),
       action: ({ editor }) => {
-        const { setVideoUrlDialogData } = commonFns;
+        const { setVideoUrlDialogData } = commonHelpFns;
         console.log("\u{1F680} ~ getItemImplementations video action ~ FN ? :", Boolean(setVideoUrlDialogData));
         setVideoUrlDialogData({
           onCancel: () => {
@@ -2811,12 +2811,12 @@ function organizeItemsByGroups(items, showGroups) {
 function useSlashDropdownMenu(config) {
   const { t: tNotionLike } = (0, import_react_i18next.useTranslation)("notionLike" /* notionLike */);
   const getSlashMenuItems = (0, import_react38.useCallback)(
-    (editor, commonFns) => {
+    (editor, commonHelpFns) => {
       const items = [];
       const texts = getSlashMenuItemsTexts(tNotionLike);
       const enabledItems = config?.enabledItems || Object.keys(texts);
       const showGroups = config?.showGroups !== false;
-      const itemImplementations = getItemImplementations(commonFns);
+      const itemImplementations = getItemImplementations(commonHelpFns);
       enabledItems.forEach((itemType) => {
         const itemImpl = itemImplementations[itemType];
         const itemText = texts[itemType];
@@ -2873,7 +2873,7 @@ Separator.displayName = "Separator";
 var import_i18next = __toESM(require("i18next"), 1);
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var SlashDropdownMenu = (props) => {
-  const { config, commonFns, ...restProps } = props;
+  const { config, commonHelpFns, ...restProps } = props;
   const { getSlashMenuItems } = useSlashDropdownMenu(config);
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material3.Portal, { container: () => document.body, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     SuggestionMenu,
@@ -2883,7 +2883,7 @@ var SlashDropdownMenu = (props) => {
       decorationClass: "tiptap-slash-decoration " + import_i18next.default.language,
       decorationContent: "Filter...",
       selector: "tiptap-slash-dropdown-menu",
-      items: ({ query, editor }) => filterSuggestionItems(getSlashMenuItems(editor, commonFns), query),
+      items: ({ query, editor }) => filterSuggestionItems(getSlashMenuItems(editor, commonHelpFns), query),
       ...restProps,
       children: (props2) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(List, { ...props2, config })
     }
@@ -9067,7 +9067,7 @@ var SubMenuTrigger = ({ icon: Icon, label, children }) => /* @__PURE__ */ (0, im
     children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(MenuContent, { portal: true, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ComboboxList2, { children }) })
   }
 );
-var TransformActionGroup = ({ tNotionLike, commonFns }) => {
+var TransformActionGroup = ({ tNotionLike, commonHelpFns }) => {
   const actions = useNodeTransformActions(tNotionLike);
   const { canReset, handleResetFormatting, label, Icon } = useResetAllFormatting({
     hideWhenUnavailable: true,
@@ -9077,7 +9077,7 @@ var TransformActionGroup = ({ tNotionLike, commonFns }) => {
   if (!actions && !canReset) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
     actions && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(SubMenuTrigger, { icon: Repeat2Icon, label: tNotionLike("TurnInto"), children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(MenuGroup2, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(MenuGroupLabel, { children: commonFns.capitalizeFirstLetter(tNotionLike("TurnInto").toLowerCase()) }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(MenuGroupLabel, { children: commonHelpFns.capitalizeFirstLetter(tNotionLike("TurnInto").toLowerCase()) }),
       actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(BaseMenuItem, { ...action }, action.label))
     ] }) }),
     canReset && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(BaseMenuItem, { icon: Icon, label, disabled: !canReset, onClick: handleResetFormatting }),
@@ -9183,7 +9183,7 @@ var DragContextMenu = ({
   withSlashCommandTrigger = true,
   mobileBreakpoint = 768,
   tNotionLike,
-  commonFns,
+  commonHelpFns,
   ...props
 }) => {
   const { editor } = useTiptapEditor(providedEditor);
@@ -9303,10 +9303,10 @@ var DragContextMenu = ({
                           /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ColorMenu, { tNotionLike }),
                           /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TableAlignMenu, { tNotionLike }),
                           /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TableFitToWidth, { tNotionLike }),
-                          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TransformActionGroup, { tNotionLike, commonFns }),
+                          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TransformActionGroup, { tNotionLike, commonHelpFns }),
                           /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ImageActionGroup, {})
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(CoreActionGroup, { tNotionLike, commonFns }),
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(CoreActionGroup, { tNotionLike, commonHelpFns }),
                         /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(DeleteActionGroup, { tNotionLike })
                       ] })
                     ] })
@@ -10939,7 +10939,7 @@ var TurnIntoDropdownContent = ({
   blockTypes,
   useCardLayout = true,
   tNotionLike,
-  commonFns
+  commonHelpFns
 }) => {
   const filteredOptions = getFilteredBlockTypeOptions(tNotionLike, blockTypes);
   const renderButtons = () => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ButtonGroup, { children: filteredOptions.map(
@@ -10947,7 +10947,7 @@ var TurnIntoDropdownContent = ({
   ) });
   if (!useCardLayout) return renderButtons();
   return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(CardItemGroup, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(CardGroupLabel, { children: commonFns.capitalizeFirstLetter(tNotionLike("TurnInto").toLowerCase()) }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(CardGroupLabel, { children: commonHelpFns.capitalizeFirstLetter(tNotionLike("TurnInto").toLowerCase()) }),
     renderButtons()
   ] }) }) });
 };
@@ -10983,7 +10983,7 @@ var TurnIntoDropdown = (0, import_react138.forwardRef)(
     onOpenChange,
     children,
     tNotionLike,
-    commonFns,
+    commonHelpFns,
     ...buttonProps
   }, ref) => {
     const { editor } = useTiptapEditor(providedEditor);
@@ -10993,7 +10993,7 @@ var TurnIntoDropdown = (0, import_react138.forwardRef)(
       blockTypes,
       onOpenChange,
       tNotionLike,
-      commonFns
+      commonHelpFns
     });
     if (!isVisible) {
       return null;
@@ -11009,7 +11009,7 @@ var TurnIntoDropdown = (0, import_react138.forwardRef)(
           role: "button",
           tabIndex: -1,
           "aria-label": label,
-          tooltip: commonFns.capitalizeFirstLetter(tNotionLike("TurnInto").toLowerCase()),
+          tooltip: commonHelpFns.capitalizeFirstLetter(tNotionLike("TurnInto").toLowerCase()),
           ...buttonProps,
           ref,
           children: children ?? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
@@ -11018,7 +11018,7 @@ var TurnIntoDropdown = (0, import_react138.forwardRef)(
           ] })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DropdownMenuContent, { align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TurnIntoDropdownContent, { blockTypes, useCardLayout, tNotionLike, commonFns }) })
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DropdownMenuContent, { align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TurnIntoDropdownContent, { blockTypes, useCardLayout, tNotionLike, commonHelpFns }) })
     ] });
   }
 );
@@ -11122,7 +11122,7 @@ function shouldShowTurnInto(params) {
   return true;
 }
 function useTurnIntoDropdown(config) {
-  const { editor: providedEditor, hideWhenUnavailable = false, blockTypes, onOpenChange, tNotionLike, commonFns } = config || {};
+  const { editor: providedEditor, hideWhenUnavailable = false, blockTypes, onOpenChange, tNotionLike, commonHelpFns } = config || {};
   const { editor } = useTiptapEditor(providedEditor);
   const [isOpen, setIsOpen] = (0, import_react139.useState)(false);
   const [isVisible, setIsVisible] = (0, import_react139.useState)(true);
@@ -11161,7 +11161,7 @@ function useTurnIntoDropdown(config) {
     activeBlockType,
     handleOpenChange,
     filteredOptions: getFilteredBlockTypeOptions(tNotionLike, blockTypes),
-    label: commonFns.capitalizeFirstLetter(tNotionLike("TurnInto").toLowerCase()) + ` (current: ${activeBlockType?.label || tNotionLike("Text")})`,
+    label: commonHelpFns.capitalizeFirstLetter(tNotionLike("TurnInto").toLowerCase()) + ` (current: ${activeBlockType?.label || tNotionLike("Text")})`,
     Icon: ChevronDownIcon
   };
 }
@@ -11643,7 +11643,7 @@ var import_react_i18next3 = require("react-i18next");
 var import_react_fontawesome = require("@fortawesome/react-fontawesome");
 var import_jsx_runtime100 = require("react/jsx-runtime");
 function ImageExpandButton(props) {
-  const { commonFns } = props;
+  const { commonHelpFns } = props;
   const { t } = (0, import_react_i18next3.useTranslation)("richText" /* richText */);
   const { currentSelectedImgId } = window;
   return currentSelectedImgId ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
@@ -11657,10 +11657,10 @@ function ImageExpandButton(props) {
       "aria-label": "Preview",
       tooltip: t("Preview"),
       onClick: (e) => {
-        commonFns.ExpandImgIconClickHAndler(e, currentSelectedImgId);
-        commonFns.stopEventPropagation(e);
+        commonHelpFns.ExpandImgIconClickHAndler(e, currentSelectedImgId);
+        commonHelpFns.stopEventPropagation(e);
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_fontawesome.FontAwesomeIcon, { id: "ImageExpandBtnIcon", icon: commonFns.customIcons.faExpand, style: { height: 20, width: "auto" } })
+      children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_fontawesome.FontAwesomeIcon, { id: "ImageExpandBtnIcon", icon: commonHelpFns.customIcons.faExpand, style: { height: 20, width: "auto" } })
     }
   ) : "";
 }
@@ -12226,7 +12226,7 @@ var import_jsx_runtime108 = require("react/jsx-runtime");
 function ImageNodeFloating({
   editor: providedEditor,
   tNotionLike,
-  commonFns
+  commonHelpFns
 }) {
   const { editor } = useTiptapEditor(providedEditor);
   const visible = isNodeTypeSelected(editor, ["image"]);
@@ -12234,7 +12234,7 @@ function ImageNodeFloating({
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(image_expand_button_default, { commonFns }),
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(image_expand_button_default, { commonHelpFns }),
     /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ImageAlignButton, { align: "left" }),
     /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ImageAlignButton, { align: "center" }),
     /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ImageAlignButton, { align: "right" }),
@@ -12415,25 +12415,25 @@ function ColorActionGroup({ tNotionLike }) {
     ] }) }) }) })
   ] });
 }
-function TransformActionGroup2({ tNotionLike, commonFns }) {
+function TransformActionGroup2({ tNotionLike, commonHelpFns }) {
   return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(DropdownMenuSub, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(DropdownMenuSubTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Button, { "data-style": "ghost", children: [
       /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Repeat2Icon, { className: "tiptap-button-icon" }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "tiptap-button-text", children: commonFns.capitalizeFirstLetter(tNotionLike("TurnInto").toLowerCase()) }),
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "tiptap-button-text", children: commonHelpFns.capitalizeFirstLetter(tNotionLike("TurnInto").toLowerCase()) }),
       /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Spacer, {}),
       /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ChevronRightIcon, { className: "tiptap-button-icon" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(DropdownMenuSubContent, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(TurnIntoDropdownContent, { tNotionLike, commonFns }) })
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(DropdownMenuSubContent, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(TurnIntoDropdownContent, { tNotionLike, commonHelpFns }) })
   ] });
 }
-function DropdownMenuActions({ editor, tNotionLike, commonFns }) {
+function DropdownMenuActions({ editor, tNotionLike, commonHelpFns }) {
   const isMobile = useIsBreakpoint();
   return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(CardBody, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(CardItemGroup, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(CardGroupLabel, { children: getNodeDisplayName(editor, tNotionLike) }),
       /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(ButtonGroup, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ColorActionGroup, { tNotionLike }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(TransformActionGroup2, { tNotionLike, commonFns }),
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(TransformActionGroup2, { tNotionLike, commonHelpFns }),
         /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ResetAllFormattingButton, { text: tNotionLike("ResetFormatting"), tNotionLike }) })
       ] })
     ] }),
@@ -12461,10 +12461,10 @@ function DropdownMenuActions({ editor, tNotionLike, commonFns }) {
     /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ButtonGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(DeleteNodeButton, { text: tNotionLike("Delete"), showShortcut: !isMobile, tNotionLike }) }) })
   ] }) });
 }
-function MoreActionsDropdown({ editor, tNotionLike, commonFns }) {
+function MoreActionsDropdown({ editor, tNotionLike, commonHelpFns }) {
   return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(DropdownMenu, { modal: true, children: [
     /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Button, { "data-style": "ghost", "data-appearance": "subdued", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(MoreVerticalIcon, { className: "tiptap-button-icon" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(DropdownMenuContent, { portal: true, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(DropdownMenuActions, { editor, tNotionLike, commonFns }) })
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(DropdownMenuContent, { portal: true, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(DropdownMenuActions, { editor, tNotionLike, commonHelpFns }) })
   ] });
 }
 function ToolbarViewButton({ view, isMobile, onViewChange }) {
@@ -12493,14 +12493,14 @@ function MainToolbarContent({
   toolbarViews,
   onViewChange,
   tNotionLike,
-  commonFns
+  commonHelpFns
 }) {
   const hasSelection = hasTextSelection(editor);
   const hasContent = (editor?.getText().length ?? 0) > 0;
   return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(ToolbarGroup, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(SlashCommandTriggerButton, { tNotionLike }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(MoreActionsDropdown, { editor, tNotionLike, commonFns }),
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(MoreActionsDropdown, { editor, tNotionLike, commonHelpFns }),
       /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ToolbarSeparator, {})
     ] }),
     (hasSelection || hasContent) && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
@@ -12514,7 +12514,7 @@ function MainToolbarContent({
           editor
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ImageNodeFloating, { tNotionLike, commonFns }),
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ImageNodeFloating, { tNotionLike, commonHelpFns }),
       /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ScriptGroup, { tNotionLike }),
       /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(AlignmentGroup, { tNotionLike }),
       /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(ToolbarGroup, { children: [
@@ -12538,7 +12538,7 @@ function SpecializedToolbarContent({ view, onBack }) {
     view.content
   ] });
 }
-function MobileToolbar({ editor: providedEditor, tNotionLike, commonFns }) {
+function MobileToolbar({ editor: providedEditor, tNotionLike, commonHelpFns }) {
   const { editor } = useTiptapEditor(providedEditor);
   const isMobile = useIsBreakpoint("max", 480);
   const toolbarRef = (0, import_react155.useRef)(null);
@@ -12571,7 +12571,7 @@ function MobileToolbar({ editor: providedEditor, tNotionLike, commonFns }) {
           toolbarViews,
           onViewChange: toolbarState.showView,
           tNotionLike,
-          commonFns
+          commonHelpFns
         }
       ) : currentView && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(SpecializedToolbarContent, { view: currentView, onBack: toolbarState.showMainView })
     }
@@ -12829,7 +12829,7 @@ var isElementWithinEditor = (editor, element) => {
 
 // src/components/tiptap-templates/notion-like/notion-like-editor-toolbar-floating.tsx
 var import_jsx_runtime112 = require("react/jsx-runtime");
-function NotionToolbarFloating({ tNotionLike, commonFns }) {
+function NotionToolbarFloating({ tNotionLike, commonHelpFns }) {
   const { editor } = useTiptapEditor();
   const isMobile = useIsBreakpoint("max", 480);
   const { lockDragHandle, commentInputVisible } = useUiEditorState(editor);
@@ -12840,7 +12840,7 @@ function NotionToolbarFloating({ tNotionLike, commonFns }) {
   });
   if (lockDragHandle || isMobile) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(FloatingElement, { shouldShow, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Toolbar, { variant: "floating", lOrigin: "NotionToolbarFloating", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(TurnIntoDropdown, { hideWhenUnavailable: true, tNotionLike, commonFns }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(TurnIntoDropdown, { hideWhenUnavailable: true, tNotionLike, commonHelpFns }) }),
     /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ToolbarSeparator, {}),
     /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(ToolbarGroup, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(MarkButton, { type: "bold", hideWhenUnavailable: true, tNotionLike }),
@@ -12850,7 +12850,7 @@ function NotionToolbarFloating({ tNotionLike, commonFns }) {
       /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(MarkButton, { type: "code", hideWhenUnavailable: true, tNotionLike })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ToolbarSeparator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ImageNodeFloating, { tNotionLike, commonFns }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ImageNodeFloating, { tNotionLike, commonHelpFns }) }),
     /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(VideoNodeFloating, { tNotionLike }) }),
     /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(ToolbarGroup, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(LinkPopover, { autoOpenOnLinkActive: false, hideWhenUnavailable: true, tNotionLike }),
@@ -19370,8 +19370,9 @@ var useResizeHandles = (args) => {
     leftResizeHandleRef,
     rightResizeHandleRef,
     nodeId,
-    commonFns
+    commonHelpFns
   } = args;
+  console.log("\u{1F680} ~ useResizeHandles ~ commonHelpFns:", commonHelpFns);
   const resizeParamsRef = (0, import_react197.useRef)(void 0);
   const widthRef = (0, import_react197.useRef)(width);
   widthRef.current = width;
@@ -19379,7 +19380,7 @@ var useResizeHandles = (args) => {
   heightRef.current = height;
   const windowMouseMoveHandler = (0, import_react197.useCallback)(
     (event) => {
-      commonFns.stopEventPropagation(event);
+      commonHelpFns.stopEventPropagation(event);
       const { current: resizeParamsFromRef } = resizeParamsRef;
       if (!resizeParamsFromRef || !editor || !isMountedRef.current) {
         return;
@@ -19537,12 +19538,12 @@ var import_jsx_runtime134 = require("react/jsx-runtime");
 function ImageNodeView(props) {
   const { editor, node, updateAttributes, getPos } = props;
   const hasContent = node.content.size > 0;
-  const { commonFns } = (0, import_react198.useContext)(import_react199.EditorContext);
-  console.log("\u{1F680} ~ ImageNodeView ~ commonFns:", commonFns);
-  if (!commonFns) {
-    console.error("ImageNodeView :: commonFns NOT PROVIDED !!!!");
+  const { commonHelpFns } = (0, import_react198.useContext)(import_react199.EditorContext);
+  console.log("\u{1F680} ~ ImageNodeView ~ commonHelpFns:", commonHelpFns);
+  if (!commonHelpFns) {
+    console.error("ImageNodeView :: commonHelpFns NOT PROVIDED !!!!");
   }
-  const { getFileUrl } = commonFns || {};
+  const { getFileUrl } = commonHelpFns || {};
   return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     ResizableImage,
     {
@@ -19568,7 +19569,7 @@ function ImageNodeView(props) {
       },
       onUpdateAttributes: updateAttributes,
       getPos,
-      commonFns
+      commonHelpFns
     }
   );
 }
@@ -19588,8 +19589,9 @@ var ResizableImage = ({
   onImageResize,
   onUpdateAttributes,
   getPos,
-  commonFns
+  commonHelpFns
 }) => {
+  console.log("\u{1F680} ~ ResizableImage ~ commonHelpFns:", commonHelpFns);
   const [width, setWidth] = (0, import_react198.useState)(initialWidth);
   const [height, setHeight] = (0, import_react198.useState)(initialHeight);
   const [showHandles, setShowHandles] = (0, import_react198.useState)(false);
@@ -19629,7 +19631,7 @@ var ResizableImage = ({
     leftResizeHandleRef,
     rightResizeHandleRef,
     nodeId: id,
-    commonFns
+    commonHelpFns
   });
   (0, import_react198.useEffect)(() => {
     if (!editor || !showCaption) return;
@@ -19680,8 +19682,8 @@ var ResizableImage = ({
           className: "tiptap-image-container",
           style: { width: width ? `${width}px` : "fit-content" },
           onDoubleClick: (e) => {
-            commonFns.ExpandImgIconClickHAndler(e, id);
-            commonFns.stopEventPropagation(e);
+            commonHelpFns.ExpandImgIconClickHAndler(e, id);
+            commonHelpFns.stopEventPropagation(e);
           },
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "tiptap-image-content", children: [
@@ -20472,8 +20474,8 @@ var ImageUploadNode = (props) => {
     onSuccess: extension.options.onSuccess,
     onError: extension.options.onError
   };
-  const { commonFns } = (0, import_react202.useContext)(import_react203.EditorContext);
-  console.log("\u{1F680} ~ ImageUploadNode ~ commonFns:", commonFns);
+  const { commonHelpFns } = (0, import_react202.useContext)(import_react203.EditorContext);
+  console.log("\u{1F680} ~ ImageUploadNode ~ commonHelpFns:", commonHelpFns);
   const { fileItems, uploadFiles, removeFileItem, clearAllFiles } = useFileUpload(uploadOptions);
   const handleUpload = async (files) => {
     const imgsInfos = await uploadFiles(files);
@@ -20856,7 +20858,7 @@ var useNotionLikeExtensions = (args) => {
     setTocContent,
     ignore,
     customExtensions = [],
-    commonFns
+    commonHelpFns
   } = args;
   const editable = Boolean(isEditable);
   const localHandleImageUpload = (0, import_react206.useCallback)(
@@ -20866,7 +20868,7 @@ var useNotionLikeExtensions = (args) => {
       }
       const { current: editor } = editorRef;
       const { view } = editor;
-      commonFns.uploadImageForNotion({
+      commonHelpFns.uploadImageForNotion({
         file,
         view,
         onProgress,
@@ -20983,7 +20985,7 @@ var useNotionLikeExtensions_default = useNotionLikeExtensions;
 // src/components/tiptap-node/toc-node/ui/toc-sidebar/toc-sidebar.tsx
 var import_react207 = require("react");
 var import_jsx_runtime137 = require("react/jsx-runtime");
-function TocSidebar({ className, maxShowCount = 20, topOffset = 0, commonFns, ...props }) {
+function TocSidebar({ className, maxShowCount = 20, topOffset = 0, commonHelpFns, ...props }) {
   const { tocContent, normalizeHeadingDepths: normalizeHeadingDepths2 } = useToc();
   const tocContainerRef = (0, import_react207.useRef)(null);
   const [manualActiveId, setManualActiveId] = (0, import_react207.useState)(null);
@@ -21028,14 +21030,14 @@ function TocSidebar({ className, maxShowCount = 20, topOffset = 0, commonFns, ..
       e.stopPropagation();
       if (target.closest(".toc-sidebar-item")) {
         const element = item.editor.view.dom.querySelector(`[data-toc-id="${item.id}"`);
-        commonFns.scrollToElementInsideContainerEl(tocContainerRef.current, element, true);
+        commonHelpFns.scrollToElementInsideContainerEl(tocContainerRef.current, element, true);
       }
     },
     [topOffset]
   );
   const bpOnScrollEventHandler = (0, import_react207.useCallback)(() => {
     const { current: manualActiveIdFromRef } = manualActiveIdRef;
-    commonFns.periodicallyExecute(
+    commonHelpFns.periodicallyExecute(
       "bpOnScrollEventHandler",
       function(mAId) {
         if (mAId !== null) {
@@ -21145,10 +21147,10 @@ function EditorProvider(props) {
     setAutoFocusOnPopupIsReady,
     ExpandImgIconClickHAndler,
     tNotionLike,
-    commonFns,
+    commonHelpFns,
     customExtensions
   } = getInchangeableProps();
-  const { getUpdatedProseMirrorViewVars, urlToFile, ...restCommonFns } = commonFns;
+  const { getUpdatedProseMirrorViewVars, urlToFile, ...restCommonFns } = commonHelpFns;
   const extensions = useNotionLikeExtensions_default({
     isEditable,
     withImages,
@@ -21158,7 +21160,7 @@ function EditorProvider(props) {
     withVideo,
     setTocContent,
     customExtensions,
-    commonFns: restCommonFns
+    commonHelpFns: restCommonFns
   });
   const imageIndexRef = (0, import_react208.useRef)(0);
   const transformNode = (args) => {
@@ -21264,7 +21266,7 @@ function EditorProvider(props) {
           const sliceIsEmpty = slice.content.size === 0;
           console.log("\u{1F680} handlePaste ~ slice:", slice);
           console.log("\u{1F680} handlePaste ~ sliceIsEmpty:", sliceIsEmpty);
-          commonFns.stopEventPropagation(event);
+          commonHelpFns.stopEventPropagation(event);
           const { schema } = editorRef.current;
           const { image: imageType, imageUpload: imageUploadType } = schema.nodes;
           const bookmark = view.state.selection.getBookmark();
@@ -21521,7 +21523,7 @@ function EditorProvider(props) {
       },
       onPaste(event, slice) {
         console.log("\u{1F680} onPaste ~ slice:", slice);
-        commonFns.stopEventPropagation(event);
+        commonHelpFns.stopEventPropagation(event);
         return true;
       },
       editable: Boolean(isEditable)
@@ -21561,16 +21563,16 @@ function EditorProvider(props) {
         ...extraStyle
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(import_react209.EditorContext.Provider, { value: { editor, commonFns: { ...restCommonFns, getFileUrl, ExpandImgIconClickHAndler } }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(import_react209.EditorContext.Provider, { value: { editor, commonHelpFns: { ...restCommonFns, getFileUrl, ExpandImgIconClickHAndler } }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
             EditorContentArea,
             {
               mentionListRef,
               tNotionLike,
-              commonFns: restCommonFns
+              commonHelpFns: restCommonFns
             }
           ),
-          withToc && showToCInBookPages ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(TocSidebar, { topOffset: 48, commonFns: restCommonFns }) : "",
+          withToc && showToCInBookPages ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(TocSidebar, { topOffset: 48, commonHelpFns: restCommonFns }) : "",
           /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(TableExtendRowColumnButtons, {}),
           /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(TableHandle, { tNotionLike }),
           /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
@@ -21615,7 +21617,7 @@ function LoadingSpinner({ text = "Connecting..." }) {
     /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "spinner-loading-text", children: text })
   ] }) });
 }
-function EditorContentArea({ mentionListRef, tNotionLike, commonFns }) {
+function EditorContentArea({ mentionListRef, tNotionLike, commonHelpFns }) {
   const { editor } = (0, import_react210.useContext)(import_react211.EditorContext);
   const { isDragging } = useUiEditorState(editor);
   useScrollToHash();
@@ -21632,13 +21634,13 @@ function EditorContentArea({ mentionListRef, tNotionLike, commonFns }) {
         cursor: isDragging ? "grabbing" : "auto"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(DragContextMenu, { tNotionLike, commonFns }),
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(DragContextMenu, { tNotionLike, commonHelpFns }),
         /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(EmojiDropdownMenu, {}),
         /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(MentionDropdownMenu, { mentionListRef }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(SlashDropdownMenu, { commonFns }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(NotionToolbarFloating, { tNotionLike, commonFns }),
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(SlashDropdownMenu, { commonHelpFns }),
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(NotionToolbarFloating, { tNotionLike, commonHelpFns }),
         (0, import_react_dom.createPortal)(
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(MobileToolbar, { tNotionLike, commonFns }),
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(MobileToolbar, { tNotionLike, commonHelpFns }),
           document.body
         )
       ]