tycho-components 0.19.5 → 0.19.7

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

@@ -3,6 +3,11 @@ import { CytoscapeTreeCalculation } from './NodeCalculation';
 export default class CytoscapeTreeConverter {
     private ID_SPLITTER;
     private extraInfo;
+    /**
+     * HTML-label extensions and similar code build `#${id}` / querySelector from cytoscape node ids.
+     * Only [a-zA-Z0-9_-] is safe unescaped; e.g. `3+VB-P` or chunk ids with `|` break selector parsing.
+     */
+    private sanitizeGraphNodeId;
     execute(struct: Struct, extraInfo: boolean): CytoscapeTreeCalculation | undefined;
     getLabelLeaf(token: Token): string;
     private splitAttributeValue;

package/dist/TreeView/cytoscape/CytoscapeTreeConverter.js

@@ -5,6 +5,22 @@ export default class CytoscapeTreeConverter {
         this.ID_SPLITTER = '|';
         this.extraInfo = false;
     }
+    /**
+     * HTML-label extensions and similar code build `#${id}` / querySelector from cytoscape node ids.
+     * Only [a-zA-Z0-9_-] is safe unescaped; e.g. `3+VB-P` or chunk ids with `|` break selector parsing.
+     */
+    sanitizeGraphNodeId(raw) {
+        let out = '';
+        for (const ch of raw) {
+            if (/[a-zA-Z0-9_-]/.test(ch)) {
+                out += ch;
+            }
+            else {
+                out += '_' + ch.codePointAt(0).toString(16) + '_';
+            }
+        }
+        return out;
+    }
     execute(struct, extraInfo) {
         if (!this.validate(struct))
             return undefined;
@@ -189,12 +205,13 @@ export default class CytoscapeTreeConverter {
         }
     }
     generateChunkId(chunk) {
-        return `${chunk.i}${this.ID_SPLITTER}${chunk.f}${this.ID_SPLITTER}${chunk.l}${this.ID_SPLITTER}${chunk.t}`;
+        const raw = `${chunk.i}${this.ID_SPLITTER}${chunk.f}${this.ID_SPLITTER}${chunk.l}${this.ID_SPLITTER}${chunk.t}`;
+        return this.sanitizeGraphNodeId(raw);
     }
     generateTokenId(token) {
         const sb = [];
         if (token.p === null)
-            return '0';
+            return this.sanitizeGraphNodeId('0');
         sb.push(`${token.p}`);
         if (token.idx) {
             sb.push('-');
@@ -204,7 +221,7 @@ export default class CytoscapeTreeConverter {
             sb.push('+');
             sb.push(token.t);
         }
-        return sb.join('');
+        return this.sanitizeGraphNodeId(sb.join(''));
     }
     generateLeafId(token) {
         if (token.p === null)

package/dist/configs/mock/MockStructs.d.ts

@@ -3,3 +3,5 @@ export declare const structWithMorphemes: Struct;
 export declare const structNotParsed: Struct;
 export declare const structWithEditionTiers: Struct;
 export declare const structWithMorphemesAndSplitters: Struct;
+/** Minimal tree where a token POS contains `+` / `-` (e.g. VB-P); ids must stay valid for `#${id}` (HTML label layer). */
+export declare const structWithHyphenatedPosTokenId: Struct;

package/dist/configs/mock/MockStructs.js

@@ -1297,3 +1297,25 @@ export const structWithMorphemesAndSplitters = {
     status: 'AUTO',
     parsed: '2025-09-21T17:27:38.388+00:00',
 };
+/** Minimal tree where a token POS contains `+` / `-` (e.g. VB-P); ids must stay valid for `#${id}` (HTML label layer). */
+export const structWithHyphenatedPosTokenId = {
+    uid: 'a1b2c3d4-e5f6-7890-abcd-ef1234567890',
+    parsed: '2026-05-11T12:00:00.000+00:00',
+    tokens: [
+        { p: 1, v: 'they', t: 'N', l: 1 },
+        { p: 2, v: 'might', t: 'M', l: 1 },
+        { p: 3, v: 'run', t: 'VB-P', l: 1 },
+    ],
+    chunks: [
+        {
+            i: 1,
+            f: 3,
+            t: 'IP-MAT',
+            l: 0,
+        },
+    ],
+    corpus: 'C-test',
+    document: 'D-selector',
+    page: 'P1',
+    psd: '(IP-MAT (N they) (M might) (VB-P run))',
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.19.5",
+  "version": "0.19.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -49,7 +49,7 @@
     "react-hook-form": "^7.45.2",
     "react-i18next": "^13.0.2",
     "react-router-dom": "^6.14.2",
-    "tycho-storybook": "0.7.0",
+    "tycho-storybook": "0.7.1",
     "yup": "^1.2.0"
   },
   "devDependencies": {