@kopexa/tiptap 17.6.18 → 17.7.0

package/dist/ui/blockquote-button/use-blockquote.d.mts

@@ -1,85 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _kopexa_icons from '@kopexa/icons';
-import { Editor } from '@tiptap/react';
-
-declare const BLOCKQUOTE_SHORTCUT_KEY = "mod+shift+b";
-/**
- * Configuration for the blockquote functionality
- */
-interface UseBlockquoteConfig {
-    /**
-     * The Tiptap editor instance.
-     */
-    editor?: Editor | null;
-    /**
-     * Whether the button should hide when blockquote is not available.
-     * @default false
-     */
-    hideWhenUnavailable?: boolean;
-    /**
-     * Callback function called after a successful toggle.
-     */
-    onToggled?: () => void;
-}
-/**
- * Checks if blockquote can be toggled in the current editor state
- */
-declare function canToggleBlockquote(editor: Editor | null, turnInto?: boolean): boolean;
-/**
- * Toggles blockquote formatting for a specific node or the current selection
- */
-declare function toggleBlockquote(editor: Editor | null): boolean;
-/**
- * Determines if the blockquote button should be shown
- */
-declare function shouldShowButton(props: {
-    editor: Editor | null;
-    hideWhenUnavailable: boolean;
-}): boolean;
-/**
- * Custom hook that provides blockquote functionality for Tiptap editor
- *
- * @example
- * ```tsx
- * // Simple usage - no params needed
- * function MySimpleBlockquoteButton() {
- *   const { isVisible, handleToggle, isActive } = useBlockquote()
- *
- *   if (!isVisible) return null
- *
- *   return <button onClick={handleToggle}>Blockquote</button>
- * }
- *
- * // Advanced usage with configuration
- * function MyAdvancedBlockquoteButton() {
- *   const { isVisible, handleToggle, label, isActive } = useBlockquote({
- *     editor: myEditor,
- *     hideWhenUnavailable: true,
- *     onToggled: () => console.log('Blockquote toggled!')
- *   })
- *
- *   if (!isVisible) return null
- *
- *   return (
- *     <MyButton
- *       onClick={handleToggle}
- *       aria-label={label}
- *       aria-pressed={isActive}
- *     >
- *       Toggle Blockquote
- *     </MyButton>
- *   )
- * }
- * ```
- */
-declare function useBlockquote(config?: UseBlockquoteConfig): {
-    isVisible: boolean;
-    isActive: boolean;
-    handleToggle: () => boolean;
-    canToggle: boolean;
-    label: string;
-    shortcutKeys: string;
-    Icon: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-};
-
-export { BLOCKQUOTE_SHORTCUT_KEY, type UseBlockquoteConfig, canToggleBlockquote, shouldShowButton, toggleBlockquote, useBlockquote };

package/dist/ui/blockquote-button/use-blockquote.d.ts

@@ -1,85 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _kopexa_icons from '@kopexa/icons';
-import { Editor } from '@tiptap/react';
-
-declare const BLOCKQUOTE_SHORTCUT_KEY = "mod+shift+b";
-/**
- * Configuration for the blockquote functionality
- */
-interface UseBlockquoteConfig {
-    /**
-     * The Tiptap editor instance.
-     */
-    editor?: Editor | null;
-    /**
-     * Whether the button should hide when blockquote is not available.
-     * @default false
-     */
-    hideWhenUnavailable?: boolean;
-    /**
-     * Callback function called after a successful toggle.
-     */
-    onToggled?: () => void;
-}
-/**
- * Checks if blockquote can be toggled in the current editor state
- */
-declare function canToggleBlockquote(editor: Editor | null, turnInto?: boolean): boolean;
-/**
- * Toggles blockquote formatting for a specific node or the current selection
- */
-declare function toggleBlockquote(editor: Editor | null): boolean;
-/**
- * Determines if the blockquote button should be shown
- */
-declare function shouldShowButton(props: {
-    editor: Editor | null;
-    hideWhenUnavailable: boolean;
-}): boolean;
-/**
- * Custom hook that provides blockquote functionality for Tiptap editor
- *
- * @example
- * ```tsx
- * // Simple usage - no params needed
- * function MySimpleBlockquoteButton() {
- *   const { isVisible, handleToggle, isActive } = useBlockquote()
- *
- *   if (!isVisible) return null
- *
- *   return <button onClick={handleToggle}>Blockquote</button>
- * }
- *
- * // Advanced usage with configuration
- * function MyAdvancedBlockquoteButton() {
- *   const { isVisible, handleToggle, label, isActive } = useBlockquote({
- *     editor: myEditor,
- *     hideWhenUnavailable: true,
- *     onToggled: () => console.log('Blockquote toggled!')
- *   })
- *
- *   if (!isVisible) return null
- *
- *   return (
- *     <MyButton
- *       onClick={handleToggle}
- *       aria-label={label}
- *       aria-pressed={isActive}
- *     >
- *       Toggle Blockquote
- *     </MyButton>
- *   )
- * }
- * ```
- */
-declare function useBlockquote(config?: UseBlockquoteConfig): {
-    isVisible: boolean;
-    isActive: boolean;
-    handleToggle: () => boolean;
-    canToggle: boolean;
-    label: string;
-    shortcutKeys: string;
-    Icon: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-};
-
-export { BLOCKQUOTE_SHORTCUT_KEY, type UseBlockquoteConfig, canToggleBlockquote, shouldShowButton, toggleBlockquote, useBlockquote };

