@kopexa/tiptap 17.6.18 → 17.7.2

package/dist/ui/undo-redo-button/undo-redo-button.js

@@ -1,187 +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/ui/undo-redo-button/undo-redo-button.tsx
-var undo_redo_button_exports = {};
-__export(undo_redo_button_exports, {
-  UndoRedoButton: () => UndoRedoButton
-});
-module.exports = __toCommonJS(undo_redo_button_exports);
-var import_toolbar = require("@kopexa/toolbar");
-var import_react4 = 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/undo-redo-button/use-undo-redo.ts
-var import_editor_utils = require("@kopexa/editor-utils");
-var import_icons = require("@kopexa/icons");
-var import_react3 = require("react");
-var UNDO_REDO_SHORTCUT_KEYS = {
-  undo: "mod+z",
-  redo: "mod+shift+z"
-};
-var historyActionLabels = {
-  undo: "Undo",
-  redo: "Redo"
-};
-var historyIcons = {
-  undo: import_icons.UndoIcon,
-  redo: import_icons.RedoIcon
-};
-function canExecuteUndoRedoAction(editor, action) {
-  if (!editor || !editor.isEditable) return false;
-  if ((0, import_editor_utils.isNodeTypeSelected)(editor, ["image"])) return false;
-  return action === "undo" ? editor.can().undo() : editor.can().redo();
-}
-function executeUndoRedoAction(editor, action) {
-  if (!editor || !editor.isEditable) return false;
-  if (!canExecuteUndoRedoAction(editor, action)) return false;
-  const chain = editor.chain().focus();
-  return action === "undo" ? chain.undo().run() : chain.redo().run();
-}
-function shouldShowButton(props) {
-  const { editor, hideWhenUnavailable, action } = props;
-  if (!editor || !editor.isEditable) return false;
-  if (hideWhenUnavailable && !editor.isActive("code")) {
-    return canExecuteUndoRedoAction(editor, action);
-  }
-  return true;
-}
-function useUndoRedo(config) {
-  const {
-    editor: providedEditor,
-    action,
-    hideWhenUnavailable = false,
-    onExecuted
-  } = config;
-  const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = (0, import_react3.useState)(true);
-  const canExecute = canExecuteUndoRedoAction(editor, action);
-  (0, import_react3.useEffect)(() => {
-    if (!editor) return;
-    const handleUpdate = () => {
-      setIsVisible(shouldShowButton({ editor, hideWhenUnavailable, action }));
-    };
-    handleUpdate();
-    editor.on("transaction", handleUpdate);
-    return () => {
-      editor.off("transaction", handleUpdate);
-    };
-  }, [editor, hideWhenUnavailable, action]);
-  const handleAction = (0, import_react3.useCallback)(() => {
-    if (!editor) return false;
-    const success = executeUndoRedoAction(editor, action);
-    if (success) {
-      onExecuted == null ? void 0 : onExecuted();
-    }
-    return success;
-  }, [editor, action, onExecuted]);
-  return {
-    isVisible,
-    handleAction,
-    canExecute,
-    label: historyActionLabels[action],
-    shortcutKeys: UNDO_REDO_SHORTCUT_KEYS[action],
-    Icon: historyIcons[action]
-  };
-}
-
-// src/ui/undo-redo-button/undo-redo-button.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var UndoRedoButton = ({
-  editor: providedEditor,
-  action,
-  text,
-  hideWhenUnavailable = false,
-  onExecuted,
-  showShortcut = false,
-  onClick,
-  children,
-  ...buttonProps
-}) => {
-  const { editor } = useTiptapEditor(providedEditor);
-  const { isVisible, handleAction, label, canExecute, Icon, shortcutKeys } = useUndoRedo({
-    editor,
-    action,
-    hideWhenUnavailable,
-    onExecuted
-  });
-  const handleClick = (0, import_react4.useCallback)(
-    (event) => {
-      onClick == null ? void 0 : onClick(event);
-      if (event.defaultPrevented) return;
-      handleAction();
-    },
-    [handleAction, onClick]
-  );
-  if (!isVisible) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_toolbar.ToolbarButton,
-    {
-      type: "button",
-      variant: "ghost",
-      color: "default",
-      disabled: !canExecute,
-      "data-disabled": !canExecute,
-      tabIndex: -1,
-      "aria-label": label,
-      title: label,
-      shortcutKeys,
-      onClick: handleClick,
-      isIconOnly: true,
-      ...buttonProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {})
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  UndoRedoButton
-});

package/dist/ui/undo-redo-button/undo-redo-button.mjs

