tycho-components 0.46.0 → 0.46.1

package/dist/features/PageRender/PageRenderView.d.ts

@@ -1,4 +1,4 @@
 import './style.scss';
 import { CollapsedPageRenderElement, PageRenderViewProps } from './types';
-export default function PageRenderView({ elements, selectedTier, corpus, displayTags, showLineNumbers, highlightSentenceUid, activeTokenKey, selectedTokenKeys, tokenSelectionKey, getDisplayValue, getTokenStyle, getTokenClassName, isTokenEdited, getParticipantName, getParticipantColor, onTokenClick, onTokenHover, onParticipantHover, wrapToken, renderTokenSuffix, }: PageRenderViewProps): import("react").JSX.Element;
+export default function PageRenderView({ elements, selectedTier, corpus, displayTags, showLineNumbers, highlightSentenceUid, activeTokenKey, selectedTokenKeys, tokenSelectionKey, getDisplayValue, getTokenStyle, getTokenClassName, isTokenEdited, getParticipantName, getParticipantColor, onTokenClick, onTokenHover, onParticipantHover, onParticipantClick, wrapToken, renderTokenSuffix, }: PageRenderViewProps): import("react").JSX.Element;
 export declare function findPunctuationAfterCollapsedJunction(items: CollapsedPageRenderElement[], junctionIndex: number): number | undefined;

package/dist/features/PageRender/PageRenderView.js

@@ -5,7 +5,7 @@ import './style.scss';
 import collapseElementsForTier from './collapseElementsForTier';
 import isTokenRefVisible, { tokenRefToToken } from './tokenUtils';
 import { PageRenderElementType, } from './types';
