tycho-components 0.28.7 → 0.28.10

package/dist/configs/localization/TreeTexts.d.ts

@@ -10,6 +10,7 @@ export declare const TreeTexts: {
         'button.search': string;
         'label.syntactic.category': string;
         'label.pos.tag': string;
+        'label.token.addTag': string;
         'label.empty.category': string;
         'label.word.value': string;
     };
@@ -24,6 +25,7 @@ export declare const TreeTexts: {
         'button.search': string;
         'label.syntactic.category': string;
         'label.pos.tag': string;
+        'label.token.addTag': string;
         'label.empty.category': string;
         'label.word.value': string;
     };
@@ -37,6 +39,7 @@ export declare const TreeTexts: {
         'button.search': string;
         'label.syntactic.category': string;
         'label.pos.tag': string;
+        'label.token.addTag': string;
         'label.empty.category': string;
         'label.word.value': string;
     };

package/dist/configs/localization/TreeTexts.js

@@ -10,6 +10,7 @@ export const TreeTexts = {
         'button.search': 'Search',
         'label.syntactic.category': 'Syntactic Category',
         'label.pos.tag': 'POS Tag',
+        'label.token.addTag': 'add tag',
         'label.empty.category': 'Empty Category',
         'label.word.value': 'Word',
     },
@@ -24,6 +25,7 @@ export const TreeTexts = {
         'button.search': 'Buscar',
         'label.syntactic.category': 'Categoria Sintática',
         'label.pos.tag': 'Etiqueta POS',
+        'label.token.addTag': 'adicionar etiqueta',
         'label.empty.category': 'Categoria Vazia',
         'label.word.value': 'Palavra',
     },
@@ -37,6 +39,7 @@ export const TreeTexts = {
         'button.search': 'Cerca',
         'label.syntactic.category': 'Categoria Sintattica',
         'label.pos.tag': 'Etichetta POS',
+        'label.token.addTag': 'aggiungi etichetta',
         'label.empty.category': 'Categoria Vuota',
         'label.word.value': 'Parola',
     },

package/dist/features/DocumentDrawer/Actions/Actions.d.ts