@@ -1,10 +0,0 @@
-"use client";
-"use client";
-import {
-  UndoRedoButton
-} from "../../chunk-2SI7MRAE.mjs";
-import "../../chunk-ZVTJ6XD7.mjs";
-import "../../chunk-P55PLOHR.mjs";
-export {
-  UndoRedoButton
-};

package/dist/ui/undo-redo-button/use-undo-redo.d.mts

@@ -1,95 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _kopexa_icons from '@kopexa/icons';
-import { Editor } from '@tiptap/react';
-
-type UndoRedoAction = "undo" | "redo";
-/**
- * Configuration for the history functionality
- */
-interface UseUndoRedoConfig {
-    /**
-     * The Tiptap editor instance.
-     */
-    editor?: Editor | null;
-    /**
-     * The history action to perform (undo or redo).
-     */
-    action: UndoRedoAction;
-    /**
-     * Whether the button should hide when action is not available.
-     * @default false
-     */
-    hideWhenUnavailable?: boolean;
-    /**
-     * Callback function called after a successful action execution.
-     */
-    onExecuted?: () => void;
-}
-declare const UNDO_REDO_SHORTCUT_KEYS: Record<UndoRedoAction, string>;
-declare const historyActionLabels: Record<UndoRedoAction, string>;
-declare const historyIcons: {
-    undo: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-    redo: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-};
-/**
- * Checks if a history action can be executed
- */
-declare function canExecuteUndoRedoAction(editor: Editor | null, action: UndoRedoAction): boolean;
-/**
- * Executes a history action on the editor
- */
-declare function executeUndoRedoAction(editor: Editor | null, action: UndoRedoAction): boolean;
-/**
- * Determines if the history button should be shown
- */
-declare function shouldShowButton(props: {
-    editor: Editor | null;
-    hideWhenUnavailable: boolean;
-    action: UndoRedoAction;
-}): boolean;
-/**
- * Custom hook that provides history functionality for Tiptap editor
- *
- * @example
- * ```tsx
- * // Simple usage
- * function MySimpleUndoButton() {
- *   const { isVisible, handleAction } = useHistory({ action: "undo" })
- *
- *   if (!isVisible) return null
- *
- *   return <button onClick={handleAction}>Undo</button>
- * }
- *
- * // Advanced usage with configuration
- * function MyAdvancedRedoButton() {
- *   const { isVisible, handleAction, label } = useHistory({
- *     editor: myEditor,
- *     action: "redo",
- *     hideWhenUnavailable: true,
- *     onExecuted: () => console.log('Action executed!')
- *   })
- *
- *   if (!isVisible) return null
- *
- *   return (
- *     <MyButton
- *       onClick={handleAction}
- *       aria-label={label}
- *     >
- *       Redo
- *     </MyButton>
- *   )
- * }
- * ```
- */
-declare function useUndoRedo(config: UseUndoRedoConfig): {
-    isVisible: boolean;
-    handleAction: () => boolean;
-    canExecute: boolean;
-    label: string;
-    shortcutKeys: string;
-    Icon: (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element) | (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element);
-};
-
-export { UNDO_REDO_SHORTCUT_KEYS, type UndoRedoAction, type UseUndoRedoConfig, canExecuteUndoRedoAction, executeUndoRedoAction, historyActionLabels, historyIcons, shouldShowButton, useUndoRedo };

package/dist/ui/undo-redo-button/use-undo-redo.d.ts

