tycho-components 0.45.14 → 0.46.1

package/dist/configs/api/apiHandledError.d.ts

@@ -5,11 +5,13 @@ export type ApiErrorHandled = AxiosError & {
     authErrorHandled?: boolean;
 };
 export declare function isServerError(status: number | undefined): boolean;
+/** Statuses that createApiClient auto-toasts via dispatchServerApiError (5xx + 422). */
+export declare function isAutoHandledHttpError(status: number | undefined): boolean;
 export declare function isAccessDeniedStatus(status: number | undefined): boolean;
 /** HTTP status from an Axios error or a thrown Response-like object. */
 export declare function getHttpErrorStatus(reason: unknown): number | undefined;
 export declare function markApiErrorHandled(error: AxiosError): void;
-/** True when the API client already surfaced a 5xx error via dispatchApiError. */
+/** True when the API client already surfaced a 5xx/422 error via dispatchServerApiError. */
 export declare function isHandledApiError(reason: unknown): boolean;
 /**
  * Unmarked 401/403 from the API (or a Response with that status).

package/dist/configs/api/apiHandledError.js

@@ -1,6 +1,10 @@
 export function isServerError(status) {
     return status !== undefined && status >= 500 && status < 600;
 }
+/** Statuses that createApiClient auto-toasts via dispatchServerApiError (5xx + 422). */
+export function isAutoHandledHttpError(status) {
+    return isServerError(status) || status === 422;
+}
 export function isAccessDeniedStatus(status) {
     return status === 401 || status === 403;
 }
