tycho-components 0.4.2 → 0.4.3

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/package.json

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