@antscorp/antsomi-ui 2.0.92-text-editor-beta.6 → 2.0.93

package/es/components/organism/TextEditor/utils/link.d.ts

@@ -1,108 +0,0 @@
-import { EditorState } from '@tiptap/pm/state';
-import { EditorView } from '@tiptap/pm/view';
-import { LinkAttrs, LinkHandler, LinkMark, LinkMarkRange } from '../types';
-/**
- * Kiểm tra xem cursor có đang nằm trong một đoạn text có mark là link hay không
- * @param state EditorState của Tiptap/ProseMirror
- * @returns true nếu cursor đang nằm trong link, false nếu không
- */
-export declare const isCursorInLink: (state: EditorState) => boolean;
-/**
- * Gets all link mark ranges within a specified range
- * @param params Object containing state, from and to positions
- * @returns Array of MarkRange objects for links
- */
-export declare const getLinkMarkRanges: (params: {
-    state: EditorState;
-    from: number;
-    to: number;
-}) => LinkMarkRange[];
-/**
- * Gets the range of a link mark at a specific position
- * @param params Object containing state and optional position
- * @returns Link mark range or undefined
- */
-export declare const getLinkRange: (params: {
-    state: EditorState;
-    pos?: number;
-}) => void | import("@tiptap/core").Range;
-/**
- * Gets the first link mark in a range
- * @param params Object containing state, optional from and to positions
- * @returns Link mark or undefined
- */
-export declare const getLinkMark: (params: {
-    state: EditorState;
-    from?: number;
-    to?: number;
-}) => {
-    readonly type: import("prosemirror-model").MarkType;
-    addToSet: (set: readonly import("prosemirror-model").Mark[]) => readonly import("prosemirror-model").Mark[];
-    removeFromSet: (set: readonly import("prosemirror-model").Mark[]) => readonly import("prosemirror-model").Mark[];
-    isInSet: (set: readonly import("prosemirror-model").Mark[]) => boolean;
-    eq: (other: import("prosemirror-model").Mark) => boolean;
-    toJSON: () => any;
-    attrs: LinkAttrs;
-} | undefined;
-/**
- * Gets all link marks in a range
- * @param params Object containing state, from and to positions
- * @returns Array of link marks
- */
-export declare const getLinkMarks: (params: {
-    state: EditorState;
-    from: number;
-    to: number;
-}) => LinkMark[];
-/**
- * Gets all link attrs from a range
- * @param params Object containing state, optional from and to positions
- * @returns Array of link attrs
- */
-export declare const getLinkAttrsFromRange: (params: {
-    state: EditorState;
-    from?: number;
-    to?: number;
-}) => LinkAttrs[];
-/**
- * Gets the active link attrs and inactive links from a range
- * @param params Object containing state, optional from and to positions
- * @returns Object with active link Attrs and inactiveLink Attrs or undefined
- */
-export declare const getActiveLinkAttrsFromRange: (params: {
-    state: EditorState;
-    from?: number;
-    to?: number;
-}) => {
-    readonly activeAttrs: LinkAttrs;
-    readonly inactiveLinks: LinkAttrs[];
-} | undefined;
-/**
- * Extends selection to include full link marks
- * @param state EditorState
- * @param from Start position
- * @param to End position
- * @returns Object with extended from, to positions and link attrs
- */
-export declare const extendSelectionToFullLinks: (state: EditorState, from: number, to: number) => {
-    from: number;
-    to: number;
-    linkAttrs?: undefined;
-} | {
-    from: number;
-    to: number;
-    linkAttrs: LinkAttrs;
-};
-/**
- * Handles link actions (create or edit)
- * @param view EditorView instance
- * @param linkHandler Link handler callbacks
- */
-export declare function handleLinkAction(view: EditorView, linkHandler: LinkHandler | undefined): void;
-/**
- * Checks if the link menu should be shown
- * @param state EditorState
- * @returns true if link menu should be shown
- */
-export declare const isShowLinkToolbar: (state: EditorState) => boolean;
-export declare const isDynamicLink: ({ data }: LinkAttrs) => boolean;

package/es/components/organism/TextEditor/utils/link.js