@@ -20,7 +24,7 @@ export function getHttpErrorStatus(reason) {
 export function markApiErrorHandled(error) {
     error.apiErrorHandled = true;
 }
-/** True when the API client already surfaced a 5xx error via dispatchApiError. */
+/** True when the API client already surfaced a 5xx/422 error via dispatchServerApiError. */
 export function isHandledApiError(reason) {
     if (!reason || typeof reason !== 'object')
         return false;
@@ -30,7 +34,7 @@ export function isHandledApiError(reason) {
     const status = err.response?.status;
     if (!err.config || status === undefined)
         return false;
-    return isServerError(status);
+    return isAutoHandledHttpError(status);
 }
 /**
  * Unmarked 401/403 from the API (or a Response with that status).

package/dist/configs/api/createApiClient.d.ts

@@ -3,14 +3,14 @@ export type ServerErrorHandling = 'toast' | 'none';
 export type CreateApiClientOptions = {
     baseURL: string;
     attachJwt?: boolean;
-    /** How to surface 5xx responses. Defaults to 'toast'. */
+    /** How to surface 5xx/422 responses. Defaults to 'toast'. */
     serverErrorHandling?: ServerErrorHandling;
     augmentRequest?: (config: InternalAxiosRequestConfig) => InternalAxiosRequestConfig;
 };
 /**
- * Shared API client: JWT attachment + global 5xx dispatchError toast.
- * Handled 5xx responses resolve (they do not reach .catch()).
- * 4xx are left to front-end callers unless the app opts in via
+ * Shared API client: JWT attachment + global 5xx/422 report toast.
+ * Handled 5xx/422 responses resolve (they do not reach .catch()).
+ * Other 4xx are left to front-end callers unless the app opts in via
  * applyAuthErrorHandling() in its local api.ts wrapper.
  */
 export declare function createApiClient(options: CreateApiClientOptions): AxiosInstance;

package/dist/configs/api/createApiClient.js

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import { isServerError, markApiErrorHandled } from './apiHandledError';
+import { isAutoHandledHttpError, markApiErrorHandled } from './apiHandledError';
 import CookieStorage from '../CookieStorage';
 import { dispatchServerApiError } from './dispatchApiError';
 const DEFAULT_HEADERS = {
@@ -19,9 +19,9 @@ function toHandledServerErrorResponse(error) {
     };
 }
 /**
- * Shared API client: JWT attachment + global 5xx dispatchError toast.
- * Handled 5xx responses resolve (they do not reach .catch()).
- * 4xx are left to front-end callers unless the app opts in via
+ * Shared API client: JWT attachment + global 5xx/422 report toast.
+ * Handled 5xx/422 responses resolve (they do not reach .catch()).
+ * Other 4xx are left to front-end callers unless the app opts in via
  * applyAuthErrorHandling() in its local api.ts wrapper.
  */
 export function createApiClient(options) {
@@ -32,7 +32,7 @@ export function createApiClient(options) {
     });
     api.interceptors.response.use((response) => response, async (error) => {
         const status = error.response?.status;
-        if (isServerError(status) && serverErrorHandling === 'toast') {
+        if (isAutoHandledHttpError(status) && serverErrorHandling === 'toast') {
             dispatchServerApiError({ err: error });
             markApiErrorHandled(error);
             return toHandledServerErrorResponse(error);

package/dist/configs/api/index.d.ts

@@ -12,7 +12,7 @@ export { createApiClient } from './createApiClient';
 export type { CreateApiClientOptions, ServerErrorHandling } from './createApiClient';
 export { applyAuthErrorHandling } from './applyAuthErrorHandling';
 export type { ApplyAuthErrorHandlingOptions, AuthErrorHandling, } from './applyAuthErrorHandling';
-export { isHandledApiError, isHandledAuthError, isAccessDeniedApiError, getHttpErrorStatus, markApiErrorHandled, markAuthErrorHandled, } from './apiHandledError';
+export { isHandledApiError, isHandledAuthError, isAccessDeniedApiError, isAutoHandledHttpError, isServerError, getHttpErrorStatus, markApiErrorHandled, markAuthErrorHandled, } from './apiHandledError';
 export type { ApiErrorHandled, AuthErrorHandled } from './apiHandledError';
 export { buildClientErrorContext, dispatchApiError, dispatchAccessDeniedError, dispatchClientError, dispatchServerApiError, } from './dispatchApiError';
 export { resolveAccessDeniedMessage } from './resolveAccessDeniedMessage';

package/dist/configs/api/index.js

@@ -15,7 +15,7 @@ export const lexiconApiBase = import.meta.env.VITE_APP_LEXICON_API ||
 const api = applyAuthErrorHandling(createApiClient({ baseURL: platformApiBase }), { authErrorHandling: 'redirect' });
 export { createApiClient } from './createApiClient';
 export { applyAuthErrorHandling } from './applyAuthErrorHandling';
-export { isHandledApiError, isHandledAuthError, isAccessDeniedApiError, getHttpErrorStatus, markApiErrorHandled, markAuthErrorHandled, } from './apiHandledError';
+export { isHandledApiError, isHandledAuthError, isAccessDeniedApiError, isAutoHandledHttpError, isServerError, getHttpErrorStatus, markApiErrorHandled, markAuthErrorHandled, } from './apiHandledError';
 export { buildClientErrorContext, dispatchApiError, dispatchAccessDeniedError, dispatchClientError, dispatchServerApiError, } from './dispatchApiError';
 export { resolveAccessDeniedMessage } from './resolveAccessDeniedMessage';
 export default api;

package/dist/configs/brand.d.ts

@@ -4,7 +4,7 @@
  * (not bundled per app — upload packs on each host / shared nginx).
  */
 export type BrandId = 'tycho' | 'corpushub';
-export type AppCode = 'admin' | 'auth' | 'cs-analyzer' | 'dictionary' | 'editor' | 'io' | 'lexicon' | 'parser' | 'psd-reindexer' | 'reserved' | 'search' | 'syntrees' | 'viewer';
+export type AppCode = 'admin' | 'annotald' | 'auth' | 'cs-analyzer' | 'dictionary' | 'editor' | 'io' | 'lexicon' | 'parser' | 'psd-reindexer' | 'reserved' | 'search' | 'syntrees' | 'viewer';
 export type BrandConfig = {
     id: BrandId;
     name: string;

package/dist/configs/brand.js

@@ -5,6 +5,7 @@
  */
 const APP_TITLE_SUFFIX = {
     admin: 'Admin',
+    annotald: 'Annotald',
     auth: 'Auth',
     'cs-analyzer': 'CS Analyzer',
     dictionary: 'Dictionary',

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.45.14",
+  "version": "0.46.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {