apextree 1.3.0 → 1.4.2

package/lib/utils/GraphUtils.d.ts

@@ -1,10 +1,7 @@
-import { Node, TreeNode } from '../models/Graph';
 import { TreeOptions } from '../settings/Options';
+
 export declare const setAttributes: (element: Element | null, attrs?: Record<string, any>) => void;
 export declare const ExpandCollapseButtonSize = 14;
-export declare const highlightToPath: (nodes: ReadonlyArray<TreeNode<Node>>, selfNode: TreeNode<Node>, isHighlighted: boolean, options: TreeOptions) => void;
-export declare const getTooltipStyles: (x: number, y: number, maxWidth: number, borderColor: string, bgColor: string, addPadding: boolean) => ReadonlyArray<string>;
-export declare const generateStyles: (styleObject?: Record<string, number | string>) => string;
-export declare const getTooltip: (tooltipId?: string) => HTMLElement;
-export declare const updateTooltip: (id?: string, styles?: string | undefined, content?: string) => void;
-export declare const camelToKebabCase: (str: string) => string;
+export declare const highlightToPath: (selfNode: any, nodeMap: any, isHighlighted: boolean, options: TreeOptions) => void;
+export declare function processNodes(data: any): Record<string, any>;
+export declare function findParentsWithOnlyLeafNodes(tree: any): any[];

package/package.json

@@ -1,23 +1,37 @@
 {
   "name": "apextree",
-  "version": "1.3.0",
+  "version": "1.4.2",
   "dependencies": {
+    "@dagrejs/dagre": "^1.1.4",
     "@svgdotjs/svg.js": "^3.2.0",
-    "@svgdotjs/svg.panzoom.js": "^2.1.2",
-    "d3-flextree": "^2.1.2"
-  },
-  "peerDependencies": {
-    "@svgdotjs/svg.js": "*",
     "@svgdotjs/svg.panzoom.js": "^2.1.2"
   },
   "type": "module",
-  "typings": "./index.d.ts",
+  "types": "./index.d.ts",
   "main": "./apextree.min.js",
   "module": "./apextree.es.min.js",
+  "license": "See LICENSE in LICENSE",
   "exports": {
     ".": {
-      "import": "./apextree.es.min.js",
-      "require": "./apextree.min.js"
+      "import": {
+        "types": "./index.d.ts",
+        "default": "./apextree.es.min.js"
+      },
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./apextree.min.js"
+      }
     }
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
+    "commitlint": "^19.8.1",
+    "husky": "^9.1.7",
+    "standard-version": "^9.5.0"
+  },
+  "scripts": {
+    "prepare": "husky",
+    "release": "standard-version"
   }
-}
+}

package/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "baseUrl": ".",
+    "rootDir": ".",
+    "module": "commonjs",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "target": "es6",
+    "esModuleInterop": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "lib": [
+      "es2021",
+      "dom"
+    ]
+  },
+  "include": ["src/**/*"],
+  "exclude": [
+    "node_modules",
+    "dist",
+  ],
+  "ts-node": {
+    "esm": true,
+    "experimentalSpecifierResolution": "node"
+  },
+  "files": ["globals.d.ts"]
+}

package/webpack.common.ts

@@ -0,0 +1,68 @@
+import path from 'path';
+import {Compiler, Configuration, WebpackPluginInstance} from 'webpack';
+
+export const ROOT = path.resolve(__dirname, '.');
+
+interface CommonConfig extends Configuration {
+  plugins: (((this: Compiler, compiler: Compiler) => void) | WebpackPluginInstance)[];
+}
+
+export const commonConfig: CommonConfig = {
+  entry: [path.resolve(__dirname, 'src/ApexTree.ts')],
+  output: {
+    clean: true,
+    filename: 'ApexTree.js',
+    path: path.resolve(__dirname, 'dist'),
+    library: 'ApexTree',
+    libraryTarget: 'umd',
+    libraryExport: 'ApexTree',
+  },
+  module: {
+    rules: [
+      {
+        // Include ts, tsx, js, and jsx files.
+        test: /\.(ts|js)?$/,
+        include: [ROOT],
+        exclude: [/node_modules/],
+        use: [
+          {
+            loader: 'babel-loader',
+            options: {
+              // Rely on babel loading it's `babel.config.js` file. If we need to edit it for
+              // Hot Module Reloading support so be it.
+              // https://gist.github.com/rmoorman/94eeed830942758e218d92f15ce58d88
+              presets: [['@babel/preset-env', {targets: 'defaults'}]],
+              plugins: ['@babel/plugin-proposal-class-properties', '@babel/plugin-transform-runtime'],
+            },
+          },
+        ],
+      },
+      {
+        test: /\.ts?$/,
+        include: [ROOT],
+        exclude: [/node_modules/],
+        use: [
+          'babel-loader',
+          {
+            loader: 'ts-loader',
+            options: {
+              configFile: 'tsconfig.json',
+              transpileOnly: true,
+              experimentalWatchApi: true,
+            },
+          },
+        ],
+      },
+      {test: /\.(less)$/, loader: 'asset/resource'},
+      {
+        test: /\.svg$/,
+        loader: 'raw-loader',
+      },
+    ],
+  },
+  resolve: {
+    modules: [__dirname, 'src', 'node_modules'],
+    extensions: ['.ts', '.js'],
+  },
+  plugins: [],
+};

package/webpack.config.ts

@@ -0,0 +1,7 @@
+import {Configuration} from 'webpack';
+
+export default (argv: any, env: any = {mode: 'production'}): Configuration => {
+  const mode = argv?.mode || env.mode;
+  const config: Configuration = require(`./webpack.${mode === 'development' ? 'dev' : 'prod'}`).default;
+  return config;
+};

package/webpack.dev.ts

@@ -0,0 +1,12 @@
+import {Configuration} from 'webpack';
+import {commonConfig} from './webpack.common';
+
+const config: Configuration = {
+  ...commonConfig,
+  mode: 'development',
+  optimization: {
+    minimize: false
+  },
+};
+
+export default config;

package/webpack.prod.ts

@@ -0,0 +1,9 @@
+import {Configuration} from 'webpack';
+import {commonConfig} from './webpack.common';
+
+const config: Configuration = {
+  ...commonConfig,
+  mode: 'production',
+};
+
+export default config;