-export default function PageRenderView({ elements, selectedTier, corpus, displayTags = false, showLineNumbers = true, highlightSentenceUid, activeTokenKey, selectedTokenKeys, tokenSelectionKey, getDisplayValue, getTokenStyle, getTokenClassName, isTokenEdited, getParticipantName, getParticipantColor, onTokenClick, onTokenHover, onParticipantHover, wrapToken, renderTokenSuffix, }) {
+export default function PageRenderView({ elements, selectedTier, corpus, displayTags = false, showLineNumbers = true, highlightSentenceUid, activeTokenKey, selectedTokenKeys, tokenSelectionKey, getDisplayValue, getTokenStyle, getTokenClassName, isTokenEdited, getParticipantName, getParticipantColor, onTokenClick, onTokenHover, onParticipantHover, onParticipantClick, wrapToken, renderTokenSuffix, }) {
     const collapsed = collapseElementsForTier(elements, selectedTier, corpus);
     const punctuationBeforeBreak = new Map();
     const punctuationIndexes = new Set();
@@ -17,7 +17,7 @@ export default function PageRenderView({ elements, selectedTier, corpus, display
         punctuationIndexes.add(punctuationIndex);
     });
     const renderItem = (item) => (_jsx(PageRenderElementItem, { item: item, highlight: highlightSentenceUid != null &&
-            sentenceUidForItem(item) === highlightSentenceUid, showLineNumbers: showLineNumbers, displayTags: displayTags, activeTokenKey: activeTokenKey, selectedTokenKeys: selectedTokenKeys, tokenSelectionKey: tokenSelectionKey, getDisplayValue: getDisplayValue, getTokenStyle: getTokenStyle, getTokenClassName: getTokenClassName, isTokenEdited: isTokenEdited, getParticipantName: getParticipantName, getParticipantColor: getParticipantColor, onTokenClick: onTokenClick, onTokenHover: onTokenHover, onParticipantHover: onParticipantHover, wrapToken: wrapToken, renderTokenSuffix: renderTokenSuffix }, item.key));
+            sentenceUidForItem(item) === highlightSentenceUid, showLineNumbers: showLineNumbers, displayTags: displayTags, activeTokenKey: activeTokenKey, selectedTokenKeys: selectedTokenKeys, tokenSelectionKey: tokenSelectionKey, getDisplayValue: getDisplayValue, getTokenStyle: getTokenStyle, getTokenClassName: getTokenClassName, isTokenEdited: isTokenEdited, getParticipantName: getParticipantName, getParticipantColor: getParticipantColor, onTokenClick: onTokenClick, onTokenHover: onTokenHover, onParticipantHover: onParticipantHover, onParticipantClick: onParticipantClick, wrapToken: wrapToken, renderTokenSuffix: renderTokenSuffix }, item.key));
     return (_jsx("div", { className: "page-render-elements", children: collapsed.map((item, index) => {
             if (punctuationIndexes.has(index))
                 return null;
@@ -58,9 +58,11 @@ function sentenceUidForItem(item) {
         return item.token.uid;
     if (item.kind === 'single' && item.element.token)
         return item.element.token.uid;
+    if (item.kind === 'single' && item.element.uid)
+        return item.element.uid;
     return undefined;
 }
-function PageRenderElementItem({ item, highlight, showLineNumbers, displayTags, activeTokenKey, selectedTokenKeys, tokenSelectionKey, getDisplayValue, getTokenStyle, getTokenClassName, isTokenEdited, getParticipantName, getParticipantColor, onTokenClick, onTokenHover, onParticipantHover, wrapToken, renderTokenSuffix, }) {
+function PageRenderElementItem({ item, highlight, showLineNumbers, displayTags, activeTokenKey, selectedTokenKeys, tokenSelectionKey, getDisplayValue, getTokenStyle, getTokenClassName, isTokenEdited, getParticipantName, getParticipantColor, onTokenClick, onTokenHover, onParticipantHover, onParticipantClick, wrapToken, renderTokenSuffix, }) {
     if (item.kind === 'collapsedJunction') {
         return (_jsx(TokenNode, { refToken: item.token, splitIdx: item.splitIdx ?? 0, isSplit: true, isCollapsedJunction: true, highlight: highlight, displayTags: displayTags, activeTokenKey: activeTokenKey, selectedTokenKeys: selectedTokenKeys, tokenSelectionKey: tokenSelectionKey, getDisplayValue: getDisplayValue, getTokenStyle: getTokenStyle, getTokenClassName: getTokenClassName, isTokenEdited: isTokenEdited, onTokenClick: onTokenClick, onTokenHover: onTokenHover, wrapToken: wrapToken, renderTokenSuffix: renderTokenSuffix }));
     }
@@ -71,7 +73,12 @@ function PageRenderElementItem({ item, highlight, showLineNumbers, displayTags,
                 return null;
             return (_jsx("span", { className: "participant", style: getParticipantColor
                     ? { backgroundColor: getParticipantColor(element.participant) }
-                    : undefined, onMouseEnter: () => onParticipantHover?.(element.participant), onMouseLeave: () => onParticipantHover?.(undefined), children: getParticipantName
+                    : undefined, onMouseEnter: () => onParticipantHover?.(element.participant), onMouseLeave: () => onParticipantHover?.(undefined), onClick: (event) => {
+                    if (!onParticipantClick || !element.uid)
+                        return;
+                    event.stopPropagation();
+                    onParticipantClick(element.participant, element.uid);
+                }, children: getParticipantName
                     ? getParticipantName(element.participant)
                     : element.participant }));
         case PageRenderElementType.LINE_BREAK:

package/dist/features/PageRender/types.d.ts

@@ -33,6 +33,8 @@ export type PageRenderElement = {
     line?: number;
     mstart?: boolean;
     participant?: string;
+    /** Sentence uid for PARTICIPANT labels. */
+    uid?: string;
     token?: TokenRef;
 };
 export type CollapsedPageRenderElement = {
@@ -79,6 +81,7 @@ export type PageRenderViewProps = {
     onTokenClick?: (ref: TokenRef, splitIdx: number | undefined, source: TokenClickSource, modifiers: TokenClickModifiers) => void;
     onTokenHover?: (sentenceUid: string | undefined) => void;
     onParticipantHover?: (code: string | undefined) => void;
+    onParticipantClick?: (code: string, sentenceUid: string) => void;
     wrapToken?: (ref: TokenRef, token: Token, content: ReactNode, ctx: PageRenderTokenContext) => ReactNode;
     renderTokenSuffix?: (ref: TokenRef, token: Token, ctx: PageRenderTokenContext) => ReactNode;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.46.0",
+  "version": "0.46.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {