@disputas/diagram
Advanced tools
Comparing version 1.0.35 to 1.0.36
@@ -24,7 +24,2 @@ import React from "react"; | ||
}; | ||
interface InitialTransform { | ||
x: number; | ||
y: number; | ||
scale: number; | ||
} | ||
interface IDiagramProps { | ||
@@ -58,3 +53,7 @@ propositions: AnalysisCollection<Proposition>; | ||
localeTranslations: LocaleTranslations; | ||
initialTransform?: InitialTransform; | ||
initialTransform?: { | ||
x: number; | ||
y: number; | ||
scale: number; | ||
}; | ||
} | ||
@@ -61,0 +60,0 @@ export declare const LocaleContext: React.Context<{ |
@@ -42,8 +42,4 @@ 'use strict'; | ||
var Diagram = React.forwardRef(function (_a, ref) { | ||
var propositions = _a.propositions, args = _a.args, graphRotation = _a.graphRotation, activePropositionId = _a.activePropositionId, setFocus = _a.setFocus, deleteEdge = _a.deleteEdge, deleteNode = _a.deleteNode, createSimpleEdge = _a.createSimpleEdge, disconnectNode = _a.disconnectNode, toggleProCon = _a.toggleProCon, addConjoinedEdge = _a.addConjoinedEdge, addRelevanceEdge = _a.addRelevanceEdge, updateProposition = _a.updateProposition, updateCategory = _a.updateCategory, categories = _a.categories, ua = _a.ua, noConnect = _a.noConnect, localeTranslations = _a.localeTranslations, _b = _a.initialTransform, initialTransform = _b === void 0 ? { | ||
x: 200, | ||
y: -150, | ||
scale: 0.7, | ||
} : _b; | ||
var _c = React.useState([]), graphs = _c[0], setGraphs = _c[1]; | ||
var propositions = _a.propositions, args = _a.args, graphRotation = _a.graphRotation, activePropositionId = _a.activePropositionId, setFocus = _a.setFocus, deleteEdge = _a.deleteEdge, deleteNode = _a.deleteNode, createSimpleEdge = _a.createSimpleEdge, disconnectNode = _a.disconnectNode, toggleProCon = _a.toggleProCon, addConjoinedEdge = _a.addConjoinedEdge, addRelevanceEdge = _a.addRelevanceEdge, updateProposition = _a.updateProposition, updateCategory = _a.updateCategory, categories = _a.categories, ua = _a.ua, noConnect = _a.noConnect, localeTranslations = _a.localeTranslations, initialTransform = _a.initialTransform; | ||
var _b = React.useState([]), graphs = _b[0], setGraphs = _b[1]; | ||
var svgRef = React.useRef(null); | ||
@@ -124,7 +120,10 @@ var propositionsById = propositions.byId; | ||
events.addEventListener("node:category", updateCategory); | ||
var x = initialTransform.x, y = initialTransform.y, scale = initialTransform.scale; | ||
d3.select("#main") | ||
.call(_zoom) | ||
.call(function () { return _zoom.scaleBy(d3.select("#main"), scale); }) | ||
.call(function () { return _zoom.translateBy(d3.select("#main"), x, y); }) | ||
.call(function () { | ||
return _zoom.scaleBy(d3.select("#main"), (initialTransform === null || initialTransform === void 0 ? void 0 : initialTransform.scale) || 0.7); | ||
}) | ||
.call(function () { | ||
return _zoom.translateBy(d3.select("#main"), (initialTransform === null || initialTransform === void 0 ? void 0 : initialTransform.x) || 200, (initialTransform === null || initialTransform === void 0 ? void 0 : initialTransform.y) || -150); | ||
}) | ||
.on("dblclick.zoom", null); | ||
@@ -131,0 +130,0 @@ }, |
{ | ||
"name": "@disputas/diagram", | ||
"version": "1.0.35", | ||
"version": "1.0.36", | ||
"description": "D3 and Dagre based diagram", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
96314
19
1935