@nivaro/react 0.1.34 → 0.1.36

package/dist/index.d.ts

@@ -66,6 +66,8 @@ export declare function canOpenChatRoom(): boolean;
 
 export declare function canOpenDm(): boolean;
 
+export declare function canPreviewFile(type: string | null | undefined): boolean;
+
 export { CascadeFilterRule }
 
 declare interface ChannelMeta {
@@ -612,6 +614,11 @@ export declare type FieldState = {
  */
 export declare function FileField({ field, value, onChange, error, disabled, readOnly, inputId, errorId }: FieldComponentProps): JSX.Element;
 
+export declare function FilePreviewLightbox({ file, onClose }: {
+    file: PreviewFile;
+    onClose: () => void;
+}): ReactPortal;
+
 declare interface FilterDef {
     key: string;
     placeholder: string;
@@ -1135,6 +1142,8 @@ declare interface MessageToken {
     mention?: string;
 }
 
+export declare function MyWorkView(): JSX.Element;
+
 export declare const NavigationContext: React_2.Context<NavigationContextValue>;
 
 declare type NavigationContextValue = {
@@ -1341,6 +1350,23 @@ export declare function PipelineTransitionButtons({ collection, item, onBeforeTr
     onBeforeTransition?: () => boolean | Promise<boolean>;
 }): JSX.Element | null;
 
+/**
+ * Inline attachment preview — click a file, see it, without a download round
+ * trip. Images, PDFs, video and audio render in an overlay; anything else
+ * gets an honest "no preview" panel with the Download action front and center.
+ *
+ * Plain portal to document.body at z-[130] (above popovers at 110 and the
+ * tooltip layer at 120). The asset URL is the same cookie/session-authed
+ * /api/files/:id URL every <img> in the app already uses.
+ */
+declare interface PreviewFile {
+    id: string;
+    url: string;
+    name: string;
+    type: string | null;
+    size?: number | null;
+}
+
 export declare function ProfileView({ userId, className }: {
     userId?: string | null;
     className?: string;
@@ -1868,6 +1894,24 @@ export declare function useOverlayState<T>(key: string): {
 
 export declare function usePeerReadAt(room: string | null): string | null;
 
+/**
+ * Real profile photo (Microsoft Graph, captured at login) with the caller's
+ * initials disc as the fallback. The photo arrives as a small data URI from
+ * GET /users/:id/avatar — react-query caches it per user for the session, so
+ * an owner stack showing the same person twenty times costs one request.
+ *
+ * The FALLBACK is the caller's own styled disc: every site already has its
+ * exact colors/ring/size, and this component must never change how a user
+ * without a photo renders.
+ */
+export declare function UserAvatar({ userId, fallback, className, alt }: {
+    userId: string | number | null | undefined;
+    fallback: ReactNode;
+    /** Applied to the <img> when a photo exists — size + ring classes of the site's disc. */
+    className?: string;
+    alt?: string;
+}): JSX.Element;
+
 export declare function UserChip({ userId, size }: {
     userId: string;
     size?: 'default' | 'compact';