@kopexa/tiptap 17.6.18 → 17.7.2

package/dist/ui/suggestion-menu/index.js

@@ -1,489 +0,0 @@
-"use client";
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ui/suggestion-menu/index.tsx
-var suggestion_menu_exports = {};
-__export(suggestion_menu_exports, {
-  SuggestionMenu: () => SuggestionMenu,
-  calculateStartPosition: () => calculateStartPosition,
-  filterSuggestionItems: () => filterSuggestionItems
-});
-module.exports = __toCommonJS(suggestion_menu_exports);
-
-// src/ui/suggestion-menu/suggestion-menu.tsx
-var import_react4 = require("@floating-ui/react");
-var import_state = require("@tiptap/pm/state");
-var import_suggestion = require("@tiptap/suggestion");
-var React3 = __toESM(require("react"));
-
-// src/hooks/use-floating-element.ts
-var import_react = require("@floating-ui/react");
-var React = __toESM(require("react"));
-function useFloatingElement(show, referencePos, zIndex, options) {
-  const { dismissOptions, ...floatingOptions } = options || {};
-  const { refs, update, context, floatingStyles } = (0, import_react.useFloating)({
-    open: show,
-    ...floatingOptions
-  });
-  const { isMounted, styles } = (0, import_react.useTransitionStyles)(context);
-  const dismiss = (0, import_react.useDismiss)(context, dismissOptions);
-  const { getReferenceProps, getFloatingProps } = (0, import_react.useInteractions)([dismiss]);
-  React.useEffect(() => {
-    update();
-  }, [referencePos, update]);
-  React.useEffect(() => {
-    if (referencePos === null) {
-      return;
-    }
-    refs.setReference({
-      getBoundingClientRect: () => referencePos
-    });
-  }, [referencePos, refs]);
-  return React.useMemo(
-    () => ({
-      isMounted,
-      ref: refs.setFloating,
-      style: {
-        ...styles,
-        ...floatingStyles,
-        zIndex
-      },
-      update,
-      getFloatingProps,
-      getReferenceProps
-    }),
-    [
-      floatingStyles,
-      isMounted,
-      refs.setFloating,
-      styles,
-      update,
-      zIndex,
-      getFloatingProps,
-      getReferenceProps
-    ]
-  );
-}
-
-// src/hooks/use-menu-navigation.ts
-var React2 = __toESM(require("react"));
-function useMenuNavigation({
-  editor,
-  containerRef,
-  query,
-  items,
-  onSelect,
-  onClose,
-  orientation = "vertical",
-  autoSelectFirstItem = true
-}) {
-  const [selectedIndex, setSelectedIndex] = React2.useState(
-    autoSelectFirstItem ? 0 : -1
-  );
-  React2.useEffect(() => {
-    const handleKeyboardNavigation = (event) => {
-      if (!items.length) return false;
-      const moveNext = () => setSelectedIndex((currentIndex) => {
-        if (currentIndex === -1) return 0;
-        return (currentIndex + 1) % items.length;
-      });
-      const movePrev = () => setSelectedIndex((currentIndex) => {
-        if (currentIndex === -1) return items.length - 1;
-        return (currentIndex - 1 + items.length) % items.length;
-      });
-      switch (event.key) {
-        case "ArrowUp": {
-          if (orientation === "horizontal") return false;
-          event.preventDefault();
-          movePrev();
-          return true;
-        }
-        case "ArrowDown": {
-          if (orientation === "horizontal") return false;
-          event.preventDefault();
-          moveNext();
-          return true;
-        }
-        case "ArrowLeft": {
-          if (orientation === "vertical") return false;
-          event.preventDefault();
-          movePrev();
-          return true;
-        }
-        case "ArrowRight": {
-          if (orientation === "vertical") return false;
-          event.preventDefault();
-          moveNext();
-          return true;
-        }
-        case "Tab": {
-          event.preventDefault();
-          if (event.shiftKey) {
-            movePrev();
-          } else {
-            moveNext();
-          }
-          return true;
-        }
-        case "Home": {
-          event.preventDefault();
-          setSelectedIndex(0);
-          return true;
-        }
-        case "End": {
-          event.preventDefault();
-          setSelectedIndex(items.length - 1);
-          return true;
-        }
-        case "Enter": {
-          if (event.isComposing) return false;
-          event.preventDefault();
-          if (selectedIndex !== -1 && items[selectedIndex]) {
-            onSelect == null ? void 0 : onSelect(items[selectedIndex]);
-          }
-          return true;
-        }
-        case "Escape": {
-          event.preventDefault();
-          onClose == null ? void 0 : onClose();
-          return true;
-        }
-        default:
-          return false;
-      }
-    };
-    let targetElement = null;
-    if (editor) {
-      targetElement = editor.view.dom;
-    } else if (containerRef == null ? void 0 : containerRef.current) {
-      targetElement = containerRef.current;
-    }
-    if (targetElement) {
-      targetElement.addEventListener("keydown", handleKeyboardNavigation, true);
-      return () => {
-        targetElement == null ? void 0 : targetElement.removeEventListener(
-          "keydown",
-          handleKeyboardNavigation,
-          true
-        );
-      };
-    }
-    return void 0;
-  }, [
-    editor,
-    containerRef,
-    items,
-    selectedIndex,
-    onSelect,
-    onClose,
-    orientation
-  ]);
-  React2.useEffect(() => {
-    if (query) {
-      setSelectedIndex(autoSelectFirstItem ? 0 : -1);
-    }
-  }, [query, autoSelectFirstItem]);
-  return {
-    selectedIndex: items.length ? selectedIndex : void 0,
-    setSelectedIndex
-  };
-}
-
-// src/hooks/use-tiptap-editor.ts
-var import_react2 = require("@tiptap/react");
-var import_react3 = require("react");
-function useTiptapEditor(providedEditor) {
-  const { editor: coreEditor } = (0, import_react2.useCurrentEditor)();
-  const mainEditor = (0, import_react3.useMemo)(
-    () => providedEditor || coreEditor,
-    [providedEditor, coreEditor]
-  );
-  const editorState = (0, import_react2.useEditorState)({
-    editor: mainEditor,
-    selector(context) {
-      if (!context.editor) {
-        return {
-          editor: null,
-          editorState: void 0,
-          canCommand: void 0
-        };
-      }
-      return {
-        editor: context.editor,
-        editorState: context.editor.state,
-        canCommand: context.editor.can
-      };
-    }
-  });
-  return editorState || { editor: null };
-}
-
-// src/ui/suggestion-menu/suggestion-menu-utils.ts
-function calculateStartPosition(cursorPosition, previousNode, triggerChar) {
-  if (!(previousNode == null ? void 0 : previousNode.text) || !triggerChar) {
-    return cursorPosition;
-  }
-  const commandText = previousNode.text;
-  const triggerCharIndex = commandText.lastIndexOf(triggerChar);
-  if (triggerCharIndex === -1) {
-    return cursorPosition;
-  }
-  const textLength = commandText.substring(triggerCharIndex).length;
-  return cursorPosition - textLength;
-}
-function filterSuggestionItems(items, query) {
-  const normalizedQuery = query.trim().toLowerCase();
-  if (!normalizedQuery) {
-    return items;
-  }
-  return items.filter((item) => {
-    var _a, _b;
-    if (item.title.toLowerCase().includes(normalizedQuery)) {
-      return true;
-    }
-    if ((_a = item.subtext) == null ? void 0 : _a.toLowerCase().includes(normalizedQuery)) {
-      return true;
-    }
-    if ((_b = item.keywords) == null ? void 0 : _b.some(
-      (keyword) => keyword.toLowerCase().includes(normalizedQuery)
-    )) {
-      return true;
-    }
-    return false;
-  }).sort((a, b) => {
-    const aTitle = a.title.toLowerCase();
-    const bTitle = b.title.toLowerCase();
-    if (aTitle === normalizedQuery && bTitle !== normalizedQuery) return -1;
-    if (bTitle === normalizedQuery && aTitle !== normalizedQuery) return 1;
-    if (aTitle.startsWith(normalizedQuery) && !bTitle.startsWith(normalizedQuery))
-      return -1;
-    if (bTitle.startsWith(normalizedQuery) && !aTitle.startsWith(normalizedQuery))
-      return 1;
-    return 0;
-  });
-}
-
-// src/ui/suggestion-menu/suggestion-menu.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var SuggestionMenu = ({
-  editor: providedEditor,
-  floatingOptions,
-  selector = "tiptap-suggestion-menu",
-  children,
-  maxHeight = 384,
-  pluginKey = import_suggestion.SuggestionPluginKey,
-  ...internalSuggestionProps
-}) => {
-  const { editor } = useTiptapEditor(providedEditor);
-  const [show, setShow] = React3.useState(false);
-  const [internalClientRect, setInternalClientRect] = React3.useState(null);
-  const [internalCommand, setInternalCommand] = React3.useState(null);
-  const [internalItems, setInternalItems] = React3.useState(
-    []
-  );
-  const [internalQuery, setInternalQuery] = React3.useState("");
-  const [, setInternalRange] = React3.useState(null);
-  const { ref, style, getFloatingProps, isMounted } = useFloatingElement(
-    show,
-    internalClientRect,
-    1e3,
-    {
-      placement: "bottom-start",
-      middleware: [
-        (0, import_react4.offset)(10),
-        (0, import_react4.flip)({
-          mainAxis: true,
-          crossAxis: false
-        }),
-        (0, import_react4.shift)(),
-        (0, import_react4.size)({
-          apply({ availableHeight, elements }) {
-            if (elements.floating) {
-              const maxHeightValue = maxHeight ? Math.min(maxHeight, availableHeight) : availableHeight;
-              elements.floating.style.setProperty(
-                "--suggestion-menu-max-height",
-                `${maxHeightValue}px`
-              );
-            }
-          }
-        })
-      ],
-      onOpenChange(open) {
-        if (!open) {
-          setShow(false);
-        }
-      },
-      ...floatingOptions
-    }
-  );
-  const internalSuggestionPropsRef = React3.useRef(internalSuggestionProps);
-  React3.useEffect(() => {
-    internalSuggestionPropsRef.current = internalSuggestionProps;
-  }, [internalSuggestionProps]);
-  const closePopup = React3.useCallback(() => {
-    setShow(false);
-  }, []);
-  React3.useEffect(() => {
-    if (!editor || editor.isDestroyed) {
-      return;
-    }
-    const existingPlugin = editor.state.plugins.find(
-      (plugin) => plugin.spec.key === pluginKey
-    );
-    if (existingPlugin) {
-      editor.unregisterPlugin(pluginKey);
-    }
-    const suggestion = (0, import_suggestion.Suggestion)({
-      pluginKey: pluginKey instanceof import_state.PluginKey ? pluginKey : new import_state.PluginKey(pluginKey),
-      editor,
-      command({ editor: editor2, range, props }) {
-        var _a, _b;
-        if (!range) {
-          return;
-        }
-        const { view, state } = editor2;
-        const { selection } = state;
-        const isMention = editor2.extensionManager.extensions.some(
-          (extension) => {
-            var _a2, _b2;
-            const name = extension.name;
-            return name === "mention" && ((_b2 = (_a2 = extension.options) == null ? void 0 : _a2.suggestion) == null ? void 0 : _b2.char) === internalSuggestionPropsRef.current.char;
-          }
-        );
-        if (!isMention) {
-          const cursorPosition = selection.$from.pos;
-          const previousNode = (_a = selection.$head) == null ? void 0 : _a.nodeBefore;
-          const startPosition = previousNode ? calculateStartPosition(
-            cursorPosition,
-            previousNode,
-            internalSuggestionPropsRef.current.char
-          ) : selection.$from.start();
-          const transaction = state.tr.deleteRange(
-            startPosition,
-            cursorPosition
-          );
-          view.dispatch(transaction);
-        }
-        const nodeAfter = view.state.selection.$to.nodeAfter;
-        const overrideSpace = (_b = nodeAfter == null ? void 0 : nodeAfter.text) == null ? void 0 : _b.startsWith(" ");
-        const rangeToUse = { ...range };
-        if (overrideSpace) {
-          rangeToUse.to += 1;
-        }
-        props.onSelect({ editor: editor2, range: rangeToUse, context: props.context });
-      },
-      render: () => {
-        return {
-          onStart: (props) => {
-            var _a, _b;
-            setInternalCommand(() => props.command);
-            setInternalItems(props.items);
-            setInternalQuery(props.query);
-            setInternalRange(props.range);
-            setInternalClientRect((_b = (_a = props.clientRect) == null ? void 0 : _a.call(props)) != null ? _b : null);
-            setShow(true);
-          },
-          onUpdate: (props) => {
-            var _a, _b;
-            setInternalCommand(() => props.command);
-            setInternalItems(props.items);
-            setInternalQuery(props.query);
-            setInternalRange(props.range);
-            setInternalClientRect((_b = (_a = props.clientRect) == null ? void 0 : _a.call(props)) != null ? _b : null);
-          },
-          onKeyDown: (props) => {
-            if (props.event.key === "Escape") {
-              closePopup();
-              return true;
-            }
-            return false;
-          },
-          onExit: () => {
-            setInternalCommand(null);
-            setInternalItems([]);
-            setInternalQuery("");
-            setInternalRange(null);
-            setInternalClientRect(null);
-            setShow(false);
-          }
-        };
-      },
-      ...internalSuggestionPropsRef.current
-    });
-    editor.registerPlugin(suggestion);
-    return () => {
-      if (!editor.isDestroyed) {
-        editor.unregisterPlugin(pluginKey);
-      }
-    };
-  }, [editor, pluginKey, closePopup]);
-  const onSelect = React3.useCallback(
-    (item) => {
-      closePopup();
-      if (internalCommand) {
-        internalCommand(item);
-      }
-    },
-    [closePopup, internalCommand]
-  );
-  const { selectedIndex } = useMenuNavigation({
-    editor,
-    query: internalQuery,
-    items: internalItems,
-    onSelect
-  });
-  if (!isMounted || !show || !editor) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      ref,
-      style,
-      ...getFloatingProps(),
-      "data-selector": selector,
-      className: "tiptap-suggestion-menu",
-      role: "listbox",
-      "aria-label": "Suggestions",
-      onPointerDown: (e) => e.preventDefault(),
-      children: children({
-        items: internalItems,
-        selectedIndex,
-        onSelect
-      })
-    }
-  ) });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SuggestionMenu,
-  calculateStartPosition,
-  filterSuggestionItems
-});

