tycho-components 0.4.2 → 0.4.4

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

@@ -1,5 +1,5 @@
-import cytoscape, { Core } from 'cytoscape';
-import { CytoscapeTree } from '../../configs/types/Tree';
+import cytoscape, { Core } from "cytoscape";
+import { CytoscapeTree } from "../../configs/types/Tree";
 type Props = {
     selector: string;
     tree: CytoscapeTree;
@@ -7,8 +7,9 @@ type Props = {
     dagre?: boolean;
     wheelSensitivity?: number;
     onReady?: (cy: Core) => void;
+    autoungrabify?: boolean;
 };
 declare const SyntreesCytoscape: {
-    init: ({ selector, tree, dagre, stylesheet, wheelSensitivity, onReady, }: Props) => Core;
+    init: ({ selector, tree, dagre, stylesheet, wheelSensitivity, onReady, autoungrabify, }: Props) => Core;
 };
 export default SyntreesCytoscape;

package/dist/TreeView/cytoscape/SyntreesCytoscape.js

@@ -1,12 +1,12 @@
-import cytoscape from 'cytoscape';
-import defaultStylesheet from './CytoscapeStylesheet';
-import nodeHtmlLabel from 'cytoscape-node-edge-html-label';
+import cytoscape from "cytoscape";
+import defaultStylesheet from "./CytoscapeStylesheet";
+import nodeHtmlLabel from "cytoscape-node-edge-html-label";
 nodeHtmlLabel(cytoscape);
-const init = ({ selector, tree, dagre = false, stylesheet = defaultStylesheet, wheelSensitivity = 1.5, onReady, }) => {
+const init = ({ selector, tree, dagre = false, stylesheet = defaultStylesheet, wheelSensitivity = 1.5, onReady, autoungrabify = true, }) => {
     destroy(selector);
     const cy = cytoscape({
         container: document.getElementById(selector),
-        layout: { name: 'preset' },
+        layout: { name: "preset" },
         elements: { nodes: tree.nodes || [], edges: tree.edges || [] },
         style: stylesheet,
         zoom: 2,
@@ -17,11 +17,11 @@ const init = ({ selector, tree, dagre = false, stylesheet = defaultStylesheet, w
         userZoomingEnabled: true,
         userPanningEnabled: true,
         boxSelectionEnabled: true,
-        selectionType: 'single',
+        selectionType: "single",
         touchTapThreshold: 8,
         desktopTapThreshold: 4,
         autolock: false,
-        autoungrabify: true,
+        autoungrabify,
         autounselectify: false,
         headless: false,
         styleEnabled: true,
@@ -35,21 +35,21 @@ const init = ({ selector, tree, dagre = false, stylesheet = defaultStylesheet, w
     });
     cy.ready(() => {
         if (!cy._htmlLabelsApplied) {
-            const nodesToLabel = cy.nodes('.token');
+            const nodesToLabel = cy.nodes(".token");
             // @ts-ignore (no types)
             cy.nodeHtmlLabel([
                 {
                     query: nodesToLabel,
-                    halign: 'center',
-                    valign: 'center',
-                    tpl: (data) => `<div class="token-data ${data.classes || ''}">${data.label}</div>`,
+                    halign: "center",
+                    valign: "center",
+                    tpl: (data) => `<div class="token-data ${data.classes || ""}">${data.label}</div>`,
                 },
             ]);
             cy._htmlLabelsApplied = true; // mark as applied
         }
         cy.fit();
         cy.center();
-        dagre && cy.layout({ name: 'dagre' }).run();
+        dagre && cy.layout({ name: "dagre" }).run();
         onReady && onReady(cy);
     });
     return cy;
@@ -57,7 +57,7 @@ const init = ({ selector, tree, dagre = false, stylesheet = defaultStylesheet, w
 const destroy = (selector) => {
     const el = document.getElementById(selector);
     if (el)
-        el.innerHTML = '';
+        el.innerHTML = "";
 };
 const SyntreesCytoscape = {
     init,

package/dist/functions/SentenceUtils.d.ts

@@ -1,4 +1,4 @@
-import { Struct, Token } from '../configs/types/Struct';
+import { Struct, Token } from "../configs/types/Struct";
 declare const SentenceUtils: {
     sort: (struct: Struct) => Token[];
     getAsText: (struct: Struct, displayTags?: boolean) => string;
@@ -7,5 +7,6 @@ declare const SentenceUtils: {
     getColspan: (thisToken: Token) => number;
     skipToken: (token: Token, splits?: boolean) => boolean;
     getTag: (token: Token) => string;
+    getEditionTierName: (k: string) => string;
 };
 export default SentenceUtils;

package/dist/functions/SentenceUtils.js

@@ -1,14 +1,15 @@
+import { EditionTiers } from "../configs/types/EditionTiers";
 const getTag = (token) => {
     if (token.split)
-        return token.split.t || '';
-    return token.t ?? '';
+        return token.split.t || "";
+    return token.t ?? "";
 };
 const skipToken = (token, splits) => {
     if (token.ec)
         return true;
     if (!token.v)
         return false;
-    if (!splits && token.v.startsWith('@') && token.split)
+    if (!splits && token.v.startsWith("@") && token.split)
         return true;
     return false;
 };
@@ -17,7 +18,7 @@ const getColspan = (thisToken) => {
 };
 const getAsText = (struct, displayTags) => {
     const tokens = sort(struct);
-    let value = '';
+    let value = "";
     tokens.forEach((token, idx) => {
         if (!isVisible(token))
             return;
@@ -27,7 +28,7 @@ const getAsText = (struct, displayTags) => {
 };
 const getValue = (token, displayTags) => {
     return token.split !== undefined && token.ec === undefined && !displayTags
-        ? token.split.v || ''
+        ? token.split.v || ""
         : token.v;
 };
 const sort = (struct) => {
@@ -47,6 +48,11 @@ const isFirstFromSplit = (token) => {
         return false;
     return token.split.idx !== undefined && token.split.idx === 0;
 };
+const getEditionTierName = (k) => {
+    const idx = Object.values(EditionTiers).indexOf(k);
+    const key = Object.keys(EditionTiers)[idx];
+    return key || k;
+};
 const SentenceUtils = {
     sort,
     getAsText,
@@ -55,5 +61,6 @@ const SentenceUtils = {
     getColspan,
     skipToken,
     getTag,
+    getEditionTierName,
 };
 export default SentenceUtils;

package/package.json

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