package/dist/ui/blockquote-button/use-blockquote.js

@@ -1,192 +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/ui/blockquote-button/use-blockquote.ts
-var use_blockquote_exports = {};
-__export(use_blockquote_exports, {
-  BLOCKQUOTE_SHORTCUT_KEY: () => BLOCKQUOTE_SHORTCUT_KEY,
-  canToggleBlockquote: () => canToggleBlockquote,
-  shouldShowButton: () => shouldShowButton,
-  toggleBlockquote: () => toggleBlockquote,
-  useBlockquote: () => useBlockquote
-});
-module.exports = __toCommonJS(use_blockquote_exports);
-var import_editor_utils = require("@kopexa/editor-utils");
-var import_icons = require("@kopexa/icons");
-var import_state = require("@tiptap/pm/state");
-var React = __toESM(require("react"));
-
-// src/hooks/use-tiptap-editor.ts
-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 };
-}
-
-// src/ui/blockquote-button/use-blockquote.ts
-var BLOCKQUOTE_SHORTCUT_KEY = "mod+shift+b";
-function canToggleBlockquote(editor, turnInto = true) {
-  var _a;
-  if (!editor || !editor.isEditable) return false;
-  if (!(0, import_editor_utils.isNodeInSchema)("blockquote", editor) || (0, import_editor_utils.isNodeTypeSelected)(editor, ["image"]))
-    return false;
-  if (!turnInto) {
-    return editor.can().toggleWrap("blockquote");
-  }
-  try {
-    const view = editor.view;
-    const state = view.state;
-    const selection = state.selection;
-    if (selection.empty || selection instanceof import_state.TextSelection) {
-      const pos = (_a = (0, import_editor_utils.findNodePosition)({
-        editor,
-        node: state.selection.$anchor.node(1)
-      })) == null ? void 0 : _a.pos;
-      if (!(0, import_editor_utils.isValidPosition)(pos)) return false;
-    }
-    return true;
-  } catch {
-    return false;
-  }
-}
-function toggleBlockquote(editor) {
-  var _a, _b, _c;
-  if (!editor || !editor.isEditable) return false;
-  if (!canToggleBlockquote(editor)) return false;
-  try {
-    const view = editor.view;
-    let state = view.state;
-    let tr = state.tr;
-    if (state.selection.empty || state.selection instanceof import_state.TextSelection) {
-      const pos = (_a = (0, import_editor_utils.findNodePosition)({
-        editor,
-        node: state.selection.$anchor.node(1)
-      })) == null ? void 0 : _a.pos;
-      if (!(0, import_editor_utils.isValidPosition)(pos)) return false;
-      tr = tr.setSelection(import_state.NodeSelection.create(state.doc, pos));
-      view.dispatch(tr);
-      state = view.state;
-    }
-    const selection = state.selection;
-    let chain = editor.chain().focus();
-    if (selection instanceof import_state.NodeSelection) {
-      const firstChild = (_b = selection.node.firstChild) == null ? void 0 : _b.firstChild;
-      const lastChild = (_c = selection.node.lastChild) == null ? void 0 : _c.lastChild;
-      const from = firstChild ? selection.from + firstChild.nodeSize : selection.from + 1;
-      const to = lastChild ? selection.to - lastChild.nodeSize : selection.to - 1;
-      chain = chain.setTextSelection({ from, to }).clearNodes();
-    }
-    const toggle = editor.isActive("blockquote") ? chain.lift("blockquote") : chain.wrapIn("blockquote");
-    toggle.run();
-    editor.chain().focus().selectTextblockEnd().run();
-    return true;
-  } catch {
-    return false;
-  }
-}
-function shouldShowButton(props) {
-  const { editor, hideWhenUnavailable } = props;
-  if (!editor || !editor.isEditable) return false;
-  if (!(0, import_editor_utils.isNodeInSchema)("blockquote", editor)) return false;
-  if (hideWhenUnavailable && !editor.isActive("code")) {
-    return canToggleBlockquote(editor);
-  }
-  return true;
-}
-function useBlockquote(config) {
-  const {
-    editor: providedEditor,
-    hideWhenUnavailable = false,
-    onToggled
-  } = config || {};
-  const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = React.useState(true);
-  const canToggle = canToggleBlockquote(editor);
-  const isActive = (editor == null ? void 0 : editor.isActive("blockquote")) || false;
-  React.useEffect(() => {
-    if (!editor) return;
-    const handleSelectionUpdate = () => {
-      setIsVisible(shouldShowButton({ editor, hideWhenUnavailable }));
-    };
-    handleSelectionUpdate();
-    editor.on("selectionUpdate", handleSelectionUpdate);
-    return () => {
-      editor.off("selectionUpdate", handleSelectionUpdate);
-    };
-  }, [editor, hideWhenUnavailable]);
-  const handleToggle = React.useCallback(() => {
-    if (!editor) return false;
-    const success = toggleBlockquote(editor);
-    if (success) {
-      onToggled == null ? void 0 : onToggled();
-    }
-    return success;
-  }, [editor, onToggled]);
-  return {
-    isVisible,
-    isActive,
-    handleToggle,
-    canToggle,
-    label: "Blockquote",
-    shortcutKeys: BLOCKQUOTE_SHORTCUT_KEY,
-    Icon: import_icons.BlockquoteIcon
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  BLOCKQUOTE_SHORTCUT_KEY,
-  canToggleBlockquote,
-  shouldShowButton,
-  toggleBlockquote,
-  useBlockquote
-});