package/dist/ui/suggestion-menu/index.mjs

@@ -1,17 +0,0 @@
-"use client";
-import "../../chunk-HLLA2HRV.mjs";
-import {
-  SuggestionMenu
-} from "../../chunk-L5RDMV3H.mjs";
-import {
-  calculateStartPosition,
-  filterSuggestionItems
-} from "../../chunk-CNVACBGT.mjs";
-import "../../chunk-P55PLOHR.mjs";
-import "../../chunk-KK4K43WM.mjs";
-import "../../chunk-42HKGCOO.mjs";
-export {
-  SuggestionMenu,
-  calculateStartPosition,
-  filterSuggestionItems
-};

package/dist/ui/suggestion-menu/suggestion-menu-types.d.mts

@@ -1,89 +0,0 @@
-import { UseFloatingOptions } from '@floating-ui/react';
-import { PluginKey } from '@tiptap/pm/state';
-import { Editor, Range } from '@tiptap/react';
-import { SuggestionOptions } from '@tiptap/suggestion';
-import * as React from 'react';
-
-type DefaultContext = unknown;
-type IconProps = React.SVGProps<SVGSVGElement>;
-type IconComponent = ({ className, ...props }: IconProps) => React.ReactElement;
-interface SuggestionItem<T = DefaultContext> {
-    /**
-     * The main text to display for the suggestion.
-     */
-    title: string;
-    /**
-     * Secondary text to provide additional context.
-     */
-    subtext?: string;
-    /**
-     * Icon or badge to display alongside the suggestion.
-     */
-    badge?: React.MemoExoticComponent<IconComponent> | React.FC<IconProps> | string;
-    /**
-     * Group identifier for organizing suggestions.
-     */
-    group?: string;
-    /**
-     * Additional keywords for filtering suggestions.
-     */
-    keywords?: string[];
-    /**
-     * Custom data to pass to the onSelect handler.
-     */
-    context?: T;
-    /**
-     * Callback executed when this suggestion is selected.
-     */
-    onSelect: (props: {
-        editor: Editor;
-        range: Range;
-        context?: T;
-    }) => void;
-}
-type SuggestionMenuRenderProps<T = DefaultContext> = {
-    /**
-     * List of suggestion items to display.
-     */
-    items: SuggestionItem<T>[];
-    /**
-     * Index of the currently selected item.
-     */
-    selectedIndex?: number;
-    /**
-     * Callback to select an item.
-     */
-    onSelect: (item: SuggestionItem<T>) => void;
-};
-interface SuggestionMenuProps<T = DefaultContext> extends Omit<SuggestionOptions<SuggestionItem<T>>, "pluginKey" | "editor"> {
-    /**
-     * The Tiptap editor instance.
-     */
-    editor?: Editor | null;
-    /**
-     * Additional options for the floating UI.
-     */
-    floatingOptions?: Partial<UseFloatingOptions>;
-    /**
-     * CSS selector attribute for targeting the menu.
-     * @default 'tiptap-suggestion-menu'
-     */
-    selector?: string;
-    /**
-     * Unique key for the suggestion plugin.
-     * @default SuggestionPluginKey
-     */
-    pluginKey?: string | PluginKey;
-    /**
-     * Maximum height of the suggestion menu.
-     * If provided, the menu will scroll if content exceeds this height.
-     * @default 384
-     */
-    maxHeight?: number;
-    /**
-     * Render function for the menu content.
-     */
-    children: (props: SuggestionMenuRenderProps<T>) => React.ReactNode;
-}
-
-export type { SuggestionItem, SuggestionMenuProps, SuggestionMenuRenderProps };

