@bencamus/tree-chart-core 0.1.0 → 0.1.1

package/dist/base/uuid.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.uuid = uuid;
 /*this is used for assign an id to the nodes of the tree */
-function uuid() {
+export function uuid() {
     const s = [];
     const hexDigits = '0123456789abcdef';
     for (let i = 0; i < 36; i++) {

package/dist/index.js

@@ -1,23 +1,4 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const index_1 = __importDefault(require("./tree-chart/index"));
-exports.default = index_1.default;
-__exportStar(require("./tree-chart/constant"), exports);
-__exportStar(require("./tree-chart/tree-chart"), exports);
+import TreeChartCore from "./tree-chart/index";
+export default TreeChartCore;
+export * from './tree-chart/constant';
+export * from './tree-chart/tree-chart';

package/dist/tree-chart/constant.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MATCH_SCALE_REGEX = exports.MATCH_TRANSLATE_REGEX = exports.ANIMATION_DURATION = exports.DEFAULT_HEIGHT_DECREMENT = exports.DEFAULT_LEVEL_HEIGHT = exports.DEFAULT_NODE_HEIGHT = exports.DEFAULT_NODE_WIDTH = void 0;
-exports.DEFAULT_NODE_WIDTH = 100;
-exports.DEFAULT_NODE_HEIGHT = 100;
-exports.DEFAULT_LEVEL_HEIGHT = 200;
+export const DEFAULT_NODE_WIDTH = 100;
+export const DEFAULT_NODE_HEIGHT = 100;
+export const DEFAULT_LEVEL_HEIGHT = 200;
 /**
  * Used to decrement the height of the 'initTransformY' to center diagrams.
  * This is only a hotfix caused by the addition of '__invisible_root' node
  * for multi root purposes.
  */
-exports.DEFAULT_HEIGHT_DECREMENT = 200;
+export const DEFAULT_HEIGHT_DECREMENT = 200;
 //animation of the branches of the tree
-exports.ANIMATION_DURATION = 10; //orginal 800,  10~>instant 
-exports.MATCH_TRANSLATE_REGEX = /translate\((-?\d+)px, ?(-?\d+)px\)/i;
-exports.MATCH_SCALE_REGEX = /scale\((\S*)\)/i;
+export const ANIMATION_DURATION = 10; //orginal 800,  10~>instant 
+export const MATCH_TRANSLATE_REGEX = /translate\((-?\d+)px, ?(-?\d+)px\)/i;
+export const MATCH_SCALE_REGEX = /scale\((\S*)\)/i;

package/dist/tree-chart/index.js

@@ -1,57 +1,22 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const d3 = __importStar(require("d3"));
-const constant_1 = require("./constant");
-const tree_chart_1 = require("./tree-chart");
-const util_1 = require("./util");
-class TreeChartCore {
+import * as d3 from "d3";
+import { ANIMATION_DURATION, DEFAULT_HEIGHT_DECREMENT, DEFAULT_LEVEL_HEIGHT, DEFAULT_NODE_HEIGHT, DEFAULT_NODE_WIDTH, MATCH_SCALE_REGEX, MATCH_TRANSLATE_REGEX, } from "./constant";
+import { Direction, TreeLinkStyle } from "./tree-chart";
+import { deepCopy, rotatePoint } from "./util";
+export default class TreeChartCore {
     constructor(params) {
         this.interactionMode = null;
         this.treeConfig = {
-            nodeWidth: constant_1.DEFAULT_NODE_WIDTH,
-            nodeHeight: constant_1.DEFAULT_NODE_HEIGHT,
-            levelHeight: constant_1.DEFAULT_LEVEL_HEIGHT,
+            nodeWidth: DEFAULT_NODE_WIDTH,
+            nodeHeight: DEFAULT_NODE_HEIGHT,
+            levelHeight: DEFAULT_LEVEL_HEIGHT,
             focusToNode: false,
             initiallyCollapsed: false,
             useMobileZoom: false,
             collapseDepth: 0, // default value
             useMouseZoom: false,
         };
-        this.linkStyle = tree_chart_1.TreeLinkStyle.CURVE;
-        this.direction = tree_chart_1.Direction.VERTICAL;
+        this.linkStyle = TreeLinkStyle.CURVE;
+        this.direction = Direction.VERTICAL;
         this.collapseEnabled = true;
         this.nodeDataList = [];
         this.linkDataList = [];
@@ -90,7 +55,7 @@ class TreeChartCore {
             const zoomFactor = event.deltaY > 0 ? 0.9 : 1.1;
             //adjust zoom
             const originTransformStr = this.domElement.style.transform;
-            const scaleMatchResult = originTransformStr.match(constant_1.MATCH_SCALE_REGEX);
+            const scaleMatchResult = originTransformStr.match(MATCH_SCALE_REGEX);
             const originScale = scaleMatchResult
                 ? parseFloat(scaleMatchResult[1])
                 : 1;
@@ -110,7 +75,7 @@ class TreeChartCore {
     }
     adjustZoom(factor) {
         const originTransformStr = this.domElement.style.transform;
-        const scaleMatchResult = originTransformStr.match(constant_1.MATCH_SCALE_REGEX);
+        const scaleMatchResult = originTransformStr.match(MATCH_SCALE_REGEX);
         const originScale = scaleMatchResult ? parseFloat(scaleMatchResult[1]) : 1;
         this.setScale(originScale * factor);
     }
@@ -189,7 +154,7 @@ class TreeChartCore {
     }
     getTranslate() {
         const string = this.svgElement.style.transform;
-        const match = string.match(constant_1.MATCH_TRANSLATE_REGEX);
+        const match = string.match(MATCH_TRANSLATE_REGEX);
         if (match === null) {
             return [null, null];
         }
@@ -198,17 +163,17 @@ class TreeChartCore {
         return [x, y];
     }
     isVertical() {
-        return this.direction === tree_chart_1.Direction.VERTICAL;
+        return this.direction === Direction.VERTICAL;
     }
     /**
      * 根据link数据,生成svg path data
      */
     generateLinkPath(d) {
         const self = this;
-        if (this.linkStyle === tree_chart_1.TreeLinkStyle.CURVE) {
+        if (this.linkStyle === TreeLinkStyle.CURVE) {
             return this.generateCurceLinkPath(self, d);
         }
-        if (this.linkStyle === tree_chart_1.TreeLinkStyle.STRAIGHT) {
+        if (this.linkStyle === TreeLinkStyle.STRAIGHT) {
             // the link path is: source -> secondPoint -> thirdPoint -> target
             return this.generateStraightLinkPath(d);
         }
@@ -233,18 +198,18 @@ class TreeChartCore {
                 x: d.source.x,
                 y: d.source.y,
             };
-            return self.direction === tree_chart_1.Direction.VERTICAL
+            return self.direction === Direction.VERTICAL
                 ? sourcePoint
-                : (0, util_1.rotatePoint)(sourcePoint);
+                : rotatePoint(sourcePoint);
         })
             .target(function (d) {
             const targetPoint = {
                 x: d.target.x,
                 y: d.target.y,
             };
-            return self.direction === tree_chart_1.Direction.VERTICAL
+            return self.direction === Direction.VERTICAL
                 ? targetPoint
-                : (0, util_1.rotatePoint)(targetPoint);
+                : rotatePoint(targetPoint);
         });
         return linkPath(d);
     }
@@ -253,8 +218,8 @@ class TreeChartCore {
         let sourcePoint = { x: d.source.x, y: d.source.y };
         let targetPoint = { x: d.target.x, y: d.target.y };
         if (!this.isVertical()) {
-            sourcePoint = (0, util_1.rotatePoint)(sourcePoint);
-            targetPoint = (0, util_1.rotatePoint)(targetPoint);
+            sourcePoint = rotatePoint(sourcePoint);
+            targetPoint = rotatePoint(targetPoint);
         }
         const xOffset = targetPoint.x - sourcePoint.x;
         const yOffset = targetPoint.y - sourcePoint.y;
@@ -324,7 +289,7 @@ class TreeChartCore {
             .append("path")
             .style("opacity", 0)
             .transition()
-            .duration(constant_1.ANIMATION_DURATION)
+            .duration(ANIMATION_DURATION)
             .ease(d3.easeCubicInOut)
             .style("opacity", 1)
             //.attr("class", "link")
@@ -334,7 +299,7 @@ class TreeChartCore {
         });
         links
             .transition()
-            .duration(constant_1.ANIMATION_DURATION)
+            .duration(ANIMATION_DURATION)
             .ease(d3.easeCubicInOut)
             .attr("d", function (d) {
             return self.generateLinkPath(d);
@@ -342,7 +307,7 @@ class TreeChartCore {
         links
             .exit()
             .transition()
-            .duration(constant_1.ANIMATION_DURATION / 2)
+            .duration(ANIMATION_DURATION / 2)
             .ease(d3.easeCubicInOut)
             .style("opacity", 0)
             .remove();
@@ -366,7 +331,7 @@ class TreeChartCore {
         const minExpandedDepth = this.treeConfig.collapseDepth; // min level to expand nodes (-1 is the root)
         if (Array.isArray(externalData)) {
             for (let i = externalData.length - 1; i >= 0; i--) {
-                const rootNode = (0, util_1.deepCopy)(externalData[i]);
+                const rootNode = deepCopy(externalData[i]);
                 this.assignDepth(rootNode, 0);
                 if (this.treeConfig.initiallyCollapsed) {
                     this.collapseAllNodes(rootNode);
@@ -376,7 +341,7 @@ class TreeChartCore {
             }
         }
         else {
-            const rootNode = (0, util_1.deepCopy)(externalData);
+            const rootNode = deepCopy(externalData);
             this.assignDepth(rootNode, 0);
             if (this.treeConfig.initiallyCollapsed) {
                 this.collapseAllNodes(rootNode);
@@ -434,7 +399,7 @@ class TreeChartCore {
             let originOffsetX = 0;
             let originOffsetY = 0;
             if (originTransform) {
-                const result = originTransform.match(constant_1.MATCH_TRANSLATE_REGEX);
+                const result = originTransform.match(MATCH_TRANSLATE_REGEX);
                 if (result !== null && result.length !== 0) {
                     const [offsetX, offsetY] = result.slice(1);
                     originOffsetX = parseInt(offsetX);
@@ -447,7 +412,7 @@ class TreeChartCore {
                 originOffsetY;
             let transformStr = `translate(${newX}px, ${newY}px)`;
             if (originTransform) {
-                transformStr = originTransform.replace(constant_1.MATCH_TRANSLATE_REGEX, transformStr);
+                transformStr = originTransform.replace(MATCH_TRANSLATE_REGEX, transformStr);
             }
             this.svgElement.style.transform = transformStr;
             this.domElement.style.transform = transformStr;
@@ -475,10 +440,10 @@ class TreeChartCore {
             const containerHeight = this.domElement.offsetHeight;
             if (this.isVertical()) {
                 this.initTransformX = Math.floor(containerWidth / 2);
-                this.initTransformY = Math.floor(this.treeConfig.nodeHeight - constant_1.DEFAULT_HEIGHT_DECREMENT);
+                this.initTransformY = Math.floor(this.treeConfig.nodeHeight - DEFAULT_HEIGHT_DECREMENT);
             }
             else {
-                this.initTransformX = Math.floor(this.treeConfig.nodeWidth - constant_1.DEFAULT_HEIGHT_DECREMENT);
+                this.initTransformX = Math.floor(this.treeConfig.nodeWidth - DEFAULT_HEIGHT_DECREMENT);
                 this.initTransformY = Math.floor(containerHeight / 2);
             }
             // Apply initial transform
@@ -572,7 +537,7 @@ class TreeChartCore {
         const nodeX = this.isVertical() ? node.x : node.y;
         const nodeY = this.isVertical() ? node.y : node.x;
         const translateX = Math.floor(containerWidth / 2 - nodeX);
-        const translateY = Math.floor(containerHeight / 2 - nodeY - constant_1.DEFAULT_NODE_HEIGHT * 2 - 10); // -2 nodes to center the diagram +10 of root node
+        const translateY = Math.floor(containerHeight / 2 - nodeY - DEFAULT_NODE_HEIGHT * 2 - 10); // -2 nodes to center the diagram +10 of root node
         const transformString = `scale(${this.currentScale}) translate(${translateX}px, ${translateY}px)`;
         this.svgElement.style.transition = "transform 0.3s ease";
         this.domElement.style.transition = "transform 0.3s ease";
@@ -597,4 +562,3 @@ class TreeChartCore {
         this.treeContainer = null;
     }
 }
-exports.default = TreeChartCore;

package/dist/tree-chart/tree-chart.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TreeLinkStyle = exports.Direction = void 0;
-var Direction;
+export var Direction;
 (function (Direction) {
     Direction["VERTICAL"] = "vertical";
     Direction["HORIZONTAL"] = "horizontal";
-})(Direction || (exports.Direction = Direction = {}));
-var TreeLinkStyle;
+})(Direction || (Direction = {}));
+export var TreeLinkStyle;
 (function (TreeLinkStyle) {
     TreeLinkStyle["CURVE"] = "curve";
     TreeLinkStyle["STRAIGHT"] = "straight";
-})(TreeLinkStyle || (exports.TreeLinkStyle = TreeLinkStyle = {}));
+})(TreeLinkStyle || (TreeLinkStyle = {}));

package/dist/tree-chart/util.js

@@ -1,9 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rotatePoint = rotatePoint;
-exports.deepCopy = deepCopy;
-const uuid_1 = require("../base/uuid");
-function rotatePoint({ x, y }) {
+import { uuid } from "../base/uuid";
+export function rotatePoint({ x, y }) {
     return {
         x: y,
         y: x,
@@ -13,8 +9,8 @@ function rotatePoint({ x, y }) {
 * Returns a deep copy of selected node (copy of itself and it's children).
 * If selected node or it's children have no '_key' attribute it will assign a new one.
 **/
-function deepCopy(node) {
-    let obj = { _key: (0, uuid_1.uuid)() };
+export function deepCopy(node) {
+    let obj = { _key: uuid() };
     for (var key in node) {
         if (node[key] === null) {
             obj[key] = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bencamus/tree-chart-core",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [