tycho-components 0.38.2 → 0.38.4

package/dist/common/AppKeyboard/AppKeyboard.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { IconButton, } from 'tycho-storybook';
-import VirtualKeyboard from '../../shell/VirtualKeyboard';
 import { useCorpusUtils } from '../../configs/useCorpusUtils';
+import VirtualKeyboard from '../../shell/VirtualKeyboard';
 export default function AppKeyboard({ mode, buttonMode = 'filled', size = 'medium', iconSize, tooltipPlacement, title, keyboardLayout, }) {
     const { t } = useTranslation('header');
     const { getCorpus } = useCorpusUtils();

package/dist/configs/index.d.ts

@@ -18,7 +18,7 @@ export type { default as ProcessConfiguration, SentenceDelimiter, } from "./type
 export { DEFAULT_DELIMITERS, DELIMITERS, DelimiterNames, EMPTY_CONFIGURATION, } from "./types/ProcessConfiguration";
 export { SentenceStatusNames } from "./types/SentenceStatus";
 export type { SentenceStatus } from "./types/SentenceStatus";
-export type { Mark, Break, Format as SentenceFormat, SentenceTier, Translation, } from "./types/Sentence";
+export type { Mark, Break, Format as SentenceFormat, SentenceTier, Translation, SentenceParticipant, } from "./types/Sentence";
 export type { default as Sentence } from "./types/Sentence";
 export { INFLECTIONS, EXTENSIONS } from "./types/Struct";
 export type { Chunk, Edition, Format, Morpheme, Split, Struct, Token, ConlluToken, } from "./types/Struct";

package/dist/configs/types/Sentence.d.ts

@@ -1,8 +1,8 @@
-import { Token } from './Struct';
-import { Edition } from './Struct';
-import { Struct } from './Struct';
-import { SentenceStatus } from './SentenceStatus';
-import { UploadedFile } from '../../common/AppDropzone/UploadedFile';
+import { Token } from "./Struct";
+import { Edition } from "./Struct";
+import { Struct } from "./Struct";
+import { SentenceStatus } from "./SentenceStatus";
+import { UploadedFile } from "../../common/AppDropzone/UploadedFile";
 export type Mark = {
     id: string;
     tokens: Token[];
@@ -34,6 +34,13 @@ export type Translation = {
     uid: string;
     values: Record<string, string>;
 };
+/** Nested speaker assignment on a sentence (code + cue metadata). */
+export type SentenceParticipant = {
+    name: string;
+    cue?: string[];
+    lineCue?: boolean;
+    hideName?: boolean;
+};
 type Sentence = {
     uid: string;
     value: string;
@@ -50,7 +57,7 @@ type Sentence = {
     start: number | null;
     end: number | null;
     normalized?: string;
-    participant?: string;
+    participant?: SentenceParticipant;
     color?: string;
     tiers: SentenceTier[];
     canJoinSentence?: boolean;

package/dist/features/Comments/HeaderNotifications/HeaderNotifications.js

@@ -38,7 +38,7 @@ export default function HeaderNotifications({ uid, mode, mobile }) {
     }, [uid, tab]);
     if (!visible)
         return null;
-    return (_jsxs("div", { className: "ds-dropdown-container notifications-container", children: [_jsx(IconButton, { name: "notifications_active", className: comments && comments.length > 0 ? 'shake' : '', size: "medium", onClick: () => setOpen(!open), mode: mobile ? 'outlined' : 'filled' }), open && (_jsx("div", { className: "ds-dropdown-list", children: _jsxs("div", { className: "notifications-panel", children: [_jsxs("div", { className: "header", children: [_jsx("span", { children: t('notification.title') }), _jsx(IconButton, { name: "close", size: "small", mode: "ghost", onClick: () => setOpen(false) })] }), _jsxs("div", { className: "tabs", children: [_jsxs("button", { className: tab === 'unread' ? 'active-tab' : '', onClick: () => setTab('unread'), children: [t('notification.unread'), " (", comments?.length || 0, ")"] }), _jsx("button", { className: tab === 'read' ? 'active-tab' : '', onClick: () => setTab('read'), children: t('notification.all') })] }), _jsxs("div", { className: "content", children: [notifications &&
+    return (_jsxs("div", { className: "ds-dropdown-container notifications-container", children: [_jsx(IconButton, { name: "notifications_active", className: comments && comments.length > 0 ? 'shake' : '', size: "large", onClick: () => setOpen(!open), mode: mobile ? 'outlined' : 'filled' }), open && (_jsx("div", { className: "ds-dropdown-list", children: _jsxs("div", { className: "notifications-panel", children: [_jsxs("div", { className: "header", children: [_jsx("span", { children: t('notification.title') }), _jsx(IconButton, { name: "close", size: "small", mode: "ghost", onClick: () => setOpen(false) })] }), _jsxs("div", { className: "tabs", children: [_jsxs("button", { className: tab === 'unread' ? 'active-tab' : '', onClick: () => setTab('unread'), children: [t('notification.unread'), " (", comments?.length || 0, ")"] }), _jsx("button", { className: tab === 'read' ? 'active-tab' : '', onClick: () => setTab('read'), children: t('notification.all') })] }), _jsxs("div", { className: "content", children: [notifications &&
                                     notifications.map((not, idx) => (_jsxs("div", { className: "item", onClick: () => handleOpen(not), children: [_jsx(Avatar, { src: not.picture, size: "small" }), _jsxs("div", { className: "message", children: [_jsx("span", { className: "text", children: _jsx(Trans, { t: t, i18nKey: "notification.text", values: {
                                                                 user: not.name,
                                                             } }) }), _jsx("span", { className: "date", children: DateUtils.formatDateTime(not.edited ? not.edited : not.date, 'MM/dd/yyyy - HH:mm') })] })] }, idx.valueOf()))), notifications && notifications.length === 0 && (_jsx("div", { className: "empty-notifications", children: t('notification.empty') }))] })] }) }))] }));

package/dist/shell/Header/HeaderUser/HeaderUser.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Avatar, Button, Icon } from 'tycho-storybook';
 import { useLoggedUtils } from '../../../configs/useLoggedUtils';
+import UsabilityUtils from '../../../functions/UsabilityUtils';
 import LanguageSelector from '../../LanguageSelector';
 import './style.scss';
 import HelpModal from '../HelpButton/HelpModal';
@@ -11,6 +12,11 @@ export default function HeaderUser({ navigateLogout, navigateNotLogged, helpActi
     const { isLogged, getLogged } = useLoggedUtils();
     const [open, setOpen] = useState(false);
     const [openHelp, setOpenHelp] = useState(false);
+    useEffect(() => {
+        if (!open)
+            return;
+        return UsabilityUtils.attachCloseToEscape(() => setOpen(false));
+    }, [open]);
     const handleProfile = () => {
         setOpen(false);
         window.open(import.meta.env.VITE_APP_RESERVED_URL, '_blank');

package/package.json

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