@kopexa/tiptap 17.6.18 → 17.7.2

package/dist/hooks/use-menu-navigation.d.mts

@@ -1,55 +0,0 @@
-import { Editor } from '@tiptap/react';
-import * as React from 'react';
-
-type Orientation = "horizontal" | "vertical" | "both";
-interface MenuNavigationOptions<T> {
-    /**
-     * The Tiptap editor instance, if using with a Tiptap editor.
-     */
-    editor?: Editor | null;
-    /**
-     * Reference to the container element for handling keyboard events.
-     */
-    containerRef?: React.RefObject<HTMLElement | null>;
-    /**
-     * Search query that affects the selected item.
-     */
-    query?: string;
-    /**
-     * Array of items to navigate through.
-     */
-    items: T[];
-    /**
-     * Callback fired when an item is selected.
-     */
-    onSelect?: (item: T) => void;
-    /**
-     * Callback fired when the menu should close.
-     */
-    onClose?: () => void;
-    /**
-     * The navigation orientation of the menu.
-     * @default "vertical"
-     */
-    orientation?: Orientation;
-    /**
-     * Whether to automatically select the first item when the menu opens.
-     * @default true
-     */
-    autoSelectFirstItem?: boolean;
-}
-/**
- * Hook that implements keyboard navigation for dropdown menus and command palettes.
- *
- * Handles arrow keys, tab, home/end, enter for selection, and escape to close.
- * Works with both Tiptap editors and regular DOM elements.
- *
- * @param options - Configuration options for the menu navigation
- * @returns Object containing the selected index and a setter function
- */
-declare function useMenuNavigation<T>({ editor, containerRef, query, items, onSelect, onClose, orientation, autoSelectFirstItem, }: MenuNavigationOptions<T>): {
-    selectedIndex: number | undefined;
-    setSelectedIndex: React.Dispatch<React.SetStateAction<number>>;
-};
-
-export { useMenuNavigation };

package/dist/hooks/use-menu-navigation.d.ts

@@ -1,55 +0,0 @@
-import { Editor } from '@tiptap/react';
-import * as React from 'react';
-
-type Orientation = "horizontal" | "vertical" | "both";
-interface MenuNavigationOptions<T> {
-    /**
-     * The Tiptap editor instance, if using with a Tiptap editor.
-     */
-    editor?: Editor | null;
-    /**
-     * Reference to the container element for handling keyboard events.
-     */
-    containerRef?: React.RefObject<HTMLElement | null>;
-    /**
-     * Search query that affects the selected item.
-     */
-    query?: string;
-    /**
-     * Array of items to navigate through.
-     */
-    items: T[];
-    /**
-     * Callback fired when an item is selected.
-     */
-    onSelect?: (item: T) => void;
-    /**
-     * Callback fired when the menu should close.
-     */
-    onClose?: () => void;
-    /**
-     * The navigation orientation of the menu.
-     * @default "vertical"
-     */
-    orientation?: Orientation;
-    /**
-     * Whether to automatically select the first item when the menu opens.
-     * @default true
-     */
-    autoSelectFirstItem?: boolean;
-}
-/**
- * Hook that implements keyboard navigation for dropdown menus and command palettes.
- *
- * Handles arrow keys, tab, home/end, enter for selection, and escape to close.
- * Works with both Tiptap editors and regular DOM elements.
- *
- * @param options - Configuration options for the menu navigation
- * @returns Object containing the selected index and a setter function
- */
-declare function useMenuNavigation<T>({ editor, containerRef, query, items, onSelect, onClose, orientation, autoSelectFirstItem, }: MenuNavigationOptions<T>): {
-    selectedIndex: number | undefined;
-    setSelectedIndex: React.Dispatch<React.SetStateAction<number>>;
-};
-
-export { useMenuNavigation };

package/dist/hooks/use-menu-navigation.js

@@ -1,163 +0,0 @@
-"use client";
-"use strict";
-"use client";
-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/hooks/use-menu-navigation.ts
-var use_menu_navigation_exports = {};
-__export(use_menu_navigation_exports, {
-  useMenuNavigation: () => useMenuNavigation
-});
-module.exports = __toCommonJS(use_menu_navigation_exports);
-var React = __toESM(require("react"));
-function useMenuNavigation({
-  editor,
-  containerRef,
-  query,
-  items,
-  onSelect,
-  onClose,
-  orientation = "vertical",
-  autoSelectFirstItem = true
-}) {
-  const [selectedIndex, setSelectedIndex] = React.useState(
-    autoSelectFirstItem ? 0 : -1
-  );
-  React.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
-  ]);
-  React.useEffect(() => {
-    if (query) {
-      setSelectedIndex(autoSelectFirstItem ? 0 : -1);
-    }
-  }, [query, autoSelectFirstItem]);
-  return {
-    selectedIndex: items.length ? selectedIndex : void 0,
-    setSelectedIndex
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useMenuNavigation
-});

package/dist/hooks/use-menu-navigation.mjs

@@ -1,8 +0,0 @@
-"use client";
-"use client";
-import {
-  useMenuNavigation
-} from "../chunk-42HKGCOO.mjs";
-export {
-  useMenuNavigation
-};