@@ -1,151 +0,0 @@
-import { TextSelection } from '@tiptap/pm/state';
-import { getMarkRange, getMarksBetween, isMarkActive } from '@tiptap/core';
-import { isNoSelection } from './selection';
-import { isEmpty } from 'lodash';
-import { isLinkMarkRange } from '../types';
-import { CUSTOM_LINK_EXTENSION_NAME } from '../constants';
-/**
- * Kiểm tra xem cursor có đang nằm trong một đoạn text có mark là link hay không
- * @param state EditorState của Tiptap/ProseMirror
- * @returns true nếu cursor đang nằm trong link, false nếu không
- */
-export const isCursorInLink = (state) => isMarkActive(state, CUSTOM_LINK_EXTENSION_NAME);
-/**
- * Gets all link mark ranges within a specified range
- * @param params Object containing state, from and to positions
- * @returns Array of MarkRange objects for links
- */
-export const getLinkMarkRanges = (params) => {
-    const { state } = params;
-    const from = params.from ?? state.selection.from;
-    const to = params.to ?? state.selection.to;
-    return getMarksBetween(from, to, state.doc).filter(isLinkMarkRange);
-};
-/**
- * Gets the range of a link mark at a specific position
- * @param params Object containing state and optional position
- * @returns Link mark range or undefined
- */
-export const getLinkRange = (params) => {
-    const { state } = params;
-    const { schema } = state;
-    const $pos = state.doc.resolve(params?.pos || state.selection.from);
-    return getMarkRange($pos, schema.marks.link);
-};
-/**
- * Gets the first link mark in a range
- * @param params Object containing state, optional from and to positions
- * @returns Link mark or undefined
- */
-export const getLinkMark = (params) => {
-    const { state } = params;
-    const from = params.from ?? state.selection.from;
-    const to = params.to ?? state.selection.to;
-    return getLinkMarkRanges({ state, from, to }).at(0)?.mark;
-};
-/**
- * Gets all link marks in a range
- * @param params Object containing state, from and to positions
- * @returns Array of link marks
- */
-export const getLinkMarks = (params) => {
-    const { state, from, to } = params;
-    return getMarksBetween(from, to, state.doc)
-        .filter(isLinkMarkRange)
-        .map(range => range.mark);
-};
-/**
- * Gets all link attrs from a range
- * @param params Object containing state, optional from and to positions
- * @returns Array of link attrs
- */
-export const getLinkAttrsFromRange = (params) => {
-    const { state } = params;
-    const from = params.from ?? state.selection.from;
-    const to = params.to ?? state.selection.to;
-    return getLinkMarkRanges({ state, from, to }).map(r => r.mark.attrs);
-};
-/**
- * Gets the active link attrs and inactive links from a range
- * @param params Object containing state, optional from and to positions
- * @returns Object with active link Attrs and inactiveLink Attrs or undefined
- */
-export const getActiveLinkAttrsFromRange = (params) => {
-    const { state } = params;
-    const from = params.from ?? state.selection.from;
-    const to = params.to ?? state.selection.to;
-    const linkAttrs = getLinkAttrsFromRange({ state, from, to });
-    if (linkAttrs.length === 0)
-        return undefined;
-    const [activeAttrs, ...inactiveLinks] = linkAttrs;
-    return {
-        activeAttrs,
-        inactiveLinks,
-    };
-};
-/**
- * Extends selection to include full link marks
- * @param state EditorState
- * @param from Start position
- * @param to End position
- * @returns Object with extended from, to positions and link attrs
- */
-export const extendSelectionToFullLinks = (state, from, to) => {
-    const { activeAttrs } = getActiveLinkAttrsFromRange({ state, from, to }) || {};
-    const linkMarkRanges = getLinkMarkRanges({ state, from, to });
-    if (linkMarkRanges.length === 0 || isEmpty(activeAttrs))
-        return { from, to };
-    // Tính toán range mới
-    const newFrom = Math.min(...linkMarkRanges.map(range => range.from), from);
-    const newTo = Math.max(...linkMarkRanges.map(range => range.to), to);
-    return {
-        from: newFrom,
-        to: newTo,
-        linkAttrs: activeAttrs,
-    };
-};
-/**
- * Handles link actions (create or edit)
- * @param view EditorView instance
- * @param linkHandler Link handler callbacks
- */
-export function handleLinkAction(view, linkHandler) {
-    const { state } = view;
-    const { tr } = state;
-    const { from, to, empty } = state.selection;
-    if (empty && isMarkActive(state, CUSTOM_LINK_EXTENSION_NAME)) {
-        const linkRange = getLinkRange({ state, pos: from });
-        const linkMark = getLinkMark({ state });
-        if (linkRange && linkMark) {
-            // Update selection to include full link
-            view.dispatch(tr.setSelection(TextSelection.create(tr.doc, linkRange.from, linkRange.to)));
-            linkHandler?.edit?.({
-                attrs: linkMark.attrs,
-                selectionText: state.doc.textBetween(linkRange.from, linkRange.to),
-            });
-            return;
-        }
-    }
-    const { from: newFrom, to: newTo, linkAttrs } = extendSelectionToFullLinks(state, from, to);
-    // Update selection to include full links
-    view.dispatch(tr.setSelection(TextSelection.create(tr.doc, newFrom, newTo)));
-    const selectedText = state.doc.textBetween(newFrom, newTo);
-    if (linkAttrs) {
-        linkHandler?.edit?.({
-            attrs: linkAttrs,
-            selectionText: selectedText,
-        });
-    }
-    else {
-        linkHandler?.setNew?.({
-            selectionText: selectedText,
-        });
-    }
-}
-/**
- * Checks if the link menu should be shown
- * @param state EditorState
- * @returns true if link menu should be shown
- */
-export const isShowLinkToolbar = (state) => isNoSelection(state) && isCursorInLink(state);
-export const isDynamicLink = ({ data }) => !!data && 'dynamic' in data && data.dynamic === 'true';

