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

package/dist/index.cjs

@@ -1698,7 +1698,6 @@ AvatarGroup.displayName = "AvatarGroup";
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var MentionDropdownMenu = (props) => {
   const handleItemSelect = (props2) => {
-    console.log("\u{1F680} ~ handleItemSelect ~ props:", props2);
     if (!props2.editor || !props2.range || !props2.context) return;
     props2.editor.chain().focus().insertContentAt(props2.range, [
       {
@@ -2625,7 +2624,7 @@ var getSlashMenuItemsTexts = (tNL) => ({
     group: "Upload"
   }
 });
-var getItemImplementations = (commonFns) => {
+var getItemImplementations = (commonHelpFns) => {
   return {
     // Style
     text: {
@@ -2686,7 +2685,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 +2694,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 +2707,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 +2718,7 @@ var getItemImplementations = (commonFns) => {
             console.error("MenuBar : [statusNode::tr.replaceSelectionWith(newStatusNode)] : error : ", error);
           }
           try {
-            commonFns.openStatusPopup(
+            commonHelpFns.openStatusPopup(
               selectedText,
               null,
               pos,
@@ -2739,14 +2738,12 @@ var getItemImplementations = (commonFns) => {
     video: {
       check: (editor) => isNodeInSchema("videoNode", editor),
       action: ({ editor }) => {
-        const { setVideoUrlDialogData } = commonFns;
-        console.log("\u{1F680} ~ getItemImplementations video action ~ FN ? :", Boolean(setVideoUrlDialogData));
+        const { setVideoUrlDialogData } = commonHelpFns;
         setVideoUrlDialogData({
           onCancel: () => {
             setVideoUrlDialogData({});
           },
           onValidate: (videoUrl) => {
-            console.log("\u{1F680} ~ getItemImplementations video action onValidate ~ videoUrl:", videoUrl);
             setVideoUrlDialogData({});
             if (videoUrl) {
               try {
@@ -2811,12 +2808,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 +2870,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 +2880,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 +9064,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 +9074,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 +9180,7 @@ var DragContextMenu = ({
   withSlashCommandTrigger = true,
   mobileBreakpoint = 768,
   tNotionLike,
-  commonFns,
+  commonHelpFns,
   ...props
 }) => {
   const { editor } = useTiptapEditor(providedEditor);
@@ -9303,10 +9300,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 +10936,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 +10944,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 +10980,7 @@ var TurnIntoDropdown = (0, import_react138.forwardRef)(
     onOpenChange,
     children,
     tNotionLike,
-    commonFns,
+    commonHelpFns,
     ...buttonProps
   }, ref) => {
     const { editor } = useTiptapEditor(providedEditor);
@@ -10993,7 +10990,7 @@ var TurnIntoDropdown = (0, import_react138.forwardRef)(
       blockTypes,
       onOpenChange,
       tNotionLike,
-      commonFns
+      commonHelpFns
     });
     if (!isVisible) {
       return null;
@@ -11009,7 +11006,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 +11015,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 +11119,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 +11158,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 +11640,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 +11654,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 +12223,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 +12231,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 +12412,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 +12458,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 +12490,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 +12511,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 +12535,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 +12568,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 +12826,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 +12837,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 +12847,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 }),
@@ -16224,7 +16221,6 @@ function tableMoveRowColumn({
     };
     const to = from + delta[direction];
     const moveOperation = finalOrientation === "row" ? import_tables7.moveTableRow : import_tables7.moveTableColumn;
-    console.log({ from, to, finalOrientation, direction });
     const dispatch = (tr) => editor.view.dispatch(tr);
     if (editor.state.selection instanceof import_tables7.CellSelection) {
       return moveOperation({ from, to, select: true, pos: table.start })(editor.state, dispatch);
@@ -17109,7 +17105,6 @@ function tableSortRowColumn({
     });
     const dataItems = allItems.filter((item) => !item.isHeader);
     if (dataItems.length < 2) {
-      console.log("No sortable data cells found (excluding headers)");
       return false;
     }
     dataItems.sort((a, b) => {
@@ -19062,8 +19057,6 @@ var getHierarchicalIndexes = (headline, previousHeadlines, currentLevel) => {
 // src/Custom-Extensions/extension-customToC/tableOfContents.ts
 var getUuidv4 = () => {
   const newGenId = (0, import_ulid2.ulid)();
-  console.log("getUuidv4 :: WILL GEN ID !!!! newGenId : ", newGenId);
-  debugger;
   return newGenId;
 };
 var getTocId = (attrs) => attrs["data-toc-id"] || attrs["data-id"] || attrs.id;
@@ -19370,7 +19363,7 @@ var useResizeHandles = (args) => {
     leftResizeHandleRef,
     rightResizeHandleRef,
     nodeId,
-    commonFns
+    commonHelpFns
   } = args;
   const resizeParamsRef = (0, import_react197.useRef)(void 0);
   const widthRef = (0, import_react197.useRef)(width);
@@ -19379,7 +19372,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 +19530,11 @@ 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);
+  if (!commonHelpFns) {
+    console.error("ImageNodeView :: commonHelpFns NOT PROVIDED !!!!");
   }
-  const { getFileUrl } = commonFns || {};
+  const { getFileUrl } = commonHelpFns || {};
   return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     ResizableImage,
     {
@@ -19557,10 +19549,8 @@ function ImageNodeView(props) {
       hasContent,
       nodeSize: node.nodeSize,
       onImageResize: (width, height) => {
-        console.log("\n\n \u{1F680} onImageResize >>>>> width:" + width + " :: height : ", height);
         if (getFileUrl) {
           const src = getFileUrl(node.attrs.id, width, height);
-          console.log("\u{1F680} onImageResize >>>>> src:", src);
           return updateAttributes({ width, src, height });
         } else {
           console.error("onImageResize ERROR :: getFileUrl NOT PROVIDED !!!!");
@@ -19568,7 +19558,7 @@ function ImageNodeView(props) {
       },
       onUpdateAttributes: updateAttributes,
       getPos,
-      commonFns
+      commonHelpFns
     }
   );
 }
@@ -19588,7 +19578,7 @@ var ResizableImage = ({
   onImageResize,
   onUpdateAttributes,
   getPos,
-  commonFns
+  commonHelpFns
 }) => {
   const [width, setWidth] = (0, import_react198.useState)(initialWidth);
   const [height, setHeight] = (0, import_react198.useState)(initialHeight);
@@ -19629,7 +19619,7 @@ var ResizableImage = ({
     leftResizeHandleRef,
     rightResizeHandleRef,
     nodeId: id,
-    commonFns
+    commonHelpFns
   });
   (0, import_react198.useEffect)(() => {
     if (!editor || !showCaption) return;
@@ -19680,8 +19670,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 +20462,6 @@ 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 { fileItems, uploadFiles, removeFileItem, clearAllFiles } = useFileUpload(uploadOptions);
   const handleUpload = async (files) => {
     const imgsInfos = await uploadFiles(files);
@@ -20856,7 +20844,7 @@ var useNotionLikeExtensions = (args) => {
     setTocContent,
     ignore,
     customExtensions = [],
-    commonFns
+    commonHelpFns
   } = args;
   const editable = Boolean(isEditable);
   const localHandleImageUpload = (0, import_react206.useCallback)(
@@ -20866,7 +20854,7 @@ var useNotionLikeExtensions = (args) => {
       }
       const { current: editor } = editorRef;
       const { view } = editor;
-      commonFns.uploadImageForNotion({
+      commonHelpFns.uploadImageForNotion({
         file,
         view,
         onProgress,
@@ -20983,7 +20971,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 +21016,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 +21133,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 +21146,7 @@ function EditorProvider(props) {
     withVideo,
     setTocContent,
     customExtensions,
-    commonFns: restCommonFns
+    commonHelpFns: restCommonFns
   });
   const imageIndexRef = (0, import_react208.useRef)(0);
   const transformNode = (args) => {
@@ -21191,7 +21179,6 @@ function EditorProvider(props) {
       )
     );
     const newSlice = new Slice2(newContent, slice.openStart, slice.openEnd);
-    console.log("\u{1F680} handlePaste ~ 000000 >>> newSlice:", newSlice);
     imageIndexRef2.current = 0;
     insertSliceAtBookmark(view, bookmark, newSlice);
   };
@@ -21261,10 +21248,7 @@ function EditorProvider(props) {
           class: "notion-like-editor noouter"
         },
         handlePaste(view, event, slice) {
-          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();
@@ -21279,7 +21263,6 @@ function EditorProvider(props) {
               }
             }
           }
-          console.log("\u{1F680} ~ handlePaste ~ fileImages:", fileImages);
           if (slice.content.size === 0 && fileImages.length) {
             setTimeout(
               (blobs) => {
@@ -21314,12 +21297,9 @@ function EditorProvider(props) {
             if (htmlItem) {
               htmlItem.getAsString((html) => {
                 const htmlImages = extractImagesFromHtml(html);
-                console.log("AAA :: FILE images:", fileImages);
-                console.log("AAA :: HTML images:", htmlImages);
                 if (htmlImages.length) {
                   const htmlImagesFiles = [];
                   htmlImages.forEach((htmImg, hiIndex) => {
-                    console.log("htmImg :: ", htmImg);
                     const isFile = htmImg instanceof File;
                     if (!isFile) {
                       const { src } = htmImg;
@@ -21327,7 +21307,6 @@ function EditorProvider(props) {
                         if (err) {
                           console.error("handlePaste.urlToFile.cb ~ err : ", err);
                         } else {
-                          console.log("file :: ", imf);
                           htmlImagesFiles.push(imf);
                           if (htmlImagesFiles.length === htmlImages.length) {
                             transformNodesAndinsertSliceAtBmark({
@@ -21359,7 +21338,6 @@ function EditorProvider(props) {
                 }
               });
             } else {
-              console.log("BBB :: FILE images:", fileImages);
               transformNodesAndinsertSliceAtBmark({
                 Fragment: Fragment31,
                 imageType,
@@ -21520,8 +21498,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 +21538,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 +21592,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 +21609,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
         )
       ]