package/dist/hooks/use-tiptap-editor.d.mts

@@ -1,20 +0,0 @@
-import { Editor } from '@tiptap/react';
-
-/**
- * Hook that provides access to a Tiptap editor instance.
- *
- * Accepts an optional editor instance directly, or falls back to retrieving
- * the editor from the Tiptap context if available. This allows components
- * to work both when given an editor directly and when used within a Tiptap
- * editor context.
- *
- * @param providedEditor - Optional editor instance to use instead of the context editor
- * @returns The provided editor or the editor from context, whichever is available
- */
-declare function useTiptapEditor(providedEditor?: Editor | null): {
-    editor: Editor | null;
-    editorState?: Editor["state"];
-    canCommand?: Editor["can"];
-};
-
-export { useTiptapEditor };

package/dist/hooks/use-tiptap-editor.d.ts

@@ -1,20 +0,0 @@
-import { Editor } from '@tiptap/react';
-
-/**
- * Hook that provides access to a Tiptap editor instance.
- *
- * Accepts an optional editor instance directly, or falls back to retrieving
- * the editor from the Tiptap context if available. This allows components
- * to work both when given an editor directly and when used within a Tiptap
- * editor context.
- *
- * @param providedEditor - Optional editor instance to use instead of the context editor
- * @returns The provided editor or the editor from context, whichever is available
- */
-declare function useTiptapEditor(providedEditor?: Editor | null): {
-    editor: Editor | null;
-    editorState?: Editor["state"];
-    canCommand?: Editor["can"];
-};
-
-export { useTiptapEditor };

package/dist/hooks/use-tiptap-editor.js

@@ -1,58 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/hooks/use-tiptap-editor.ts
-var use_tiptap_editor_exports = {};
-__export(use_tiptap_editor_exports, {
-  useTiptapEditor: () => useTiptapEditor
-});
-module.exports = __toCommonJS(use_tiptap_editor_exports);
-var import_react = require("@tiptap/react");
-var import_react2 = require("react");
-function useTiptapEditor(providedEditor) {
-  const { editor: coreEditor } = (0, import_react.useCurrentEditor)();
-  const mainEditor = (0, import_react2.useMemo)(
-    () => providedEditor || coreEditor,
-    [providedEditor, coreEditor]
-  );
-  const editorState = (0, import_react.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 };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useTiptapEditor
-});

package/dist/hooks/use-tiptap-editor.mjs

@@ -1,8 +0,0 @@
-"use client";
-"use client";
-import {
-  useTiptapEditor
-} from "../chunk-P55PLOHR.mjs";
-export {
-  useTiptapEditor
-};

package/dist/hooks/use-ui-editor-state.d.mts

@@ -1,7 +0,0 @@
-import { Editor } from '@tiptap/react';
-import { UiState } from '../extensions/ui-state/index.mjs';
-import '@tiptap/core';
-
-declare function useUiEditorState(editor: Editor | null): UiState;
-
-export { useUiEditorState as default, useUiEditorState };

package/dist/hooks/use-ui-editor-state.d.ts

@@ -1,7 +0,0 @@
-import { Editor } from '@tiptap/react';
-import { UiState } from '../extensions/ui-state/index.js';
-import '@tiptap/core';
-
-declare function useUiEditorState(editor: Editor | null): UiState;
-
-export { useUiEditorState as default, useUiEditorState };

package/dist/hooks/use-ui-editor-state.js

@@ -1,107 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/hooks/use-ui-editor-state.ts
-var use_ui_editor_state_exports = {};
-__export(use_ui_editor_state_exports, {
-  default: () => use_ui_editor_state_default,
-  useUiEditorState: () => useUiEditorState
-});
-module.exports = __toCommonJS(use_ui_editor_state_exports);
-var import_react = require("@tiptap/react");
-
-// src/extensions/ui-state/index.ts
-var import_core = require("@tiptap/core");
-var defaultUiState = {
-  aiGenerationIsSelection: false,
-  aiGenerationIsLoading: false,
-  aiGenerationActive: false,
-  aiGenerationHasMessage: false,
-  commentInputVisible: false,
-  lockDragHandle: false,
-  isDragging: false
-};
-var UiState = import_core.Extension.create({
-  name: "uiState",
-  addStorage() {
-    return {
-      uiState: { ...defaultUiState }
-    };
-  },
-  addCommands() {
-    const createBooleanSetter = (key) => (value) => () => {
-      this.storage[key] = value;
-      return true;
-    };
-    const createToggle = (key, value) => () => () => {
-      this.storage[key] = value;
-      return true;
-    };
-    return {
-      // AI Generation commands
-      aiGenerationSetIsSelection: createBooleanSetter(
-        "aiGenerationIsSelection"
-      ),
-      aiGenerationSetIsLoading: createBooleanSetter("aiGenerationIsLoading"),
-      aiGenerationHasMessage: createBooleanSetter("aiGenerationHasMessage"),
-      aiGenerationShow: createToggle("aiGenerationActive", true),
-      aiGenerationHide: createToggle("aiGenerationActive", false),
-      // Comment input commands
-      commentInputShow: createToggle("commentInputVisible", true),
-      commentInputHide: createToggle("commentInputVisible", false),
-      // Drag handle commands
-      setLockDragHandle: createBooleanSetter("lockDragHandle"),
-      setIsDragging: createBooleanSetter("isDragging"),
-      // Reset command
-      resetUiState: () => () => {
-        Object.assign(this.storage, { ...defaultUiState });
-        return true;
-      }
-    };
-  },
-  onCreate() {
-    this.storage = { ...defaultUiState };
-  }
-});
-
-// src/hooks/use-ui-editor-state.ts
-function useUiEditorState(editor) {
-  var _a;
-  return (_a = (0, import_react.useEditorState)({
-    editor,
-    selector: ({ editor: editor2 }) => {
-      if (!editor2) return defaultUiState;
-      const state = editor2.storage.uiState;
-      if (!state) {
-        console.warn(
-          "Editor storage uiState is not initialized. Ensure you have the uiState extension added to your editor."
-        );
-        return defaultUiState;
-      }
-      return { ...defaultUiState, ...state };
-    }
-  })) != null ? _a : defaultUiState;
-}
-var use_ui_editor_state_default = useUiEditorState;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useUiEditorState
-});