@@ -1,95 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _kopexa_icons from '@kopexa/icons';
-import { Editor } from '@tiptap/react';
-
-type UndoRedoAction = "undo" | "redo";
-/**
- * Configuration for the history functionality
- */
-interface UseUndoRedoConfig {
-    /**
-     * The Tiptap editor instance.
-     */
-    editor?: Editor | null;
-    /**
-     * The history action to perform (undo or redo).
-     */
-    action: UndoRedoAction;
-    /**
-     * Whether the button should hide when action is not available.
-     * @default false
-     */
-    hideWhenUnavailable?: boolean;
-    /**
-     * Callback function called after a successful action execution.
-     */
-    onExecuted?: () => void;
-}
-declare const UNDO_REDO_SHORTCUT_KEYS: Record<UndoRedoAction, string>;
-declare const historyActionLabels: Record<UndoRedoAction, string>;
-declare const historyIcons: {
-    undo: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-    redo: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-};
-/**
- * Checks if a history action can be executed
- */
-declare function canExecuteUndoRedoAction(editor: Editor | null, action: UndoRedoAction): boolean;
-/**
- * Executes a history action on the editor
- */
-declare function executeUndoRedoAction(editor: Editor | null, action: UndoRedoAction): boolean;
-/**
- * Determines if the history button should be shown
- */
-declare function shouldShowButton(props: {
-    editor: Editor | null;
-    hideWhenUnavailable: boolean;
-    action: UndoRedoAction;
-}): boolean;
-/**
- * Custom hook that provides history functionality for Tiptap editor
- *
- * @example
- * ```tsx
- * // Simple usage
- * function MySimpleUndoButton() {
- *   const { isVisible, handleAction } = useHistory({ action: "undo" })
- *
- *   if (!isVisible) return null
- *
- *   return <button onClick={handleAction}>Undo</button>
- * }
- *
- * // Advanced usage with configuration
- * function MyAdvancedRedoButton() {
- *   const { isVisible, handleAction, label } = useHistory({
- *     editor: myEditor,
- *     action: "redo",
- *     hideWhenUnavailable: true,
- *     onExecuted: () => console.log('Action executed!')
- *   })
- *
- *   if (!isVisible) return null
- *
- *   return (
- *     <MyButton
- *       onClick={handleAction}
- *       aria-label={label}
- *     >
- *       Redo
- *     </MyButton>
- *   )
- * }
- * ```
- */
-declare function useUndoRedo(config: UseUndoRedoConfig): {
-    isVisible: boolean;
-    handleAction: () => boolean;
-    canExecute: boolean;
-    label: string;
-    shortcutKeys: string;
-    Icon: (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element) | (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element);
-};
-
-export { UNDO_REDO_SHORTCUT_KEYS, type UndoRedoAction, type UseUndoRedoConfig, canExecuteUndoRedoAction, executeUndoRedoAction, historyActionLabels, historyIcons, shouldShowButton, useUndoRedo };

package/dist/ui/undo-redo-button/use-undo-redo.js

@@ -1,146 +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/ui/undo-redo-button/use-undo-redo.ts
-var use_undo_redo_exports = {};
-__export(use_undo_redo_exports, {
-  UNDO_REDO_SHORTCUT_KEYS: () => UNDO_REDO_SHORTCUT_KEYS,
-  canExecuteUndoRedoAction: () => canExecuteUndoRedoAction,
-  executeUndoRedoAction: () => executeUndoRedoAction,
-  historyActionLabels: () => historyActionLabels,
-  historyIcons: () => historyIcons,
-  shouldShowButton: () => shouldShowButton,
-  useUndoRedo: () => useUndoRedo
-});
-module.exports = __toCommonJS(use_undo_redo_exports);
-var import_editor_utils = require("@kopexa/editor-utils");
-var import_icons = require("@kopexa/icons");
-var import_react3 = 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/undo-redo-button/use-undo-redo.ts
-var UNDO_REDO_SHORTCUT_KEYS = {
-  undo: "mod+z",
-  redo: "mod+shift+z"
-};
-var historyActionLabels = {
-  undo: "Undo",
-  redo: "Redo"
-};
-var historyIcons = {
-  undo: import_icons.UndoIcon,
-  redo: import_icons.RedoIcon
-};
-function canExecuteUndoRedoAction(editor, action) {
-  if (!editor || !editor.isEditable) return false;
-  if ((0, import_editor_utils.isNodeTypeSelected)(editor, ["image"])) return false;
-  return action === "undo" ? editor.can().undo() : editor.can().redo();
-}
-function executeUndoRedoAction(editor, action) {
-  if (!editor || !editor.isEditable) return false;
-  if (!canExecuteUndoRedoAction(editor, action)) return false;
-  const chain = editor.chain().focus();
-  return action === "undo" ? chain.undo().run() : chain.redo().run();
-}
-function shouldShowButton(props) {
-  const { editor, hideWhenUnavailable, action } = props;
-  if (!editor || !editor.isEditable) return false;
-  if (hideWhenUnavailable && !editor.isActive("code")) {
-    return canExecuteUndoRedoAction(editor, action);
-  }
-  return true;
-}
-function useUndoRedo(config) {
-  const {
-    editor: providedEditor,
-    action,
-    hideWhenUnavailable = false,
-    onExecuted
-  } = config;
-  const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = (0, import_react3.useState)(true);
-  const canExecute = canExecuteUndoRedoAction(editor, action);
-  (0, import_react3.useEffect)(() => {
-    if (!editor) return;
-    const handleUpdate = () => {
-      setIsVisible(shouldShowButton({ editor, hideWhenUnavailable, action }));
-    };
-    handleUpdate();
-    editor.on("transaction", handleUpdate);
-    return () => {
-      editor.off("transaction", handleUpdate);
-    };
-  }, [editor, hideWhenUnavailable, action]);
-  const handleAction = (0, import_react3.useCallback)(() => {
-    if (!editor) return false;
-    const success = executeUndoRedoAction(editor, action);
-    if (success) {
-      onExecuted == null ? void 0 : onExecuted();
-    }
-    return success;
-  }, [editor, action, onExecuted]);
-  return {
-    isVisible,
-    handleAction,
-    canExecute,
-    label: historyActionLabels[action],
-    shortcutKeys: UNDO_REDO_SHORTCUT_KEYS[action],
-    Icon: historyIcons[action]
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  UNDO_REDO_SHORTCUT_KEYS,
-  canExecuteUndoRedoAction,
-  executeUndoRedoAction,
-  historyActionLabels,
-  historyIcons,
-  shouldShowButton,
-  useUndoRedo
-});

