@sovann72-dev/lynqify-ui 1.0.1 → 1.0.2

package/dist/components/RichTextEditor/Extension/Image/ImageResize/constants/index.d.ts

@@ -0,0 +1,22 @@
+export declare const CONSTANTS: {
+    readonly MOBILE_BREAKPOINT: 768;
+    readonly ICON_SIZE: "24px";
+    readonly CONTROLLER_HEIGHT: "25px";
+    readonly DOT_SIZE: {
+        readonly MOBILE: 16;
+        readonly DESKTOP: 9;
+    };
+    readonly DOT_POSITION: {
+        readonly MOBILE: "-8px";
+        readonly DESKTOP: "-4px";
+    };
+    readonly COLORS: {
+        readonly BORDER: "#6C6C6C";
+        readonly BACKGROUND: "rgba(255, 255, 255, 1)";
+    };
+    readonly ICONS: {
+        readonly LEFT: "https://fonts.gstatic.com/s/i/short-term/release/materialsymbolsoutlined/format_align_left/default/20px.svg";
+        readonly CENTER: "https://fonts.gstatic.com/s/i/short-term/release/materialsymbolsoutlined/format_align_center/default/20px.svg";
+        readonly RIGHT: "https://fonts.gstatic.com/s/i/short-term/release/materialsymbolsoutlined/format_align_right/default/20px.svg";
+    };
+};

package/dist/components/RichTextEditor/Extension/Image/ImageResize/controllers/image-node-view.d.ts

@@ -0,0 +1,38 @@
+import { ResizeLimits } from '../types';
+interface NodeViewContext {
+    node: any;
+    editor: any;
+    view: any;
+    getPos: (() => number) | undefined;
+}
+export declare class ImageNodeView {
+    private context;
+    private elements;
+    private inline;
+    private resizeLimitsRef;
+    private resizeEventName?;
+    private handleResizeEvent?;
+    constructor(context: NodeViewContext, inline: boolean, resizeLimits?: ResizeLimits, resizeEventName?: string);
+    destroy(): void;
+    updateResizeLimits(newLimits: ResizeLimits): void;
+    private createElements;
+    private clearContainerBorder;
+    private dispatchNodeView;
+    private removeResizeElements;
+    private setupImageAttributes;
+    private setupDOMStructure;
+    /**
+     * Applies min/max width limits to the container and image.
+     * Enforces configured limits on initial render and when container style is re-applied.
+     */
+    private applyResizeLimits;
+    private createPositionController;
+    private createResizeHandler;
+    private setupContainerClick;
+    private setupContentClick;
+    initialize(): {
+        dom: HTMLElement;
+        destroy: () => void;
+    };
+}
+export {};

package/dist/components/RichTextEditor/Extension/Image/ImageResize/controllers/position-controller.d.ts

@@ -0,0 +1,12 @@
+import { ImageElements } from '../types';
+export declare class PositionController {
+    private elements;
+    private inline;
+    private dispatchNodeView;
+    constructor(elements: ImageElements, inline: boolean, dispatchNodeView: () => void);
+    private createControllerIcon;
+    private handleLeftClick;
+    private handleCenterClick;
+    private handleRightClick;
+    createPositionControls(): PositionController;
+}

package/dist/components/RichTextEditor/Extension/Image/ImageResize/controllers/resize-controller.d.ts

@@ -0,0 +1,13 @@
+import { ImageElements, ResizeLimits } from '../types';
+export declare class ResizeController {
+    private elements;
+    private dispatchNodeView;
+    private getResizeLimits;
+    private state;
+    constructor(elements: ImageElements, dispatchNodeView: () => void, getResizeLimits?: () => ResizeLimits);
+    private handleMouseMove;
+    private handleMouseUp;
+    private handleTouchMove;
+    private handleTouchEnd;
+    createResizeHandle(index: number): HTMLElement;
+}

package/dist/components/RichTextEditor/Extension/Image/ImageResize/image-resize.d.ts

@@ -0,0 +1,22 @@
+import { ImageOptions } from '@tiptap/extension-image';
+import { Node } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        imageResize: {
+            setResizableImage: (options: {
+                src: string;
+                alt?: string;
+                title?: string;
+                width?: number;
+                height?: number;
+                containerStyle?: string;
+            }) => ReturnType;
+        };
+    }
+}
+export interface ImageResizeOptions extends ImageOptions {
+    inline: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+}
+export declare const ImageResize: Node<ImageResizeOptions, any>;

package/dist/components/RichTextEditor/Extension/Image/ImageResize/index.d.ts

@@ -0,0 +1,4 @@
+import { ImageResize } from './image-resize';
+export * from './image-resize';
+export type { ResizeLimits } from './types';
+export default ImageResize;