package/dist/hooks/use-ui-editor-state.mjs

@@ -1,11 +0,0 @@
-"use client";
-"use client";
-import {
-  useUiEditorState,
-  use_ui_editor_state_default
-} from "../chunk-BXJYNSWQ.mjs";
-import "../chunk-KR42JAVB.mjs";
-export {
-  use_ui_editor_state_default as default,
-  useUiEditorState
-};

package/dist/hooks/use-window-size.d.mts

@@ -1,12 +0,0 @@
-interface WindowSizeState {
-    width: number;
-    height: number;
-    offsetTop: number;
-}
-/**
- * Custom hook to track window size and viewport information
- * @returns Current window dimensions and offsetTop
- */
-declare function useWindowSize(): WindowSizeState;
-
-export { useWindowSize };

package/dist/hooks/use-window-size.d.ts

@@ -1,12 +0,0 @@
-interface WindowSizeState {
-    width: number;
-    height: number;
-    offsetTop: number;
-}
-/**
- * Custom hook to track window size and viewport information
- * @returns Current window dimensions and offsetTop
- */
-declare function useWindowSize(): WindowSizeState;
-
-export { useWindowSize };

package/dist/hooks/use-window-size.js

@@ -1,75 +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/hooks/use-window-size.ts
-var use_window_size_exports = {};
-__export(use_window_size_exports, {
-  useWindowSize: () => useWindowSize
-});
-module.exports = __toCommonJS(use_window_size_exports);
-var React = __toESM(require("react"));
-function useWindowSize() {
-  const [windowSize, setWindowSize] = React.useState({
-    width: 0,
-    height: 0,
-    offsetTop: 0
-  });
-  React.useEffect(() => {
-    handleResize();
-    function handleResize() {
-      if (typeof window === "undefined") return;
-      const vp = window.visualViewport;
-      if (!vp) return;
-      const { width = 0, height = 0, offsetTop = 0 } = vp;
-      setWindowSize((state) => {
-        if (width === state.width && height === state.height && offsetTop === state.offsetTop) {
-          return state;
-        }
-        return { width, height, offsetTop };
-      });
-    }
-    const visualViewport = window.visualViewport;
-    if (visualViewport) {
-      visualViewport.addEventListener("resize", handleResize);
-      visualViewport.addEventListener("scroll", handleResize);
-    }
-    return () => {
-      if (visualViewport) {
-        visualViewport.removeEventListener("resize", handleResize);
-        visualViewport.removeEventListener("scroll", handleResize);
-      }
-    };
-  }, []);
-  return windowSize;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useWindowSize
-});

package/dist/hooks/use-window-size.mjs

@@ -1,7 +0,0 @@
-"use client";
-import {
-  useWindowSize
-} from "../chunk-DT7ML2P4.mjs";
-export {
-  useWindowSize
-};

package/dist/presets/basic/editor-header.d.mts

@@ -1,23 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonProps } from '@kopexa/button';
-import { EditorBasicVariants } from '@kopexa/theme';
-import { Editor } from '@tiptap/react';
-
-type EditorHeaderProps = EditorBasicVariants & {
-    editor?: Editor;
-};
-declare const EditorHeader: ({ editor: providedEditor, variant, }: EditorHeaderProps) => react_jsx_runtime.JSX.Element | null;
-interface MoreOptionsProps extends Omit<ButtonProps, "type"> {
-    /**
-     * The Tiptap editor instance.
-     */
-    editor?: Editor | null;
-    /**
-     * Whether to hide the dropdown when no options are available.
-     * @default false
-     */
-    hideWhenUnavailable?: boolean;
-}
-declare function MoreOptions({ editor: providedEditor, hideWhenUnavailable, ...props }: MoreOptionsProps): react_jsx_runtime.JSX.Element | null;
-
-export { EditorHeader, MoreOptions, type MoreOptionsProps };