package/dist/ui/blockquote-button/use-blockquote.mjs

@@ -1,17 +0,0 @@
-"use client";
-"use client";
-import {
-  BLOCKQUOTE_SHORTCUT_KEY,
-  canToggleBlockquote,
-  shouldShowButton,
-  toggleBlockquote,
-  useBlockquote
-} from "../../chunk-ZZ4OU46C.mjs";
-import "../../chunk-P55PLOHR.mjs";
-export {
-  BLOCKQUOTE_SHORTCUT_KEY,
-  canToggleBlockquote,
-  shouldShowButton,
-  toggleBlockquote,
-  useBlockquote
-};

package/dist/ui/bubble-menu/index.d.mts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Editor } from '@tiptap/react';
-
-interface BubbleMenuProps {
-    editor: Editor | null;
-}
-/**
- * BubbleMenu appears when text is selected.
- * Provides quick formatting options including link creation.
- */
-declare function BubbleMenu({ editor }: BubbleMenuProps): react_jsx_runtime.JSX.Element | null;
-
-export { BubbleMenu, type BubbleMenuProps, BubbleMenu as default };

package/dist/ui/bubble-menu/index.d.ts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Editor } from '@tiptap/react';
-
-interface BubbleMenuProps {
-    editor: Editor | null;
-}
-/**
- * BubbleMenu appears when text is selected.
- * Provides quick formatting options including link creation.
- */
-declare function BubbleMenu({ editor }: BubbleMenuProps): react_jsx_runtime.JSX.Element | null;
-
-export { BubbleMenu, type BubbleMenuProps, BubbleMenu as default };