package/dist/ui/undo-redo-button/use-undo-redo.mjs

@@ -1,21 +0,0 @@
-"use client";
-"use client";
-import {
-  UNDO_REDO_SHORTCUT_KEYS,
-  canExecuteUndoRedoAction,
-  executeUndoRedoAction,
-  historyActionLabels,
-  historyIcons,
-  shouldShowButton,
-  useUndoRedo
-} from "../../chunk-ZVTJ6XD7.mjs";
-import "../../chunk-P55PLOHR.mjs";
-export {
-  UNDO_REDO_SHORTCUT_KEYS,
-  canExecuteUndoRedoAction,
-  executeUndoRedoAction,
-  historyActionLabels,
-  historyIcons,
-  shouldShowButton,
-  useUndoRedo
-};

package/dist/utils/index.d.mts

@@ -1,38 +0,0 @@
-declare const MAX_FILE_SIZE: number;
-/**
- * Handles image upload with progress tracking and abort capability
- * @param file The file to upload
- * @param onProgress Optional callback for tracking upload progress
- * @param abortSignal Optional AbortSignal for cancelling the upload
- * @returns Promise resolving to the URL of the uploaded image
- */
-declare const handleImageUpload: (file: File, onProgress?: (event: {
-    progress: number;
-}) => void, abortSignal?: AbortSignal) => Promise<string>;
-/**
- * Converts a File to base64 string
- * @param file The file to convert
- * @param abortSignal Optional AbortSignal for cancelling the conversion
- * @returns Promise resolving to the base64 representation of the file
- */
-declare const convertFileToBase64: (file: File, abortSignal?: AbortSignal) => Promise<string>;
-type ProtocolOptions = {
-    /**
-     * The protocol scheme to be registered.
-     * @default '''
-     * @example 'ftp'
-     * @example 'git'
-     */
-    scheme: string;
-    /**
-     * If enabled, it allows optional slashes after the protocol.
-     * @default false
-     * @example true
-     */
-    optionalSlashes?: boolean;
-};
-type ProtocolConfig = Array<ProtocolOptions | string>;
-declare function isAllowedUri(uri: string | undefined, protocols?: ProtocolConfig): true | RegExpMatchArray | null;
-declare function sanitizeUrl(inputUrl: string, baseUrl: string, protocols?: ProtocolConfig): string;
-
-export { MAX_FILE_SIZE, convertFileToBase64, handleImageUpload, isAllowedUri, sanitizeUrl };

package/dist/utils/index.d.ts

@@ -1,38 +0,0 @@
-declare const MAX_FILE_SIZE: number;
-/**
- * Handles image upload with progress tracking and abort capability
- * @param file The file to upload
- * @param onProgress Optional callback for tracking upload progress
- * @param abortSignal Optional AbortSignal for cancelling the upload
- * @returns Promise resolving to the URL of the uploaded image
- */
-declare const handleImageUpload: (file: File, onProgress?: (event: {
-    progress: number;
-}) => void, abortSignal?: AbortSignal) => Promise<string>;
-/**
- * Converts a File to base64 string
- * @param file The file to convert
- * @param abortSignal Optional AbortSignal for cancelling the conversion
- * @returns Promise resolving to the base64 representation of the file
- */
-declare const convertFileToBase64: (file: File, abortSignal?: AbortSignal) => Promise<string>;
-type ProtocolOptions = {
-    /**
-     * The protocol scheme to be registered.
-     * @default '''
-     * @example 'ftp'
-     * @example 'git'
-     */
-    scheme: string;
-    /**
-     * If enabled, it allows optional slashes after the protocol.
-     * @default false
-     * @example true
-     */
-    optionalSlashes?: boolean;
-};
-type ProtocolConfig = Array<ProtocolOptions | string>;
-declare function isAllowedUri(uri: string | undefined, protocols?: ProtocolConfig): true | RegExpMatchArray | null;
-declare function sanitizeUrl(inputUrl: string, baseUrl: string, protocols?: ProtocolConfig): string;
-
-export { MAX_FILE_SIZE, convertFileToBase64, handleImageUpload, isAllowedUri, sanitizeUrl };