package/dist/components/RichTextEditor/Extension/Image/ImageResize/types/index.d.ts

@@ -0,0 +1,20 @@
+export interface ResizeState {
+    isResizing: boolean;
+    startX: number;
+    startWidth: number;
+}
+export interface ResizeLimits {
+    minWidth?: number;
+    maxWidth?: number;
+}
+export interface PositionController {
+    element: HTMLElement;
+    leftController: HTMLElement;
+    centerController?: HTMLElement;
+    rightController: HTMLElement;
+}
+export interface ImageElements {
+    wrapper: HTMLElement;
+    container: HTMLElement;
+    img: HTMLImageElement;
+}

package/dist/components/RichTextEditor/Extension/Image/ImageResize/utils/attribute-parser.d.ts

@@ -0,0 +1,4 @@
+export declare class AttributeParser {
+    static parseImageAttributes(nodeAttrs: Record<string, any>, imgElement: HTMLImageElement): void;
+    static extractWidthFromStyle(style: string): string | null;
+}

package/dist/components/RichTextEditor/Extension/Image/ImageResize/utils/clamp-width.d.ts

@@ -0,0 +1,6 @@
+import { ResizeLimits } from '../types';
+/**
+ * Clamps a width value to the given resize limits.
+ * Always enforces a minimum of 0 to prevent invalid negative CSS values.
+ */
+export declare function clampWidth(width: number, limits: ResizeLimits): number;

package/dist/components/RichTextEditor/Extension/Image/ImageResize/utils/index.d.ts

@@ -0,0 +1,7 @@
+export declare const utils: {
+    isMobile(): boolean;
+    getDotPosition(): string;
+    getDotSize(): number;
+    clearContainerBorder(container: HTMLElement): void;
+    removeResizeElements(container: HTMLElement): void;
+};

package/dist/components/RichTextEditor/Extension/Image/ImageResize/utils/resize-handler.d.ts

@@ -0,0 +1,12 @@
+export declare const IMAGE_RESIZE_EVENT = "image-resize-limit-update";
+export declare class ResizeHandler {
+    private editorElement;
+    private currentMaxWidth;
+    private resizeTimeout;
+    private rafId;
+    constructor(editorElement: HTMLElement);
+    private measureContainerWidth;
+    private handleResize;
+    getCurrentMaxWidth(): number | undefined;
+    destroy(): void;
+}

package/dist/components/RichTextEditor/Extension/Image/ImageResize/utils/style-manager.d.ts

@@ -0,0 +1,6 @@
+export declare class StyleManager {
+    static getContainerStyle(inline: boolean, width?: string): string;
+    static getWrapperStyle(inline: boolean): string;
+    static getPositionControllerStyle(inline: boolean): string;
+    static getDotStyle(index: number): string;
+}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components/RichTextEditor/Extension/extensions';
+export { Editor, type EditorEvents, useEditor, EditorContent } from '@tiptap/react';
 export { default as Bold } from '@tiptap/extension-bold';
 export { default as Color } from '@tiptap/extension-color';
 export { default as Document } from '@tiptap/extension-document';
@@ -19,6 +20,7 @@ export { TextStyle } from '@tiptap/extension-text-style';
 export { default as Underline } from '@tiptap/extension-underline';
 export { CharacterCount, Placeholder, UndoRedo as History } from '@tiptap/extensions';
 export { CustomParagraph } from './components/RichTextEditor/Extension/custom-paragraph.extension';
+export { CustomLink } from './components/RichTextEditor/Extension/custom-link.extension';
 export { IndentExtension } from './components/RichTextEditor/Extension/Indent/indent.extension';
 export { CustomListItem, CustomBulletList, CustomOrderedList, } from './components/RichTextEditor/Extension/List/custom-list-item.extension';
 export { DynamicBulletStyling } from './components/RichTextEditor/Extension/List/dynamic-bullet-styling.extension';
@@ -27,4 +29,6 @@ export { FontSize } from './components/RichTextEditor/Extension/tiptap-extension
 export { LineHeight } from './components/RichTextEditor/Extension/tiptap-extension-lineheight';
 export { MentionStorage } from './components/RichTextEditor/Extension/mentionstorage.extension';
 export { BatchSegmentImagesExtension } from './components/RichTextEditor/Extension/batch-segment-images.extension';
-export type { BatchImage, BatchSegmentImagesOptions } from './components/RichTextEditor/Extension/batch-segment-images.types';
+export { ImageResize } from './components/RichTextEditor/Extension/Image/ImageResize';
+export type { ResizeLimits } from './components/RichTextEditor/Extension/Image/ImageResize';
+export type { BatchImage, BatchSegmentImagesOptions, } from './components/RichTextEditor/Extension/batch-segment-images.types';