package/dist/ui/suggestion-menu/suggestion-menu-types.d.ts

@@ -1,89 +0,0 @@
-import { UseFloatingOptions } from '@floating-ui/react';
-import { PluginKey } from '@tiptap/pm/state';
-import { Editor, Range } from '@tiptap/react';
-import { SuggestionOptions } from '@tiptap/suggestion';
-import * as React from 'react';
-
-type DefaultContext = unknown;
-type IconProps = React.SVGProps<SVGSVGElement>;
-type IconComponent = ({ className, ...props }: IconProps) => React.ReactElement;
-interface SuggestionItem<T = DefaultContext> {
-    /**
-     * The main text to display for the suggestion.
-     */
-    title: string;
-    /**
-     * Secondary text to provide additional context.
-     */
-    subtext?: string;
-    /**
-     * Icon or badge to display alongside the suggestion.
-     */
-    badge?: React.MemoExoticComponent<IconComponent> | React.FC<IconProps> | string;
-    /**
-     * Group identifier for organizing suggestions.
-     */
-    group?: string;
-    /**
-     * Additional keywords for filtering suggestions.
-     */
-    keywords?: string[];
-    /**
-     * Custom data to pass to the onSelect handler.
-     */
-    context?: T;
-    /**
-     * Callback executed when this suggestion is selected.
-     */
-    onSelect: (props: {
-        editor: Editor;
-        range: Range;
-        context?: T;
-    }) => void;
-}
-type SuggestionMenuRenderProps<T = DefaultContext> = {
-    /**
-     * List of suggestion items to display.
-     */
-    items: SuggestionItem<T>[];
-    /**
-     * Index of the currently selected item.
-     */
-    selectedIndex?: number;
-    /**
-     * Callback to select an item.
-     */
-    onSelect: (item: SuggestionItem<T>) => void;
-};
-interface SuggestionMenuProps<T = DefaultContext> extends Omit<SuggestionOptions<SuggestionItem<T>>, "pluginKey" | "editor"> {
-    /**
-     * The Tiptap editor instance.
-     */
-    editor?: Editor | null;
-    /**
-     * Additional options for the floating UI.
-     */
-    floatingOptions?: Partial<UseFloatingOptions>;
-    /**
-     * CSS selector attribute for targeting the menu.
-     * @default 'tiptap-suggestion-menu'
-     */
-    selector?: string;
-    /**
-     * Unique key for the suggestion plugin.
-     * @default SuggestionPluginKey
-     */
-    pluginKey?: string | PluginKey;
-    /**
-     * Maximum height of the suggestion menu.
-     * If provided, the menu will scroll if content exceeds this height.
-     * @default 384
-     */
-    maxHeight?: number;
-    /**
-     * Render function for the menu content.
-     */
-    children: (props: SuggestionMenuRenderProps<T>) => React.ReactNode;
-}
-
-export type { SuggestionItem, SuggestionMenuProps, SuggestionMenuRenderProps };

package/dist/ui/suggestion-menu/suggestion-menu-types.js

@@ -1,19 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ui/suggestion-menu/suggestion-menu-types.ts
-var suggestion_menu_types_exports = {};
-module.exports = __toCommonJS(suggestion_menu_types_exports);

package/dist/ui/suggestion-menu/suggestion-menu-types.mjs

@@ -1 +0,0 @@
-"use client";