@qwanyx/ai-editor 1.5.7 → 1.5.8

package/dist/components/ImageMetadataDialog.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface ImageMetadata {
     src: string;
     alt?: string;
@@ -13,6 +14,6 @@ export interface ImageMetadataDialogProps {
     initialData?: Partial<ImageMetadata>;
     title?: string;
 }
-export declare function ImageMetadataDialog({ isOpen, onClose, onSave, initialData, title, }: ImageMetadataDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ImageMetadataDialog({ isOpen, onClose, onSave, initialData, title, }: ImageMetadataDialogProps): React.ReactPortal | null;
 export default ImageMetadataDialog;
 //# sourceMappingURL=ImageMetadataDialog.d.ts.map

package/dist/components/ImageMetadataDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageMetadataDialog.d.ts","sourceRoot":"","sources":["../../src/components/ImageMetadataDialog.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAA;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAmID,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,OAAO,EACP,MAAM,EACN,WAAW,EACX,KAAgC,GACjC,EAAE,wBAAwB,kDA4M1B;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"ImageMetadataDialog.d.ts","sourceRoot":"","sources":["../../src/components/ImageMetadataDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAOlD,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAA;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAmID,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,OAAO,EACP,MAAM,EACN,WAAW,EACX,KAAgC,GACjC,EAAE,wBAAwB,4BAgN1B;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/ImageMetadataDialog.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageMetadataDialog = ImageMetadataDialog;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const react_dom_1 = require("react-dom");
 // ============================================
 // Styles
 // ============================================
@@ -171,12 +172,15 @@ function ImageMetadataDialog({ isOpen, onClose, onSave, initialData, title = 'Pr
     if (!isOpen)
         return null;
     const canSave = src.trim().length > 0;
-    return ((0, jsx_runtime_1.jsx)("div", { style: styles.overlay, onClick: onClose, children: (0, jsx_runtime_1.jsxs)("div", { style: styles.dialog, onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsx)("div", { style: styles.header, children: (0, jsx_runtime_1.jsx)("h3", { style: styles.headerTitle, children: title }) }), (0, jsx_runtime_1.jsxs)("div", { style: styles.content, children: [(0, jsx_runtime_1.jsxs)("div", { style: styles.field, children: [(0, jsx_runtime_1.jsxs)("label", { style: styles.label, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: styles.labelIcon, children: "link" }), "URL de l'image *"] }), (0, jsx_runtime_1.jsx)("input", { type: "url", value: src, onChange: (e) => {
+    // Use portal to render outside React tree - avoids Lexical capturing keyboard events
+    if (typeof document === 'undefined')
+        return null;
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", { style: styles.overlay, onClick: onClose, children: (0, jsx_runtime_1.jsxs)("div", { style: styles.dialog, onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsx)("div", { style: styles.header, children: (0, jsx_runtime_1.jsx)("h3", { style: styles.headerTitle, children: title }) }), (0, jsx_runtime_1.jsxs)("div", { style: styles.content, children: [(0, jsx_runtime_1.jsxs)("div", { style: styles.field, children: [(0, jsx_runtime_1.jsxs)("label", { style: styles.label, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: styles.labelIcon, children: "link" }), "URL de l'image *"] }), (0, jsx_runtime_1.jsx)("input", { type: "url", value: src, onChange: (e) => {
                                         setSrc(e.target.value);
                                         setPreviewError(false);
                                     }, placeholder: "https://example.com/image.jpg", style: styles.input, onFocus: handleInputFocus, onBlur: handleInputBlur, onKeyDown: (e) => e.stopPropagation() })] }), src && !previewError && ((0, jsx_runtime_1.jsx)("img", { src: src, alt: "Preview", style: styles.preview, onError: () => setPreviewError(true) })), (0, jsx_runtime_1.jsxs)("div", { style: styles.field, children: [(0, jsx_runtime_1.jsxs)("label", { style: styles.label, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: styles.labelIcon, children: "title" }), "Titre"] }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: imageTitle, onChange: (e) => setImageTitle(e.target.value), placeholder: "Titre de l'image", style: styles.input, onFocus: handleInputFocus, onBlur: handleInputBlur, onKeyDown: (e) => e.stopPropagation() })] }), (0, jsx_runtime_1.jsxs)("div", { style: styles.field, children: [(0, jsx_runtime_1.jsxs)("label", { style: styles.label, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: styles.labelIcon, children: "description" }), "Texte alternatif"] }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: alt, onChange: (e) => setAlt(e.target.value), placeholder: "Description de l'image", style: styles.input, onFocus: handleInputFocus, onBlur: handleInputBlur, onKeyDown: (e) => e.stopPropagation() })] }), (0, jsx_runtime_1.jsx)("hr", { style: styles.separator }), (0, jsx_runtime_1.jsxs)("div", { style: styles.field, children: [(0, jsx_runtime_1.jsxs)("label", { style: styles.label, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: styles.labelIcon, children: "photo_camera" }), "Photographe"] }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: photographer, onChange: (e) => setPhotographer(e.target.value), placeholder: "Nom du photographe", style: styles.input, onFocus: handleInputFocus, onBlur: handleInputBlur, onKeyDown: (e) => e.stopPropagation() })] }), (0, jsx_runtime_1.jsxs)("div", { style: styles.field, children: [(0, jsx_runtime_1.jsxs)("label", { style: styles.label, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: styles.labelIcon, children: "copyright" }), "Copyright"] }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: copyright, onChange: (e) => setCopyright(e.target.value), placeholder: "Ex: \u00A9 2024 Nom", style: styles.input, onFocus: handleInputFocus, onBlur: handleInputBlur, onKeyDown: (e) => e.stopPropagation() })] }), (0, jsx_runtime_1.jsxs)("div", { style: { ...styles.field, marginBottom: 0 }, children: [(0, jsx_runtime_1.jsxs)("label", { style: styles.label, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: styles.labelIcon, children: "chat" }), "Commentaire / L\u00E9gende"] }), (0, jsx_runtime_1.jsx)("textarea", { value: comment, onChange: (e) => setComment(e.target.value), placeholder: "L\u00E9gende ou commentaire affich\u00E9 sous l'image", rows: 3, style: styles.textarea, onFocus: handleInputFocus, onBlur: handleInputBlur, onKeyDown: (e) => e.stopPropagation() })] })] }), (0, jsx_runtime_1.jsxs)("div", { style: styles.footer, children: [(0, jsx_runtime_1.jsx)("button", { onClick: onClose, style: styles.cancelButton, children: "Annuler" }), (0, jsx_runtime_1.jsx)("button", { onClick: handleSave, disabled: !canSave, style: {
                                 ...styles.saveButton,
                                 ...(canSave ? {} : styles.saveButtonDisabled),
-                            }, children: "Enregistrer" })] })] }) }));
+                            }, children: "Enregistrer" })] })] }) }), document.body);
 }
 exports.default = ImageMetadataDialog;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwanyx/ai-editor",
-  "version": "1.5.7",
+  "version": "1.5.8",
   "description": "AI-powered WYSIWYG rich text editor",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",