@@ -1,7 +1,7 @@
-import CatalogSearchFilter from "../types/CatalogSearchFilter";
-import type { DocumentDrawerActionId } from "../types/DocumentDrawerActionId";
-import { Document } from "../deps";
-import "./style.scss";
+import CatalogSearchFilter from '../types/CatalogSearchFilter';
+import type { DocumentDrawerActionId } from '../types/DocumentDrawerActionId';
+import { Document } from '../deps';
+import './style.scss';
 type Props = {
     document: Document;
     setOpenFile: (b: boolean) => void;

package/dist/features/DocumentDrawer/Actions/Actions.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import AutomaticParser from "../AutomaticParser";
-import DocumentRemove from "../DocumentRemove";
-import InconsistencyActions from "../Inconsistency/InconsistencyActions";
-import DocumentService from "../services/DocumentService";
-import SentenceService from "../services/SentenceService";
-import PageRemoveSentences from "./PageRemoveSentences";
-import { useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { ToolsUtils, useCorpusUtils, useMessageUtils } from "../deps";
-import { Icon } from "tycho-storybook";
-import "./style.scss";
+import AutomaticParser from '../AutomaticParser';
+import DocumentRemove from '../DocumentRemove';
+import InconsistencyActions from '../Inconsistency/InconsistencyActions';
+import DocumentService from '../services/DocumentService';
+import SentenceService from '../services/SentenceService';
+import PageRemoveSentences from './PageRemoveSentences';
+import { useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ToolsUtils, useCorpusUtils, useMessageUtils } from '../deps';
+import { Icon } from 'tycho-storybook';
+import './style.scss';
 export default function Actions({ document, setOpenFile, setFilter, handleClickDocument, useGrid, pageUid, pageOrder, onPageReload, hiddenActions = [], }) {
-    const { t } = useTranslation("actions");
+    const { t } = useTranslation('actions');
     const { getCorpus } = useCorpusUtils();
     const [openRemove, setOpenRemove] = useState(false);
     const [openRemoveSentences, setOpenRemoveSentences] = useState(false);
@@ -24,7 +24,7 @@ export default function Actions({ document, setOpenFile, setFilter, handleClickD
     const handleResume = () => {
         SentenceService.resume(document.uid).then((r) => {
             if (!r.data) {
-                dispatchError({ err: "warning.syntactic.review", t });
+                dispatchError({ err: 'warning.syntactic.review', t });
                 return;
             }
             navigateSameWindow(`${import.meta.env.VITE_APP_REVISION_URL}/tree/${r.data.uid}`);
@@ -32,7 +32,7 @@ export default function Actions({ document, setOpenFile, setFilter, handleClickD
     };
     const handleReview = () => {
         const baseUrl = import.meta.env.VITE_APP_REVISION_URL;
-        const url = document.defaultTool === "DESIGN"
+        const url = document.defaultTool === 'DESIGN'
             ? `${baseUrl}/box/${document.uid}`
             : `${baseUrl}/${document.uid}`;
         navigateSameWindow(url);
@@ -42,79 +42,79 @@ export default function Actions({ document, setOpenFile, setFilter, handleClickD
     };
     const handleTranscription = () => {
         if (!pageUid) {
-            dispatchError({ err: "error.page.required", t });
+            dispatchError({ err: 'error.page.required', t });
             return;
         }
         setOpenRemoveSentences(true);
     };
     const handleSyncSearch = () => {
         DocumentService.syncSearch(document.uid)
-            .then(() => dispatchMessage({ key: "sync.search.success", t }))
-            .catch(() => dispatchError({ err: "error.unknown", t }));
+            .then(() => dispatchMessage({ key: 'sync.search.success', t }))
+            .catch(() => dispatchError({ err: 'error.unknown', t }));
     };
     const actionOptions = [
         {
-            id: "documents",
-            iconName: "list",
-            title: t("label.documents.title"),
-            description: t("label.documents.description"),
+            id: 'documents',
+            iconName: 'list',
+            title: t('label.documents.title'),
+            description: t('label.documents.description'),
             onClick: handleDocuments,
         },
         {
-            id: "edition",
+            id: 'edition',
             iconName: ToolsUtils.getIcon(document.defaultTool),
-            title: t("label.edition.title"),
-            description: t("label.edition.description"),
+            title: t('label.edition.title'),
+            description: t('label.edition.description'),
             onClick: () => handleClickDocument(document.uid),
-            buttonClassName: document.defaultTool === "DESIGN" ? "action-design" : undefined,
+            buttonClassName: document.defaultTool === 'DESIGN' ? 'action-design' : undefined,
         },
         {
-            id: "syntactic",
-            iconName: "graph_4",
-            title: t("label.syntactic.title"),
-            description: t("label.syntactic.description"),
+            id: 'syntactic',
+            iconName: 'graph_4',
+            title: t('label.syntactic.title'),
+            description: t('label.syntactic.description'),
             onClick: handleReview,
         },
         {
-            id: "resume",
-            iconName: "play_arrow",
-            title: t("label.resume.title"),
-            description: t("label.resume.description"),
+            id: 'resume',
+            iconName: 'play_arrow',
+            title: t('label.resume.title'),
+            description: t('label.resume.description'),
             onClick: handleResume,
         },
         {
-            id: "transcription",
-            iconName: "checkbook",
-            title: t("label.transcription.title"),
-            description: t("label.transcription.description", {
+            id: 'transcription',
+            iconName: 'checkbook',
+            title: t('label.transcription.title'),
+            description: t('label.transcription.description', {
                 pageNumber: pageOrder,
             }),
             onClick: handleTranscription,
         },
         {
-            id: "automatic",
-            iconName: "settings_timelapse",
-            title: t("label.automatic.title"),
-            description: t("label.automatic.description"),
+            id: 'automatic',
+            iconName: 'settings_timelapse',
+            title: t('label.automatic.title'),
+            description: t('label.automatic.description'),
             onClick: () => setOpenAutomatic(true),
         },
         {
-            id: "sync",
-            iconName: "sync",
-            title: t("label.sync.title"),
-            description: t("label.sync.description"),
+            id: 'sync',
+            iconName: 'sync',
+            title: t('label.sync.title'),
+            description: t('label.sync.description'),
             onClick: handleSyncSearch,
         },
         {
-            id: "remove",
-            iconName: "delete",
-            title: t("actions.label.remove"),
-            description: t("actions.label.remove.description"),
+            id: 'remove',
+            iconName: 'delete',
+            title: t('actions.label.remove'),
+            description: t('actions.label.remove.description'),
             onClick: () => setOpenRemove(true),
         },
     ];
     const visibleActions = actionOptions.filter((action) => !hidden.has(action.id));
-    return (_jsxs("div", { className: "file-actions-container", children: [_jsx("div", { className: "header", children: _jsx("div", { className: "title", children: t("actions.label.title") }) }), _jsxs("div", { className: "body", children: [visibleActions.map(({ id, iconName, title, description, onClick, buttonClassName }) => (_jsxs("div", { className: "action-line", onClick: onClick, children: [_jsx("div", { className: `action-button${buttonClassName ? ` ${buttonClassName}` : ""}`, children: _jsx(Icon, { name: iconName, size: "medium" }) }), _jsxs("div", { className: "action-desc", children: [_jsx("span", { className: "title", children: title }), _jsx("span", { children: description })] })] }, id))), !hidden.has("inconsistency") && (_jsx(InconsistencyActions, { document: document }))] }), openRemove && (_jsx(DocumentRemove, { document: document, setFilter: setFilter, onClose: () => setOpenRemove(false), useGrid: useGrid, setOpenFile: setOpenFile })), openAutomatic && (_jsx(AutomaticParser, { document: document, onClose: () => setOpenAutomatic(false) })), openRemoveSentences && pageUid && (_jsx(PageRemoveSentences, { pageUid: pageUid, onClose: () => setOpenRemoveSentences(false), onSuccess: () => {
+    return (_jsxs("div", { className: "file-actions-container", children: [_jsxs("div", { className: "body", children: [visibleActions.map(({ id, iconName, title, description, onClick, buttonClassName }) => (_jsxs("div", { className: "action-line", onClick: onClick, children: [_jsx("div", { className: `action-button${buttonClassName ? ` ${buttonClassName}` : ''}`, children: _jsx(Icon, { name: iconName, size: "medium" }) }), _jsxs("div", { className: "action-desc", children: [_jsx("span", { className: "title", children: title }), _jsx("span", { children: description })] })] }, id))), !hidden.has('inconsistency') && (_jsx(InconsistencyActions, { document: document }))] }), openRemove && (_jsx(DocumentRemove, { document: document, setFilter: setFilter, onClose: () => setOpenRemove(false), useGrid: useGrid, setOpenFile: setOpenFile })), openAutomatic && (_jsx(AutomaticParser, { document: document, onClose: () => setOpenAutomatic(false) })), openRemoveSentences && pageUid && (_jsx(PageRemoveSentences, { pageUid: pageUid, onClose: () => setOpenRemoveSentences(false), onSuccess: () => {
                     onPageReload?.();
                     setOpenFile(false);
                 } }))] }));

package/dist/features/DocumentDrawer/Actions/style.scss

@@ -1,6 +0,0 @@
-.file-actions-container {
-  .body {
-    height: 94vh;
-    overflow-y: auto;
-  }
-}

package/dist/features/DocumentDrawer/DocumentDrawer.d.ts

@@ -1,8 +1,8 @@
-import CatalogSearchFilter from "./types/CatalogSearchFilter";
-import Category from "./types/Category";
-import type { DocumentDrawerActionId } from "./types/DocumentDrawerActionId";
-import { Document } from "./deps";
-import "./style.scss";
+import CatalogSearchFilter from './types/CatalogSearchFilter';
+import Category from './types/Category';
+import type { DocumentDrawerActionId } from './types/DocumentDrawerActionId';
+import { Document } from './deps';
+import './style.scss';
 export type DocumentDrawerProps = {
     uid: string;
     setOpenFile: (b: boolean) => void;

package/dist/features/DocumentDrawer/DocumentDrawer.js

@@ -1,25 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import documenService from "./services/DocumentService";
-import { Drawer, Tab, Tabs } from "@mui/material";
-import { useEffect, useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { Participants, useCorpusUtils } from "./deps";
-import { Icon } from "tycho-storybook";
-import DocumentMetadata from "./Metadata/DocumentMetadata";
-import Actions from "./Actions";
-import DocumentExport from "./DocumentExport";
-import DocumentLexicon from "./DocumentLexicon";
-import Github from "./Github";
-import ImageGallery from "./ImageGallery";
-import Info from "./Info";
-import Boxes from "./Pages/Boxes";
-import Pages from "./Pages/Pages";
-import "./style.scss";
+import documenService from './services/DocumentService';
+import { Drawer, Tab, Tabs } from '@mui/material';
+import { useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Participants, useCorpusUtils } from './deps';
+import { Icon, IconButton } from 'tycho-storybook';
+import DocumentMetadata from './Metadata/DocumentMetadata';
+import Actions from './Actions';
+import DocumentExport from './DocumentExport';
+import DocumentLexicon from './DocumentLexicon';
+import Github from './Github';
+import ImageGallery from './ImageGallery';
+import Info from './Info';
+import Boxes from './Pages/Boxes';
+import Pages from './Pages/Pages';
+import './style.scss';
 export default function DocumentDrawer({ uid, setOpenFile, setFilter, handleChange, handleClickDocument, useGrid, categoriesHierarchy, pageUid, pageOrder, onPageReload, hiddenActions, }) {
-    const { t } = useTranslation("document");
+    const { t } = useTranslation('document');
     const { getCorpus, hasParameter } = useCorpusUtils();
     const [document, setDocument] = useState();
-    const [activeKey, setActiveKey] = useState("actions");
+    const [activeKey, setActiveKey] = useState('actions');
     const fileItems = useMemo(() => {
         if (!document)
             return [];
@@ -34,7 +34,7 @@ export default function DocumentDrawer({ uid, setOpenFile, setFilter, handleChan
     const renderPages = () => {
         if (!document)
             return null;
-        if (document.defaultTool && document.defaultTool === "DESIGN")
+        if (document.defaultTool && document.defaultTool === 'DESIGN')
             return (_jsx(Boxes, { document: document, setDocument: setDocument, setOpenFile: setOpenFile, handleChange: handleChange }));
         return (_jsx(Pages, { document: document, setDocument: setDocument, setOpenFile: setOpenFile, handleChange: handleChange }));
     };
@@ -45,58 +45,58 @@ export default function DocumentDrawer({ uid, setOpenFile, setFilter, handleChan
     }, [uid]);
     if (!document)
         return null;
-    return (_jsx(Drawer, { anchor: "left", open: true, onClose: () => setOpenFile(false), className: "offcanvas-file", children: _jsxs("div", { className: "drawer-container", children: [_jsxs("div", { className: "tabs-col", children: [_jsxs("div", { className: "nav-item-close", onClick: () => setOpenFile(false), children: [_jsx("span", { className: "nav-link-icon", children: _jsx(Icon, { name: "arrow_circle_left" }) }), _jsx("span", { className: "title", children: t("menu.label.close") })] }), _jsx(Tabs, { orientation: "vertical", value: activeKey, onChange: handleTabChange, className: "nav", children: fileItems.map((item, idx) => (_jsx(Tab, { value: item.eventKey, label: _jsxs(_Fragment, { children: [_jsx("span", { className: "nav-link-icon", children: _jsx(Icon, { name: item.icon }) }), _jsx("span", { className: "title", children: t(item.title) })] }) }, idx.valueOf()))) })] }), _jsxs("div", { className: "info-col", children: [activeKey === "home" && (_jsx(Info, { document: document, categoriesHierarchy: categoriesHierarchy, handleChange: (updated) => {
-                                handleChange(updated);
-                                setDocument(updated);
-                            } })), activeKey === "metadata" && (_jsx(DocumentMetadata, { document: document, onDocumentChange: (updated) => {
-                                handleChange(updated);
-                                setDocument(updated);
-                            } })), activeKey === "lexicon" && _jsx(DocumentLexicon, { document: document }), activeKey === "export" && _jsx(DocumentExport, { doc: document }), activeKey === "actions" && (_jsx(Actions, { document: document, setOpenFile: setOpenFile, setFilter: setFilter, handleClickDocument: handleClickDocument, useGrid: useGrid, pageUid: pageUid, pageOrder: pageOrder, onPageReload: onPageReload, hiddenActions: hiddenActions })), activeKey === "pages" && renderPages(), activeKey === "gallery" && (_jsx(ImageGallery, { document: document, setDocument: setDocument, handleChange: handleChange })), activeKey === "participants" && (_jsx(Participants, { document: document.uid, participants: document.participants || [], onChange: (r) => setDocument({ ...document, participants: r }), useChat: hasParameter(getCorpus(), "useParticipantChat") })), activeKey === "github" && (_jsx(Github, { document: document, setOpenFile: setOpenFile }))] })] }) }));
+    return (_jsx(Drawer, { anchor: "left", open: true, onClose: () => setOpenFile(false), className: "offcanvas-file", children: _jsxs("div", { className: "drawer-container", children: [_jsxs("div", { className: "drawer-header", children: [_jsxs("div", { className: "header-content", children: [_jsx("div", { className: "corpus", children: getCorpus().name }), _jsx("div", { className: "document", children: document.name })] }), _jsx(IconButton, { name: "close", size: "medium", mode: "ghost", iconSize: "medium", onClick: () => setOpenFile(false) })] }), _jsxs("div", { className: "drawer-body", children: [_jsx("div", { className: "tabs-col", children: _jsx(Tabs, { orientation: "vertical", value: activeKey, onChange: handleTabChange, className: "nav", children: fileItems.map((item, idx) => (_jsx(Tab, { value: item.eventKey, label: _jsxs(_Fragment, { children: [_jsx("span", { className: "nav-link-icon", children: _jsx(Icon, { name: item.icon }) }), _jsx("span", { className: "title", children: t(item.title) })] }) }, idx.valueOf()))) }) }), _jsxs("div", { className: "info-col", children: [activeKey === 'home' && (_jsx(Info, { document: document, categoriesHierarchy: categoriesHierarchy, handleChange: (updated) => {
+                                        handleChange(updated);
+                                        setDocument(updated);
+                                    } })), activeKey === 'metadata' && (_jsx(DocumentMetadata, { document: document, onDocumentChange: (updated) => {
+                                        handleChange(updated);
+                                        setDocument(updated);
+                                    } })), activeKey === 'lexicon' && _jsx(DocumentLexicon, { document: document }), activeKey === 'export' && _jsx(DocumentExport, { doc: document }), activeKey === 'actions' && (_jsx(Actions, { document: document, setOpenFile: setOpenFile, setFilter: setFilter, handleClickDocument: handleClickDocument, useGrid: useGrid, pageUid: pageUid, pageOrder: pageOrder, onPageReload: onPageReload, hiddenActions: hiddenActions })), activeKey === 'pages' && renderPages(), activeKey === 'gallery' && (_jsx(ImageGallery, { document: document, setDocument: setDocument, handleChange: handleChange })), activeKey === 'participants' && (_jsx(Participants, { document: document.uid, participants: document.participants || [], onChange: (r) => setDocument({ ...document, participants: r }), useChat: hasParameter(getCorpus(), 'useParticipantChat') })), activeKey === 'github' && (_jsx(Github, { document: document, setOpenFile: setOpenFile }))] })] })] }) }));
 }
 const baseFileItems = [
     {
-        eventKey: "actions",
-        icon: "manufacturing",
-        title: "menu.label.actions",
+        eventKey: 'actions',
+        icon: 'manufacturing',
+        title: 'menu.label.actions',
     },
     {
-        eventKey: "home",
-        icon: "info",
-        title: "menu.label.home",
+        eventKey: 'home',
+        icon: 'info',
+        title: 'menu.label.home',
     },
     {
-        eventKey: "pages",
-        icon: "article",
-        title: "menu.label.pages",
+        eventKey: 'pages',
+        icon: 'article',
+        title: 'menu.label.pages',
     },
     {
-        eventKey: "gallery",
-        icon: "photo_library",
-        title: "menu.label.images",
+        eventKey: 'gallery',
+        icon: 'photo_library',
+        title: 'menu.label.images',
     },
     {
-        eventKey: "metadata",
-        icon: "bookmark",
-        title: "menu.label.metadata",
+        eventKey: 'metadata',
+        icon: 'bookmark',
+        title: 'menu.label.metadata',
     },
     {
-        eventKey: "lexicon",
-        icon: "sort_by_alpha",
-        title: "menu.label.lexicon",
+        eventKey: 'lexicon',
+        icon: 'sort_by_alpha',
+        title: 'menu.label.lexicon',
     },
     {
-        eventKey: "export",
-        icon: "file_export",
-        title: "menu.label.export",
+        eventKey: 'export',
+        icon: 'file_export',
+        title: 'menu.label.export',
     },
     {
-        eventKey: "participants",
-        icon: "group",
-        title: "menu.label.participants",
+        eventKey: 'participants',
+        icon: 'group',
+        title: 'menu.label.participants',
     },
 ];
 const githubFileItem = {
-    eventKey: "github",
-    icon: "code",
-    title: "menu.label.github",
+    eventKey: 'github',
+    icon: 'code',
+    title: 'menu.label.github',
 };

package/dist/features/DocumentDrawer/localization/DocumentTexts.d.ts

@@ -1,6 +1,5 @@
 export declare const DocumentTexts: {
     en: {
-        'menu.label.close': string;
         'menu.label.home': string;
         'menu.label.pages': string;
         'menu.label.images': string;
@@ -46,7 +45,6 @@ export declare const DocumentTexts: {
         'placeholder.empty.images': string;
     };
     'pt-BR': {
-        'menu.label.close': string;
         'menu.label.home': string;
         'menu.label.pages': string;
         'menu.label.images': string;
@@ -92,7 +90,6 @@ export declare const DocumentTexts: {
         'placeholder.empty.images': string;
     };
     it: {
-        'menu.label.close': string;
         'menu.label.home': string;
         'menu.label.pages': string;
         'menu.label.images': string;

package/dist/features/DocumentDrawer/localization/DocumentTexts.js

@@ -1,6 +1,5 @@
 export const DocumentTexts = {
     en: {
-        'menu.label.close': 'Close',
         'menu.label.home': 'Details',
         'menu.label.pages': 'Pages',
         'menu.label.images': 'Images',
@@ -46,7 +45,6 @@ export const DocumentTexts = {
         'placeholder.empty.images': 'There are no images for this document.',
     },
     'pt-BR': {
-        'menu.label.close': 'Fechar',
         'menu.label.home': 'Detalhes',
         'menu.label.pages': 'Páginas',
         'menu.label.images': 'Imagens',
@@ -92,7 +90,6 @@ export const DocumentTexts = {
         'placeholder.empty.images': 'Não existem imagens para este documento.',
     },
     it: {
-        'menu.label.close': 'Chiudi',
         'menu.label.home': 'Dettagli',
         'menu.label.pages': 'Pagine',
         'menu.label.images': 'Immagini',

package/dist/features/DocumentDrawer/style.scss

@@ -1,9 +1,46 @@
 .drawer-container {
   display: flex;
+  flex-direction: column;
   height: 100%;
+  overflow: hidden;
+
+  > .drawer-header {
+    display: flex;
+    background-color: #1651aa;
+    color: var(--text-on-color-light);
+    border-bottom: 1px solid var(--border-subtle-2);
+    padding: 8px 24px;
+    gap: 4px;
+
+    .corpus {
+      @include subtitle-small-2;
+    }
+
+    .document {
+      @include body-medium-2;
+    }
+
+    .ds-icon-button {
+      margin-left: auto;
+
+      &:hover {
+        background-color: #13458f;
+      }
+
+      .ds-icon {
+        color: var(--text-on-color-light) !important;
+      }
+    }
+  }
+
+  > .drawer-body {
+    display: flex;
+  }
 
   .info-col {
     width: 75%;
+    overflow-y: auto;
+    height: 94vh;
 
     .header {
       @include subtitle-medium-2;
@@ -98,22 +135,6 @@
         color: var(--text-on-color-light);
       }
     }
-
-    .nav-item-close {
-      display: flex;
-      cursor: pointer;
-      padding: 12px 0 12px 24px;
-      color: var(--text-on-color-light);
-      margin: 24px 0px;
-
-      .title {
-        @include label-medium-1;
-      }
-
-      &:hover {
-        background-color: #1651aa;
-      }
-    }
   }
 }
 

package/dist/features/TreeView/TreeView.js

@@ -32,7 +32,9 @@ export default function TreeView({ struct, expression, selector = "canvas-tree",
             return;
         let tree;
         try {
-            tree = new CytoscapeTreeConverter().execute(struct, showInfo);
+            tree = new CytoscapeTreeConverter().execute(struct, showInfo, {
+                missingPosTagLabel: t('label.token.addTag'),
+            });
         }
         catch (e) {
             setInvalid(true);

package/dist/features/TreeView/cytoscape/CytoscapeTreeConverter.d.ts

@@ -1,9 +1,14 @@
 import { Struct, Token } from '../../../configs/types/Struct';
 import { CytoscapeTreeCalculation } from './NodeCalculation';
+export type CytoscapeTreeConverterOptions = {
+    missingPosTagLabel?: string;
+};
 export default class CytoscapeTreeConverter {
     private ID_SPLITTER;
     private extraInfo;
-    execute(struct: Struct, extraInfo: boolean): CytoscapeTreeCalculation | undefined;
+    private missingPosTagLabel;
+    static formatPosTagLabel(token: Pick<Token, 't' | 'coidx'>, missingPosTagLabel?: string): string;
+    execute(struct: Struct, extraInfo: boolean, options?: CytoscapeTreeConverterOptions): CytoscapeTreeCalculation | undefined;
     getLabelLeaf(token: Token): string;
     private splitAttributeValue;
     private validate;

package/dist/features/TreeView/cytoscape/CytoscapeTreeConverter.js

@@ -4,10 +4,25 @@ export default class CytoscapeTreeConverter {
     constructor() {
         this.ID_SPLITTER = '|';
         this.extraInfo = false;
+        this.missingPosTagLabel = '';
     }
-    execute(struct, extraInfo) {
+    static formatPosTagLabel(token, missingPosTagLabel = '') {
+        const tag = token.t?.trim();
+        const base = tag
+            ? tag
+            : `<span class="token-tag-missing">${missingPosTagLabel}</span>`;
+        let idxLabel = '';
+        if (token.coidx) {
+            for (const idx of token.coidx) {
+                idxLabel += `-${idx.toString()}`;
+            }
+        }
+        return base + idxLabel;
+    }
+    execute(struct, extraInfo, options) {
         if (!this.validate(struct))
             return undefined;
+        this.missingPosTagLabel = options?.missingPosTagLabel ?? '';
         const tree = this.initTree(struct);
         this.extraInfo = extraInfo;
         this.inflate(tree, struct);
@@ -47,12 +62,7 @@ export default class CytoscapeTreeConverter {
         if (!struct.tokens || struct.tokens.length === 0) {
             return false;
         }
-        return struct.tokens.every((token) => {
-            if (token.ec) {
-                return true;
-            }
-            return token.t !== undefined && token.t.trim() !== '';
-        });
+        return true;
     }
     calculatePositions(cytoscape) {
         const converter = new CytoscapePositionCalculator();
@@ -220,8 +230,8 @@ export default class CytoscapeTreeConverter {
             sb.push('-');
             sb.push(`${token.idx}`);
         }
-        if (token.t) {
-            sb.push('+');
+        sb.push('+');
+        if (token.t?.trim()) {
             sb.push(token.t);
         }
         return sb.join('');
@@ -322,7 +332,7 @@ export default class CytoscapeTreeConverter {
             id,
             data: {
                 id,
-                label: this.getLabelValue(token.t, token.coidx),
+                label: CytoscapeTreeConverter.formatPosTagLabel(token, this.missingPosTagLabel),
                 token: JSON.parse(JSON.stringify(token)),
             },
         };

package/dist/features/TreeView/style.scss

@@ -55,6 +55,11 @@
       display: block;
       color: red;
     }
+
+    .token-tag-missing {
+      font-style: italic;
+      color: var(--text-error);
+    }
   }
 }
 

package/dist/features/index.d.ts

@@ -9,6 +9,7 @@ export { EMPTY_PARTICIPANT, } from './Participants/types/Participant';
 export { default as SentenceView } from './SentenceView';
 export { default as TreeView } from './TreeView';
 export { default as CytoscapeTreeConverter } from './TreeView/cytoscape/CytoscapeTreeConverter';
+export type { CytoscapeTreeConverterOptions } from './TreeView/cytoscape/CytoscapeTreeConverter';
 export { default as SyntreesCytoscape } from './TreeView/cytoscape/SyntreesCytoscape';
 export { default as TreeViewSearch } from './TreeView/TreeViewSearch/TreeViewSearch';
 export type { SearchCriteria } from './TreeView/TreeViewSearch/TreeViewSearch';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.28.7",
+  "version": "0.28.10",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -82,7 +82,7 @@
     "react-i18next": "^13.0.2",
     "react-router-dom": "^6.14.2",
     "react-toastify": "^9.1.3",
-    "tycho-storybook": "0.10.0",
+    "tycho-storybook": "0.10.1",
     "wavesurfer-react": "^2.2.2",
     "wavesurfer.js": "^6.6.3"
   },
@@ -111,7 +111,7 @@
     "react-toastify": "^9.1.3",
     "sass-embedded": "^1.97.2",
     "storybook": "^10.1.11",
-    "tycho-storybook": "^0.10.0",
+    "tycho-storybook": "^0.10.1",
     "typescript": "^5.7.3",
     "vite": "^7.0.0",
     "vitest": "^3.2.6",