@reforma/components 0.0.0-stage → 0.1.0

package/dist/Modal/Modal.d.ts

@@ -0,0 +1,244 @@
+/**
+ * Modal windows
+ *
+ *
+ * Features:
+    - Background overlay
+    - Display next to element
+    - Tabs
+    - Window dragging
+    - Multiple modals can be shown simultaneously
+    - Automatic positioning
+
+ * Usage:
+    const modal = Modal.create({
+        type: 'window', // window type: small or fullscreen
+        component: 'name', // component
+        props: {}, // component props,
+        ...Opts
+    });
+ */
+import ModalInteractions from './ModalInteractions';
+import type { ModalOptions, ModalResponsiveMode } from './typings';
+interface CloseOptions {
+    restoreFocus?: boolean;
+}
+declare class Modal<Opts extends ModalOptions = ModalOptions> {
+    #private;
+    static events: import("@reforma/lib").ObservableInterface<any[], any>;
+    static list: Set<Modal>;
+    static get opened(): Modal<ModalOptions<any>>[];
+    static get visible(): Modal<ModalOptions<any>>[];
+    /** Top visible modal, excluding `child`. Used to nest window-type dialogs. */
+    static parentOf(child: Modal): Modal | undefined;
+    static create(opts?: Partial<ModalOptions>): Modal;
+    accessor options: Opts;
+    name: string;
+    id: string;
+    type: string;
+    accessor hidden: boolean;
+    accessor disabled: boolean;
+    isSaved: boolean;
+    accessor loading: boolean;
+    accessor activeTab: string | null;
+    accessor tabOptions: Partial<Opts>;
+    accessor responsiveMode: ModalResponsiveMode | null;
+    accessor contentRevision: number;
+    get currentOptions(): Opts;
+    /**
+     * Get default tab ID - returns activeTab from signal/options or first tab ID
+     */
+    get defaultTabId(): string | null;
+    windowEl: HTMLElement | null;
+    overlay: HTMLElement;
+    styles: {
+        top: number;
+        left: number;
+        position: string | null;
+        height: number | string;
+        width: number | string;
+        maxHeight: number | string | null;
+        maxWidth: number | string | null;
+    };
+    bounds: {
+        windowWidth: number;
+        windowHeight: number;
+        overlayWidth: number;
+        overlayHeight: number;
+        limits: {
+            minLeft: number;
+            maxLeft: number;
+            minTop: number;
+            maxTop: number;
+            overflowMinLeft: number;
+            overflowMaxLeft: number;
+            overflowMinTop: number;
+            overflowMaxTop: number;
+        };
+    };
+    isDragging: boolean;
+    interactions: ModalInteractions;
+    /**
+     * Set tab options based on active tab ID
+     * Internal method - use selectTab() for public API
+     */
+    private setTabOptions;
+    /**
+     * Normalize options - builds full Opts from partial options
+     * Override in extended classes (e.g., EditorModal) to add custom defaults
+     */
+    protected normalizeOptions(opts: Partial<Opts>): Opts;
+    constructor(opts: Partial<Opts>);
+    /**
+     * Triggers a global event on the Modal class
+     */
+    triggerEvent(event: string): void;
+    /**
+     * Updates options
+     */
+    updateOptions(options: Partial<Opts>): void;
+    /**
+     * Replace options for a reused instance without carrying stale caller options.
+     */
+    private replaceOptions;
+    private canReuseWith;
+    /**
+     * Reuse this instance for a new Modal.create call with the same id/name.
+     */
+    private reuse;
+    /**
+     * Overlay-scroll and fullscreen overlay skip JS position / max-height —
+     * the overlay is the scrollport, the window stays in flow.
+     */
+    private skipsWindowPositioning;
+    /**
+     * Keep a dragged window where the user put it. Otherwise place it from the anchor.
+     * A size change only pulls a dragged window back on screen.
+     */
+    private applyPosition;
+    /**
+     * Recalculate dimensions and position after options change.
+     */
+    refreshLayout(): void;
+    /**
+     * Close anchored windows when their target leaves the visible UI.
+     */
+    private syncTargetWatcher;
+    private initTargetWatcher;
+    private stopTargetWatcher;
+    private isTargetLost;
+    private getPositionTarget;
+    private isElementInvisible;
+    /**
+     * Creates modal root using React
+     */
+    private createModalRoot;
+    setOverlay(overlay: HTMLElement | null): void;
+    setWindow(element: HTMLDivElement | null): void;
+    /**
+     * open - Open modal
+     *
+     * @param {type} isNew Description
+     */
+    open(isNew?: boolean): Promise<void>;
+    /**
+     * Close modal
+     *
+     * @param {boolean} [popstate] Need fire popstate event
+     */
+    close(popstate?: boolean, { restoreFocus }?: CloseOptions): Promise<void>;
+    updateBounds(): void;
+    /**
+     * Updates window size/position
+     *
+     * @param {object?} args - css params for modal
+     * @param allowOverflow
+     */
+    updateStyles(args?: {}, allowOverflow?: boolean): void;
+    /**
+     * Positions the window based on given options (next to element or in part of screen)
+     */
+    updatePosition(): void;
+    updateView(): void;
+    /**
+     * Select a tab by ID
+     */
+    selectTab(activeTab: string): void;
+    /**
+     * Toggle responsive mode for the modal
+     */
+    toggleResponsiveMode(state: string): void;
+    /**
+     * Set responsive mode for the modal
+     */
+    protected _setResponsiveMode(state: string): void;
+    /**
+     * Watch for window size changes and fix position if necessary
+     */
+    initResizeObserver(): void;
+    /**
+     * Hide modal from screen
+     */
+    hide({ trigger, hideParent }?: {
+        trigger?: boolean;
+        hideParent?: boolean;
+    }): void;
+    /**
+     * Show hidden modal
+     */
+    show({ trigger, showParent }?: {
+        trigger?: boolean;
+        showParent?: boolean;
+    }): void;
+    /**
+     * Focus current modal
+     */
+    focus(): void;
+    /**
+     * Shake it
+     */
+    shake(duration?: number): void;
+    /**
+     * Make window unactive
+     */
+    disable(): void;
+    /**
+     * Make window active
+     */
+    enable(): void;
+    /**
+     * sets the flag that modal is saved
+     */
+    saved(): void;
+    /**
+     * sets the flag that modal is not saved
+     */
+    unsaved(): void;
+    /**
+     * Shows loader on the entire editor window
+     */
+    setLoader(): void;
+    /**
+     * Removes loader
+     */
+    removeLoader(): void;
+    /**
+     * Show confirmation dialog for unsaved changes
+     * Override in extended classes (e.g., EditorModal) for custom confirmation dialogs
+     */
+    showConfirm(): Promise<boolean>;
+    /**
+     * Close modal and show confirmation when data is not saved
+     */
+    cancel({ restoreFocus }?: CloseOptions): boolean;
+    /**
+     * Add a disposer function to be called when modal is closed
+     */
+    protected addDisposer(disposer: () => void): void;
+    /**
+     * Dispose all registered disposers
+     */
+    protected disposeAll(): void;
+}
+export default Modal;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/Modal/Modal.ts"],"names":[],"mappings":"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"}