package/es/components/organism/TextEditor/utils/menu.d.ts

@@ -1,134 +0,0 @@
-import { EditorState } from '@tiptap/pm/state';
-import { Editor } from '@tiptap/core';
-import { EditorView } from '@tiptap/pm/view';
-/**
- * Default function to determine if bubble menu should be shown
- * @param params Object containing editor state and view information
- * @returns true if bubble menu should be shown
- */
-export declare const defaultShouldShowBubbleMenu: (params: {
-    state: EditorState;
-    view: EditorView;
-    element: HTMLElement;
-    editor: Editor;
-}) => boolean;
-/**
- * Checks if link menu should be shown
- * @param state EditorState
- * @returns true if link menu should be shown
- */
-export declare const shouldShowLinkMenu: (state: EditorState) => boolean;
-/**
- * Calculates optimal menu position relative to selection
- * @param view EditorView instance
- * @param menuElement Menu element to position
- * @returns Position coordinates
- */
-export declare function calculateMenuPosition(view: EditorView, menuElement: HTMLElement): {
-    top: number;
-    left: number;
-};
-/**
- * Checks if menu should be hidden based on editor state
- * @param editor Editor instance
- * @returns true if menu should be hidden
- */
-export declare function shouldHideMenu(editor: Editor): boolean;
-/**
- * Gets the active menu type based on current selection
- * @param state EditorState
- * @returns Menu type identifier
- */
-export declare function getActiveMenuType(state: EditorState): 'default' | 'link' | 'smartTag' | null;
-/**
- * Menu visibility manager class
- */
-export declare class MenuVisibilityManager {
-    private visibleMenus;
-    private callbacks;
-    /**
-     * Shows a menu with given ID
-     * @param menuId Menu identifier
-     * @param onShow Optional callback when menu is shown
-     */
-    showMenu(menuId: string, onShow?: () => void): void;
-    /**
-     * Hides a specific menu
-     * @param menuId Menu identifier
-     */
-    hideMenu(menuId: string): void;
-    /**
-     * Hides all visible menus
-     */
-    hideAllMenus(): void;
-    /**
-     * Checks if a menu is visible
-     * @param menuId Menu identifier
-     * @returns true if menu is visible
-     */
-    isMenuVisible(menuId: string): boolean;
-    /**
-     * Gets all visible menu IDs
-     * @returns Array of visible menu IDs
-     */
-    getVisibleMenus(): string[];
-}
-/**
- * Menu positioning utilities
- */
-export declare class MenuPositioner {
-    private container;
-    constructor(container?: HTMLElement);
-    /**
-     * Positions menu relative to a DOM element
-     * @param menuElement Menu element to position
-     * @param targetElement Target element to position relative to
-     * @param placement Placement preference
-     */
-    positionRelativeToElement(menuElement: HTMLElement, targetElement: HTMLElement, placement?: 'top' | 'bottom' | 'left' | 'right'): void;
-    /**
-     * Positions menu at specific coordinates
-     * @param menuElement Menu element to position
-     * @param x X coordinate
-     * @param y Y coordinate
-     */
-    positionAtCoordinates(menuElement: HTMLElement, x: number, y: number): void;
-}
-/**
- * Menu keyboard navigation handler
- */
-export declare class MenuKeyboardHandler {
-    private menuElement;
-    private focusableElements;
-    private currentIndex;
-    constructor(menuElement: HTMLElement);
-    /**
-     * Updates the list of focusable elements
-     */
-    updateFocusableElements(): void;
-    /**
-     * Handles keyboard events for menu navigation
-     * @param event Keyboard event
-     */
-    handleKeyDown(event: KeyboardEvent): boolean;
-    /**
-     * Focuses the next focusable element
-     */
-    focusNext(): void;
-    /**
-     * Focuses the previous focusable element
-     */
-    focusPrevious(): void;
-    /**
-     * Focuses the first focusable element
-     */
-    focusFirst(): void;
-    /**
-     * Focuses the last focusable element
-     */
-    focusLast(): void;
-    /**
-     * Removes focus from menu
-     */
-    blur(): void;
-}