@bitux/review-layer-react 0.1.1 → 0.1.3

package/README.md

@@ -1,6 +1,6 @@
 # @bitux/review-layer-react
 
-SDK de React para dejar comentarios de revisión (QA, UX, PM) directamente sobre la UI en entornos de staging. Se conecta a la API [review-layer-api](https://github.com/bitux/review-layer-api).
+SDK de React para dejar comentarios de revisión (QA, UX, PM) directamente sobre la UI en entornos de staging. Se conecta a un backend de API (review-layer-api).
 
 ## Instalación
 
@@ -114,27 +114,3 @@ Se ejecutan pruebas de `selector` y de la capa `api` (con `fetch` mockeado).
    ```
 
 3. En la demo: **Shift + R** para activar modo revisión, haz clic en un elemento y envía un comentario. Comprueba que los pins aparecen y que en la API se crean los comentarios.
-
-## Publicar en npm
-
-1. **Cuenta npm**: crea una en [npmjs.com](https://www.npmjs.com/) si no tienes. Para un paquete con scope (`@bitux/review-layer-react`) la primera vez debes publicar como público (en `package.json` ya está `"publishConfig": { "access": "public" }`).
-
-2. **Repository**: la URL del repo en `package.json` apunta a `github.com/bitux/review-layer-react`. Ajusta si el nombre del repo es otro.
-
-3. **Build y publicar**:
-
-```bash
-npm run build
-npm login
-npm publish
-```
-
-**Publicar una nueva versión (sube patch, minor o major y publica):**
-
-```bash
-npm run release:patch   # 0.1.0 → 0.1.1 (cambios pequeños, fixes)
-npm run release:minor   # 0.1.0 → 0.2.0 (nuevas funciones, compatible)
-npm run release:major   # 0.1.0 → 1.0.0 (cambios que rompen compatibilidad)
-```
-
-Cada script actualiza la versión en `package.json`, hace `build` y `npm publish`. Luego haz commit y tag en git si quieres (ej. `git add package.json package-lock.json && git commit -m "v0.1.1" && git tag v0.1.1`).

package/dist/CommentModal.d.ts

@@ -12,5 +12,6 @@ interface CommentModalProps {
     onClose: () => void;
     onSuccess: () => void;
 }
-export declare function CommentModal({ apiUrl, apiKey, reviewers, position, payload, onClose, onSuccess, }: CommentModalProps): import("react/jsx-runtime").JSX.Element;
+declare function CommentModalInner({ apiUrl, apiKey, reviewers, position, payload, onClose, onSuccess, }: CommentModalProps): import("react/jsx-runtime").JSX.Element;
+export declare const CommentModal: import('react').MemoExoticComponent<typeof CommentModalInner>;
 export {};

package/dist/CommentPin.d.ts

@@ -10,5 +10,9 @@ export interface CommentPinProps {
     apiUrl: string;
     apiKey: string;
     onStatusChange: () => void;
+    /** Cuando true (modo revisión), el popover no se abre al clic ni al hover */
+    reviewMode?: boolean;
 }
-export declare function CommentPin({ comment, offset, apiUrl, apiKey, onStatusChange, }: CommentPinProps): import("react/jsx-runtime").JSX.Element;
+declare function CommentPinInner({ comment, offset, apiUrl, apiKey, onStatusChange, reviewMode, }: CommentPinProps): import("react/jsx-runtime").JSX.Element;
+export declare const CommentPin: import('react').MemoExoticComponent<typeof CommentPinInner>;
+export {};

package/dist/ElementHighlight.d.ts

@@ -1,11 +1,17 @@
+import { Comment } from './utils/api';
+
 export interface ElementHighlightProps {
     /** CSS selector for the element to highlight */
     selector: string | null;
     /** When false, render nothing */
     active: boolean;
+    /** Si el selector no encuentra el elemento, se usa rect de respaldo (coords guardadas del comentario). */
+    fallbackComment?: Comment | null;
+    /** Color del borde del highlight (p. ej. según estado del comentario). Por defecto rojo. */
+    outlineColor?: string;
 }
 /**
  * Finds the element by selector, tracks its bounding rect, and renders
  * a persistent highlight overlay. Updates on scroll and resize.
  */
-export declare function ElementHighlight({ selector, active }: ElementHighlightProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const ElementHighlight: import('react').NamedExoticComponent<ElementHighlightProps>;

package/dist/Overlay.d.ts

@@ -4,10 +4,11 @@ interface OverlayProps {
     apiUrl: string;
     apiKey: string;
     reviewMode: boolean;
+    setReviewMode: (value: boolean) => void;
     reviewers: Reviewer[];
     comments: Comment[];
     loadComments: () => void;
     commentsLoadFailed?: boolean;
 }
-export declare function Overlay({ apiUrl, apiKey, reviewMode, reviewers, comments, loadComments, commentsLoadFailed, }: OverlayProps): import('react').ReactPortal | null;
+export declare function Overlay({ apiUrl, apiKey, reviewMode, setReviewMode, reviewers, comments, loadComments, commentsLoadFailed, }: OverlayProps): import('react').ReactPortal | null;
 export {};